@keyframes wpcbn-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpcbn-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.wpcbn-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
div.wpcbn-hide-atc .single_add_to_cart_button:not(.wpcbn-btn), li:not(.product-type-variable).wpcbn-hide-atc .add_to_cart_button:not(.wpcbn-btn) {
display: none !important;
}
li.product-type-variable .wpcbn-btn, li.product-type-grouped .wpcbn-btn, li.product-type-external .wpcbn-btn {
display: none !important;
}
.wpcbn-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 99999998;
opacity: 0;
visibility: hidden;
}
.wpcbn-area {
font-size: 14px;
padding: 0;
height: 100%;
max-height: 100%;
z-index: 99999999;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
width: 90%;
max-width: 460px;
box-sizing: border-box;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body.wpcbn-show .wpcbn-overlay {
opacity: 1;
visibility: visible;
}
body.wpcbn-show .wpcbn-area {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .wpcbn-area.wpcbn-area-left {
top: 0;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
} .wpcbn-area.wpcbn-area-top {
top: -100%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.wpcbn-area.wpcbn-area-top .wpcbn-inner {
max-height: 80%;
}
body.wpcbn-show .wpcbn-area.wpcbn-area-top {
top: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
} .wpcbn-area.wpcbn-area-bottom {
top: auto;
bottom: -100%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.wpcbn-area.wpcbn-area-bottom .wpcbn-inner {
max-height: 80%;
bottom: 0;
}
body.wpcbn-show .wpcbn-area.wpcbn-area-bottom {
top: auto;
bottom: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
} .wpcbn-area.wpcbn-area-center {
top: -50%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.wpcbn-area.wpcbn-area-center .wpcbn-inner {
max-height: 80%;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
body.wpcbn-show .wpcbn-area.wpcbn-area-center {
top: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
} .wpcbn-area.wpcbn-loading .wpcbn-inner:before {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: '';
background-image: url(//www.thakkarbros.com/wp-content/plugins/wpc-buy-now-button/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: wpcbn-spinner 1s linear infinite;
-moz-animation: wpcbn-spinner 1s linear infinite;
-ms-animation: wpcbn-spinner 1s linear infinite;
-o-animation: wpcbn-spinner 1s linear infinite;
animation: wpcbn-spinner 1s linear infinite;
}
.wpcbn-inner {
width: 100%;
max-width: 460px;
height: 100%;
max-height: 100%;
position: fixed;
display: flex;
flex-direction: column;
}
.wpcbn-area > div {
align-self: stretch;
}
.wpcbn-area * {
box-sizing: border-box;
}
.wpcbn-inner {
background-color: #ffffff !important;
background-image: none !important;
}
.wpcbn-inner:after {
display: none !important;
}
.wpcbn-inner.wpcbn-inner-loading:before {
color: #222222 !important;
}
.wpcbn-inner.wpcbn-inner-loading:after {
background-color: rgba(255, 255, 255, 0.7) !important;
}
.wpcbn-inner .wpcbn-inner-mid {
height: 100%;
max-height: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.wpcbn-area form.checkout {
display: flex;
flex-direction: column;
margin-bottom: 0 !important;
}
.wpcbn-area form.checkout > *, .wpcbn-area form.checkout .row > * {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
flex: 0 0 auto !important;
}
.wpcbn-checkout-form {
padding: 20px;
}
.wpcbn-inner .wpcbn-inner-top {
height: 48px;
line-height: 48px;
padding: 0 20px;
color: #222222;
font-weight: 700;
background-color: #eeeeee;
text-transform: uppercase;
position: relative;
}
.wpcbn-inner .wpcbn-inner-top .wpcbn-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//www.thakkarbros.com/wp-content/plugins/wpc-buy-now-button/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.wpcbn-inner .wpcbn-inner-mid {
flex-grow: 1;
}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}