/* Stop horizontal swipe / off-screen menu on phones. Load last. */
html, body {
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}
body {
  width: 100%;
  position: relative;
  touch-action: pan-y;
}

.nav-inner {
  max-width: 100%;
  min-width: 0;
}

.brand {
  min-width: 0;
}

.slide-bg,
.hero,
.slides,
.slide {
  overflow: hidden;
  max-width: 100%;
}

@media (max-width: 980px) {
  .nav-links:not(.open) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  .nav-links.open {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .has-sub:hover .submenu,
  .has-sub:focus-within .submenu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .has-sub.open .submenu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .submenu {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    transform: none !important;
  }
}