/* ---------------------------------------------------
   Header
--------------------------------------------------- */

/* Top ribbon for branding - 20px blue strip above header */
#header.main-header {
  border-top: 20px solid #005eb8;
}

/* ---------------------------------------------------
   Main Navigation
--------------------------------------------------- */
#main-navigation {
  background-color: #f5f5f5;
  color: #353535;
}

#main-navigation .nav-link {
  color: #353535;
}
#main-navigation li.nav-item a,
#main-navigation .nav-item.menu-item--expanded a { 
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Remove padding to fit menu items in one line */
#main-navigation .header-bottom .col {
  padding: 0;
}

/* ---------------------------------------------------
   Navigation hover states
--------------------------------------------------- */

#main-navigation .nav-item > a.nav-link:hover,
#main-navigation .nav-item > a.nav-link.is-active,
#main-navigation .nav-item > a.nav-link.active {
  background-color: #001d74;
  color: #fff;
}
#main-navigation .nav-item.menu-item--expanded a:hover, #main-navigation .nav-item.menu-item--expanded a:active {
  color: #ffffff;
}

/* ---------------------------------------------------
   Submenus
--------------------------------------------------- */

#main-navigation .nav li:hover > ul, #main-navigation .nav [aria-expanded=true] + ul,
#main-navigation .nav li:hover > ul li, #main-navigation .nav [aria-expanded=true] + ul li {
  background-color: #001d74;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
 
/* Dropdown links */
#main-navigation .dropdown-menu a {
  background-color: #001d74;
  color: #ffffff;
  display: block;
  font-size: 0.9rem !important;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
#main-navigation .dropdown-menu a:hover,
#main-navigation .dropdown-menu a:focus {
  background-color: #005eb8 !important;
  color: #ffffff !important;
}

/* Submenu item hover */
#main-navigation .nav li:hover > ul li:hover,
#main-navigation .nav li:hover > ul li:focus,
#main-navigation .nav li:hover > ul li.active {
  background-color: #005eb8 !important;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* ---------------------------------------------------
   Dropdown arrows
--------------------------------------------------- */
#main-navigation .nav-item.menu-item--expanded>a:before {
  color: #353535;
 }
/* Hover state */
#main-navigation .nav-item.menu-item--expanded > a:hover:before,
#main-navigation .nav-item.menu-item--expanded > a:focus:before {
  color: #ffffff;
}
/* Active (current page) */
#main-navigation .nav-item.menu-item--expanded.active > a:before,
#main-navigation .nav-item.menu-item--expanded > a.is-active:before {
  color: #ffffff;
}
/* When dropdown is open */
#main-navigation .nav-item.menu-item--expanded.show > a:before {
  color: #ffffff;
}

/* ---------------------------------------------------
   Banner carousal
--------------------------------------------------- */
.carousel-wrapper .slick-slide .text-wrapper {
  background-color: transparent !important;
}

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

/* ---------------------------------------------------
   Header section
--------------------------------------------------- */
header .header {
  background: #fff;
}
.text-white {
color: #005eb8 !important;
}
header .header .header-phone a {
  color: #001d74;
}

/* ---------------------------------------------------
   Quick Links
--------------------------------------------------- */
#block-quicklinks .nav-item a {
  background: #001d74;
  color: #fff;
}
#block-quicklinks .nav-item a:hover, #block-quicklinks .nav-item a:focus, #block-quicklinks .nav-item a:active {
  background: #005eb8;
}

/* ---------------------------------------------------
   Search Bar
--------------------------------------------------- */
header .header form input {
  border: 1px solid #005eb8;
  border-radius: 1px 0 0 1px;
  color: #353535;
}
header .header form button {
  background-color: #005eb8;
  border: 1px solid #005eb8;
  border-radius: 0 1px 1px 0;
}
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;
}


