/* Final site overrides loaded after the main stylesheet. */

.site-header {
  position: relative !important;
  z-index: 99990 !important;
  overflow: visible !important;
  isolation: isolate;
}

.site-header .site-nav {
  z-index: 99999 !important;
}

.site-header.is-menu-open .site-nav {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.hero,
.hero-visual,
.hero-carousel,
.carousel-track,
.carousel-slide,
.carousel-arrow,
.carousel-dots {
  z-index: 1 !important;
}

@media (min-width: 721px) {
  .site-header .site-nav {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 0 !important;
    left: auto !important;
    width: min(320px, calc(100vw - 40px)) !important;
    background: #F8F5F0 !important;
    border: 1px solid #DED7CE !important;
    box-shadow: 0 24px 70px rgba(31, 31, 31, 0.18) !important;
  }
}

@media (max-width: 720px) {
  .site-header .site-nav {
    position: fixed !important;
    top: 76px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
    z-index: 99999 !important;
    background: #F8F5F0 !important;
    border: 1px solid #DED7CE !important;
    box-shadow: 0 24px 70px rgba(31, 31, 31, 0.18) !important;
  }
}