/**
 * @category    Mana
 * @package     ManaPro_FilterPositioning
 * @copyright   Copyright (c) http://www.manadev.com
 * @license     http://www.manadev.com/license  Proprietary License
 */
/* CSS Document */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }

/* Containers of Layered Navigation */
.col-main .block-layered-nav,
.col-main .block-layered-nav .block-content { background: transparent; border: none; padding: 0; margin: 0; }

/* Titles SHOP BY and CURRENTLY SHOPPING BY */
.col-main .block-layered-nav .block-subtitle,
.col-main .block-layered-nav .currently .block-subtitle { text-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.4); cursor: auto; margin: 0; padding: 0 5px 0 0; border: none; background: none; font-weight: bold; text-transform: uppercase; }

/* CURRENTLY SHOPPING BY bar */
.col-main .block-layered-nav .currently,
.col-main .block-layered-nav .currently ol { float: left; }
.col-main .block-layered-nav .currently li { float: left; white-space: nowrap; margin-right: 10px; background: transparent; border: none; padding-left: 0; }

.col-main .block-layered-nav #narrow-by-list { clear: both; }
.col-main .block-layered-nav .actions { background: transparent; border: none; float: left; padding-top: 5px; }
/* Top (as Menu) LN =================================================================================================================================== */

/* Price slider width */
.col-main .block-layered-nav.m-topmenu .m-filter-slider { width: 180px; }

/* SHOP BY bar */
.col-main .block-layered-nav.m-topmenu dl { float: left; height: 32px; }
.col-main .block-layered-nav.m-topmenu dl dt { float: left; padding: 7px 10px; cursor: pointer; background: url("../images/manapro_filterpositioning/i-dropdown.gif") 0px 14px no-repeat; margin-left: 5px; font-weight: normal; text-transform: none;}
.col-main .block-layered-nav.m-topmenu dl dt.block-subtitle { background-image: none; padding-left: 0; margin-left: 0; }
.col-main .block-layered-nav.m-topmenu dl dd { background: white; position: absolute; width: auto; padding: 20px 10px 10px 10px; border-bottom: 5px solid #DEE5E8; display: block; z-index: 9999;
                                               /*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#eaeaea'); 
                                                   background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(white));
                                                   background: -moz-linear-gradient(top,  white,  #eaeaea);
                                               */
                                               filter: alpha(opacity=90); 
                                               -moz-opacity: 0.9;       
                                               opacity: 0.9;               

}     
/* Javascript operates with these classes */
.col-main .block-layered-nav.m-topmenu dl dt.m-ln {  }
.col-main .block-layered-nav.m-topmenu dl dd.m-ln {  }

/* Classes added on Mouse Over */
.col-main .block-layered-nav.m-topmenu dl dt.m-popup-filter { background: #DEE5E8; }
.col-main .block-layered-nav.m-topmenu dl dd.m-popup-filter {  }


/* Top LN =================================================================================================================================== */

.col-main .block-layered-nav.m-top .m-filter-slider { position: relative; right: 6px; }
/* 1 Column Layout */
.col1-layout .col-main .block-layered-nav.m-top dl { width:20%; }
.col1-layout .col-main .block-layered-nav.m-top .m-filter-slider { width: 160px; }

/* 2 Columns Layout */
.col2-left-layout .col-main .block-layered-nav.m-top dl,
.col2-right-layout .col-main .block-layered-nav.m-top dl { width:25%; }
.col2-left-layout .col-main .block-layered-nav.m-top .m-filter-slider,
.col2-right-layout .col-main .block-layered-nav.m-top .m-filter-slider { width: 160px; }

/* 3 Columns Layout */
.col3-layout .col-main .block-layered-nav.m-top dl { width:33%; }
.col3-layout .col-main .block-layered-nav.m-top .m-filter-slider { width: 140px; }

/* SHOP BY bar */
.col-main .block-layered-nav.m-top dl { float: left; }
.col-main .block-layered-nav.m-top dl dt {cursor: pointer; background: url(../images/arr_down2.png) no-repeat center right ;}
.col-main .block-layered-nav.m-top dl dt.active {cursor: pointer; background:url(../images/arr_down.png) no-repeat center right;}
.col-main .block-layered-nav.m-top dl dd { background: transparent; margin-right: 5px;}


/* Types styling for Top LN only */
.m-standard {} /* One item can be selected at the time */
.m-list {} /* Text, multiple select */
.m-checkboxes {} /* checkboxes - form elements */
.m-css_checkboxws {} /* checkboxes - images */
.m-colors {} /* Colors and Images - horizontal */ 
.m-colors_vertical {} /* Colors and Images - vertical */ 
.m-colors_label {} /* Colors and Images with labels */
.m-dropdown {} /* Dropdowns */
.m-radios {} /* Radio buttons */
.m-slider {} /* Slider */ 

@media only screen and (min-width: 767px) {
    .col-main .block-layered-nav{
        display: none;
    }
    .col-main .shopby-responsive{
        display:none;
    }

}


@media only screen and (max-width: 767px) {
    #resshopby{
        display: none;
    }
    
    .col-main .block-layered-nav .block-subtitle,.col-main .block-layered-nav .actions{
        display: none;
    }
    
    .col-main .block-layered-nav{
        display: block;
    }
    .col-main .shopby-responsive{

        display: block;
        position: fixed;
        top: 10px;
        right: 4.5%;
        width: 160px;
        height: 40px;
        background: #000;
        color: #FFF;
        font-family: Questrial;
        font-size: 1.3em;
        line-height: 40px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 0 10px;
        -webkit-font-smoothing: antialiased;
        z-index: 9999999999999999999;
        cursor: pointer;
        transition: transform 0.3s, width 0.3s, position 0.1s;
        -webkit-transition: -webkit-transform 0.3s, width 0.3s, position 0.1s;
        text-align: center;

    }
    
    .col-main .shopby-responsive.show{
        width: 88%;
        top: 0;
        
    }

    .col-main .shopby-responsive span{
        float: left;
        padding: 0 5px;
    }

    .col-main .shopby-responsive.show span{
        transform: rotate(180deg);
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari and Chrome */
    }
    .col-main .block-layered-nav, .col-main .block-layered-nav .block-content {
        background: rgba(242, 242, 242, 0.80);
        border: none;
        padding: 0;
        margin: 0;
        position: fixed;
        width: 91%;
        top: 40px;
        height: 100%;
        z-index: 999999999999;
    }
    
    .col2-left-layout .col-main .block-layered-nav.m-top dl, .col2-right-layout .col-main .block-layered-nav.m-top dl{
        width: 100%;
    }
    .col2-left-layout .col-main .block-layered-nav.m-top .m-filter-slider, .col2-right-layout .col-main .block-layered-nav.m-top .m-filter-slider{
        width: 100%;
    }
}