/*
Theme Name: 123web
Description: This is a child theme for Flatsome Theme
Author: Minh Web
Author URI: https://minhweb.com
Template: flatsome
Version: 3.0
*/

/*************** HEADER.   ***************/
.header-nav .header-search-form {
	margin-left: auto;
	padding-right: 30px;
}

#header-contact a {
    color: #ffffff !important;
}
.header-nav-main a {
    text-transform: uppercase !important;
}
.btn-border::before {
    border: 1px dashed #519259 !important;
}
.btn-border::before {
    border: 1px dashed #fff;
    border-radius: 31px;
    bottom: -6px;
    content: "";
    left: -6px;
    right: -6px;
    top: -6px;
    position: absolute;
}
.btn-border {
    background: #519259 !important;
	margin-bottom: 0;
	box-shadow: none;
	border: none;
}
.txt-base p, .txt-base h2 {
    margin: 0;
}
.lh1 h2, .lh1 p {
	line-height: 1 !important;
}
/*************** SINGLE PRODUCT.   ***************/
.woocommerce-tabs, .related {
    border-top: 1px solid #ececec;
    padding: 30px 30px !important;
    border: 1px solid #519259;
    border-radius: 15px;
    background: #f4f4f4;
}
.woocommerce-tabs ul.tabs {
    display: none;
}
.woocommerce-tabs .tab-panels {
    padding-top: 0;
}
.related {
	margin-top: 30px;
	margin-bottom: 30px;
}
.product-section-title-related {
    padding-top: 0;
}

.variations label {
    margin-bottom: 0 !important;
}
.variations th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.product-short-description ul li {
    margin-bottom: 0;
}
.after-add-to-cart {
    border: 2px solid #64ae6d;
    background: white;
    color: black;
    border-radius: 12px;
    padding: 1em;
    font-size: 1.1em;
}
.after-add-to-cart ul, .after-add-to-cart li {
	margin-bottom: 0;
}
.after-add-to-cart li {
	font-size: 16px;
}
.after-add-to-cart i {
    color: #64ae6d;
}
.variations_form .button.disabled {
    opacity: 1 !important;
}
.product-short-description > p {
    margin-bottom: 0;
}



.product-small.box {
	background-color: #ffffff;
	border: 1.2px solid #4f8d5c;
	border-radius: 30px;
	margin: 0 0px;
	padding-bottom: 0px;
	position: relative;
	padding-bottom: 21px;
}

p.name.product-title.woocommerce-loop-product__title {
	font-size: 1.2em;
	font-weight: 500;
	color: #1F1F1F;
	margin-top: 0.5em;
}

p.name.product-title.woocommerce-loop-product__title a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #1F1F1F;
}

.box-text p {
	margin-top: 1px;
	margin-bottom: 1px;
}

.box-text.box-text-products {
	text-align: center;
	padding-bottom: 0;
	padding-left: 1em;
	padding-right: 1em;
	border-top: 1px solid #519259;
	position: relative;
	padding-top: 6px;
}

.box-text.box-text-products .price-wrapper {
	margin-top: 7px;
}

span.woocommerce-Price-amount.amount {
	font-size: 1.2em;
	color: #519259;
	font-weight: 500;
	text-shadow: 1px 1px white;
}

.price-wrapper {
	margin-top: 0.5em;

}

.product-small .price-wrapper {
	position: relative;
}

.product-small.box img {
	border-radius: 30px 30px 0 0px;
	object-fit: cover;
}

.add-to-cart-button {
	text-align: center;
}

.add-to-cart-button::before {
	font-family: fontAwesome;
	content: "\f217";
	position: absolute;
	width: 40px;
	text-align: center;
	color: #8C8C8C;
	font-size: 18px;
	bottom: -37px;
	z-index: 1;
	left: calc(50% - 21px);
	transition: .2s;
}

.add-to-cart-button a {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: transparent !important;
	border: 0 !important;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: -38px;
	left: calc(50% - 15px);
	z-index: 888;
	box-shadow: none !important;
}

.add-to-cart-button a:hover {
	background: transparent !important;
	color: transparent !important;
}

.product-small:hover .add-to-cart-button::before {
	color: #519259;
	font-size: 20px;
}

.box-text-products::after {
	content: '';
	background: url(/wp-content/themes/123web/assets/img/vien.png);
	bottom: -78px;
	left: 50%;
	position: absolute;
	width: 105px;
	height: 57px;
	background-repeat: no-repeat;
	background-size: 75%;
	margin-left: -39px;
}

.flickity-prev-next-button {
	opacity: 1 !important;
}

.meal-section .flickity-prev-next-button {
	background: #519259;
	height: 60px;
	width: 30px;
}

.meal-section .flickity-prev-next-button.previous {
	border-radius: 25px 0px 0px 25px;
}

.meal-section .flickity-prev-next-button.next {
	border-radius: 0px 25px 25px 0px;
}

.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
	fill: #ffff;
}

.meal-section .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
	margin-top: -3%;
}

.product-slide button.flickity-button.flickity-prev-next-button.previous {
	margin-right: 1%;
}

button.flickity-button.flickity-prev-next-button.next {
	margin-left: 1%;
}

.product-weight {
	margin-top: 26px;
}

.product-mass {
	margin-top: 0.5em;
}
/*************** WIDGET.   ***************/
.widget .is-divider {
    width: 100%;
    max-width: 100%;
    background: #64ae6d;
    height: 2px;
}
.widget .ux-search-submit {
    background: #40974b;
}
.widget_price_filter .price_slider_amount .button {
    background-color: #40974b;
    margin: 0;
}

.border-left-1 .section-title-main {
    margin: 0;
    border: none;
	padding-bottom: 0;
}
.border-left-1 .section-title-normal {
	border: none;
	border-left: 3px solid #64ae6d;
    padding-left: .5em;
}

.row-slider .flickity-page-dots {
    bottom: -15px;
}
/*************** FOOTER.   ***************/
#footer a {
    font-size: 14px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.header-bottom-nav a.nav-top-link {
		display: flex;
		flex-direction: column;
		text-transform: uppercase;
	}
	.header-bottom-nav img {
		margin-right: 0 !important;
	}
	.header-bottom-nav i.icon-angle-down {
		position: absolute;
		bottom: 0;
		margin: 0 !important;
	}
	.cart-img-icon {
		max-width: 24px !important;
	}
	
	
	
	
	.header-cart-link::before {
		content: '';
		border: 1px solid var(--primary-color);
		position: absolute;
		width: 30px;
		height: 30px;
		top: 21px;
		left: 12px;
		border-radius: 50%;
		-webkit-animation: pulse-border 1500ms ease-out infinite;
		animation: pulse-border 1500ms ease-out infinite;
		z-index: 1;
		transition: 3s;
	}

	.header-cart-link::after {
		border: 2px solid var(--primary-color);
		position: absolute;
		width: 28px;
		height: 28px;
		top: 10px;
		left: 10px;
		border-radius: 50%;
		-webkit-animation: pulse-border 1500ms ease-out infinite;
		animation: pulse-border 1500ms ease-out infinite;
		z-index: 1;
	}

	.header-cart-link {
		background: none;
		margin-right: 20px;
		border-radius: 50%;
		display: flex;
		position: relative;
		animation: blink 5s infinite;
		transform-origin: center;
	}	
	
	@-webkit-keyframes pulse-border {
		0% {
			-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
			opacity: 0;
		}
	}

	@keyframes pulse-border {
		0% {
			-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
			opacity: 0;
		}
	}
	
	

}