/* Main navigation */
#main-navigation {
  background-color: #F5F5F5;
}
/* Menu text & icons/arrows color change */
#main-navigation .nav-link {
  color: #353535;
}
#main-navigation .nav-item.menu-item--expanded>a:before {
  color: #353535;
}
#main-navigation li.nav-item a {
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}


/* Hover effect */
#main-navigation .nav-link:hover, #main-navigation .nav-link.is-active, #main-navigation .nav-link.active {
  /* background-color: #001c37; */
  background-color: #001d74;
  color: #FFFFFF;
}
/* Sub menu */
#main-navigation .nav li.hover>ul, #main-navigation .nav [aria-expanded=true]+ul {
  background-color: #001d74;
}
#main-navigation .nav li.hover>ul li, #main-navigation .nav [aria-expanded=true]+ul li {
  background-color: #001d74;
}
#main-navigation .nav li.hover>ul li:hover, #main-navigation .nav li.hover>ul li:focus, #main-navigation .nav li.hover>ul li.active, #main-navigation .nav [aria-expanded=true]+ul li:hover, #main-navigation .nav [aria-expanded=true]+ul li:focus, #main-navigation .nav [aria-expanded=true]+ul li.active{
  background-color: #005eb8;
}
/* Fix submenu links that also have .nav-link (e.g. "Our key people") */
#main-navigation .dropdown-menu > li > a:hover, #main-navigation .dropdown-menu > li > a:focus, #main-navigation .dropdown-menu > li > a.is-active, #main-navigation .dropdown-menu > li > a.active {
  background-color: #005eb8;
  color: #ffffff;
}


/* Header menu links */
header .header ul.links li a:hover {
  background-color: #005eb8;
}
header .header ul.links li ul.dropdown-menu li.dropdown-item a {
  background-color: #001d74;
}
header .header ul.links li ul.dropdown-menu li.dropdown-item a:hover, header .header ul.links li ul.dropdown-menu li.dropdown-item a:focus {
  background-color: #005eb8;
}


/* Header search bar */
header .header form input {
    border: 1px solid #005eb8;    
}
header .header form button {
    background-color: #005eb8;
    border: 1px solid #005eb8;    
}
header .header form button:hover, header .header form button:focus {
  background-color: #003e96;
}
header .header form button:hover svg, header .header form button:focus svg {
  color: #fff;
}


/* Landing page theme */
.btn-primary, .node-readmore {
  background: #2B7FFB;
  border-color: #2B7FFB;
}
.btn-primary:hover, .node-readmore:hover, .btn-primary:focus, .node-readmore:focus, .btn-primary:active, .node-readmore:active {
  background: #005eb8 !important;
  border-color: #005eb8;
  color: #ffffff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}


/* Site footer theme */
.site-footer {
  color: #005eb8;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.site-footer .footer-menu {
  background-color: #005eb8;
  font-size: small;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.site-footer .footer-menu .region-footer-first {
    background-color: #005eb8;
}
.site-footer .footer-menu ul li a:hover {
  background-color: #003e96;  
}


/* Homepage links */
a { color: #005eb8;}

a:hover, a:active, a:focus {
  color: #000053;
}


node--view-mode-teaser h2 a:hover, .node--view-mode-teaser .h2 a:hover, .node--view-mode-teaser .field--name-field-group-heading a:hover {
  color: #001c37; 
}

/* Mobile view */
#mobile-menu-button .hamburger-box {
  background-color: #005eb8;
}

/* Mobile menu */
.mm-menu {
  --mm-color-background: #005eb8 !important;
  --mm-color-button: #005eb8;
}
.mm-panel, .mm-panels {
  background: #005eb8;
}
.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
  background: #001d74;
}


/* Headings */
.h1, h1.title {
  color: #000053;
  font-size: 2.2rem;
  line-height: normal;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h2, .h2 {
  color: #000053;
  font-size: 1.8rem;
  line-height: normal;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
h3 {
  font-size: 1.4rem;
  color: #000053;
  line-height: normal;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.h3 {
  color: #005eb8;
  line-height: normal;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}


/* Links */
.node--type-page.node--view-mode-full a, .webform-submission-form a {
  color: #005eb8;
}
/* Homepage h2 link text */
.node--view-mode-teaser h2 a:hover, .node--view-mode-teaser .h2 a:hover, .node--view-mode-teaser .field--name-field-group-heading a:hover {
  color: #000053;
}

.nav-link {
  color: #005eb8;
}

/* Sidebar navigation */
.sidebar nav .nav li.nav-item a:hover {
  color: #001c37;
}

/* Font family */
body, table {
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: #353535;
}


/* Pagination */ 
.pagination .page-item.active .page-link { 
  background-color: #005eb8 !important; 
}   
.pagination .page-link { 
  color: #005eb8 !important;   
}   
.pagination .page-link:hover { 
  background-color: #005eb8 !important;
} 

/* In-page search field and button */
.view-search .view-filters form #edit-keys {
  border: 1.5px solid #005eb8;
}
.view-search .view-filters form #edit-submit-search {
  background-color: #005eb8;
  border: 1px solid #005eb8;
}
.view-search .view-filters form #edit-submit-search:hover, .view-search .view-filters form #edit-submit-search:focus {
  background-color: #003e96 !important;
  border: 1px solid #003e96;
  color: #ffffff !important;
}

/* Alert box */
.alert-secondary {
  --bs-alert-bg: #eff1f3;  
}

/* ----------Accordion styling -------------------*/
/* Accordion container */
.accordion {
  padding: 1rem 0;
  color: #005eb8;
}
/* Summary (heading) */
.accordion summary {
  font-size: large;
  cursor: pointer;
}
/* Accordion title */
.accordion-link {
  color: #005eb8;
  text-decoration: underline;
  font-weight: bold;
}
/* Hover effect */
.accordion-link:hover {
  text-decoration: none;
}
/* Content */
.accordion-content {
  border-left: 2px solid #005eb8;
  color: #353535;
  margin: 0.8rem 0.4rem;
  padding-left: 1rem;
}