/* 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
   ============================================================ */


/* ============================================================
   Virtual Mart Mobile Menu Polish v6
   Cleaner menu look after reverting layout
   ============================================================ */

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

    /* Drawer background */
    .nav-sections,
    .nav-open .nav-sections {
        background: #ffffff !important;
    }

    /* Top tabs */
    .nav-sections-item-title,
    .nav-sections .nav-sections-item-title {
        height: 66px !important;
        padding-top: 21px !important;
        background: #f3f5f8 !important;
        border-color: #d9dee6 !important;
        color: #062b55 !important;
        font-weight: 800 !important;
    }

    .nav-sections-item-title.active,
    .nav-sections .nav-sections-item-title.active {
        background: #ffffff !important;
        color: #062b55 !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-weight: 800 !important;
        text-decoration: none !important;
    }

    /* Content positioning adjusted to new tab height */
    .nav-sections-item-content,
    .nav-sections .nav-sections-item-content {
        margin-top: 66px !important;
        background: #ffffff !important;
    }

    /* All menu rows */
    .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 {
        min-height: 54px !important;
        padding: 15px 44px 15px 18px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e1e5eb !important;
        color: #062b55 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        text-transform: none !important;
    }

    .nav-sections .navigation a *,
    .nav-sections .navigation .level-top * {
        color: #062b55 !important;
    }

    /* Red icons stay clean */
    .nav-sections .navigation a .fa,
    .nav-sections .navigation .level-top .fa {
        color: #ed1c24 !important;
        width: 22px !important;
        min-width: 22px !important;
        margin-right: 8px !important;
        text-align: center !important;
    }

    /* Shop by Category as clean dark-blue row */
    .nav-sections .navigation li:first-child,
    .nav-sections .navigation .level0:first-child {
        background: #ffffff !important;
    }

    .nav-sections .navigation li:first-child > a,
    .nav-sections .navigation li:first-child > .level-top,
    .nav-sections .navigation .level0:first-child > .level-top {
        min-height: 56px !important;
        margin: 10px 14px 12px 14px !important;
        padding: 16px 44px 16px 18px !important;

        background: #062b55 !important;
        background-image: none !important;
        border: 1px solid #062b55 !important;
        border-radius: 10px !important;
        box-shadow: 0 3px 10px rgba(6,43,85,.18) !important;

        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

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

    /* Fix arrow spacing/appearance */
    .nav-sections .navigation .parent .level-top:after,
    .navigation .parent .level-top:after {
        position: absolute !important;
        right: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    /* Prevent the first row arrow from sitting on top of text */
    .nav-sections .navigation li:first-child > a,
    .nav-sections .navigation li:first-child > .level-top,
    .nav-sections .navigation .level0:first-child > .level-top {
        position: relative !important;
        padding-right: 52px !important;
    }

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

/* ============================================================
   End Virtual Mart Mobile Menu Polish v6
   ============================================================ */