/* =========================================================================
   Hand-written chrome overrides for the custom site-header/site-footer.
   Loaded AFTER chrome-vendored.css and the child style.css so it wins.
   Restores a few parent rules that CSS vendoring dropped because they are
   ID-based (the vendoring keeps only class-referencing / pure-element rules),
   plus the initial collapsed state our own menu JS (eko4-menu.js) drives.
   ========================================================================= */

@media only screen and (max-width: 991px) {
    /* Mobile nav is collapsed until the hamburger (.responsive-menu-toggle)
       opens it. eko4-menu.js slideToggles it (setting an inline display that
       overrides this). The parent rule that did this was #Top_bar #menu-based
       and was dropped by vendoring. */
    .mobile-menu > nav#menu {
        display: none;
    }

    /* Sub-menus start collapsed in the mobile accordion; the +/- toggle
       slides each one open. */
    .mobile-menu > nav#menu .sub-menu {
        display: none;
    }
}