/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 01/10/2018, 10:45:25 AM
    Author     : thomasc
*/


/*
* ----------------------------------------------------------------
* 
* _Brand Header
* 
* ----------------------------------------------------------------
*/
.id-brand-header-banner-wrapper {
    position: relative;
    margin-bottom: 30px;
    height: 450px;
    background-color: #f1f1f1;
}

.id-brand-header-banner-wrapper::after {
    content: '';
    display: block;
    height: 30px;
    position: absolute;
    top: auto;
    left: 50%;
    right: 0;
    bottom: -30px;
    background-color: #00853e;
}


.id-brand-header-banner-inner {
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    display: block;
}

.id-brand-header-brand {
    text-align: center;
}

.id-brand-header-banner-logo span.id-brand-header-logo {
    max-height: 200px;
    max-width: 300px;
    min-width: 200px;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 20px;
    background-color: #fff;
}

.id-brand-header-banner-logo span.id-brand-header-logo > img{
    height: auto;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .id-brand-header-brand {
        text-align: right;
        /*border-right: rgba(0,0,0,0.15) solid 1px;*/
    }
}

.id-brand-header-banner-content {
    background-color: rgba(255,255,255,0.75);
    padding: 15px;
    border-radius: 0;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 30px solid #00853e;
}


/**
* -----------------------------------------------------------------------------
*
* variations single product
*
* -----------------------------------------------------------------------------
*/

table.variations td.value > div {
    display: inline-block;
    position: relative;
    margin: 2px;
}

table.variations tr[class^="attribute-"]{
    padding-bottom: 10px;
    display: block;
}

table.variations input[type=radio],
table.variations td.value > div input[type=radio]{

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;

    width: 100%;
    height: 100%;
    /*display: inline-block;*/
    position: absolute;
    top: 0;
    left: 0;

    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    z-index: 1;

    border: rgba(0,0,0,0.15) 1px solid;
    border-radius: 3px;
    margin: 0;
}

table.variations td.value > div input[type=radio]::-ms-check{
    display: none;
}


table.variations td.value > div input[type=radio]:checked,
table.variations td.value > div input[type=radio]:hover,
table.variations td.value > div input[type=radio]:checked + label,
table.variations td.value > div input[type=radio]:hover + label{
    color: #fff;
    background-color: #10954e;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

table.variations td.value > div label{
    line-height: 0;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
}

table.variations td.value > div input[type=radio][disabled], 
table.variations td.value > div input[type=radio][disabled]+label {
    /*    display: none;*/
    opacity: 0.4;
    color: #777;
    cursor: not-allowed;
}

table.variations td.value > div input[type=radio][disabled]:hover, 
table.variations td.value > div input[type=radio][disabled]:hover+label{
    background-color: #f1f1f1;
}


.woocommerce div.product form.cart .reset_variations {
    margin-left: 10px;
    color: #fff;
    background-color: red;
    padding: 5px;
    font-size: 0.65em;
    border-radius: 3px;
    vertical-align: top;
}

.id-sizeguide-modal{
    margin: 10px 0 20px 0;
}


/**
* -----------------------------------------------------------------------------
*
* brand carousel
*
* -----------------------------------------------------------------------------
*/
.id-brand-carousel-wrapper .widget_text{
    padding-top: 2em;
    padding-bottom: 2em;
}

html .id-brand-carousel-wrapper .swiper-slide > a{
    border: none !important;
}

.id-brand-carousel-wrapper .yith-wcbr-brand-thumbnail-carousel.default .yith-wcbr-thumbnail-list:before{
    content: none;
}



.id-brand-carousel-wrapper {
    background-color: #f3f3f3;
    margin-bottom: 3.5em;
}

.id-brand-carousel-wrapper .yith-wcbr-brand-thumbnail-carousel .yith-wcbr-carousel-title{
    text-align: center;
    margin-bottom: 3em;
}

.yith-wcbr-brand-thumbnail-carousel.default .yith-wcbr-thumbnail-list ul li a,
.yith-wcbr-brand-thumbnail-carousel.top-border .yith-wcbr-thumbnail-list ul li a,
.yith-wcbr-brand-thumbnail-carousel.boxed .yith-wcbr-thumbnail-list ul li a,
.yith-wcbr-brand-thumbnail-carousel.squared .yith-wcbr-thumbnail-list ul li a,
.yith-wcbr-brand-thumbnail-carousel.background .yith-wcbr-thumbnail-list ul li a{
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}


/**
* -----------------------------------------------------------------------------
*
* shop loop / product loop
*
* -----------------------------------------------------------------------------
*/

.woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product,
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    position: relative;
}

li.product .yith-wcbr-brands-logo{
    display: inline-block;
    max-width: 100px;
    position: absolute;
    right: 15px;
    left: auto;
    top: 0;
    bottom: auto;
    z-index: 8;
}

.woocommerce ul.products li.product .yith-wcbr-brands-logo a > img{
    margin-bottom: 8px;
    /*padding: 8px;*/
    /*background-color: #fff;*/
    max-width: 90px;
}

/**
* -----------------------------------------------------------------------------
*
* sidebar shop brand
*
* -----------------------------------------------------------------------------
*/
.sidebar-shop .widget.widget_yith_wcbr_brands_filter{
    padding: 20px;
}
/*.sidebar-shop .widget_yith_wcbr_brands_filter .widgettitle{
    background-color: transparent;
    margin: 0;
    padding: 0;
    padding-left: 0;
    font-size: 14px;
    color: #484848;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid;
    text-align: left;
    line-height: 27px;
    border-bottom: 0;
}*/

.sidebar-shop .yith-wcbr-brand-filter.default .yith-wcbr-brand-filters-wrapper:after{
    border-bottom: none;
}

