/**
 * @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 */
.mb-top-layered-navigation,
.mb-top-layered-navigation .block-content { background: transparent; border: none; padding: 0; margin: 30px 0 0; position: relative;}
.mb-top-layered-navigation { border-top: 1px solid #ebebeb; }

/* Titles SHOP BY and CURRENTLY SHOPPING BY */
.mb-top-layered-navigation dl.m-mobile { display: none; }


/* CURRENTLY SHOPPING BY bar */
.mb-top-layered-navigation .currently {width: 100%; overflow: hidden; margin-bottom: -12px}
.mb-top-layered-navigation .currently ol { margin:0 !important; padding:0 !important; overflow: hidden; display: flex; flex-wrap:wrap; align-items:center;-ms-flex-align:center; }
.mb-top-layered-navigation .currently li { white-space: nowrap; margin: 0 12px 12px 0; line-height: 1; display: inline-block; position: relative; background: #f6f6f6; cursor: pointer; }
.mb-top-layered-navigation .currently li a {padding: 10px 12px; display: inline-block;}
.mb-top-layered-navigation .currently li a:after {content: 'x'; padding-left: 7px}
.mb-top-layered-navigation .currently li:hover {background: #ddd;}
.mb-top-layered-navigation .currently .separator {width: 1px; background-color: #333338!important; padding: 10px 0;}
.mb-top-layered-navigation .currently .label { background-color: #ffffff!important; padding: 0; }
.mb-top-layered-navigation .currently .label,
.mb-top-layered-navigation .currently .separator { cursor: default}
.mb-top-layered-navigation .currently .label:after,
.mb-top-layered-navigation .currently .separator:after { content: ''; padding-left: 0 }

.mb-top-layered-navigation #narrow-by-list { clear: both; position: relative; }

/* Actions */
.mb-top-layered-navigation .actions,
.mb-top-layered-navigation .m-horizontal-actions,
.mb-top-layered-navigation .m-subtitle-actions { position: absolute; right: 0px; top:50%; margin: -10px 0 0; }
.mb-top-layered-navigation .actions { background: transparent; border: none; float: left; padding: 6px 10px; top:-20px; }

/* Top (as Menu) LN =================================================================================================================================== */

.mb-top-layered-navigation.m-topmenu.m-wide {  }

/* SHOP BY bar */
.mb-top-layered-navigation.m-topmenu.m-wide dl { height: 32px; }
.mb-top-layered-navigation.m-topmenu.m-wide dl dt { float: left; padding: 7px 20px 7px 10px; cursor: pointer; background: url("../images/manapro_filterpositioning/i-dropdown.gif") 0px 16px no-repeat; margin-left: 5px; font-weight: normal; text-transform: none;}
.mb-top-layered-navigation.m-topmenu.m-wide dl dt.block-subtitle { background-image: none; padding-left: 0; margin-left: 0; }
.mb-top-layered-navigation.m-topmenu.m-wide 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;

}
.mb-top-layered-navigation.m-topmenu .block-content > div > div { overflow: visible !important; }
.mb-top-layered-navigation.m-topmenu.m-wide .m-special-filters { float:left; }
.mb-top-layered-navigation.m-topmenu.m-wide .m-slider.m-inline dd { margin:0; }
.mb-top-layered-navigation.m-topmenu.m-wide .m-slider.m-inline dd .m-filter-slider { top:4px; margin: 0 5px !important; }
.mb-top-layered-navigation.m-topmenu.m-wide .m-slider.m-inline dd .m-filter-slider.style2 { top:3px; }
.mb-top-layered-navigation.m-topmenu.m-wide .m-slider.m-inline dd .m-filter-slider.style3 { top:8px; }
/* Javascript operates with these classes */
.mb-top-layered-navigation.m-topmenu dl dt.m-ln {  }
.mb-top-layered-navigation.m-topmenu dl dd.m-ln {  }
.mb-top-layered-navigation.m-topmenu dl dd.m-ln li { white-space: nowrap; }

/* Classes added on Mouse Over */
.mb-top-layered-navigation.m-topmenu dl dt.m-popup-filter { background: #DEE5E8; }
.mb-top-layered-navigation.m-topmenu dl dd.m-popup-filter {  }

/* Top LN - Horizontaly laid filters =================================================================================================================================== */
.ts-flex.ts-filter-area {
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin-right: -20px;
}
@media only screen and (max-width: 770px) {
    .ts-flex.ts-filter-area {
        margin-right: 0;
    }
}
.mb-top-layered-navigation.m-top dl { width: calc(20% - 20px); margin: 5px 20px 5px 0; height: 35px}
@media only screen and (max-width: 1050px) {
    .mb-top-layered-navigation.m-top dl { width: calc(25% - 20px);}
}

@media only screen and (max-width: 850px) {
    .mb-top-layered-navigation.m-top dl { width: calc(33.33% - 20px);}
}

.mb-top-layered-navigation.m-top dl dd { margin: 0; background: transparent; }

/*Responsive accordion menu for mobile divices========================================================================*/
.mb-top-layered-navigation.one-filter-column dl { width: 100%; }
.mb-top-layered-navigation.one-filter-column dl { padding:0; margin:0; }
.mb-top-layered-navigation.one-filter-column dl.m-mobile { display: block; }
.mb-top-layered-navigation.one-filter-column dl dt {
    cursor: pointer;
    display:block;
    padding:7px 10px !important;
    position: relative;
    margin:0;
    border:1px solid #ccc;
    background-color: #f4f4f4;
    border-bottom: none;
    text-transform: uppercase;
}
.mb-top-layered-navigation.one-filter-column dl dt:hover {
    color: #3399cc;
}
/*.mb-top-layered-navigation.one-filter-column .block-subtitle { cursor: pointer; display:block; padding:5px !important; position: relative; margin:0; border-bottom:1px solid #ddd; border-top:1px solid #f9f9f9;}*/
.mb-top-layered-navigation.one-filter-column .block-subtitle,
.block-layered-nav.mb-top-layered-navigation.one-filter-column .currently .block-subtitle {
    text-rendering: optimizeSpeed;
    padding: 7px 10px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

.mb-top-layered-navigation.one-filter-column .block-subtitle:after {
    font-family: "timeshop24";
    content: "\e900";
    position: absolute;
    right: 10px;
}

.mb-top-layered-navigation.one-filter-column .block-subtitle.m-expanded:after {
    content: "\e903";
}

.mb-top-layered-navigation.one-filter-column .block-subtitle strong { font-weight: normal; }
.mb-top-layered-navigation.one-filter-column dl dd { padding:5px 0; margin:0; background: transparent; border:0; }
.mb-top-layered-navigation.one-filter-column .m-filterclear { position: relative; }
.mb-top-layered-navigation.one-filter-column .m-filter-colors { margin:0; }
.mb-top-layered-navigation.one-filter-column .currently { margin:0 }
.mb-top-layered-navigation.one-filter-column.m-expanded .currently { border-bottom: none; }
.mb-top-layered-navigation.one-filter-column .currently ol { float: left; width: auto; }
.mb-top-layered-navigation.one-filter-column .actions { right: 20px; top:0; margin: 0; padding: 5px 10px; z-index:3; }
.mb-top-layered-navigation.one-filter-column .actions a { color: white; }

.mb-top-layered-navigation.one-filter-column .m-collapsed .m-expand-collapse .btn-expand-collapse {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: none;
    border-right: 4px solid white;
    right: 10px;
    top: 50%;
    margin-top: -2px;
    margin-left: 2px;
}
.mb-top-layered-navigation.one-filter-column dt.m-expanded .m-expand-collapse .btn-expand-collapse {
    border-top: 4px solid #3399cc;
}
.mb-top-layered-navigation.one-filter-column dt.m-collapsed .m-expand-collapse .btn-expand-collapse {
    border-right: 4px solid #3399cc;
}
.mb-top-layered-navigation.one-filter-column .m-expand-collapse { display: block; width: 20px; height: 20px;}
.mb-top-layered-navigation.one-filter-column .currently + div .block-subtitle,
.mb-top-layered-navigation.one-filter-column .currently + div + div .block-subtitle { display: none; }
.mb-top-layered-navigation.one-filter-column #narrow-by-list { padding: 0; border: none; }
.mb-top-layered-navigation.one-filter-column .m-option-search input { width: 100%; }
.mb-top-layered-navigation.m-wide.m-mobile-only { margin: 0; display: none; }
.mb-top-layered-navigation.m-wide.m-mobile-only .m-shop-by,
.mb-top-layered-navigation.m-wide.m-mobile-only .actions,
.mb-top-layered-navigation.m-wide.m-mobile-only .currently { display: none; }

.mb-top-layered-navigation.m-wide dt { text-transform: uppercase; }

/* 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_checkboxes {} /* 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 */

.m-checkboxes_timeshop {position: relative}
.m-checkboxes_timeshop label {display: inline}
.timeshop-filter-wrapper {
    border: 1px solid #dcdcdc;
    margin: 1px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-color: #fff;
    -webkit-transition: right 0.5s, height 0.5s;
    transition: right 0.5s, height 0.5s;
}
.timeshop-filter-wrapper:hover{
    border: 2px solid #333338;
    margin: 0;
}
.ts-filter-name {height: 30px; line-height: 30px; padding: 0 10px; position: relative; }
.show-hide-trigger {display: block}
.show-hide-trigger:after {font-family: "timeshop24"; content: "\e900"; position: absolute; right: 10px;}
.ts-filter-content { display: none; max-height: 295px; overflow: hidden; padding: 10px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.timeshop-filter-wrapper .button-set button.button {margin-top: 15px; float: none; width: 100%; min-width: 0; display: none; padding: 10px 0;}
.timeshop-filter-wrapper .button + .button {margin-left: 0}
.timeshop-filter-wrapper .button-set button.button.active {display: block;}
.timeshop-filter-wrapper .m-filter-checkboxes {max-height: 220px;  }
.timeshop-filter-wrapper .m-filter-checkboxes li { margin-bottom: 7px; }
.timeshop-filter-wrapper .m-filter-checkboxes span { vertical-align: middle; }

.ts-filter-active.timeshop-filter-wrapper {right: -20px; z-index: 100;border: 2px solid #333338;margin: 0;}
.ts-filter-active .ts-filter-content {display: block;}
.ts-filter-active .show-hide-trigger:after {content: "\e903";}

.ts-filter-applied .show-hide-trigger:after {content: "\e910"; color: #36b42a;}


#ts-mobile-filters dl{ height: auto; width: 100%; margin: 0; padding: 5px;}
#ts-mobile-filters dl:first-child {padding-top: 0}
#ts-mobile-filters dl dd{ padding: 0;}
#ts-mobile-filters .timeshop-filter-wrapper {position: static}

.ts-smart-phone-filter-area {
    background-color: #fff;
    z-index: 10;
}

.ts-smart-phone-filter-area.sticky {
    position: fixed;
    padding: 0 5px;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 10px -1px #808080;
    -moz-box-shadow: 0 0 10px -1px #808080;
    box-shadow:0 0 10px -1px #808080;
}
.filter-menu {
    padding: 5px 0 3px;
}
.filter-menu .skip-link {
    width: 49.75%;
    color: #fff;
    background-color: #46464c;
    font-size: 13px;
    padding: 10px;
    position: relative;
    text-align: left;
    border: 1px solid #46464c;
    border-bottom: 0;
    cursor: pointer;
}
.filter-menu .skip-active.skip-link {
    color: #46464c;
    background-color: #fff;
    border-color: #dcdcdc;

}
.filter-menu .skip-link:after {
    font-family: 'timeshop24';
    content: "\e900";
    position: absolute;
    right: 10px;
}
.filter-menu .skip-active.skip-link:after {
    font-family: 'timeshop24';
    content: "\e903";
}

.filter-contents .show-hide-trigger{
    font-size: 12px;
}

#ts-mobile-sort-by select{
    width: 100%;
    height: 32px;
    font-size: 12px;
    padding: 0 10px;
    font-family: "Lato", Verdana, Arial, sans-serif;
}
.sticky #ts-mobile-sort-by{
    padding: 10px 20px 20px;
}
.sticky #ts-mobile-filters {
    padding: 10px 20px;
}

#ts-mobile-filters.sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 150;
}
@media only screen and (max-width: 770px) {
    .mb-left-first { display: none; }
    .mb-top-layered-navigation {
        margin: 0;
        border: 0;
    }

    .mb-top-layered-navigation #narrow-by-list {
        padding: 0;
    }

    .mb-top-layered-navigation .block-content .row {
        margin: 0;
    }
    .mb-top-layered-navigation .currently {
        margin: 10px 0;
    }
}
@media only screen and (max-width: 770px) {
    .timeshop-filter-wrapper:not(.ts-filter-active):hover{ border: 1px solid #dcdcdc; margin: 1px; }
    .timeshop-filter-wrapper .m-filter-checkboxes {max-height: 150px;  }
    .timeshop-filter-wrapper .m-filter-checkboxes li {width: 33%; float: left}
}

@media only screen and (max-width: 500px) {
    .timeshop-filter-wrapper .m-filter-checkboxes {max-height: 120px;  }
    .timeshop-filter-wrapper .m-filter-checkboxes li {width: 50%; float: left}
}


.mb-top-layered-navigation.m-top.one-filter-column .ts-filter-active.timeshop-filter-wrapper {right: 0px;}

#narrow-by-list:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }