/* 1. Force the mobile overlay wrapper to align from the TOP */
.mfp-wrap,
.mfp-container,
div[id*="mobile-nav"],
div[class*="mobile-dock"],
div[class*="mobile-nav"] {
    top: 0 !important;
    bottom: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* 2. Anchor the inner search & close bar to the top of the mobile screen */
.mfp-content,
.mobile-dock-menu,
.mobile-dock-bar,
.mobile-nav-bar-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    margin-top: 0 !important;
}

/* 3. Push the menu list links cleanly down below the search bar */
.mfp-content .mobile-menu-container,
.mobile-dock-menu .menu-wrapper {
    position: absolute !important;
    top: 55px !important;
    left: 0 !important;
    width: 100% !important;
}