/*
Theme Name: Emall Child
Theme URI: https://demo.theme-sky.com/emall/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: emall
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: emall-child
*/

/* Bottom Menu Mobile Styles */
@media only screen and (max-width: 767px) {
    .visible-phone {
        display: block !important;
    }
    
    .bottom-menu-wrapper.visible-phone {
        margin: 10px 0;
    }
    
    .bottom-menu-wrapper .bottom-menu-items {
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .bottom-menu-wrapper .bottom-menu-items li {
        margin: 5px 0;
    }
    
    .bottom-menu-wrapper .bottom-menu-items a {
        display: block;
        padding: 8px 15px;
        color: inherit;
        text-decoration: none;
    }
}

/* This controls the gap between the main mobile menu and the bottom mobile menu */
.menu-main-mobile {
    max-height: 55% !important;
    
}

/* Hide on Desktop */
@media only screen and (min-width: 768px) {
    .visible-phone {
        display: none !important;
    }
}

/* Bottom Menu Mobile Styles */
#group-icon-header .bottom-menu-wrapper {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--ts-border);
}

#group-icon-header .bottom-menu-wrapper .menu-title {
    font-size: var(--ts-menu-font-size);
    font-family: var(--ts-menu-font-family);
    font-weight: var(--ts-menu-font-weight);
    letter-spacing: var(--ts-menu-letter-spacing);
    color: var(--ts-mobile-menu-color);
    margin-bottom: 15px;
}

#group-icon-header .bottom-menu-wrapper .bottom-menu-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

#group-icon-header .bottom-menu-wrapper .bottom-menu-items li {
    margin: 0;
    padding: 8px 0;
}

#group-icon-header .bottom-menu-wrapper .bottom-menu-items a {
    color: var(--ts-mobile-menu-color);
    text-decoration: none;
    font-size: var(--ts-menu-font-size);
    font-family: var(--ts-menu-font-family);
    font-weight: var(--ts-menu-font-weight);
    letter-spacing: var(--ts-menu-letter-spacing);
}

#group-icon-header .bottom-menu-wrapper .bottom-menu-items a:hover {
    color: var(--ts-mobile-menu-hover);
}