/* Sticky header and mobile navigation state. Loaded after the legacy bundle. */
.header.sticky-header .header__inner {
  z-index:1000;
  background:#fff;
  box-shadow:0 4px 16px rgba(20,35,60,.14);
  transform:translateY(0)!important;
}

.slideout-menu { pointer-events:none; }
.slideout-menu.is-open,
body.has-slideout-menu-opened .slideout-menu { pointer-events:auto; }
.slideout-menu.is-open .slideout-menu__wrapper,
body.has-slideout-menu-opened .slideout-menu__wrapper { transform:translateX(0); }
.slideout-menu.is-open .slideout-menu__overlay,
body.has-slideout-menu-opened .slideout-menu__overlay { width:100%; }
.slideout-menu.is-open .icon--close,
body.has-slideout-menu-opened .icon--close { opacity:1!important; display:inline-flex; }
.slideout-menu.is-open .icon--open,
body.has-slideout-menu-opened .icon--open { opacity:0!important; }
body.menu-open,
body.has-slideout-menu-opened { overflow:hidden; }

.slideout-menu__navigation .menu-item-has-children.is-open > .dropdown-menu-toggle { transform:rotate(-180deg); }
.slideout-menu__navigation .menu-item-has-children.is-open > .sub-menu { height:auto; max-height:none; }
.slideout-menu__navigation .dropdown-menu-toggle:focus-visible,
.header__menu-button:focus-visible { outline:2px solid #f39a1e; outline-offset:3px; }

@media(max-width:991px) {
  .header.sticky-header .header__top,
  .header.sticky-header .header__bottom { display:none!important; }
  .slideout-menu__wrapper { max-width:min(88vw,390px); }
}