.fh-header-wrapper {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  min-height: 90px;
}

header.site-header {
  position: relative !important;
  width: 100% !important;
  min-height: 90px !important;
  display: block !important;
  background: var(--brand-color) !important;
  font-family: Montserrat, sans-serif !important;
  /* kill any grid or flex from other stylesheets */
  grid-template-columns: unset !important;
  grid-template-rows: unset !important;
  gap: 0 !important;
}

/* Desktop: hide via visibility so hover can fade it in */
@media (min-width: 1051px) {
  header.site-header nav.menu-bar .nav-item.mega-menu-item > ul.mega-sub-menu {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 200ms ease-in, visibility 200ms ease-in !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item:hover > ul.mega-sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Mobile: display none by default, block when sub-open, no hover interference */
@media (max-width: 1050px) {
  header.site-header nav.menu-bar .nav-item.mega-menu-item > ul.mega-sub-menu {
    display: none !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 100% !important;
    box-shadow: none !important;
    padding: 10px !important;
    transition: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item:hover > ul.mega-sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item.sub-open > ul.mega-sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Regular flyout submenus same treatment */
  header.site-header nav.menu-bar .nav-item:not(.mega-menu-item) > ul {
    display: none !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 100% !important;
    max-width: none !important;
    box-shadow: none !important;
    transition: none !important;
    top: auto !important;
  }

  header.site-header nav.menu-bar .nav-item:not(.mega-menu-item):hover > ul {
    display: none !important;
  }

  header.site-header nav.menu-bar .nav-item:not(.mega-menu-item).sub-open > ul {
    display: block !important;
  }
}

/* -----------------------------------------------------------------------------
   2. LOGO — absolute left, vertically centered
----------------------------------------------------------------------------- */

header.site-header .fh-branding {
  position: absolute !important;
  left: 1.5rem !important;
  top: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  z-index: 10 !important;
}

header.site-header .fh-branding #site-logo {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-column: unset !important;
  grid-row: unset !important;
  grid-area: unset !important;
  position: static !important;
}

header.site-header .fh-branding #site-logo a {
  /* display: flex !important; */
  /* align-items: center !important; */
  padding: 0 !important;
}

header.site-header .fh-branding img.site-logo,
header.site-header .fh-branding img.fh-logotype {
  display: block !important;
  max-height: 55px !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
}

/* -----------------------------------------------------------------------------
   3. SEARCH — absolute right, full header height, yellow square
----------------------------------------------------------------------------- */

header.site-header .fh-search-wrap {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: auto !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: stretch !important;
}

/* The CMS block renders its own wrapper div — stretch it too */
header.site-header .fh-search-wrap > div,
header.site-header .fh-search-wrap .block {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
}

header.site-header .fh-search-wrap .nav-search-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  height: 100% !important;
  cursor: pointer !important;
  min-width: unset !important;
  transition: background 0.2s ease !important;
  background: #ffc629 !important;
  color: #00074f !important;
  padding-left: 43px !important;
  padding-right: 43px !important;
  border-bottom-width: 0px !important;
  width: auto !important;
}

header.site-header .fh-search-wrap .nav-search-button:hover {
  background: #e6b200 !important;
}

header.site-header .fh-search-wrap .nav-search-button svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
}

header.site-header .fh-search-wrap .nav-search-button svg path {
  fill: #111111 !important;
}

/* Search dropdown panel */
header.site-header .fh-search-wrap .search-container {
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: fixed !important;
  top: 90px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  box-shadow: 4px 4px 15px rgba(0,0,0,0.25) !important;
  padding: 1.5rem !important;
  z-index: 200 !important;
  box-sizing: border-box !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
  height: auto !important;
}

header.site-header .fh-search-wrap .search-container.active {
  opacity: 1 !important;
  visibility: visible !important;
}

header.site-header .fh-search-wrap .search-container .exit-container {
  display: none !important;
}

header.site-header .fh-search-wrap .search-container .search-form {
  display: flex !important;
  align-items: center !important;
  max-width: 950px !important;
  width: 100% !important;
  margin: 0 auto !important;
  gap: 0.5rem !important;
}