/* ---------------------------------------------------
   Mobile Menu
--------------------------------------------------- */
#mobile-menu-button .hamburger-box {
  background-color: #005eb8; 
}
.mm-menu {
  --mm-color-background: #005eb8 !important;
  --mm-color-button: #005eb8;
}
.mm-panel, .mm-panels {
  background: #005eb8;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: normal !important;
}
.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
  background: #001d74 !important;
}
#mobile-menu .mm-listitem:hover,
#mobile-menu .mm-listitem:active,
#mobile-menu .mm-listitem:focus {
  background: #001d74;
}
/* Arrow button hover */
#mobile-menu .mm-listitem__btn:hover {
  background: #001d74 !important;
}


/* ---------------------------------------------------
   Homepage-News & Alerts links
--------------------------------------------------- */

#block-views-block-news-and-alerts-block-1 .views-row a {
  color: #353535;
  border-bottom: 1px solid #005eb8;
}
#block-views-block-news-and-alerts-block-1 .views-row .field-content:before {
  color: #005eb8;
}
a {
  color: #005eb8;
}


/* ---------------------------------------------------
   Landing page descriptive txt
--------------------------------------------------- */
#main .bg-grey {
  background: #f5f5f5;
}

/* ---------------------------------------------------
   Resources
--------------------------------------------------- */

#block-resources ul li a {
  margin-left: 1.5rem;
  padding-left: 0;
  color: #353535;
  border-bottom: 1px solid #005eb8;
}
#block-resources ul li:before {
  color: #005eb8;
}

h2, .h2, .field--name-field-group-heading {
  color: #000053;
}

/* ---------------------------------------------------
   Breadcrumbs
--------------------------------------------------- */
.breadcrumb .breadcrumb-item a {
  color: #005eb8;
}
.breadcrumb-item.active {
  color: #636363;
}

/* ---------------------------------------------------
   Headings
--------------------------------------------------- */

.h1 {
  color: #005eb3 !important;
}
h1, h1.title, h2, .h2, h3, .h3, h4, .h4 {
  color: #000053 !important;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
h2 {
  font-size: 1.5rem;
  font-weight: 600;
}
h3 {
  font-size: 1.3rem;
  font-weight: normal;
}
h5, .h5 {
  color: #005eb3;
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.sidebar h2 {
  border-bottom: 1px solid #000053;
}
.sidebar nav .nav li.nav-item a {
  color: #005eb8;
}
.sidebar nav .nav li.nav-item::before {
  color: #005eb8;
}
.sidebar nav .nav li.nav-item.active::before {
  color: #001d74;
}
.sidebar nav .nav li.nav-item.active a.is-active {
  color: #001d74;
}

/* ---------------------------------------------------
   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-submit-search {
  background-color: #005eb8;
  border: 1px solid #005eb8;
  border-radius: 0 1px 1px 0;
}
.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;
}
.view-search .view-filters form #edit-keys {
height: 50px;
border: 1.5px solid #005eb8;
border-radius: 1px 0 0 1px;
color: #636363;
}

/* ---------------------------------------------------
   In-page buttons
--------------------------------------------------- */
.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;
}

/* ---------- bullet lists ----------*/
#toc li a:before {
  color: #005eb8;
}

/* ------- Gallery title - Marblesheen pool -----*/
.gallery-title {
  background: #005eb8;
  color: #fff;
}

/* -------- Callout boxes --------*/
#main .oir-callout {
  background: #f3f4f5;
  border-left: 3px solid #005eb8;
  border-radius: 4px;
}

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

/* ---------------------------------------------------
   Footer
--------------------------------------------------- */

.site-footer {
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  background-color: #005eb8;
  color: #fff;
  margin-top: 1rem;
}
.site-footer__first {
  background-color: #005eb8;
}
.site-footer__second {
  background-color: #005eb8;
}
.site-footer__second ul li a {
  color: #fff;
}
.site-footer__first ul li a {
  color: #fff;
}
.site-footer .content {
  color: #fff;
}

/* -------- Footer title (QG text) ---------*/
.footer-title {
  padding: 20px;
  color: #fff;
  font-size: 1.25rem;
}

/* --------- Remove Justify menu list --------- */
.site-footer__first ul {
 justify-content: flex-start !important;
}