/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

ul.list li a{
	color:#a7a7a7;
	text-transform:uppercase;
	font-size:14px;
}
ul.list.text-normal li a{
	text-transform:capitalize;
}
ul.list li:hover a{
	color:#fff;
}
ul.list{
	margin:0;
	padding:0;
}
ul.list li{
	list-style:none;
	margin:0;
	margin-bottom:10px
}
.pr-custom .product-small.box.has-hover.box-normal.box-text-bottom{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);
    overflow: hidden;
}
.pr-custom .box-text a:not(.button),
p.name.product-title.woocommerce-loop-product__title a{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom:6px;
	font-weight:500;
	white-space: unset;
}
.product-small.box{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);
    overflow: hidden;
    text-align: center;
}
.custom-extra-info ul{
	list-style: none;
    margin: 0;
    border: 1px dashed #d71d1d;
    padding: 10px 15px;
    border-radius: 5px;
}
.custom-extra-info ul li{
	margin: 0;
    margin-left: 0px !important;
}
.custom-short-description{
	background: #f8f8f8;
    padding: 10px 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 4px solid #d71d1d;
    font-size: 15px;
    color: #181818;
}
.custom-short-description h3{
	display: flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
}
.custom-short-description .content-p p {
    margin-bottom: 5px;
}
h1.product-title.product_title.entry-title{
	font-size:26px;
}
span.amount{
	color:#000;
}
.text-yl .star-rating span:before {
    color: #EEA920;
}
.button-vi .video-button-wrapper{
	z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.button-vi .video-button-wrapper a{
	color:#fff;
}
.form-flat{
	display: flex;
    justify-content: center;
    gap: 10px;
}
.lead .button-size{
	font-size:15px;
	font-weight:400;
}
.badge-container.absolute.left.top.z-1{
	margin: 0;
    background: #d9d9d9;
    font-size: 12px;
    text-transform: uppercase;
    left: inherit;
    right: 5px;
    top: 5px;
    padding: 0 5px;
	font-weight: 400;
}
.badge-container.absolute.left.top.z-1 .callout.badge.badge-square{
	height:25px;
}
.badge-container.absolute.left.top.z-1 span.onsale{
	color: #000;
    font-weight: 400;
}
.price del, .product_list_widget del, del .woocommerce-Price-amount{
	font-size:12px;
}
.image-tools.top.right.show-on-hover{
	opacity: 1;
    right: inherit;
    left: 10px;
}
.image-tools.top.right.show-on-hover button.wishlist-button.button.is-outline.circle.icon{
	background: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 1px;
    font-weight: 400;
    color: transparent;
}
.image-tools.top.right.show-on-hover button.wishlist-button.button.is-outline.circle.icon i{
	color: #000;
}
strong.testimonial-name.test_name{
	display:block;
}
span.testimonial-name-divider{
	display:none;
}
h3.accordion_title{
	font-size:31px;
}
.product-page-accordian .accordion-title{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    padding-left: 0;
}
.product-page-accordian .accordion-title .toggle{
	right: 0;
	left:inherit;
}
.product-info form.cart{
	display: flex;
    flex-direction: column;
}
.product-info form.cart .ux-quantity.quantity.buttons_added{
	border: 1px solid #cdcdcd;
    border-radius: 10px;
    width: 140px;
    flex: none;
    display: flex;
    justify-content: center;
}
.ux-quantity.quantity.buttons_added{
	flex: none;
    display: flex;
    justify-content: center;
	border: 1px solid #cdcdcd;
    border-radius: 10px;
}
.product-info form.cart .ux-quantity.quantity.buttons_added input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form,
input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form{
	border: 0px;
    background: transparent;
}
.button.is-form:hover{
	background: transparent;
	box-shadow:none;
}
.product-info form.cart .ux-quantity.quantity.buttons_added .input-text.qty.text,
.input-text.qty.text{
	border: 0px;
    box-shadow: none;
}
.product-info form.cart .ux-quantity.quantity.buttons_added input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form,
input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form{
	border: 0px;
    background: transparent;
}
.product-info button.single_add_to_cart_button.button.alt{
	background: #fff !important;
    border: 1px solid #999;
    border-radius: 10px;
    color: #000;
    text-transform: none;
    font-weight: 500;
    height: 50px;
}
.product-info button.ux-buy-now-button.button.primary.ml-half {
	border-radius: 10px;
	text-transform: none;
	font-weight: 500;
	height: 50px;
	background: #111;
	animation-name: hvr-push;
	animation-duration: 0.3s;
	animation-delay: 0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-play-state: running;
	animation-delay: 0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: forwards;

	animation-name: hvr-push-cycle;
	animation-duration: 3s; 
}

@keyframes hvr-push-cycle {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(0.8);
	}
	20% {
		transform: scale(1);
	}
	100% {
		transform: scale(1); 
	}
}

form.cart{
	margin-bottom:5px;
}
.custom-image-below-cart{
	border-top: 1px solid #ddd;
    padding-top: 10px;
}
.custom-image-below-cart img{
	margin: 0 auto;
    display: block;
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
	border-radius:5px;
}
.ar-custom .accordion-title{
	padding-left: 20px;
}
.ar-custom .accordion-title button{
	left: inherit;
    right: 0;
}
.ar-custom .accordion-title button i:before{
	content:"+";
}
.ar-custom .accordion-title.active button i:before{
	content:"-";
}
h2.title-ct{
	font-size:43px;
}
.share-icons{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.share-icons h4{
	font-size:15px;
	text-transform:uppercase;
}
.icon-share{
	width:100px;
}
.product-share-section{
	border-top:1px solid #ddd;
	padding-top:12px;
}
.box-image .wishlist-button .icon-heart:before{
	content:"\e906"
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a,
.header-main .nav > li > a{
	color:#000;
}
.block-stock_countdown{
	color: rgb(221 60 60);
    flex-direction: column;
}
.stock-progress progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 4px;
    width: 100%;
    color: #dd3c3c;
    border-radius: 2px;
    border: none;
}
.block-stock_countdown svg path {
    fill: #dd3c3c;
}
.stock-progress progress {
  width: 100%;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
  accent-color: #dd3c3c; /* fallback cho trình duyệt mới */
}
.stock-progress progress::-webkit-progress-bar {
  background-color: #f8f8f8;
  border-radius: 5px;
}
.stock-progress progress::-webkit-progress-value {
  background-color: #dd3c3c;
  border-radius: 5px;
}
.stock-progress progress::-moz-progress-bar {
  background-color: #dd3c3c;
  border-radius: 5px;
}
.widget_shopping_cart_content ul.product_list_widget li a:not(.remove){
	font-size:14px;
}
.salesgen-upsell-bundle.sg-upsell-layout-2 h2{
	font-size:22px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock){
	background: #333;
    color: #fff;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item{
	border: 1px solid #333;
    box-shadow: none;
	border-radius: 7px;
}

@media screen and (min-width: 850px) {
    .gl-ct.large-columns-4>.col {
        flex-basis: 25%;
        max-width: 15%;
    }
}
@media(max-width:768px){
	.form-flat{
		display: block;
	}
	h2.title-ct{
		font-size:26px;
	}
	.text-h2-ct h2,h3.accordion_title{
		font-size:22px !important;
	}
	.text-h2-ct h2 br{
		display:none;
	}
	.form-flat p:last-child{
		display: flex;
    	justify-content: center;
    	flex-direction: column;
	}
}