.wcppec-checkout-buttons {
text-align: center;
margin: 1em 0;
overflow: hidden;
}
.wcppec-checkout-buttons .woocommerce-error {
text-align: left;
}
.wcppec-checkout-buttons__separator {
display: block;
margin: 0 0 1em;
}
.wcppec-checkout-buttons__button {
display: inline-block;
text-decoration: none !important;
border: 0 !important;
padding-top: 1em;
}
.wcppec-checkout-buttons__button img {
margin: 0 auto;
}
.paypal-button-widget .paypal-button,
.paypal-button-widget .paypal-button:hover {
background: transparent;
box-shadow: none;
border: none;
}
.wcppec-cart-widget-button {
display: inline-block;
text-decoration: none !important;
border: 0 !important;
}
.site-header .widget_shopping_cart p.buttons.wcppec-cart-widget-spb {
padding: 0 1em 1em;
}
.site-header .widget_shopping_cart .woocommerce-mini-cart__empty-message + p.buttons.wcppec-cart-widget-spb {
display: none;
}
.payment_method_ppec_paypal img {
max-height: 68px !important;
border-radius: 0;
}
.wc-gateway-ppec-cancel {
display: block;
text-align: center;
padding: 10px;
}
#woo_pp_ec_button_checkout {
display: none;
}
#payment .place-order .button {
display: block;
} .wc_ppec_small_payment_buttons {
width: 150px;
display: inline-block;
}
.wc_ppec_medium_payment_buttons {
width: 250px;
display: inline-block;
}
.wc_ppec_large_payment_buttons {
width: 350px;
display: inline-block;
}@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.mrbackpacks.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.mrbackpacks.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}.avia-fold-unfold-section{position:relative;display:block;float:left;width:100%}.avia-fold-unfold-section.avia-fold-init{max-height:80px;overflow:hidden;opacity:.3}.avia-fold-grid-row-wrap.avia-fold-init:not(.avia-fold-init-done)+.av-layout-grid-container,.avia-fold-section-wrap.avia-fold-init:not(.avia-fold-init-done)+.avia-section,.avia-fold-textblock-wrap.avia-fold-init:not(.avia-fold-init-done) .avia_textblock{display:none}.avia-fold-unfold-section.avia-fold-init-done{max-height:500px;overflow:hidden;opacity:1;transition:all 1s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container{position:relative;clear:both;overflow:hidden;max-height:80px;transition:all .7s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container::after{opacity:0;content:"";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);z-index:-1;height:100%;transition:all .7s ease-in-out}.avia-fold-unfold-section .av-fold-unfold-container.folded::after{z-index:500;opacity:1}.av-fold-unfold-container .av-fold-unfold-inner{display:block;position:relative;float:left;width:100%}.avia-fold-unfold-section .av-fold-button-wrapper{position:relative;display:block;float:left;width:100%;padding-left:0;padding-right:0}.avia-fold-unfold-section.align-left .av-fold-button-wrapper.av-fold-btn-padding{padding-left:30px}.avia-fold-unfold-section.align-right .av-fold-button-wrapper.av-fold-btn-padding{padding-right:30px}.avia-fold-unfold-section .av-fold-button-container{position:relative;display:inline-block;margin-top:15px;margin-bottom:15px;float:left;z-index:20;transition:all .7s ease-in-out}.avia-fold-unfold-section.align-right .av-fold-button-container{float:right}.avia-fold-unfold-section.align-center .av-fold-button-container{left:50%;transform:translateX(-50%)}.avia-fold-unfold-section.fold-button .av-fold-button-container{padding:.5em .8em;border:1px solid;border-radius:7px}#top .avia-fold-unfold-section :not(.avia-button-wrap) .av-fold-button-container{text-decoration:underline}.avia-fold-unfold-section .av-fold-button-container:hover{opacity:.6;cursor:pointer}.avia-fold-unfold-section .av-fold-unfold-container .avia_textblock{display:inline-block}