header.site-header .fh-search-wrap .search-container .search-form label {
  display: none !important;
}

header.site-header .screen-reader-text {
  position: absolute !important;
  left: -9999px !important;
}

header.site-header .fh-search-wrap .search-container .search-form input.search__field {
  flex-grow: 1 !important;
  font-size: 22px !important;
  padding: 0.5rem 1rem !important;
  border: 1.5px solid var(--brand-color) !important;
  background: #ffffff !important;
  color: #000000 !important;
  height: 48px !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 500 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

header.site-header .fh-search-wrap .search-container .search-form input.search__field:focus {
  border-color: var(--accent1) !important;
}

header.site-header .fh-search-wrap .search-container .search-form .search_btn {
  background: #00074f !important;
  color: #ffffff !important;
  border: none !important;
  padding: 0 1.5rem !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  height: 48px !important;
  white-space: nowrap !important;
  transition: background 0.2s ease !important;
}

header.site-header .fh-search-wrap .search-container .search-form .search_btn:hover {
  background: var(--accent1) !important;
}

/* -----------------------------------------------------------------------------
   4. HAMBURGER TOGGLE — hidden desktop, shown mobile
----------------------------------------------------------------------------- */

header.site-header .responsive-menu-toggle {
  display: none !important;
}

/* -----------------------------------------------------------------------------
   5. NAV — full header width, items inline-block, right-aligned
   Matches old site: mega-menu-wrap takes full width, text-align right,
   items display inline-block at 90px height
----------------------------------------------------------------------------- */

header.site-header nav.menu-bar {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  /* push content away from logo on left and search on right */
  padding: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
  margin: 0 !important;
  height: 90px !important;
  /* kill all previous layout overrides */
  flex: unset !important;
  flex-direction: unset !important;
  justify-content: unset !important;
  align-items: unset !important;
  grid-column: unset !important;
  grid-row: unset !important;
  grid-area: unset !important;
  transform: none !important;
  order: unset !important;
  background: transparent !important;
  overflow: visible !important;
  max-height: none !important;
  pointer-events: auto !important;
  z-index: 101 !important;
}

header.site-header nav.menu-bar ul.menu {
  display: inline !important;
  list-style: none !important;
  padding: 0 !important;
  border: none !important;
  /* kill flex from previous rules */
  flex-direction: unset !important;
  flex-wrap: unset !important;
  gap: unset !important;
  align-items: unset !important;
  width: auto !important;
}

/* -----------------------------------------------------------------------------
   6. NAV ITEMS — inline-block, 82px tall
----------------------------------------------------------------------------- */

header.site-header nav.menu-bar .nav-item {
  display: inline-block !important;
  position: relative !important;
  vertical-align: top !important;
  padding: 0 !important;
margin: 0 32px 0 0 !important;  
  border: none !important;
  height: 90px !important;
  /* kill flex-based display from previous rules */
  align-items: unset !important;
}

/* -----------------------------------------------------------------------------
   7. NAV LINKS — 82px tall, uppercase, 15px, white
----------------------------------------------------------------------------- */

header.site-header nav.menu-bar .nav-item > .nav-link,
header.site-header nav.menu-bar .nav-item > .nav-button {
  display: inline-block !important;
  height: 90px !important;
  line-height: 90px !important;
  color: #ffffff !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 6px solid transparent !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
  transition: color 0.2s ease, border-bottom-color 0.2s ease !important;
  /* kill flex alignment */
  align-items: unset !important;
  flex: unset !important;
}

header.site-header nav.menu-bar .nav-item > .nav-link:hover,
header.site-header nav.menu-bar .nav-item > .nav-button:hover {
  color: #ffc629 !important;
  border-bottom-color: #ffc629 !important;
  text-decoration: none !important;
}

/* Dashicons dropdown arrow */
header.site-header nav.menu-bar .nav-item:has(> ul) > .nav-link::after,
header.site-header nav.menu-bar .nav-item:has(> ul) > .nav-button::after {
  font-family: 'dashicons' !important;
  content: "\f347" !important;
  display: inline-block;
  line-height: 1 !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  margin-left: 6px !important;
  text-transform: none !important;
  vertical-align: middle;
}

@media (min-width: 1300px) {
    header.site-header nav.menu-bar ul.menu{
    margin: 0 10px 0 0 !important;
    }
}
@media (max-width: 1300px) {
  header.site-header nav.menu-bar {
    text-align: right !important;
    padding-right: 110px !important;
  }
}

header.site-header nav.menu-bar .nav-item > .nav-button > svg {
  display: none !important;
}

/* Sub-toggle hidden on desktop */
header.site-header nav.menu-bar .nav-sub-toggle {
  display: none !important;
}

/* -----------------------------------------------------------------------------
   8. FLYOUT DROPDOWN (e.g. About Us)
----------------------------------------------------------------------------- */

header.site-header nav.menu-bar .nav-item > ul {
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 90px !important;
  left: 0 !important;
  width: 250px !important;
  max-width: 250px !important;
  background: #ffffff !important;
  box-shadow: 4px 4px 15px rgba(0,0,0,0.25) !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 200 !important;
  list-style: none !important;
  text-align: left !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
}

header.site-header nav.menu-bar .nav-item:hover > ul {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

header.site-header nav.menu-bar .nav-item > ul .menu-item > a,
header.site-header nav.menu-bar .nav-item > ul .menu-item > span {
  display: block !important;
  padding: 12px 20px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #00074f !important;
  text-decoration: none !important;
  background: #ffffff !important;
  text-align: left !important;
  text-transform: none !important;
  line-height: 1.4 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  height: auto !important;
  line-height: 1.4 !important;
}

header.site-header nav.menu-bar .nav-item > ul .menu-item:first-child > a {
  border-top: none !important;
}

header.site-header nav.menu-bar .nav-item > ul .menu-item > a:hover {
  text-decoration: underline !important;
}
@media (max-width: 1050px) {
  header.site-header nav.menu-bar .mega-sub-menu-grid {
    display: block !important;
    width: 100% !important;
  }

  header.site-header nav.menu-bar .mega-menu-column {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  header.site-header nav.menu-bar .mega-sub-menu-list {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  header.site-header nav.menu-bar .mega-sub-menu-list .mega-menu-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  header.site-header nav.menu-bar .mega-sub-menu-list .mega-menu-link {
    display: block !important;
    width: 100% !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
  }
}
/* -----------------------------------------------------------------------------
   9. MEGA MENU (Services)
----------------------------------------------------------------------------- */

header.site-header nav.menu-bar .nav-item.mega-menu-item {
  position: static !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item > ul.mega-sub-menu {
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: fixed !important;
  top: 90px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  background: #ffffff !important;
  box-shadow: rgba(0,0,0,0.5) -1px 25px 76px 0px !important;
  margin: 0 !important;
  padding: 12px 12px 29px 12px !important;;
  z-index: 999999 !important;
  border: none !important;
  text-align: left !important;
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item:hover > ul.mega-sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-menu-row {
  margin: 0 auto !important;
  padding: 0 20px !important;
  width: 100% !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-sub-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-menu-column {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-sub-menu-list {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-menu-item {
  display: block !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  border: none !important;
  font-family: Montserrat, sans-serif !important;
  height: auto !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-menu-link {
  font-size: 15px !important;
  color: #00074f !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-block !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  font-family: Montserrat, sans-serif !important;
  line-height: 1.4 !important;
  height: auto !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-menu-link:hover {
  text-decoration: underline !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .all-services-block {
  background: #2153b0 !important;
  padding: 24px !important;
  border-radius: 2px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  height: 100% !important;
  max-width: 505px !important;
  box-sizing: border-box !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .all-services-block h2 {
  color: #ffffff !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 28px !important;
  padding: 0 18px !important;
  text-align: center !important;
  margin: 0 0 20px 0 !important;
  line-height: 1.2 !important;
  font-family: 'Libre Baskerville', serif !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .btn.all-services {
  text-decoration: none !important;
  display: block !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .as-button {
  background: #ffc629 !important;
  padding: 10px !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-weight: bold !important;
  color: #000000 !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 15px !important;
}

header.site-header nav.menu-bar .nav-item.mega-menu-item .as-button:hover {
  opacity: 0.8 !important;
}

/* =============================================================================
   MOBILE — max-width: 1050px
   ============================================================================= */

@media (max-width: 1050px) {

  .fh-header-wrapper {
    position: fixed !important;
  }

  header.site-header {
    min-height: 70px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
  }

  /* Logo: back in flow on mobile */
  header.site-header .fh-branding {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    padding-left: 1rem !important;
    height: auto !important;
  }

  header.site-header .fh-branding img.site-logo,
  header.site-header .fh-branding img.fh-logotype {
    max-height: 36px !important;
  }

  header.site-header .fh-branding #site-logo a {
    padding: 0 !important;
  }

  /* Search: hidden on mobile */
  header.site-header .fh-search-wrap {
    display: none !important;
  }

  /* Hamburger: visible */
  header.site-header .responsive-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 60px !important;
    height: 70px !important;
    cursor: pointer !important;
    z-index: 10 !important;
  }

  /* Nav: hidden, drops below header when open */
  header.site-header nav.menu-bar {
    display: none !important;
    position: absolute !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100svh - 70px) !important;
    overflow-y: auto !important;
    background: rgb(0, 7, 79) !important;
    z-index: 9999 !important;
    text-align: left !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .nav-open header.site-header nav.menu-bar {
    display: block !important;
  }

  header.site-header nav.menu-bar ul.menu {
    display: block !important;
    width: 100% !important;
  }

  header.site-header nav.menu-bar .nav-item {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* border-bottom: 1px solid rgba(255,255,255,0.1) !important; */
    position: relative !important;
  }

  header.site-header nav.menu-bar .nav-item > .nav-link,
  header.site-header nav.menu-bar .nav-item > .nav-button {
    display: block !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    border-bottom: none !important;
    width: 100% !important;
    text-align: left !important;
  }

  header.site-header nav.menu-bar .nav-item > .nav-link:hover {
    color: #ffc629 !important;
  }

  /* Hide dashicons on mobile */
  header.site-header nav.menu-bar .nav-item:has(> ul) > .nav-link::after,
  header.site-header nav.menu-bar .nav-item:has(> ul) > .nav-button::after {
    display: none !important;
  }

  /* Sub-toggle visible on mobile */
  header.site-header nav.menu-bar .nav-sub-toggle {
    display: flex !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 40px !important;
    width: 40px !important;
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
    padding: 0 !important;
  }

  header.site-header nav.menu-bar .nav-sub-toggle svg {
    transition: transform 0.2s ease !important;
  }

  header.site-header nav.menu-bar .nav-item.sub-open > .nav-sub-toggle svg {
    transform: rotate(180deg) !important;
  }

  /* Flyout submenus on mobile */
  header.site-header nav.menu-bar .nav-item > ul {
    display: none !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    /* background: rgba(0,0,0,0.25) !important; */
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: none !important;
    top: auto !important;
  }

  header.site-header nav.menu-bar .nav-item.sub-open > ul {
    display: block !important;
  }

  header.site-header nav.menu-bar .nav-item > ul .menu-item > a,
  header.site-header nav.menu-bar .nav-item > ul .menu-item > span {
    padding: 10px 20px !important;
    color: #00074f !important;
    font-size: 15px !important;
    background: #ffffff !important;
    /* border-top: 1px solid rgba(255,255,255,0.05) !important; */
    font-weight: 600 !important;
    text-transform: none !important;
    height: auto !important;
    line-height: 1.5 !important;
  }

  /* Mega menu on mobile */
  header.site-header nav.menu-bar .nav-item.mega-menu-item {
    position: relative !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item > ul.mega-sub-menu {
    display: none !important;
    position: static !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    padding: 10px !important;
    transition: none !important;
    top: auto !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item.sub-open > ul.mega-sub-menu {
    display: block !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item:hover > ul.mega-sub-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item.sub-open:hover > ul.mega-sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  header.site-header nav.menu-bar .nav-item.mega-menu-item .mega-sub-menu-grid {
    grid-template-columns: unset;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  header.site-header nav.menu-bar .mega-menu-column {
    width: 100% !important;
    float: none !important;
  }

  header.site-header nav.menu-bar .mega-menu-item {
    height: auto !important;
  }

  header.site-header nav.menu-bar .mega-menu-link {
    color: rgba(255,255,255,0.85) !important;
    padding: 8px 10px !important;
    display: block !important;
    font-size: 13px !important;
    /* border-top: 1px solid rgba(255,255,255,0.05) !important; */
    height: auto !important;
    line-height: 1.4 !important;
  }

  header.site-header nav.menu-bar .all-services-block {
    margin-bottom: 10px !important;
    max-width: none !important;
  }

  header.site-header nav.menu-bar .all-services-block h2 {
    font-size: 22px !important;
  }

  /* Mobile search strip */
  .nav-mobile-search {
    display: block !important;
    width: 100% !important;
    background: #ffc629 !important;
    padding: 0 !important;
  }

  .nav-mobile-search-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    color: #111111 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
  }

  .nav-mobile-search-btn span {
    display: none !important;
  }

  .nav-mobile-search-form {
    display: none;
    background: #ffffff !important;
    padding: 1rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .nav-mobile-search-form.open {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }

  .nav-mobile-search-form.open form {
    display: contents !important;
  }

  .nav-mobile-search-input {
    flex-grow: 1 !important;
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    border: 1.5px solid #00074f !important;
    outline: none !important;
    box-sizing: border-box !important;
  }

  .nav-mobile-search-submit {
    padding: 0.5rem 1rem !important;
    background: #00074f !important;
    color: #ffffff !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 1rem !important;
    white-space: nowrap !important;
  }

  /* Mobile search overlay */
  header.site-header .fh-search-wrap .search-container.active {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 120px !important;
    align-items: center !important;
    z-index: 99999 !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 1rem !important;
  }

}

@media (min-width: 1051px) {
  .nav-mobile-search {
    display: none !important;
  }
  .nav-mobile-search-form {
    display: none !important;
  }
  header.site-header nav.menu-bar .nav-item:has(> ul) > .nav-link::after{
  margin-bottom: 4px
}
  /* header.site-header nav.menu-bar {
    margin-left: 100px !important;
  } */
}

/* =============================================================================
   HAMBURGER ANIMATION
   ============================================================================= */

.hamburger-box {
  width: 40px !important;
  height: 24px !important;
  display: inline-block !important;
  position: relative !important;
}

.hamburger-inner {
  display: block !important;
  top: 2px !important;
  width: 40px !important;
  height: 4px !important;
  background-color: #ffffff !important;
  border-radius: 4px !important;
  position: absolute !important;
  transition-property: transform !important;
  transition-duration: 0.15s !important;
  transition-timing-function: ease !important;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "" !important;
  display: block !important;
  width: 40px !important;
  height: 4px !important;
  background-color: #ffffff !important;
  border-radius: 4px !important;
  position: absolute !important;
}

.hamburger-inner::before {
  top: 10px !important;
  transition-property: transform, opacity !important;
  transition-duration: 0.15s !important;
  transition-timing-function: ease !important;
}

.hamburger-inner::after {
  top: 20px !important;
  transition-property: transform !important;
  transition-duration: 0.15s !important;
  transition-timing-function: ease !important;
}

.responsive-menu-toggle.nav-open .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg) !important;
}

.responsive-menu-toggle.nav-open .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0) !important;
  opacity: 0 !important;
}

.responsive-menu-toggle.nav-open .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg) !important;
}

/* =============================================================================
   DASHICONS
   ============================================================================= */

@font-face {
  font-family: 'dashicons';
  src: url("/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800");
  src: url("/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800#iefix") format("embedded-opentype"),
       url("/wp-includes/fonts/dashicons.woff2?99ac726223c749443b642ce33df8b800") format("woff2"),
       url("/wp-includes/fonts/dashicons.woff?99ac726223c749443b642ce33df8b800") format("woff"),
       url("/wp-includes/fonts/dashicons.ttf?99ac726223c749443b642ce33df8b800") format("truetype");
  font-weight: 400;
  font-style: normal;
}