/* Virtual Mart Mobile Menu Revert
   Restores original Magento mobile menu layout.
   Mobile only.
*/

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

    .nav-sections-items {
        position: relative !important;
        z-index: 1 !important;
        background: #ffffff !important;
    }

    .nav-sections-item-title,
    .nav-sections .nav-sections-item-title {
        background: #e3e3e3 !important;
        border: solid #d7d7d7 !important;
        border-width: 0 0 1px 1px !important;
        box-sizing: border-box !important;

        float: left !important;
        width: 33.33% !important;
        height: 71px !important;

        padding: 24px 0 0 0 !important;
        margin: 0 !important;

        line-height: normal !important;
        text-align: center !important;

        color: #333333 !important;
        font-size: 14px !important;
        font-weight: 600 !important;

        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav-sections-item-title.active,
    .nav-sections .nav-sections-item-title.active {
        background: #ffffff !important;
        color: #333333 !important;
        border-bottom: 0 !important;
    }

    .nav-sections-item-title a,
    .nav-sections-item-title span,
    .nav-sections .nav-sections-item-title a,
    .nav-sections .nav-sections-item-title span {
        color: inherit !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: normal !important;
        text-align: center !important;
        text-decoration: none !important;
        display: inline !important;
        height: auto !important;
        padding: 0 !important;
    }

    .nav-sections-item-content,
    .nav-sections .nav-sections-item-content {
        clear: both !important;
        float: none !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;
        border: 0 !important;

        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        box-sizing: border-box !important;
    }

    .nav-sections .navigation,
    .navigation {
        background: #ffffff !important;
    }

    .navigation li,
    .navigation .level0,
    .navigation .level0 > .level-top {
        background: transparent !important;
        color: #333333 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .navigation .level0 > .level-top {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 40px 8px 15px !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        text-transform: none !important;
        text-decoration: none !important;
        color: #333333 !important;
    }
}


/* ============================================================
   Virtual Mart Mobile Menu Link Revert v2
   Removes custom card/green styling from menu links only.
   ============================================================ */

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

    .nav-sections .nav-sections-item-content {
        padding: 0 !important;
        background: #ffffff !important;
    }

    .nav-sections .navigation,
    .nav-sections .navigation ul,
    .nav-sections .navigation li {
        background: #ffffff !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .nav-sections .navigation a,
    .nav-sections .navigation .level-top,
    .nav-sections-item-content a,
    .nav-sections .navigation li:first-child > a,
    .nav-sections .navigation .level0:first-child > .level-top {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 12px 40px 12px 15px !important;

        background: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        border-bottom: 1px solid #d7d7d7 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        color: #333333 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        text-transform: none !important;
        text-align: left !important;
        text-decoration: none !important;

        box-sizing: border-box !important;
    }

    .nav-sections .navigation a *,
    .nav-sections .navigation .level-top *,
    .nav-sections-item-content a *,
    .nav-sections .navigation li:first-child > a *,
    .nav-sections .navigation .level0:first-child > .level-top * {
        color: #333333 !important;
    }

    .nav-sections .navigation a .fa,
    .nav-sections .navigation .level-top .fa,
    .nav-sections-item-content a .fa {
        color: #ed1c24 !important;
        font-size: 14px !important;
        width: 18px !important;
        min-width: 18px !important;
        margin-right: 8px !important;
        text-align: center !important;
    }

    .nav-sections .navigation .parent .level-top:after,
    .navigation .parent .level-top:after {
        color: #333333 !important;
    }

    .nav-sections .navigation .submenu {
        background: #ffffff !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .nav-sections .navigation .submenu a {
        padding-left: 30px !important;
        background: #ffffff !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid #eeeeee !important;
    }
}

/* ============================================================
   End Virtual Mart Mobile Menu Link Revert v2
   ============================================================ */


