@media only screen and (max-width: 767px) {
    html.nav-before-open body .page-wrapper {
        overflow: visible;
    }

    html.nav-open body .page-header .dropdown-navigation-init {
        top: 0;
    }

    html.nav-open body .page-header .nav-sections {
        top: var(--mobile-navigation-top, 0px);
        height: calc(100% - var(--mobile-navigation-top, 0px));
        z-index: 1000;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .cms-index-index #homepage-banner-slider {
        position: relative;
        z-index: 0;
        isolation: isolate;
    }
}

@media only screen and (max-width: 767px) {
    .fyb-mobile-header-placeholder {
        height: var(--mobile-header-space) !important;
    }

    .sticky-notification-bar {
        transition: transform 280ms ease, opacity 220ms ease, visibility 280ms;
    }

    .page-header {
        top: 0;
        transition: top 280ms ease;
    }

    .page-header .panel.wrapper {
        transition: opacity 220ms ease, visibility 280ms;
    }

    body.fyb-mobile-header-compact .sticky-notification-bar {
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    body.fyb-mobile-header-compact .page-header {
        top: calc(-1 * var(--mobile-header-collapse, 0px)) !important;
    }

    body.fyb-mobile-header-compact .page-header .panel.wrapper {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

@media only screen and (max-width: 767px) and (prefers-reduced-motion: reduce) {
    .sticky-notification-bar,
    .page-header,
    .page-header .panel.wrapper {
        transition: none;
    }
}