﻿/*
Author: Đoàn Nguyễn
Author URI: https://www.facebook.com/doannguyen263
Description: Custom css woocommerce
Version: 1.0
*/

/*
======================================
[ All ]
======================================
*/
button[disabled],html input[disabled]{cursor:default!important;}
a:focus,.button:focus,button:focus,input:focus{outline:none;}
div.woocommerce table{width:100%;margin-bottom:1em;border-color:#ececec;border-spacing:0;}
div.woocommerce th{text-transform:uppercase;}
div.woocommerce th,div.woocommerce td{padding:.5em;text-align:left;border-bottom:1px solid #ececec;line-height:1.8;font-size:14px;}
div.woocommerce abbr.required{color:#b20000;}
div.woocommerce .button,div.woocommerce button,div.woocommerce input,div.woocommerce textarea,div.woocommerce select,div.woocommerce fieldset,.product__single--main .button,.product__single--main input.qty{margin-bottom:1em;}
div.woocommerce .button,div.woocommerce button,div.woocommerce input[type="submit"],div.woocommerce input[type="reset"],div.woocommerce input[type="button"],.product__single--main .button{position:relative;display:inline-block;background-color:transparent;text-transform:uppercase;font-size:0.97em;letter-spacing:0.03em;touch-action:none;cursor:pointer;font-weight:bolder;text-align:center;color:currentcolor;vertical-align:middle;margin-top:0px;margin-right:1em;text-shadow:none;line-height:2.4em;min-height:2.5em;max-width:100%;text-rendering:optimizeLegibility;box-sizing:border-box;text-decoration:none;border-width:1px;border-style:solid;border-color:transparent;border-image:initial;border-radius:0px;padding:0px 1.2em;transition:transform 0.3s,border 0.3s,background 0.3s,box-shadow 0.3s,opacity 0.3s,color 0.3s,-webkit-transform 0.3s;}
div.woocommerce .button:hover,div.woocommerce input[type='submit']:hover,div.woocommerce input[type='reset']:hover,div.woocommerce input[type='button']:hover,.product__single--main .button:hover{outline:none;opacity:1;color:#fff;box-shadow:inset 0 0 0 100px rgba(0,0,0,0.2);}
div.woocommerce input[type='number'],div.woocommerce input[type='text'],div.woocommerce input[type='password'],div.woocommerce input[type='email'],div.woocommerce input[type='tel'],div.woocommerce textarea,div.woocommerce select,.product__single--main input.qty{box-sizing:border-box;border:1px solid #ddd;padding:0 .75em;height:2.507em;font-size:.97em;border-radius:0;max-width:100%;width:100%;vertical-align:middle;background-color:#fff;color:#333;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);transition:color .3s,border .3s,background .3s,opacity .3s;}
div.woocommerce input[type='submit'],div.woocommerce button[type='submit']{background-color:#d80e08;color:#fff;}
div.woocommerce input[type='email']:focus,div.woocommerce input[type='search']:focus,div.woocommerce input[type='number']:focus,div.woocommerce input[type='tel']:focus,div.woocommerce input[type='text']:focus,div.woocommerce input[type='password']:focus,div.woocommerce textarea:focus,div.woocommerce select:focus,.product__single--main input.qty:focus{box-shadow:0 0 5px #ccc;opacity:1!important;outline:0;color:#333;background-color:#fff;}
div.woocommerce textarea{padding-top:0.7em;min-height:120px;}
div.woocommerce .quantity input{max-width:60px;}
div.woocommerce .button.wc-forward{margin-bottom:0;}
div.woocommerce .button.wc-forward,div.woocommerce .wc-backward,div.woocommerce .woocommerce-Button.button{background:#d80e08;color:#fff;font-weight:400;text-transform:none;}
div.woocommerce span.amount{white-space:nowrap;color:#d80e08;font-weight:bold;}
div.woocommerce del span.amount{opacity:.8;font-weight:normal;}
.woocommerce-message{margin-bottom:15px;padding:15px 15px;color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6;}
.woocommerce-message a{margin-bottom:0}
.container:after,.row:after,.clearfix:after,.clear:after{content:"";display:table;clear:both;}
.woocommerce .woocommerce-MyAccount-navigation{background:#495057;/* padding:0 15px 0; */}
.woocommerce .woocommerce-MyAccount-navigation>ul{list-style:none;padding-left:0;}
.woocommerce .woocommerce-MyAccount-navigation>ul>li+li{border-top:1px solid #ececec;}
.woocommerce .woocommerce-MyAccount-navigation>ul>li>a{padding:10px 15px;width:100%;display:inline-block;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;}
.woocommerce .woocommerce-MyAccount-navigation>ul>li.is-active>a,.woocommerce-MyAccount-navigation>ul>li>a:hover{background:rgb(249,106,14);}
.woocommerce .woocommerce-MyAccount-navigation-link--downloads{display:none;}

/*Fix boostrap 4*/
.woocommerce .flex-row{-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
.woocommerce .flex-grow{-ms-flex:1;flex:1;-ms-flex-negative:1;-ms-flex-preferred-size:auto!important;}
.woocommerce .flex-col{max-height:100%;}
.woocommerce-checkout .form-row,.woocommerce-form .form-row,.woocommerce-MyAccount-content .form-row{display:-webkit-box;display:-ms-flexbox;display:block;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0;margin-left:0;}
.woocommerce .col-1,.woocommerce .col-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-right:0;padding-left:0;}

/*
======================================
[ Page ]
======================================
*/
.no-click{pointer-events:none;}
.breadcrumbs__divider{font-size:24px;line-height:32px;text-transform:uppercase;padding:15px 0;position:relative;padding-top:20px;min-height:60px;margin:15px 0;}
.breadcrumbs__divider a,.breadcrumbs__divider i{color:#ccc;}
.breadcrumbs__divider a.current{color:#111;}
.breadcrumbs__divider  .divider{display:inline-block;}

/*Page Cart*/
div.woocommerce .continue-shopping .button{border:2px solid currentColor;background-color:transparent;line-height:2.19em;}
div.woocommerce .continue-shopping .button:hover{background-color:#d80e08;border-color:#d80e08;}
div.woocommerce .woocommerce-cart-form button[type="submit"]:disabled{background:#fff;border:2px solid #d1d1d1;color:#d1d1d1;}
div.woocommerce .woocommerce-cart-form button[type="submit"]{background:#d80e08;color:#fff}

/*Form checkout_coupon*/
.woocommerce-checkout .checkout_coupon{border:2px dashed #446084;padding:1em 30px 1em;margin-bottom:30px;}
.woocommerce-checkout .checkout_coupon input{margin-bottom:0;}
.woocommerce-checkout .checkout_coupon input.button{margin-right:0}

/*Login*/
#customer_login h2{text-transform:uppercase;}
#customer_login .form-row{margin-left:0;margin-right:0}
.woocommerce .only__login{max-width:500px;background:#343a40;padding:30px;color:#fff;}

/*Checkout*/
.woocommerce-checkout-payment ul{list-style:none;padding-left:0;}
.woocommerce-info{margin-bottom:10px;}
.woocommerce-info+.login{padding:30px;background-color:rgba(0,0,0,0.03);margin-bottom:1.3em;}
.wrap__customer_details{border-top:3px solid #ddd;}
.wrap__order_review{border:2px solid #446084;padding:15px 30px 30px;}
.checkbox input.input-checkbox[type=checkbox]{margin-left:0;position:inherit;}
.woocommerce-billing-fields>h3{margin:14px 0 15px;}
.woocommerce-billing-fields:after{content:"";display:table;clear:both;}
/*Fix Woocommerce Vietnam Checkout PRO*/
.woocommerce-billing-fields span.select2{display:block;margin-bottom: 15px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:2.507em;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:2.507em;}
.select2-container .select2-selection--single{height:2.507em;line-height:2.507em;}

/*Error*/
.woocommerce-error{padding-left:17px;color:#b20000;}

/*
======================================
[ Single ]
======================================
*/
.product__main{margin-bottom:15px;}
.gallery__item{border:1px solid rgba(0,0,0,0.45);}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;}
.product__single--main button.single_add_to_cart_button{background-color:#d80e08;border:0;color:#fff;padding:0 15px;}
.product__single--main .quantity input{max-width:60px;}
.product__single--main .summary .quantity{opacity:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:0;white-space:nowrap;vertical-align:top;}
.product__single--main .summary .price{margin-bottom: 10px;}
.product__single--main .summary .price span{font-size:20px;white-space:nowrap;color:#e0001a;font-weight:bold;}
.product__single--main .summary .stock{padding:15px;font-weight:500;margin:15px 0 15px;}
.product__single--main .summary .stock.in-stock{background:#d1d1d1;color:#212529;}
.product__single--main .summary .stock.out-of-stock{background:#e0001a;color:#ffffff;}
.product__single--main .product_meta .posted_in{display:block;margin-bottom:10px;}
.product__single--main .product_meta .posted_in a{color:#ff0800;font-weight:700;}
.tagged_as:before{content:"\f02c";font-family:Fontawesome;display:inline-block;margin-right:5px;}
.onsale{border:1px solid;border-color:#6d6d6d;color:#6d6d6d;padding:.202em .6180469716em;font-size:.875em;text-transform:uppercase;font-weight:600;display:inline-block;margin-bottom:1em;border-radius:3px;}

/* woocommerce Tab */
.woocommerce-tabs{margin-bottom:15px;}
.woocommerce-tabs .tabs.wc-tabs{list-style:none;padding-left:0;border-bottom: 1px solid #ececec;margin:0;}
.woocommerce-tabs .tabs.wc-tabs li{display:inline-block;font-weight:700;text-transform:uppercase;line-height:40px;letter-spacing:1px;padding: 5px 15px;/* background: #8ec641; */}
.woocommerce-tabs .tabs.wc-tabs li+li{margin:0 7px;}
.woocommerce-tabs .tabs.wc-tabs li a{color:rgba(102,102,102,0.85);}
.woocommerce-tabs .tabs.wc-tabs li.active,.tabs.wc-tabs li:hover{/* border-bottom: 3px solid red; */background: #00943e;}
.woocommerce-tabs .tabs.wc-tabs li.active a,.tabs.wc-tabs li:hover a{color: rgba(255, 255, 255, 0.85);}
.woocommerce-tabs .wc-tab{border:0;box-shadow:none;padding: 15px;border: 1px solid #ccc;border-radius: 0;border-top: 0;}

/*commentlist*/
ol.commentlist{list-style:none;padding:1em 0 0 0;}
.comment-respond{border:2px solid #446084;padding:15px 30px 30px;}

/* Star */
.stars a{font-size:16px;margin-left:-10px;display:inline-block;color:transparent!important;overflow:hidden;font-family:'fl-icons'}
.stars a+a{margin-left:.3em;border-left:1px solid #ececec}
.stars a:hover:after,.stars a.active:after{color:#d26e4b}
.stars a:after{color:#ddd;content:'\f005';font-family:Fontawesome;}
.stars a.star-2:after{content:'\f005\f005'}
.stars a.star-3:after{content:'\f005\f005\f005'}
.stars a.star-4:after{content:'\f005\f005\f005\f005'}
.stars a.star-5:after{content:'\f005\f005\f005\f005\f005'}
.star-rating{text-align:left;font-size:16px;display:block;overflow:hidden;position:relative;height:1em;line-height:1em;letter-spacing:0;margin:.5em 0;width:5.4em;font-family:Fontawesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.star-rating:before,.woocommerce-page .star-rating:before{content:'\f006\f006\f006\f006\f006';color:#d26e4b;float:left;top:0;left:0;position:absolute}
.star-rating span{overflow:hidden;float:left;width:10px;height:10px;top:0;left:0;font-family:Fontawesome!important;position:absolute;padding-top:1.5em;font-weight:normal!important}
.star-rating span:before{content:'\f005\f005\f005\f005\f005';color:#d26e4b;top:0;position:absolute;left:0}
.woocommerce-review-link{opacity:0;position:absolute;left:0;right:0;bottom:0;top:0;display:block}
li.wc-layered-nav-rating{font-size:.8em}
li.wc-layered-nav-rating .star-rating{margin-bottom:0;display:inline-block}

/*
======================================
[ Archive ]
======================================
*/
.wrap__archive--product{display:flex;margin-bottom:15px;}
.wrap__archive--product .woocommerce-result-count{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:10px;}
.wrap__archive--product .woocommerce-ordering{/*margin-left: auto*/}
.wrap__archive--product select.orderby{box-sizing:border-box;border:1px solid #ddd;padding:0 .75em;height:2.507em;font-size:.97em;max-width:100%;width:100%;vertical-align:middle;color:#333;box-shadow:inset 0 -1.4em 1em 0 rgba(0,0,0,0.02);transition:color .3s,border .3s,background .3s,opacity .3s;}

/*
======================================
[ Table ]
======================================
*/
.shop_table thead th,.shop_table .order-total td,.shop_table .order-total th{border-width:3px;}
.shop_table .cart_item td{padding-top:15px;padding-bottom:15px;}
.shop_table .cart_item .product-name a{color:#000}
td.product-thumbnail{min-width:60px;max-width:90px;width:90px;}
a.remove{display:block;width:24px;height:24px;font-size:15px;line-height:21px;border-radius:100%;color:#ccc;font-weight:bold;text-align:center;border:2px solid currentColor;}
td.actions{border:0;padding:15px 0 10px;}
form.woocommerce-cart-form{overflow-x:auto;}

/*cart_totals*/
.cart_totals>h2{display:none;}
.cart_totals .button{min-width:100%;margin-right:0;display:block;}
.cart_totals .wc-proceed-to-checkout{margin:1.5em 0;}
.coupon label{border-bottom:3px solid #ececec;font-size:15px;padding-bottom:10px;margin-bottom:15px;display:block;}
.coupon .button{overflow:hidden;position:relative;background-color:#f9f9f9;text-shadow:1px 1px 1px #fff;color:#888;border:1px solid #ddd;text-transform:none;font-weight:normal;width:100%;}
.coupon .button:hover{background:rgba(0,0,0,0.6);}

/* widget price filter */
.price_slider_amount input{display:none}
.widget_price_filter form{margin:0}
.widget_price_filter .price_slider{margin-bottom:1em;background:#f1f1f1}
.widget_price_filter .price_label{padding-top:6px}
.widget_price_filter span{font-weight:bold}
.widget_price_filter .price_slider_amount{text-align:right;line-height:1;font-size:.8751em}
.widget_price_filter .price_slider_amount .button{border-radius:99px;background-color:#666;float:left;font-size:.85em;color:#fff}
.widget_price_filter .ui-slider{position:relative;text-align:left}
.widget_price_filter .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:15px;height:15px;cursor:pointer;outline:none;top:-5px;border-radius:999px;background-color:#666}
.widget_price_filter .ui-slider .ui-slider-handle:last-child{margin-left:-10px}
.widget_price_filter .ui-slider .ui-slider-range{position:absolute;opacity:.5;border-radius:99px;z-index:1;font-size:10px;display:block;border:0;background-color:#666}
.widget_price_filter .ui-slider-horizontal{height:5px;border-radius:99px}
.widget_price_filter .ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}

/* Responsive */
@media (max-width:849px){
	.shop_table .product-name{min-width:80px;}
	.shop_table .product-remove{position:relative;width:0;}
	.shop_table .product-remove a{position:absolute;top:10px;left:0px;width:24px;height:24px;line-height:18px!important;font-size:18px!important;}
}
@media (max-width:549px){
	.shop_table .product-price{display:none;}
}
@media (min-width:576px){
	/*Fix page Checkout*/
	.woocommerce-billing-fields__field-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
	.woocommerce-billing-fields__field-wrapper>.form-row{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
	.woocommerce-billing-fields__field-wrapper .form-row-first,.woocommerce-billing-fields__field-wrapper .form-row-last{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
}