/* Portal drawer: list is moved to on mobile so header transform cannot trap taps. */ @media (max-width: 959px) { .header, .header.is-fixed, .header.is-small { transform: none !important; max-height: none !important; overflow: visible !important; } body > .nav__list, .nav__list--portal { position: fixed !important; z-index: 10050 !important; top: 0 !important; left: -100vw !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 71% !important; height: 100vh !important; height: 100dvh !important; margin: 0 !important; padding: 0 0 24px !important; overflow: auto !important; background: #fff !important; transform: none !important; -webkit-transform: none !important; pointer-events: auto !important; transition: left 0.25s ease-in-out; } body > .nav__list.is-visible, .nav__list--portal.is-visible { left: 0 !important; } body > .nav__list a, body > .nav__list button, .nav__list--portal a, .nav__list--portal button { pointer-events: auto !important; position: relative; z-index: 1; } .nav__toggle { z-index: 10051; } body.has-expanded-nav { overflow: hidden; } body.has-expanded-nav .site-wrapper { overflow: visible; } body.has-expanded-nav .body-overlay { z-index: 10040 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(0, 0, 0, 0.45); pointer-events: auto; } } @media (max-width: 399px) { body > .nav__list, .nav__list--portal { width: 100% !important; } }