/* 
    Created on : 16 Sep, 2020, 11:05:37 AM
    Author     : pankaj
*/
.active{ opacity: 1;}
.in-active{ opacity: 0.2;}
.product-grid .product-thumb .swap-image{ visibility: hidden;}
.product-grid .product-thumb .image-swap-effect{ position: relative;}
.product-grid .product-thumb .image-swap-effect .swap-image{ position: absolute;visibility: hidden;opacity: .5;transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-webkit-transition: opacity 0.2s ease-in;left: 0;}
.product-grid .product-thumb:hover .image-swap-effect .swap-image{ visibility: visible;opacity: 1;}
.product-thumb .image img{ width: 100%; height: auto;}
@media (max-width: 767px){
.panel-footer.text-right.apply-filter{ position: fixed;bottom: 0;display: block;z-index: 9999;}
.mobile-category .apply-filter .btn-primary{ margin: 0;width: 100%;}
.mobile-category .apply-filter .cancel-filter{ position: fixed;margin-top: 18px;}
.mobile-category .filter-sec .list-group{ padding: 0 6px;margin-top: 0px;}
.mobile-category .panel.panel-default.box-filter{ padding-top: 70px;top:0}
}
@media (max-width: 768px){
.product-category #ajax-product-list, .product-search #ajax-product-list{ display: flex; flex-flow: row wrap; }
}

/* category in filter section mobile view */
.mobile-category-list { display:none; }
@media (max-width: 767px){
    .box-category ul li .head {
        display: block;
    }
    body .mobile-category .box-content.box-category{
        display:none;
    }
    body .mobile-category .box-content.box-category.m-box-category{
        display:block;
        border-top: none;
    }
    .mobile-category-list { display:block; }
    ul.mobile-category-ulist, ul.mobile-category-ulist ul {
        padding-left: 0px;
    }
    mobile-category-child-ulist, ul.mobile-category-ulist li {
        list-style-type: none;
        padding-left: 0px;
    }
    ul.mobile-category-ulist li {
        list-style-type: none;
    }
    .mobile-category-list ul.accordion{
        padding-left: 0px;
    }
    .filter-sec .list-group .mobile-category-ulist a {
        border: 0px;
        padding-top: 1px ! important;
        display: inline-block;
    }
    ul.mobile-category-ulist li.child-category {
        position:relative;
        margin-bottom: 7px;
    }
    ul.mobile-category-ulist {
        position:relative;
        margin-bottom: 7px;
    }
    .filter-sec ul.mobile-category-ulist .accordion-toggle.category-toggle-icon .minus, .filter-sec ul.mobile-category-ulist .accordion-toggle.category-toggle-icon .plus {
        position: absolute;
        top: 1px;
        right: 15px;
        margin:0px;
    }
    body .mobile-category-ulist .accordion-toggle.category-toggle-icon.collapsed .plus {
        display: block ! important;
    }
    #column-left .filter-sec .mobile-category-ulist .collapse {
        display:none;
    }
    #column-left .filter-sec .mobile-category-ulist .collapse.in {
        display:block;
        clear: none ! important;
    }
    #column-left .filter-sec .collapse {
        width:100%;
    }
    .filter-parent-category {
        font-weight:bold ! important;
    }
}
@media (max-width: 992px) {
    body .mobile-category-ulist .accordion-toggle.category-toggle-icon .minus {
        display: block;
    }
    body .mobile-category-ulist .accordion-toggle.category-toggle-icon.collapsed .minus {
        display: none;
    }
}
/* END */

.category-content {
    display:none;
}
#main-cat-heading i.fa {
    float: right;
    right: 17px;
    position: relative;
    font-size: 20px;
    font-weight: 800;
}
.filter-parent-category {
        font-size:13px;
}

.product-search .wishlist-icon {
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 10px;
    padding: 8px 0px;
    box-shadow: none;
    border: 0px solid #f0f0f0;
    color: #333;
    background: none;
    position: absolute;
    bottom: 5px;
    right: 20px;
    outline: 0;
    z-index: 99;
    top: initial;
    display: none;
    border-left: 1px solid #e2e2e2;
    border-radius: 0;
    padding-left: 17px;
}

.product-search .try-n-buy-icon {
    font-size: 14px;
    width: 40px;
    height: 65px;
    line-height: 10px;
    padding: 8px 0px;
    box-shadow: none;
    border: 0px solid #f0f0f0;
    color: #c2c2c2;
    background: none;
    border-radius: 30px;
    position: absolute;
    top: 0px;
    right: 12px;
    outline: 0;
    z-index: 9;
}