/* ===============================
   FORCE MOBILE NAV FIX
   =============================== */

@media (max-width: 768px) {

    /* FORCE hide old desktop nav */
    .nav-wrapper nav,
    .nav-wrapper nav ul,
    .nav-wrapper nav li {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Hamburger button */
    .mobile-menu-toggle {
        display: block !important;
        width: 100%;
        background: #b90000;
        color: #fff;
        border: none;
        padding: 14px;
        font-size: 18px;
        cursor: pointer;
    }

    /* Mobile menu */
    .mobile-nav {
        display: none;
        background: #222;
    }

    .mobile-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mobile-nav li {
        border-bottom: 1px solid #333;
    }

    .mobile-nav a {
        display: block;
        padding: 12px 15px;
        color: #fff;
        text-decoration: none;
    }

    .mobile-nav a:hover {
        background: #b90000;
    }
}

/* Desktop: hide mobile UI */
@media (min-width: 769px) {
    .mobile-menu-toggle,
    .mobile-nav {
        display: none !important;
    }
}