/* --------------------------- DfQ rebranding - Override stylesheet ---------------*/


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

#header {
    background-color: #FFFFFF;
    border-top: 20px solid #005eb8;
}

header .header .header__logo {
    width: auto;
    margin-bottom: 0.5rem;
}
  
header .header {
    background: #FFFFFF;
}

.header-nav ul li:last-child a {
    background-color: #001d74;
}
.header-nav ul li:last-child a:hover {
    background-color: #005eb8;
}

.header .h2 {
    color: #005eb8;
    font-weight: 700;
}
  

/* ---------------------------------------------------
   Search Bar
--------------------------------------------------- */

header .header form button {
      background-color: #005eb8;
      border: 1px solid #005eb8;
      border-radius: 0 1px 1px 0;
}
header .header form input {
      border: 1px solid #005eb8;
      border-radius: 1px 0 0 1px;
      color: #353535;
}
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;
  }  
  #mobile-menu .mm-listitem__btn:hover {
    background: #001d74 !important;
  }
    
/* ---------------------------------------------------
   Main navigation - Desktop
--------------------------------------------------- */
  
#main-navigation {
    background-color: #f5f5f5;
    color: #353535;
}
#main-navigation .nav-link {
    font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: bold;
    color: #353535;
}
#main-navigation .nav-link:hover, #main-navigation .nav-link.is-active, #main-navigation .nav-link.active {
    background-color: #001d74;
    color: #fff;
}

/* ---------------- Dropdown links -------------------*/
#main-navigation .dropdown-menu a {
    background-color: #001d74;
    color: #ffffff;
    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;
}
/* Active page of the menu item */
#main-navigation .nav li:hover > ul li.active > a {
    color: #ffffff !important;
}

/* ---------------- Dropdown arrows -------------------*/
#main-navigation .nav-item.menu-item--expanded>a:before {
    /*font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;*/
    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;
}*/

/* ---------------------------------------------------
   Homepage - Featured content
--------------------------------------------------- */

/* ----------- Featured boxes on RHS ------------- */
.paragraph--type-shortcuts .col-6:first-child .paragraph--type-shortcut {
    background-color: #e6f6ff;
}
.paragraph--type-shortcuts .col-6:nth-child(2) .paragraph--type-shortcut {
    background-color: #001d74;
    color: #fff;
}
.paragraph--type-shortcuts .col-6:nth-child(3) .paragraph--type-shortcut {
    background-color: #005eb8;
    color: #fff;
}
.paragraph--type-shortcuts .col-6:last-child .paragraph--type-shortcut {
    background-color: #a6defd;
}
 /* On Hover */
 .paragraph--type-shortcuts .col-6:first-child .paragraph--type-shortcut:hover {
    background-color: rgba(136 186 214) !important;
}
 .paragraph--type-shortcuts .col-6:nth-child(2) .paragraph--type-shortcut:hover {
    background-color: rgba(0, 29, 116, 0.8) !important;
}
.paragraph--type-shortcuts .col-6:nth-child(3) .paragraph--type-shortcut:hover {
    background-color: rgba(0, 94, 184, 0.8) !important;
}
.paragraph--type-shortcuts .col-6:last-child .paragraph--type-shortcut:hover {
    background-color: rgba(70 178 238) !important;
}


/* ---------- 3 Featured boxes in the centre --------- */

.paragraph--type-linked-tile h3, .paragraph--type-linked-tile .h3 {
    background-color: #005eb8;
    color: #fff !important;
    font-weight: 500;
}
.paragraph--type-linked-tile .field--name-field-text {
    background-color: #e6f6ff;
    color: #000000;
}
.paragraph--type-linked-tile .text-wrapper {
    background-color: #e6f6ff;
}

/* News items */

.weight-normal {
    font-weight: 500 !important;
}

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

h1, h2, h3, h4, h5 {
    font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

h1, h2 {
    color: #000053 !important;
  }
 
h1.title {
    font-weight: 700;
    margin-bottom: 1.5rem;
}

a {
    color: #005eb8;
}
a:hover, a:active, a:focus {
   color: #001d74;
}


/* ------------------Sidebar navigation --------------- */
.sidebar nav .nav {
   border-top: 1px solid #000053;
}
.sidebar nav .nav li.nav-item {
    border-bottom: 1px solid #000053;
}
.sidebar nav .nav li.nav-item .nav-link {
    color: #005eb8;
}
.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;
}
  
/* Content pages */

.related-links {
    border: 1px solid #005eb8;
    border-left: 15px solid #005eb8;
}
.node--type-page.node--view-mode-full a, .webform-submission-form a {
    color: #005eb8;
}

/* FAQs  */
.accordion-header .accordion-button {
   color: #005eb8 !important;
   border-top: 1px solid #e1e1e1 !important;
}

/* ----------  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;
} 



/* ---------------------------------------------------
   Footer
--------------------------------------------------- */
.site-footer {
    font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.site-footer .footer-feedback {
    background: #005eb8;
}
.site-footer .footer-menu {
	background-color: #005eb8;
}

.btn-primary, .node-readmore {
    background: #005eb8;
    border-color: #FFFFFF;
}
.btn-primary:hover, .node-readmore:hover, .btn-primary:focus, .node-readmore:focus, .btn-primary:active, .node-readmore:active {
    background: #003e96 !important;
    border-color: #FFFFFF;
}

.slick-dots li button:before {
    color: #001d74;
    opacity: .5;
}


.footer-title {
    color: #fff;
    font-size: 1.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}