/* MFB compact navigation / two access domains -- deliberately scoped to Quatro navigation. */
#header-navbar-wrapper { background: #2b2d36; }
#header-navbar-wrapper #navbar { background: #2b2d36; border: 0; }
#header-navbar-wrapper .navbar-header {position: relative; background: none;}
#header-navbar-wrapper .region-navigation {position: relative;}
/* Site-access selector floats inside the existing logo/header row; not a Drupal menu item. */
#header-navbar-wrapper .mfb-site-access { position: absolute; z-index: 10020; right: 16px; top: 8px; font: 500 13px/1.35 Arial, sans-serif; color: #f8f9fb; }
.mfb-site-access__toggle {cursor: pointer; list-style: none; border: 1px solid #575d6b; border-radius: 8px; background: #343844; color: #f8f9fb; padding: 8px 11px; display: inline-flex; align-items: center; gap: 7px; min-height: 34px; }
.mfb-site-access__toggle::-webkit-details-marker {display:none}
.mfb-site-access__toggle:hover, .mfb-site-access[open] .mfb-site-access__toggle { border-color: #e10020; background: #3d414d; }
.mfb-site-access__toggle:focus-visible, .mfb-site-access__option:focus-visible {outline: 2px solid #ff5b6d; outline-offset: 2px;}
.mfb-site-access__panel {position: absolute; top: calc(100% + 7px); right: 0; width: 268px; background: #fff; color: #252b37; border: 1px solid #dadfe7; box-shadow: 0 12px 30px rgba(0,0,0,.24); border-radius: 10px; padding: 7px;}
.mfb-site-access__option {display:flex; gap:9px; align-items:center; text-decoration:none; border-radius:7px; padding:10px; color:#202633!important; background:transparent; white-space:normal;}
.mfb-site-access__option:hover {background:#f1f3f7; color:#aa0018!important;}
.mfb-site-access__option[aria-current="page"] {background:#f5f5f8;}
.mfb-site-access__content {display:flex; flex-direction:column; min-width:0; gap:3px;}
.mfb-site-access__content strong {font-size:13px; line-height:1.2;}
.mfb-site-access__content small {font-size:11px; font-weight:400; color:#6c7585;}
.mfb-site-access__mark {margin-left:auto;color:#be001b;font-size:16px;}
/* Compact, full-width navigation row without the old heavy red tabs. */
@media (min-width: 992px) {
 #header-navbar-wrapper #block-quatro-main-menu {width:100%;}
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu,
 #header-navbar-wrapper #block-quatro-main-menu > ul.nav {display:flex; align-items:center; justify-content:flex-start; flex-wrap:nowrap; width:100%; border-top:1px solid #414550; min-height:52px; text-align:left;}
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li,
 #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li {display:block; float:none; flex:0 0 auto; position:relative;}
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li:last-child,
 #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li:last-child {margin-left:auto; float:none; background:#20222c;}
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li > a,
 #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li > a {padding:0 18px; display:flex; align-items:center; height:52px; font:700 15px/1.1 'Open Sans Condensed',Arial,sans-serif; text-transform:uppercase; background:transparent; color:#f4f4f7; border-bottom:3px solid transparent; box-sizing:border-box; white-space:nowrap;}
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li > a:hover,
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li > a.is-active,
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li.active > a,
 #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li > a:hover,
 #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li.active > a {background:rgba(255,255,255,.06); border-bottom-color:#e40022; color:#fff;}
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li:last-child > a.menu-path-search {height:52px; width:52px; float:none; text-indent:100px; overflow:hidden; background-position:center center; border-bottom:3px solid transparent;}
 #header-navbar-wrapper #block-quatro-main-menu ul.menu ul,
 #header-navbar-wrapper #block-quatro-main-menu ul.nav ul {background:#fff; color:#222; border:1px solid #e0e2e9; border-top:3px solid #d0001c; border-radius:0 0 9px 9px; box-shadow:0 12px 26px rgba(0,0,0,.15); min-width:210px; padding:6px;}
 #header-navbar-wrapper #block-quatro-main-menu ul.menu li li,
 #header-navbar-wrapper #block-quatro-main-menu ul.nav li li {background:none; padding:0;}
 #header-navbar-wrapper #block-quatro-main-menu ul.menu li li a,
 #header-navbar-wrapper #block-quatro-main-menu ul.nav li li a {color:#242b35!important; background:transparent!important; border-radius:5px; padding:10px 12px; font:600 13px/1.3 Arial,sans-serif; text-transform:none; white-space:normal;}
 #header-navbar-wrapper #block-quatro-main-menu ul.menu li li a:hover,
 #header-navbar-wrapper #block-quatro-main-menu ul.nav li li a:hover {background:#f2f3f6!important; color:#bd001a!important;}
}
@media (min-width:992px) and (max-width:1199px) {
 #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li > a,
 #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li > a {padding-left:12px;padding-right:12px;font-size:13px;}
}
@media (max-width:991px) {
 #header-navbar-wrapper .mfb-site-access {right:56px;top:8px;}
 #header-navbar-wrapper #block-quatro-main-menu ul.menu li {background: none;}
 #header-navbar-wrapper #block-quatro-main-menu ul.menu li a {padding:12px 16px; font-size:15px;}
}
@media (max-width:520px) {
 #header-navbar-wrapper .mfb-site-access {right:55px;top:8px;}
 .mfb-site-access__toggle {padding:7px 9px;font-size:0;gap:3px;}
 .mfb-site-access__toggle .mfb-site-access__icon,.mfb-site-access__toggle .mfb-site-access__caret {font-size:15px;}
 .mfb-site-access__panel {width:min(270px,calc(100vw - 24px));}
}

/* MFB-SEARCH-ICON-FIX:START */
/* The original Quatro search menu item uses an icon as its background.
   Previous compact nav CSS set background:transparent on all links and hid it. */
@media (min-width: 992px) {
  #header-navbar-wrapper #block-quatro-main-menu ul.menu li > a.menu-path-search,
  #header-navbar-wrapper #block-quatro-main-menu ul.nav li > a.menu-path-search {
    display: block;
    position: relative;
    width: 52px;
    min-width: 52px;
    height: 52px;
    padding: 0;
    box-sizing: border-box;
    float: none;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #20222c;
    background-image: url(../images/search_icon_16.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 17px 17px;
  }
  #header-navbar-wrapper #block-quatro-main-menu ul.menu li > a.menu-path-search:hover,
  #header-navbar-wrapper #block-quatro-main-menu ul.nav li > a.menu-path-search:hover {
    background-color: #383b46;
    border-bottom-color: #e40022;
  }
}
/* MFB-SEARCH-ICON-FIX:END */

/* MFB-COMPACT-HEADER-V2:START */
/* Desktop only: reduce the actual branding row AND navigation row.
   Preserve dropdown menu layout, site-access popover and search icon. */
@media (min-width: 992px) {
  #header-navbar-wrapper .navbar-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #header-navbar-wrapper .site-branding,
  #header-navbar-wrapper .branding-data {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  #header-navbar-wrapper .site-branding img,
  #header-navbar-wrapper a.logo img,
  #header-navbar-wrapper .block-system-branding-block img,
  #header-navbar-wrapper #block-quatro-branding img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-height: 61px !important;
    max-width: 100% !important;
    object-fit: contain;
  }
  #header-navbar-wrapper #block-quatro-main-menu > ul.menu,
  #header-navbar-wrapper #block-quatro-main-menu > ul.nav {
    min-height: 40px !important;
  }
  #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li > a,
  #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li > a {
    height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    font-size: 13px;
  }
  #header-navbar-wrapper #block-quatro-main-menu > ul.menu > li > a.menu-path-search,
  #header-navbar-wrapper #block-quatro-main-menu > ul.nav > li > a.menu-path-search {
    width: 42px !important;
    min-width: 42px !important;
    height: 40px !important;
    padding: 0 !important;
    background-image: url(../images/search_icon_16.png) !important;
    background-size: 16px 16px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  #header-navbar-wrapper .mfb-site-access {
    top: 7px;
    right: 16px;
  }
  #header-navbar-wrapper .mfb-site-access__toggle {
    min-height: 29px;
    padding: 5px 9px;
    font-size: 12px;
  }
}
/* MFB-COMPACT-HEADER-V2:END */

/* MFB-RF-SEARCH-V2-CSS:START */
#header-navbar-wrapper a.mfb-site-access {
  text-decoration: none !important;
  color: #fff !important;
  background: #bc0019 !important;
  border: 1px solid #e62842 !important;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 11px;
  font: 700 12px/1.3 Arial,sans-serif;
  min-height: 29px;
  box-shadow: 0 2px 9px rgba(160,0,20,.18);
  white-space: nowrap;
}
#header-navbar-wrapper a.mfb-site-access:hover { background: #e10020 !important; }
#header-navbar-wrapper a.mfb-site-access:focus-visible { outline: 2px solid #ff6075; outline-offset: 2px; }
#header-navbar-wrapper #block-quatro-main-menu .mfb-search-popup .mfb-search-popup__error {
  display:block;
  font: 12px/1.5 Arial,sans-serif;
  color: #b20016;
  padding: 9px 0 0;
  margin: 0;
}
#header-navbar-wrapper #block-quatro-main-menu .mfb-search-popup .mfb-search-popup__error[hidden] {display:none !important;}
#header-navbar-wrapper #block-quatro-main-menu .mfb-search-popup .mfb-search-popup__error a { color: #b20016; text-decoration: underline; }
@media(max-width:520px) {
  #header-navbar-wrapper a.mfb-site-access { padding: 6px 8px; font-size: 11px; }
}
/* MFB-RF-SEARCH-V2-CSS:END */


/* MFB-SEARCH-V3-CSS:START */
/* Search floats above Quatro rather than inheriting menu-item/dropdown styles. */
body > #mfb-search-popup {
  position: fixed !important;
  z-index: 20000 !important;
  display: block;
  box-sizing: border-box;
  width: min(350px, calc(100vw - 24px));
  min-width: 0;
  max-width: calc(100vw - 24px);
  height: auto;
  padding: 15px;
  margin: 0;
  background: #fff !important;
  color: #263142 !important;
  border: 1px solid #e0e4eb !important;
  border-top: 3px solid #c4001b !important;
  border-radius: 10px;
  box-shadow: 0 16px 38px rgba(16, 23, 38, .25);
  text-align: left;
  white-space: normal;
  font: 400 13px/1.4 Arial, sans-serif;
}
body > #mfb-search-popup[hidden] { display: none !important; }
body > #mfb-search-popup .mfb-search-popup__form {
  display: block !important; position: static; float: none;
  width: 100%; max-width: 100%; padding: 0; margin: 0;
  background: transparent; border: 0; box-shadow: none;
}
body > #mfb-search-popup .mfb-search-popup__label {
  display: block; margin: 0 0 10px; padding: 0;
  color: #243045 !important;
  font: 700 13px/1.4 Arial, sans-serif;
}
body > #mfb-search-popup .mfb-search-popup__fields {
  display: flex !important; flex-direction: row; align-items: stretch;
  gap: 8px; width: 100%; min-width: 0;
}
body > #mfb-search-popup .mfb-search-popup__fields input {
  box-sizing: border-box; flex: 1 1 auto; min-width: 0; width: 1px;
  height: 40px; min-height: 40px; padding: 0 11px; margin: 0;
  background: #f9fafc !important; color: #253045 !important;
  border: 1px solid #cdd3df !important; border-radius: 7px !important;
  box-shadow: none !important;
  font: 400 13px/1.25 Arial, sans-serif !important;
}
body > #mfb-search-popup .mfb-search-popup__fields input:focus {
  outline: 2px solid rgba(190,0,23,.18); border-color: #bf0019 !important;
}
body > #mfb-search-popup .mfb-search-popup__fields button {
  box-sizing: border-box; display: inline-flex !important; flex: 0 0 auto;
  align-items: center; justify-content: center;
  width: auto; height: 40px; min-height: 40px;
  margin: 0; padding: 0 15px; float: none;
  background: #bc0019 !important; color: #fff !important;
  border: 0 !important; border-radius: 7px !important;
  box-shadow: none !important; cursor: pointer;
  text-transform: none; text-indent: 0;
  font: 700 13px/1 Arial, sans-serif !important;
}
body > #mfb-search-popup .mfb-search-popup__fields button:hover { background: #e00020 !important; }
body > #mfb-search-popup .mfb-search-popup__fields button:disabled { opacity: .65; cursor: wait; }
body > #mfb-search-popup .mfb-search-popup__error {
  display: block; margin: 10px 0 0; padding: 0;
  color: #a50018 !important; font: 12px/1.5 Arial, sans-serif;
}
body > #mfb-search-popup .mfb-search-popup__error[hidden] { display: none !important; }
body > #mfb-search-popup .mfb-search-popup__error a { color: #aa0018 !important; text-decoration: underline; }
/* MFB-SEARCH-V3-CSS:END */