/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 2.5.0
	Stable tag: 2.5.0
	Requires at least: 4.7
	Tested up to: 5.9
	Template: hello-elementor
	Requires PHP: 5.6
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import url("../hello-elementor/style.css");
.home #wcspc-count,
.orderable-floating-cart{
	display: none !important;
}
#yith-quick-view-modal .summary-content{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-bottom: 75px;
}

#yith-quick-view-content .product_title {
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    width: 100%;
    max-width: 65%;
    order: 1;
    color: #636561;
}
#yith-quick-view-content .price{
    font-size: 0px !important;
    color: var(--e-global-color-primary);
    font-weight: 600;
    width: 100%;
    order:2;
}
#yith-quick-view-modal .variations_form {
	order:3;
	width: 100%;
}
#yith-quick-view-modal form{
	order: 3;
    width: 100%;
    margin: 0;
}
#yith-quick-view-content .woocommerce-Price-amount{
    font-size: 15px;  
}
#yith-quick-view-content .woocommerce-product-details__short-description{
	font-size: 14px;
	color: #ADADAD;
	line-height: 1.2;
	order:4;
	width: 100%;
}
.quantity input::-webkit-outer-spin-button,
.quantity  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

.quantity  input[type=number] {
    -moz-appearance:textfield; 
}
#yith-quick-view-modal .yith-wcqv-main{
	-webkit-box-shadow:unset !important; 
     box-shadow: unset !important;
    background-color: #F0EEEB;
    padding-bottom: 60px;
}
#yith-quick-view-modal .label{
	padding: 0px;
}
#yith-quick-view-modal table tbody > tr:nth-child(odd) > td,
#yith-quick-view-modal table tbody > tr:nth-child(odd) > th{
	background-color: transparent;
	padding: 0px;
}
#yith-quick-view-modal .woocommerce-product-details__short-description:before{
	display: block;
	content: 'Thông tin sản phẩm';
	font-size: 16px;
	font-weight: 500;
	color: #5F5F5F;
	line-height: 1.2;
	margin-bottom: 5px;
}
#yith-quick-view-modal .woocommerce div.product form.cart{
	margin-bottom:10px;
}
#yith-quick-view-modal .woocommerce div.product form.cart .variations{
	margin: 0;
}
#yith-quick-view-modal .variable-item{
	color: #FFFFFF;
	border-radius: 5px !important;
	-webkit-box-shadow: unset !important; 
    box-shadow:  unset !important;
    font-size: 0px;
    background: #D9D9D9;
    width: 35px;
    height: 35px;
}
#yith-quick-view-modal .variable-item .variable-item-contents{
	border-radius: 6px;
	text-align: center;
    margin: 0 auto;
    align-content: center;
    flex-wrap: wrap;
    color: #5F5F5F;
}
#yith-quick-view-modal .variable-item .variable-item-contents span{
	font-size: 16px;
}
#yith-quick-view-modal .variable-item .variable-item-contents img{
	width: unset;
	height: auto;
}
#yith-quick-view-modal .variable-item.selected{
	color: #FFFFFF;
	background-color: var(--e-global-color-primary);
}
#yith-quick-view-modal .variable-item.selected span{
	color: #FFFFFF;
}
#yith-quick-view-modal .variable-item:before,
#yith-quick-view-modal .variable-item:after{
	display: none !important;
}
#yith-quick-view-modal .quantity{
	background-color: var(--e-global-color-primary);
    margin: 0 0 10px 0;
    min-width: 100px;
    padding: 5px 10px;
    border-radius: 22px;
    max-height: 40px;
    vertical-align: middle;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
	
    
}
#yith-quick-view-modal .quantity button,
#yith-quick-view-modal .quantity input{
	padding: 0px;
	border:0px;
	border-radius: 0px;
	outline: none;
	background-color: transparent;
	color: #fff;
}
#yith-quick-view-modal .quantity button{
	font-size: 28px;
}
#yith-quick-view-modal .quantity input{
	font-size: 24px;
}
#yith-quick-view-modal .product_meta{
	display: none;
}
#yith-quick-view-modal .single_add_to_cart_button {
    display: block;
    width: 100%;

    text-align: center;
    background: var(--e-global-color-primary);
    border-radius: 9px;
    padding: 15px 0px;
    outline: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
	display: none;
}
#yith-quick-view-close {
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 28px;
    z-index: 2;
    opacity: 1;
    font-size: 26px;
    justify-content: center;
    text-align: center;
	background: #8F2F2F;
    color: #fff;
    border:1px solid #8F2F2F;
}
.vi-wcaio-sidebar-cart-pd-quantity  button{
	display: none !important;
    font-size: 0px;
    background-color: transparent;
    padding: 0px !important;
}
.vi-wcaio-sidebar-cart-icon-wrap-top_right, 
.vi-wcaio-sidebar-cart-icon-wrap-bottom_right {
    right: 0;
    left: 10px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    min-width: 55px;
    height: 31px;
    background-color: #fff;
    border-radius: 16px;
    bottom: 26px;
}
.vi-wcaio-sidebar-cart-icon{
	justify-content: unset;
	align-items: unset;
}
.vi-wcaio-sidebar-cart-icon.vi-wcaio-sidebar-cart-icon-2 i {
    margin-bottom: 0px; 
    margin-left: 6px;
}
.vi-wcaio-sidebar-cart-icon-wrap .vi-wcaio-sidebar-cart-count-wrap{
	background-color: transparent;
	color: var(--e-global-color-primary);
	font-size: 17px;
	font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.vi-wcaio-sidebar-cart-products .vi-wcaio-sidebar-cart-pd-img-wrap img{
	object-fit: contain;
}
.vi-wcaio-sidebar-cart-close-wrap{
      top: 10px;	 
}
.vi-wcaio-sidebar-cart-close-wrap i{
       color: var(--e-global-color-primary);
}
.vi-wcaio-sidebar-cart-close-wrap i:before {
    font-size: 22px;
}
#wcspc-count{
	background: #fff;
    box-shadow: unset;
    border-radius: 16px;
    width: 55px;
    height: 32px;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    right: 0;
    left: 0px;
    bottom: 30px;
    z-index: 999;
}
.wcspc-count i{
	color: var(--e-global-color-primary) !important;
	font-size: 18px !important;
	margin-left: 8px;
	text-align: left;
}
#wcspc-count-number {
	background: transparent;
	color: var(--e-global-color-primary);
	font-size: 16px;
	top: 2px;
    right: 0;
}
.wcspc-area{
	width: 90% !important;
	padding-bottom: 0px !important;
}
.wcspc-area::after{
	background: #C25A5A !important;
}
.wcspc-continue,
.wcspc-action-left{
	display: none !important;
}
.wcspc-area-bot{
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
	background-color: transparent;
}
.wcspc-area-bot .wcspc-action .wcspc-action-inner > div.wcspc-action-right{
	padding: 0 !important;
	display: block;
	width: 100%;
	background-color: #fff;
	color: #575757;
	border-radius: 30px;
}
.wcspc-area-bot .wcspc-action .wcspc-action-inner > div.wcspc-action-right a{
	background-color: #fff !important;
	color: #575757 !important;
	border-radius: 30px;
}
.wcspc-item{
	margin: 15px 0 15px 0 !important;
}
.wcspc-area-bot{
	padding-bottom: 25px !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-inner .wcspc-item-remove:before,
.wcspc-area .wcspc-area-bot .wcspc-total .wcspc-total-inner, 
.wcspc-area-bot .wcspc-action .wcspc-action-inner > div a, 
.wcspc-area-bot .wcspc-continue span, 
.wcspc-area .wcspc-close{
	color: #585858 !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-inner .wcspc-item-remove:hover:before{
	color: #000 !important;
}
.wcspc-area-top.wcspc-items .wcspc-item .wcspc-item-inner > .wcspc-item-info {
    display: inline-grid !important;
    vertical-align: top !important;
}
.wcspc-area-top.wcspc-items .wcspc-item .wcspc-item-inner{
	padding: 5px !important;
    border-radius: 6px !important;
    border: 0px !important;
    width: 100% !important;
	background-color: #fff !important;
}

.wcspc-area-top.wcspc-items .wcspc-item-thumb{
	padding: 0 20px 0 0 !important;
	width: 104px !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-thumb img{
	width: 84px !important;
	height: 84px !important;
	object-fit: cover;
	border-radius: 12px !important;
}

.wcspc-area-top.wcspc-items .wcspc-item-price span{
	font-size: 14px !important;
	color: var(--e-global-color-primary);
}
.woocommerce-Price-currencySymbol{
	font-family: monospace;
}
.wcspc-item-qty{
	display: flex !important;
    padding: 0 !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-inner .wcspc-item-remove{
	top: unset !important;
    transform: unset !important;
    bottom: 10px;
    right: 15px !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty-plus, .wcspc-area-top.wcspc-items .wcspc-item-qty-minus{
	width: 18px !important;
	height: 18px !important;
	color: #585858 !important;
	background-color: transparent !important;
	border-radius: 3px;
	font-size: 25px !important;
	border:1px solid #686868;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty .wcspc-item-qty-inner input{
	background-color: transparent !important;
	width:40px!important;
	font-size: 20px !important;
	color: #585858 !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty-plus {
    top: 20px  !important;
    left: 0px  !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty-minus {
    bottom: -39px !important;
    left: 50px !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty .wcspc-item-qty-inner input{
	position: absolute;
    left: 21px;
    bottom: -43px;
    width: auto !important;
    height: auto !important;
    max-width: 25px !important;
}
.wcspc-area-bot .wcspc-action .wcspc-action-inner > div a{
	border:0px !important;
	color: #fff !important;
	background-color: transparent;
	line-height: 40px !important; 
}
.wcspc-item-title{
	color: #585858;
}
.wcspc-area .wcspc-area-bot .wcspc-total .wcspc-total-inner{
	color: #fff !important;
	font-size: 14px !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	width: 100% !important;
}
.woocommerce-checkout .entry-title {
    font-size: 28px;
    color: #333;
}

.woocommerce-checkout #customer_details, 
.woocommerce-checkout #order_review {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
}
.woocommerce-checkout input[type="text"], 
.woocommerce-checkout input[type="email"], 
.woocommerce-checkout input[type="tel"], 
.woocommerce-checkout input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.woocommerce-checkout #place_order {
    background: var(--e-global-color-primary);
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty{
	width: auto !important;
}
#yith-quick-view-content .added_to_cart {
	display: none;
}
.wcspc-area.wcspc-effect-01 .wcspc-close{
	right:23px;
	left: unset !important;
}
.wcspc-icon-close{
	color: #000;
}
#yith-quick-view-content div.summary{
	padding: 25px  0 0 20px !important;
}
.woocommerce div.product form.cart .variations label,
.woo-selected-variation-item-name{
	color: #636561;
}

.woo-variation-swatches .variable-items-wrapper li[data-title="L"]{
	order:2;
}
.woo-variation-swatches .variable-items-wrapper li[data-title="M"]{
	order:1;
}
.woo-variation-swatches .variable-items-wrapper li[data-title="XL"]{
	order:3;
}
.woo-variation-swatches .variable-items-wrapper li[data-title="M"] img{
	max-width: 28px;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty-plus, 
.wcspc-area-top.wcspc-items .wcspc-item-qty-minus,
.wcspc-item-qty-input{
	position: unset !important;
}
.wcspc-area-top.wcspc-items .wcspc-item-qty .wcspc-item-qty-inner{
	display: flex;
	align-items: center;
	margin-top: 30px;
}
@media(max-width:767px){
	
	#yith-quick-view-modal .summary-content{
		background-color: #FFFFFF;
		border-radius: 11px;
		padding: 11px 13px 20px 11px;
		margin:-50px  20px 0 20px;
	}
	#yith-quick-view-modal .yith-wcqv-wrapper{
		width: 95% !important;
		height: 90% !important;
        margin-top:10px;
        vertical-align:unset;
	}
	
	#yith-quick-view-modal .quantity{
	    position: absolute;
	    right: 10px;
    	top: 10px
	}
	
	#yith-quick-view-content div.summary{
		padding: 0 !important;
	}
	#yith-quick-view-modal .variations_form {
		margin: 0;
	}
	.vi-wcaio-sidebar-cart-icon-wrap-top_right, 
	.vi-wcaio-sidebar-cart-icon-wrap-bottom_right{
		z-index: 99;
	}
	#yith-quick-view-modal .quantity input[type="number"]{
		max-width: 50px;
	}
	#yith-quick-view-content .woocommerce-product-gallery__image img{
		max-height: 414px !important;
		width: 100% !important;
		object-fit: cover;
	}
	#yith-quick-view-content .product-type-variable .summary-content>.price{
		display:none;
	}
	#yith-quick-view-modal .single_add_to_cart_button {
		margin-bottom:20px;
	}
    .woocommerce form .form-row-first, 
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first, 
    .woocommerce-page form .form-row-last{
    	width: 100%;
    }
    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before, 
    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before{
    	background-image: unset !important;
    }
}