/* CATEGORY MENU PLUS RESPONSIVE MENU */
/* BV Commerce: www.bvcommerce.com */

.resp-menu {}
.resp-menu .categorymenuplus > ul .switch {
    background-image: url('/images/plus.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    padding:.5em .5em .5em 1.8em;
    cursor:pointer;
    color:#fff;
}
.resp-menu .categorymenuplus > ul .switch.opened {
    background-image: url('/images/minus.png');
}
.resp-menu .categorymenuplus > ul .switch + * {display:none;}
.resp-menu .categorymenuplus > ul a.switch {padding-left:32px!important;}

    @media only screen and (max-width: 991px) {
        a.momenu {cursor:pointer; height:46px; line-height:46px; display:inline-block;}

        a.momenu .fa-bars {color:#fff; font-size:18px; line-height:46px;}
        a.momenu .fa-bars:hover {color:#bdc3c7;}

        /* COMMON */
        .resp-menu .categorymenuplus > ul li {list-style:none; margin:0; padding:0; position:relative;}
        .resp-menu .categorymenuplus > ul ul {margin:0; padding:0;}
        .resp-menu .categorymenuplus > ul li a {
            text-decoration:none;
            display:block;
            color:#fff;
            border-top:1px solid #444;
        }
        .resp-menu .categorymenuplus > ul > li:last-child a {border-bottom:1px solid #444;}


        /* LEVEL 1 */
        .resp-menu .categorymenuplus > ul {
            display:none;
            list-style:none;
            margin:0;
            padding:0;
            width:100%;
            float:none;
            background:#333;
        }
        .resp-menu .categorymenuplus > ul > li {}
        .resp-menu .categorymenuplus > ul > li a {padding:10px 15px;}
        .resp-menu .categorymenuplus > ul li a:hover {background-color:#444; color:#ccc;}

        /* LEVEL 2 */
        .resp-menu .categorymenuplus > ul > li > div {display:none; padding-top:10px; padding-left:15px; padding-right:15px; padding-bottom:10px;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li {}
        .resp-menu .categorymenuplus > ul > li > div > ul > li a {padding:5px 30px; border:none; font-weight:normal;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li a:hover {}

        /* LEVEL 3 */
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul {display:none; background:gray;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul > li {}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul > li a {padding:5px 45px; font-size:13px;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul > li a:hover {}
    }

    /* HIGH RES */
    @media only screen and (min-width: 992px) {
        a.momenu {display:none;}

        /* COMMON */
        .resp-menu .categorymenuplus {text-align:center;}
        .resp-menu .categorymenuplus > ul ul {margin:0; padding:0;}
        .resp-menu .categorymenuplus > ul li {list-style:none; margin:0; padding:0; position:relative;}
        .resp-menu .categorymenuplus > ul li a {text-decoration:none; display:block; }
        
        /* LEVEL 1 */
        .resp-menu .categorymenuplus > ul {margin:0; display:inline-block; list-style:none; padding:0; text-align:center; white-space:nowrap;}
        .resp-menu .categorymenuplus > ul > li {display:inline-block;}
        .resp-menu .categorymenuplus > ul > li > a {padding: 0 15px; line-height:40px; background:transparent; color:#fff; margin-right:1px; font-weight:600; font-size:.85rem; text-transform:uppercase; letter-spacing:.12rem;}

        .resp-menu .categorymenuplus > ul > li:hover > a,
        .resp-menu .categorymenuplus > ul > li.activeChild:hover > a {background:#ECF0F1!important; color:#2c3e50!important;}

        .resp-menu .categorymenuplus > ul > li.activeChild > a {background:#ECF0F1; color:#2c3e50; cursor:default;}

        .resp-menu .categorymenuplus > ul:hover > li.activeChild > a {background:transparent; color:#fff; } /* disable active state styles when hovering over nav - set to same color as background on line 77  */

        /* LEVEL 2 */
        .resp-menu .categorymenuplus > ul > li > div {opacity:0; visibility:hidden; transition:all 0.3s; background:#ECF0F1; position:absolute; top:40px; left:0; z-index:2000; min-width:165px; text-align:left; overflow:hidden; padding:10px;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li {}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > a {padding:.4em 12px; line-height:20px; font-size:14px; color:#2c3e50; margin-right:0; border-radius:0; margin:1px; font-weight:600; background:transparent;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li:hover > a {}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > a:hover {background:#fff;}

        /* LEVEL 3 */
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul { z-index:140;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul > li {}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul > li a {padding:.25em 12px; font-size:12px; text-transform:none; letter-spacing:0; line-height:24px; color:#2c3e50; margin-right:0; border-radius:0; margin:1px; font-weight:normal; background:transparent;}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul > li:hover > a {}
        .resp-menu .categorymenuplus > ul > li > div > ul > li > ul > li > a:hover {background:#fff;}

        /* HOVER FLYOUTS */
        .resp-menu .categorymenuplus > ul > li:hover > div {opacity:1; visibility:visible;}


    }