/*
Theme Name: trim-child
Template: Trim
Version: 1.0
*/


/* =========================================================
   MOBILE MENU FIX
   ========================================================= */

@media only screen and (max-width: 767px) {

    /*
     * Override parent theme:
     *
     * #menu #main-menu {
     *     display: none !important;
     * }
     */

    html body #menu #main-menu {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }


    /* Keep the menu list visible */
    html body #menu #main-menu ul {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }


    /* Menu items */
    html body #menu #main-menu li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }


    /* Menu links */
    html body #menu #main-menu li a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }


    /*
     * Hide the old "Navigation Menu" toggle.
     * We are making the menu static.
     */
    html body #mobile_nav {
        display: none !important;
    }


    /* If Trim generates #mobile_menu, keep that visible too */
    html body #mobile_menu {
        display: block !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }


    html body #mobile_menu li {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }


    html body #mobile_menu li a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

}