.sidebar-shop .yith-wcbr-brand-filter.default .yith-wcbr-brand-filters a{
    display: inline-block;
    position: relative;
    margin: 2px;
    color: #222;
    font-weight: 700;
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px;
}

.sidebar-shop .yith-wcbr-brand-filter.default .yith-wcbr-brand-filters a:hover, 
.sidebar-shop .yith-wcbr-brand-filter.big-header .yith-wcbr-brand-filters a:hover, 
.sidebar-shop .yith-wcbr-brand-filter.shadow .yith-wcbr-brand-filters a:hover, 
.sidebar-shop .yith-wcbr-brand-filter.boxed .yith-wcbr-brand-filters a:hover, 
.sidebar-shop .yith-wcbr-brand-filter.highlight .yith-wcbr-brand-filters a:hover, 
.sidebar-shop .yith-wcbr-brand-filter.default .yith-wcbr-brand-filters a.active, 
.sidebar-shop .yith-wcbr-brand-filter.big-header .yith-wcbr-brand-filters a.active, 
.sidebar-shop .yith-wcbr-brand-filter.shadow .yith-wcbr-brand-filters a.active, 
.sidebar-shop .yith-wcbr-brand-filter.boxed .yith-wcbr-brand-filters a.active, 
.sidebar-shop .yith-wcbr-brand-filter.highlight .yith-wcbr-brand-filters a.active{
    background-color: #10954e;
}

.sidebar-shop .yith-wcbr-brand-filter .yith-wcbr-brands-list ul li a{
    padding: 10px 15px;
}

.sidebar-shop .yith-wcbr-brand-filter .yith-wcbr-brands-list ul li a span.brand-count {
    border: none;
    padding: 2.5px 7.5px;
    margin-top: -1.5px;
    font-size: 13px;
}

.sidebar-shop .ywcca_container{
    margin: 0;
}

/**
* -----------------------------------------------------------------------------
*
* sidebar-shop search
*
* -----------------------------------------------------------------------------
*/
html .sidebar-shop .autocomplete-suggestions, 
html .id-magic-slideshow-class .autocomplete-suggestions {
    width: 90% !important;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}
.autocomplete-suggestion {
    border-bottom: 1px dashed rgba(0,0,0,0.05);
}


/**
* -----------------------------------------------------------------------------
*
* single product
*
* -----------------------------------------------------------------------------
*/

.single-product .yith-wcbr-brands-logo{
    margin: 15px 0;
}

.single-product .product_meta > span{
    font-size: 0.75em;
    margin-right: 15px;
}

.single-product img.attachment-yith_wcbr_logo_size.size-yith_wcbr_logo_size {
    max-height: 60px;
    height: auto;
    max-width: 200px;
    min-height: 50px;
    width: 100%;
}


/**
* -----------------------------------------------------------------------------
*
* advanced filter
*
* -----------------------------------------------------------------------------

.yith-woocommerce-ajax-product-filter .yith-wcan-list > li{
    display: inline-block;
    min-width: 25%;
}

/**
* -----------------------------------------------------------------------------
*
* advanced filter
*
* -----------------------------------------------------------------------------
*/
/*.id-advanced-filter-wrapper .id-dynamic-widget-item{
    padding: 1.5em 2em;
    background-color: #fafafa;
}*/
.id-advanced-filter-wrapper .id-dynamic-widget-item .yith-woocommerce-ajax-product-filter{
    margin-bottom: 3em;
}
.id-advanced-filter-wrapper .id-dynamic-widget-item .yith-woocommerce-ajax-product-filter:last-child,   
.id-advanced-filter-wrapper .id-dynamic-widget-item .yith-woocommerce-ajax-product-filter:nth-last-child(2){
    margin-bottom: 0;
}
.id-advanced-filter-wrapper .id-dynamic-widget-item .yith-woocommerce-ajax-product-filter ul{
    padding:0;
    margin: 0;
    list-style: none;
}
.id-advanced-filter-wrapper .id-dynamic-widget-item .yith-woocommerce-ajax-product-filter ul li{
    list-style: none;
    display: inline-block;
    min-width: 25%;
}

.id-advanced-filter-wrapper .id-dynamic-widget-item .yith-woocommerce-ajax-product-filter ul li a{
    background-color: #fff;
    border-radius: 3px;
    padding: 5px 10px;
    margin-bottom: 5px;
    display: inline-block;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.15);
}

.id-advanced-filter-wrapper .yith-woo-ajax-reset-navigation{
    margin-top: 2em;
}

.yith-wcan-sort-by ul.orderby li.orderby-wrapper a.active:before, 
a.yith-wcan-onsale-button.active:before, 
a.yith-wcan-instock-button.active:before, 
a.yith-wcan-price-link.active:before, 
ul.yith-wcan-list li.chosen a:before{
    margin-right: 5px;
}

/**
* -----------------------------------------------------------------------------
*
* shopbrand
*
* -----------------------------------------------------------------------------
*/
.shop-brand-wrapper h3,
.shop-brand-wrapper .page-title{
    margin: 3em 0 1em 0;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0.5em;
}

.shop-brand-wrapper li.product{
    margin-bottom: 20px;
}

.yith-wcbr-brand-thumbnail-carousel .yith-wcbr-thumbnail-list ul li a img {
    width: auto;
    height: auto;
    max-height: 40px;
}

/*
* -----------------------------------------------------------------------------
*
* checkout page
*
* -----------------------------------------------------------------------------
*/
.woocommerce-shipping-policy{
    margin-bottom: 1.618em;
    padding: 1.618em;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    background: rgba(0,0,0,.05);
}