/* Override the menu hiding styles */
.hide-menu-items {
    display: block !important;
}

.nav-menu > li {
    display: block !important;
}

.nav-menu > li > a {
    display: block !important;
}

.nav-menu > li:nth-child(5),
.nav-menu > li:nth-child(6),
.nav-menu > li:nth-child(7) {
    display: block !important;
}

/* Fix for navigation toggle in mobile view */
.nav-menus-wrapper-close-button {
    display: block;
}

.nav-toggle {
    display: block;
}

.nav-menus-wrapper {
    transition-property: left;
}

/* Ensure mobile menu toggle works properly */
@media (max-width: 991px) {
    .nav-menus-wrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 80%;
        max-width: 300px;
        left: -400px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        z-index: 100000;
        transition-property: left;
    }
    
    .nav-menus-wrapper-open {
        left: 0 !important;
    }
}