/* ============================================================
   Virtual Mart Mobile Menu Original Tab Position Fix v3
   Restores Magento tab/content positioning and removes green states
   ============================================================ */

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

    /* Keep Menu / Account / Settings as top tabs */
    .nav-sections-item-title,
    .nav-sections .nav-sections-item-title {
        float: left !important;
        width: 33.33% !important;
        height: 71px !important;
        padding-top: 24px !important;
        margin: 0 !important;
        background: #e3e3e3 !important;
        color: #333333 !important;
        border: solid #d7d7d7 !important;
        border-width: 0 0 1px 1px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .nav-sections-item-title.active,
    .nav-sections .nav-sections-item-title.active {
        background: #ffffff !important;
        color: #333333 !important;
        border-bottom: 0 !important;
    }

    /* This is the important Magento-style positioning */
    .nav-sections-item-content,
    .nav-sections .nav-sections-item-content {
        float: right !important;
        clear: none !important;
        width: 100% !important;
        margin-left: -100% !important;
        margin-top: 71px !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    /* Remove green/custom active/hover states from menu rows */
    .nav-sections .navigation li,
    .nav-sections .navigation li.active,
    .nav-sections .navigation li.has-active,
    .nav-sections .navigation li:hover,
    .nav-sections .navigation .level0,
    .nav-sections .navigation .level0.active,
    .nav-sections .navigation .level0.has-active,
    .nav-sections .navigation .level0:hover {
        background: #ffffff !important;
        background-image: none !important;
    }

    .nav-sections .navigation a,
    .nav-sections .navigation a:hover,
    .nav-sections .navigation a:focus,
    .nav-sections .navigation a:active,
    .nav-sections .navigation .level-top,
    .nav-sections .navigation .level-top:hover,
    .nav-sections .navigation .level-top:focus,
    .nav-sections .navigation .level-top:active,
    .nav-sections .navigation .level0.active > .level-top,
    .nav-sections .navigation .level0.has-active > .level-top,
    .nav-sections .navigation li:first-child > a,
    .nav-sections .navigation li:first-child > a:hover,
    .nav-sections .navigation .level0:first-child > .level-top,
    .nav-sections .navigation .level0:first-child > .level-top:hover {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 40px 12px 15px !important;

        background: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        border-bottom: 1px solid #d7d7d7 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        color: #333333 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        text-transform: none !important;
        text-align: left !important;
        text-decoration: none !important;
    }

    .nav-sections .navigation a *,
    .nav-sections .navigation .level-top *,
    .nav-sections .navigation .level0.active > .level-top *,
    .nav-sections .navigation .level0.has-active > .level-top *,
    .nav-sections .navigation li:first-child > a *,
    .nav-sections .navigation .level0:first-child > .level-top * {
        color: #333333 !important;
    }

    .nav-sections .navigation a .fa,
    .nav-sections .navigation .level-top .fa {
        color: #ed1c24 !important;
        margin-right: 8px !important;
    }
}

/* ============================================================
   End Virtual Mart Mobile Menu Original Tab Position Fix v3
   ============================================================ */


/* ============================================================
   Virtual Mart Mobile Menu Remove Green Category Highlight v4
   Removes remaining green Shop by Category / active menu state
   ============================================================ */

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

    .nav-sections .navigation li,
    .nav-sections .navigation li.active,
    .nav-sections .navigation li.has-active,
    .nav-sections .navigation li.ui-state-active,
    .nav-sections .navigation .level0,
    .nav-sections .navigation .level0.active,
    .nav-sections .navigation .level0.has-active,
    .nav-sections .navigation .level0.ui-state-active,
    .nav-sections .navigation .level0:first-child,
    .nav-sections .navigation .level0:first-child.active,
    .nav-sections .navigation .level0:first-child.has-active {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    .nav-sections .navigation a,
    .nav-sections .navigation a:hover,
    .nav-sections .navigation a:focus,
    .nav-sections .navigation a:active,
    .nav-sections .navigation a.ui-state-active,
    .nav-sections .navigation .level-top,
    .nav-sections .navigation .level-top:hover,
    .nav-sections .navigation .level-top:focus,
    .nav-sections .navigation .level-top:active,
    .nav-sections .navigation .level-top.ui-state-active,
    .nav-sections .navigation .level0 > .level-top,
    .nav-sections .navigation .level0.active > .level-top,
    .nav-sections .navigation .level0.has-active > .level-top,
    .nav-sections .navigation .level0:first-child > .level-top,
    .nav-sections .navigation .level0:first-child.active > .level-top,
    .nav-sections .navigation .level0:first-child.has-active > .level-top,
    .nav-sections .navigation li:first-child > a,
    .nav-sections .navigation li:first-child > a:hover,
    .nav-sections .navigation li:first-child > a:focus,
    .nav-sections .navigation li:first-child > a:active {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;

        color: #333333 !important;
        border: 0 !important;
        border-bottom: 1px solid #d7d7d7 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 40px 12px 15px !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        text-transform: none !important;
        text-align: left !important;
        text-decoration: none !important;
    }

    .nav-sections .navigation a *,
    .nav-sections .navigation .level-top *,
    .nav-sections .navigation .level0 > .level-top *,
    .nav-sections .navigation .level0:first-child > .level-top *,
    .nav-sections .navigation li:first-child > a * {
        color: #333333 !important;
    }

    .nav-sections .navigation a .fa,
    .nav-sections .navigation .level-top .fa,
    .nav-sections .navigation li:first-child > a .fa,
    .nav-sections .navigation .level0:first-child > .level-top .fa {
        color: #ed1c24 !important;
        margin-right: 8px !important;
    }
}

/* ============================================================
   End Virtual Mart Mobile Menu Remove Green Category Highlight v4
   ============================================================ */


/* ============================================================
   Virtual Mart Force Remove Green Shop By Category v5
   Final override for remaining green first menu row
   ============================================================ */

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

    body .nav-sections .navigation li,
    body .nav-sections .navigation li.level0,
    body .nav-sections .navigation li.level0.parent,
    body .nav-sections .navigation li.level0.active,
    body .nav-sections .navigation li.level0.has-active,
    body .nav-sections .navigation li.level0.ui-state-active,
    body .nav-sections .navigation li:first-child,
    body .nav-sections .navigation li:first-child.active,
    body .nav-sections .navigation li:first-child.has-active,
    body .nav-sections .navigation li:first-child.ui-state-active {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    body .nav-sections .navigation li > a,
    body .nav-sections .navigation li > a:visited,
    body .nav-sections .navigation li > a:hover,
    body .nav-sections .navigation li > a:focus,
    body .nav-sections .navigation li > a:active,
    body .nav-sections .navigation li.level0 > a,
    body .nav-sections .navigation li.level0 > .level-top,
    body .nav-sections .navigation li.level0.parent > .level-top,
    body .nav-sections .navigation li.level0.active > .level-top,
    body .nav-sections .navigation li.level0.has-active > .level-top,
    body .nav-sections .navigation li.level0.ui-state-active > .level-top,
    body .nav-sections .navigation li:first-child > a,
    body .nav-sections .navigation li:first-child > .level-top,
    body .nav-sections .navigation li:first-child > a:hover,
    body .nav-sections .navigation li:first-child > .level-top:hover,
    body .nav-sections .navigation li:first-child > a:focus,
    body .nav-sections .navigation li:first-child > .level-top:focus,
    body .nav-sections .navigation li:first-child > a:active,
    body .nav-sections .navigation li:first-child > .level-top:active {
        display: block !important;
        width: 100% !important;

        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;

        color: #333333 !important;

        border: 0 !important;
        border-bottom: 1px solid #d7d7d7 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        margin: 0 !important;
        padding: 12px 40px 12px 15px !important;

        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        text-transform: none !important;
        text-align: left !important;
        text-decoration: none !important;
    }

    body .nav-sections .navigation li > a *,
    body .nav-sections .navigation li > .level-top *,
    body .nav-sections .navigation li:first-child > a *,
    body .nav-sections .navigation li:first-child > .level-top * {
        color: #333333 !important;
    }

    body .nav-sections .navigation li > a .fa,
    body .nav-sections .navigation li > .level-top .fa,
    body .nav-sections .navigation li:first-child > a .fa,
    body .nav-sections .navigation li:first-child > .level-top .fa {
        color: #ed1c24 !important;
        margin-right: 8px !important;
    }

    body .nav-sections .navigation .parent .level-top:after,
    body .navigation .parent .level-top:after {
        color: #333333 !important;
    }
}

/* ============================================================
   End Virtual Mart Force Remove Green Shop By Category v5
   ============================================================ */