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

/* 
Content of table
1. Messenger Button 
2. Advanced Flatsome
3. CSS Custom
4. Font css
5. Single Prodict
*/






b,
strong {
	font-weight: bold !important;
}









/* ================ Single Prodict ================ */
form.cart {
	margin-bottom: 0;
}

a.buy-now.button {
	margin: 0 0 30px;
	width: 100%;
	background-color: #df4444;
}

.colCTA {
	border: 2px solid #6e9167;
	padding: 20px;
	font-size: 15px;
	margin: 0 20px 20px;
}

.colCTA input.wpcf7-form-control.has-spinner.wpcf7-submit {
	margin: 0 auto -50px;
	display: block;
}

.colCTA span.wpcf7-form-control-wrap {
	width: 50%;
	float: left;
	padding: 0 5px;
}

a.buy-now.button span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: -5px;
}

/* ================ Font css ================ */
@font-face {
	font-family: "roboto";
	src: url("https://tramhuongphuclinh.vn/wp-content/themes/giniwebseo/fonts/Roboto-Regular.woff2") format("woff2");
	src: url("https://tramhuongphuclinh.vn/wp-content/themes/giniwebseo/fonts/Roboto-Regular.woff2") format('embedded-opentype'),
		/* IE6 to IE8  */
		url("https://tramhuongphuclinh.vn/wp-content/themes/giniwebseo/fonts/Roboto-Regular.woff2") format('woff'),
		/* Newer browsers */
		url("https://tramhuongphuclinh.vn/wp-content/themes/giniwebseo/fonts/Roboto-Regular.woff2") format('truetype');
	/* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */
	font-display: swap;
	font-weight: normal;
}

body {
	font-family: "roboto", sans-serif !important;
}

.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a {
	font-family: "roboto", sans-serif !important;
}

p {
	font-family: "roboto", sans-serif !important;
}



/* ================ Messenger Button ================ */
.hotline-phone-ring-wrap {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999999;
}

.hotline-phone-ring {
	position: relative;
	visibility: visible;
	background-color: transparent;
	width: 110px;
	height: 110px;
	cursor: pointer;
	z-index: 11;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transition: visibility .5s;
	right: 0;
	bottom: 0;
	display: block;
}

.hotline-phone-ring-circle {
	width: 85px;
	height: 85px;
	top: 14px;
	left: 15px;
	position: absolute;
	background-color: transparent;
	border-radius: 100%;
	border: 2px solid #0084ff;
	-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
	width: 64px;
	height: 64px;
	top: 25px;
	left: 25px;
	position: absolute;
	background-color: rgb(0 132 255);
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.hotline-phone-ring-img-circle {
	background-color: #0084ff;
	width: 50px;
	height: 50px;
	top: 33px;
	left: 32px;
	position: absolute;
	background-size: 20px;
	border-radius: 100%;
	border: 2px solid transparent;
	/* -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
	animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; */
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 89px;
	/* height: 60px; */
}

@-webkit-keyframes phonering-alo-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.5) skew(1deg);
		-webkit-opacity: 0.1;
	}

	30% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		-webkit-opacity: 0.5;
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		-webkit-opacity: 0.1;
	}
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
	0% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		opacity: 0.6;
	}

	100% {
		-webkit-transform: rotate(0) scale(0.7) skew(1deg);
		opacity: 0.6;
	}
}

@-webkit-keyframes phonering-alo-circle-img-anim {
	0% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	10% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	20% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}

	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
	}
}

/*  */
.nav-dropdown>li.nav-dropdown-col {
	display: block
}

.nav-dropdown {
	border: 1px solid #ddd;
	padding: 0
}

.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a {
	font-weight: normal !important;
	text-transform: none !important;
	font-size: 15px;
	font-weight: 500
}

.nav-dropdown .nav-dropdown-col>ul li:hover {
	background: #9aa62d
}

/* .nav-dropdown-default>li:hover>a, 
.nav-dropdown .nav-dropdown-col>ul li:hover>a{
	color:white
} */
/* .nav-dropdown-default>li:hover{
	background:#4f734f
} */
.widget_shopping_cart_content {
	padding: 10px;
}

.nav-dropdown-default>li>a {
	border-bottom: 0 !important
}

.nav-dropdown-has-arrow li.has-dropdown:before {
	border-width: 10px;
	margin-left: -10px;
}

.nav-dropdown .nav-dropdown-col>ul {
	border: 1px solid #d2d2d2;
	margin-top: -40px;
	box-shadow: 2px 2px 5px #828282;
	display: none;
	position: absolute;
	left: 100%;
	z-index: 9;
	background: white;
	min-width: 240px;
}

.nav-dropdown>li.nav-dropdown-col {
	width: 100%;
	border-right: 0
}

.nav-dropdown .nav-dropdown-col>ul li a {
	padding: 10px;
	text-transform: none;
	color: black
}

.header-nav li.nav-dropdown-col:hover>ul {
	display: block !important
}

.header-top .flex-center {
	margin: 0 8%;
}

.header-top .container {
	padding: 0;
}

.entry-content .box-text p a {
	font-size: 13px !important;
}






/* ================ Advanced Flatsome ================ */
.wp-caption {
	text-align: center;
	max-width: 600px;
	padding-left: 0px !important;
}

.entry-content a {
	color: #0b4f13;
	font-weight: bold;
}

.entry-content p,
.entry-content li {
	font-size: 18px !important;
	line-height: 30px;
}

.shop-container p {
	margin-bottom: 7px;
}

.vantheweb-note {
	margin-top: 20px;
	border: 2px solid #4f734f;
	padding: 16px;
	border-radius: 10px;
	margin-bottom: 0px !important;
}

.vantheweb-note .heading {
	color: #ee4d2d;
	text-transform: uppercase;
	text-align: center !important;
	font-size: 15px;
}

#footer .section-title-container {
	margin-bottom: 0.5em;
}

.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span {
	padding: 0 3px;
	font-size: 14px;
}

.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {
	padding: 1px;
	height: 21px;
	border: 1px solid #4f734f;
}

.product-small {
	background: #fff;
}

.shop-container .col-inner .product-small {
	padding: 0;
	box-shadow: 0px 0px 1px 1px #dfdfdf;
}

.comment-form-url {
	margin-top: 11px;
}

.has-equal-box-heights .box-image {

	margin-bottom: -9px;
}

.box-image img {
	max-height: 100% !important;
}

.entry-header-text-top {
	padding-bottom: 0px;
	margin-bottom: -15px;
}

#content.blog-single h1.entry-title {

	font-weight: 400;
	clear: both;
}

.blog-single p span {
	font-size: 19px !important;
	line-height: 35px;
}

.blog-single h2 {
	font-size: 24px !important;
}

.gn-counpon li {
	padding: 1px 10px !important;
}

.shop-container {
	background: #fff !important;
}

#top-bar .nav>li {
	margin: 0 15px !important;
}

.vantheweb-button-danhmuc span {
	color: #f3ece2 !important;
	font-size: 17px;
}

.copyright-footer {
	color: #f3ece2;
}

#content .row {
	padding-top: 14px;
}

.product-short-description span,
.product-short-description li,
.product-short-description p {
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0px;
}

.breadcrumbs {
	padding-bottom: 0px;
}

.footer-wrapper {
	/* width: 100%; */
	/* position: relative; */
	border-top: 3px solid #6e9167;
}

.box-text.text-center {
	height: 133px;
}

#main #content {
	background: #fff !important;
	padding-top: 2px;

}

#content .row {
	background: #fff;
}

#content {
	background: #d2d1cf !important;
}

p.form-row-first {
	width: 100%;
}

.box-image img {
	max-height: 280px !important;
}

.box-push.product-small .box-text .product-title a {
	font-size: 16px;
	text-transform: capitalize;
}

#top-bar .nav>li>a {
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: 400;
}

#top-bar .nav-small.nav>li.html {
	font-size: .85em;
}

#top-bar .nav>li {
	margin: 0 20px;
}

#top-bar li.header-block {
	width: auto;
}

.page-template-default .page-wrapper {
	background: white;
}

html {
	background-size: cover;
}

.gn-counpon {
	display: flex;
	list-style: none;
	margin-bottom: 0px !important;
}

.gn-counpon li {
	border: 1px solid #ddd;
	margin-left: 5px !important;
	background: #0000;
	color: #ee4d2d;
	font-size: 14px;
	border-radius: 2px !important;
	background-color: rgba(255, 87, 34, .1);
	max-width: 450px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-color: #fff0;
}

.gn-counpon li:first-child {
	margin-left: 0;
}

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

html {
	background-color: #fff;
}

.custom-product-page .product-price-container .price-wrapper {
	padding: 15px 20px;
	background: #fafafa;
	margin: 12px 0px;
}

.custom-product-page .product-price-container .price-wrapper p {
	margin: 0;
}

.custom-product-page .product-price-container .price-wrapper p,
.custom-product-page .product-price-container .price-wrapper span {
	color: #ee4d2d;
	font-size: 20px
}

.gnws-remove-p {
	padding-bottom: 10px;
}

.gnws-remove-p p {
	margin: 0;
}

body.woocommerce-cart .row .row-large:not(.row-collapse),
body.woocommerce-cart .container .row-large:not(.row-collapse) {
	margin: 0;
}

.product-short-description span {
	display: inline;
}

.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).disabled .variable-item-contents:after,
.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).disabled .variable-item-contents:before,
.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents:after,
.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents:before,
.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).out-of-stock .variable-item-contents:after,
.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).out-of-stock .variable-item-contents:before,
.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).out-of-stock:hover .variable-item-contents:after,
.woo-variation-swatches.wvs-attr-behavior-blur .variable-item:not(.radio-variable-item).out-of-stock:hover .variable-item-contents:before {
	display: none;
}

.badge-container.absolute.left.top.z-1 {
	left: unset;
	right: 0;
}

.woocommerce-variation-price {
	font-size: 20px;
}

body.archive .shop-container {
	background: #fff0 !important
}

#button-contact-vr {
	right: 10px !important;
}

.icon-500px {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 512.007 512.007' style='enable-background:new 0 0 512.007 512.007;' xml:space='preserve'%3E%3Ccircle style='fill:%23E6EFF4;' cx='256.003' cy='256.003' r='256.003'/%3E%3Cpath style='fill:%23B6D1DD;' d='M385.581,107.256L385.581,107.256c-5.101-5.102-12.148-8.258-19.932-8.258H146.354 c-15.567,0-28.187,12.619-28.187,28.187v219.295c0,7.785,3.156,14.832,8.258,19.933l0,0l145.105,145.105 C405.682,503.489,512.001,392.169,512.001,256c0-8.086-0.393-16.081-1.126-23.976L385.581,107.256z'/%3E%3Cpath style='fill:%2341A0D7;' d='M365.647,98.999H146.353c-15.567,0-28.187,12.619-28.187,28.187v219.294 c0,15.567,12.619,28.187,28.187,28.187h43.971v38.334l53.377-38.334h121.946c15.567,0,28.187-12.619,28.187-28.187V127.185 C393.834,111.618,381.215,98.999,365.647,98.999z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M393.834,340.942v-44.17c-5.73-5.85-13.714-9.484-22.55-9.484h-64.188l86.738-118.175V131.24 c-4.466-3.988-10.304-6.31-16.5-6.31h-131.2c-17.435,0-31.57,14.135-31.57,31.57s14.135,31.57,31.57,31.57h55.168L212,311.089 c-5.474,7.539-6.255,17.512-2.024,25.812c4.231,8.3,12.76,13.526,22.077,13.526h139.232 C380.121,350.426,388.104,346.792,393.834,340.942z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
	font-size: 0 !important;
	width: 30px;
	height: 30px
}






/* ================ CSS Custom ================ */
#ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text {
	font-size: 22px;
}

#ftwp-postcontent h3 {
	font-size: 22px !important;
}

#ftwp-postcontent h2 {
	font-size: 25px !important;
}

.cls-h2-trang-chu a {
	background: #6e9167;
	padding: 2px 4px;
	color: #f3ece2 !important;
}

.cls-h2-trang-chu.edit a {
	padding: 10px 4px 5px;
}

.cls-h2-trang-chu span,
.cls-h2-trang-chu strong {
	color: #f3ece2 !important;
}

.category-page-row .term-description {
	padding-top: 20px;
	margin-bottom: 50px;
}

blockquote {
	position: relative;
	margin: 0em 1.5em 1.25em;
	padding: 0 1em 0 .5em;
	border-left: 5px solid #A5B232;
	font-style: italic;
	color: #1f1a0c;
	background: #f0f4ef;
}

.a-tabs .a-tab-nav li .wpautbox-icon {
	display: none;
}

body .a-tabs>ul.a-tab-nav>li.a-tab-active a {
	background: #fff;
	font-weight: 700 !important;
}

.a-tab-first a:before {
	content: "\e901";
	color: #7F8C18;
	font-family: fl-icons;
}

.a-tab-last a:before {
	content: "\e800";
	color: #7F8C18;
	font-family: fl-icons;
}





@media (max-width: 48em) {

	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.entry-content .box-text p a {
		font-size: 16px !important;
	}

	.mobile-sidebar .sidebar-menu {
		padding: 0;
	}

	.wp-caption {
		text-align: center;
		max-width: 100% !important;
	}

	.box-text.text-center {
		height: 175px;
	}

	.box-image img {
		max-height: 160px;
	}

	.box-text p {
		height: 90px;
	}

	.product-small .box-image img {
		/*     max-height: 140px !important; */
	}

	.shop-container {
		padding: 0px 10px;
	}

}









/* ================ webnganh ================ */
.img-border-radius img {
	border-radius: 25px;
}

.text-xem-them {
	padding: 15px 30px;
	background: rgb(79, 115, 79);
	color: #fff !important;
	margin-top: 20px;
}

.text-xem-them:hover.text-xem-them {
	color: #fff;
}

.text-margin {
	margin: 30px 0;
}

.text-border-radius {
	border-radius: 25px 0px 25px 0px;
}

.col-button-danh-muc .col-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;

	padding-top: 20px;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
}

.col-button-danh-muc {
	padding: 0;
}

.button.danh-muc {
	margin: 5px !important;
	border-bottom-left-radius: 25px !important;
	border-top-right-radius: 25px !important;
	color: #fff !important;
	display: grid;
	align-items: center;
}

.button.danh-muc span {
	color: #fff !important;
}

.button.danh-muc h2,
.button.danh-muc p {
	font-size: 13px !important;
	margin: 0 !important;
	color: #fff !important;
}

.button {
	line-height: 1.4rem;
}

.button.danh-muc a {
	font-size: 13px !important;
	color: #fff !important;
}

.row-sp-home {
	padding-top: 0;
}

.button.danh-muc strong {
	font-size: 16px !important;
}

.col-thuong-hieu,
.col-thuong-hieu .col-inner {
	padding-bottom: 0;
}

.cat-item-353,
.cat-item-352 {
	display: none !important;
}

.img-border-radius img {
	border-radius: 25px;
}

.owl-carousel {
	position: relative;
}

.owl-carousel .box-text,
.owl-carousel .box-text-inner,
.owl-carousel p {
	height: fit-content;
}

.row-title .col {
	padding-top: 0;
}

.owl-carousel .col,
.row-title .col {
	padding-bottom: 0;
}

.owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.owl-dot span {
	background-color: #4f734f;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	width: 12px;
	filter: Alpha(Opacity=500);
	/*IE7 fix*/
	opacity: 0.5;
}

.owl-dot.active span,
.owl-dot:hover span {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
}

.owl-nav.disabled {
	display: block !important;
	position: absolute;
	top: 38%;
}

.owl-prev {
	position: absolute;
}

.owl-next {
	position: absolute;
	right: 0;
}

.text.button.danh-muc a,
.text.button.danh-muc span {
	font-size: 18px !important;
	font-weight: 500;
}

.wp-caption-text {
	font-style: italic !important;
}



div#ez-toc-container nav ul ul li ul li {
	font-size: 19px !important;
}




.author_bio_section {
	background: none repeat scroll 0 0 #F5F5F5;
	padding: 15px;
	border: 1px solid #ccc;
}

.author_name {
	font-size: 16px;
	font-weight: bold;
}

.author_details img {
	border: 1px solid #D8D8D8;
	border-radius: 50%;
	float: left;
	margin: 0 10px 10px 0;
}



#ez-toc-container li a {
	color: #000 !important;
}

.ez-toc-heading-level-3 .ez-toc-link {
	font-weight: 400 !important;
}


/* #main a,
#main a span {
	color: #0b4f13 !important;
} */

#main .add-to-cart-button a,
#main .text-xem-them,
#main .cls-h2-trang-chu a span,
#main .cls-h2-trang-chu a {
	color: #fff !important;
}










.product-small .col-inner,
.product-small .col-inner .box {
	height: 100%;
}

.single-product .product-small.col {
	padding: 0 10px 10px 0;
}

.single-product .product-small .col-inner {
	box-shadow: 0px 0px 1px 1px #dfdfdf;
}

.single-product .col-inner .product-small,
.archive .shop-container .col-inner .product-small {
	box-shadow: none;
}

.archive .product-small .box-text,
.single-product .product-small .box-text {
	padding: 8px;
}

.woocommerce-LoopProduct-link {
	font-size: 16px;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.category .blog-wrapper {
	background-color: #f3ece2;
}




@media only screen and (min-width: 1000px) and (max-width: 2560px) {
	.owl-next {
		right: -2%;
	}

	.owl-prev {
		left: -2%;
	}
}

@media only screen and (max-width: 550px) {
	.owl-carousel .image-cover img {
		padding: 10px;
		border-radius: 50%;
	}

	h3 {
		font-size: 1.25rem !important;
	}

	#button-contact-vr,
	.hotline-phone-ring-wrap {
		z-index: 2 !important;
	}

	.nav>li>a {
		font-size: .8em !important;
	}

	.mfp-content {
		width: 80% !important;
	}

	.owl-carousel .box-text {
		padding-bottom: 0;
	}

	.owl-carousel .col {
		padding: 0 8px;
	}

	.button.danh-muc {
		width: 45%;
	}

	.col-col .button.danh-muc {
		width: 70%;
	}

	.col-col .button.danh-muc h2,
	.col-col .button.danh-muc p {
		font-weight: 500;
	}

	.category-filtering {
		position: absolute;
		margin: 5px 20px;
		z-index: 1;
		left: 0;
	}

	.flex-col.medium-text-center.form-flat {
		position: relative;
		height: 50px;
	}

	.woocommerce-ordering {
		position: absolute;
		width: 75%;
		right: 0;
	}

	.shop-page-title.is-xlarge {
		font-size: 16px;
	}

	.shop-page-title .woocommerce-breadcrumb.breadcrumbs.uppercase {
		font-size: 10px;
	}

	.featured-title .page-title-inner {
		padding-bottom: 10px;
	}

	.page-title-inner {
		padding-top: 5px;
	}

	.mobile-nav .icon-menu {
		color: #000;
	}
}

/* jtwings */

.single_add_to_cart_button.button.alt {
	background-color: #4f734f !important;
}

.single_add_to_cart_button.button.alt:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
	color: #fff;
	opacity: 1;
	outline: none;
}

.cs-zalo-button {
	display: flex;
	gap: 16px;
	margin-top: 20px;
}

a.cs-contact {
	display: inline-block;
	overflow: hidden;
	clear: both;
	padding: 9px 0;
	border-radius: 4px;
	font-size: 18px;
	line-height: normal;
	text-transform: uppercase;
	color: #fff !important;
	text-align: center;
	margin: 0 0 16px;
	text-decoration: none;
	border-bottom: 0 !important;
	max-width: 350px;
	width: 100%
}

a.cs-contact:hover,
a.cs-contact:focus {
	text-decoration: none !important;
	color: #fff !important;
}

a.cs-contact span {
	display: block;
	font-size: 14px;
	color: #fff !important;
	text-transform: none;
	margin: 2px 0 0;
	font-weight: 400 !important;
}

a.cs-phone:hover,
a.cs-phone:focus {
	background: #4F734F;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#849d84), to(#4F734F));
	background: -webkit-linear-gradient(top, #4F734F, #849d84);
	background: -moz-linear-gradient(top, #4F734F, #849d84);
	background: -ms-linear-gradient(top, #4F734F, #849d84);
	background: -o-linear-gradient(top, #4F734F, #849d84);
}

a.cs-phone {
	background: #4F734F;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4F734F), to(#849d84));
	background: -webkit-linear-gradient(top, #849d84, #4F734F);
	background: -moz-linear-gradient(top, #849d84, #4F734F);
	background: -ms-linear-gradient(top, #849d84, #4F734F);
	background: -o-linear-gradient(top, #849d84, #4F734F);
}

a.cs-zalo:hover,
a.cs-zalo:focus {
	background: #4169e1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00bfff), to(#4169e1));
	background: -webkit-linear-gradient(top, #4169e1, #00bfff);
	background: -moz-linear-gradient(top, #4169e1, #00bfff);
	background: -ms-linear-gradient(top, #4169e1, #00bfff);
	background: -o-linear-gradient(top, #4169e1, #00bfff);
}

a.cs-zalo {
	background: #4169e1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4169e1), to(#00bfff));
	background: -webkit-linear-gradient(top, #00bfff, #4169e1);
	background: -moz-linear-gradient(top, #00bfff, #4169e1);
	background: -ms-linear-gradient(top, #00bfff, #4169e1);
	background: -o-linear-gradient(top, #00bfff, #4169e1);
}

.cs-quick-contact {
	margin: 0px !important;
}

.cs-quick-contact>div {
	padding: 0px !important;
}

.cs-quick-contact h3 {
	font-size: 16px;
}

.cs-quick-contact p {
	font-size: 14px;
}

.cs-quick-contact .col-inner {
	padding: 20px !important;
	border-radius: 7px;
}

.cs-quick-contact form {
	position: relative;
	margin: 0;
	margin-top: 16px;
}

.cs-quick-contact input {
	margin: 0;
}

.cs-quick-contact input[type="submit"] {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
}

.cs-quick-contact .wpcf7-spinner {
	display: none !important;
}

.cs-product-sidebar>.col-inner {
	padding: 0px !important;
	display: flex;
	flex-direction: column;
}

.cs-sidebar-phone {
	background-color: #f5f5f5;
	width: 100%;
	padding: 16px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.cs-coupon {
	text-align: left;
	width: 100% !important;
	margin: unset !important;
	padding: 20px !important;
}

.cs-coupon .col {
	padding: 0px;
}

.cs-coupon ul {
	margin: 0 !important;
}

.cs-coupon ul.gn-counpon {
	margin: 0px 0px 12px 0px !important;
}

.cs-coupon li {
	margin: 0 0 6px 0 !important;
	list-style: none;
}

.cs-coupon li:last-child {
	margin: 0 !important;
	list-style: none;
}

.devvn-popup-title {
	background: #4f734f !important;
}

.popup-customer-info-group .devvn-order-btn {
	background: #4f734f !important;
}

.cs-single-product>.col-inner {
	padding: 10px 0px !important;
}

.cs-single-product .woocommerce-breadcrumb {
	padding-bottom: 20px;
}

.cs-float-widget {
	display: none;
}

@media screen and (max-width: 1024px) {
	.cs-single-product {
		padding: 0px 15px !important;
	}

	.cs-order-3 {
		order: 3;
	}

	.cs-order-2 {
		order: 2;
	}

	.cs-order-1 {
		order: 1;
	}

	.cs-float-widget {
		display: flex;
		background-color: #fff;
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		z-index: 999;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		padding: 10px 0px 6px 0px;
	}

	.cs-float-widget-item {
		display: flex;
		flex-direction: column;
		flex-basis: 25%;
		flex-grow: 1;
		flex-shrink: 0;
		align-items: center;
	}

	.cs-float-widget-item img {
		width: 26px;
		height: 26px;
		filter: invert(37%) sepia(38%) saturate(374%) hue-rotate(71deg) brightness(101%) contrast(88%);
		margin-bottom: 2px;
	}

	.cs-float-widget-item.cs-home-icon img {
		padding: 1px;
	}

	.cs-float-widget-item.cs-menu-icon img {
		padding: 2px;
	}

}

/* jtwings */
.filter-arrow-container {
	padding: 0.75rem 1.25rem;
	/* Equivalent to px-5 py-3 */
	display: flex;
	/* Equivalent to flex */
	align-items: center;
	/* Equivalent to items-center */
	justify-content: space-between;
	/* Equivalent to border-b border-[#B9B9B9] */
	color: #4f734f;
	background-color: #cad5ca;
	margin-top: 20px;
}

.filter-arrow-container:first-child {
	margin-top: 0px;
}

/* Media query for screens with min-width of 1024px */
@media (min-width: 1024px) {
	.filter-arrow-container {
		/* Replace with your actual secondary color */
		padding-top: 1rem;
		/* Equivalent to lg:py-4 */
		padding-bottom: 1rem;
		/* Equivalent to lg:py-4 */
	}
}

.filter-arrow {
	width: 1.25rem;
	/* Equivalent to w-4 in Tailwind */
	cursor: pointer;
	/* Equivalent to cursor-pointer */
	transition-timing-function: ease-in-out;
	/* Equivalent to ease-in-out */
	transition-duration: 300ms;
	/* Equivalent to duration-300 */
}

#filter-container form {
	background-color: #f9f9f9;
	padding: 1rem;
	margin-bottom: 0px;
}

.checkbox-container {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	width: 100%;
	justify-content: start;
	gap: 10px;
	font-weight: 400;
	padding: 5px 0px;
}

.checkbox-container input {
	margin: 0px;
}

.rotate-180 {
	transform: rotate(180deg);
}

.font-bold {
	font-weight: 700;
}

.off-canvas-left .mfp-content {
	width: 330px !important;
}

/* Child cat */

.cs-child-title h2 {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 0px;
}

.cs-child-title:hover h2 {
	color: #4f734f;
}

#apply-filter-button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #4f734f;
	color: #4f734f;
	margin-top: 20px !important;
}

#apply-filter-button:hover {
	border: 2px solid #4f734f;
	color: #fff;
	background: #4f734f;
}

.filter-button.uppercase.plain {
	border: 1px solid #d5d5d5;
	padding: 8px 14px;
}

.m-0 {
	margin: 0px !important;
}

.tab-panels {
	position: relative;
}

.term-description,
#tab-description {
	max-height: 500px;
	overflow: hidden;
	transition: max-height 0.3s ease;
	margin-bottom: 80px !important;
}

#expandButton,
#collapseButton {
	color: #fff;
	background: #4f734f;
	left: 50%;
	position: absolute;
	bottom: 20px;
	margin: 0px 0px 20px 0px !important;
	transform: translate(-50%, 0px);
}

#expandButton:hover,
#collapseButton:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
	color: #fff;
	opacity: 1;
	outline: none;
}

#cs-pagination {
	color: #fff;
	background: #4f734f;
	margin: 20px 0px 10px 0px;
}

#cs-pagination:hover {
	box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
	color: #fff;
	opacity: 1;
	outline: none;
}

.cs-pagination-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

#review_form_wrapper.cs-review-from-show {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999999;
}

#cs-review-form-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999999;
	background: rgba(0, 0, 0, 0.6);
}

#comments .comment-respond {
	background-color: unset !important;
	padding: unset !important;
	margin: unset !important;
}

ul.devvn_attach_view .img-wrap {
	background-size: cover !important;
}

.cs-sort-container {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px !important;
}

.cs-sort-item {
	background-color: #cad5ca;
	text-transform: unset !important;
	font-weight: 500 !important;
	color: #4f734f !important;
	font-size: 16px !important;
	margin: 0px !important;
	line-height: 36px !important;
	padding: 0px 12px !important;
	border: 2px solid #cad5ca;
	cursor: pointer;
}

input[type="radio"]:checked+label.cs-sort-item {
	background-color: #cad5ca;
	border-color: #4f734f !important;
}

#select-filter {
	width: 75%;
}

@media screen and (min-width: 1024px) {
	#select-filter {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	#sort-filter {
		display: none;
	}

	.shop-container {
		padding: 0px !important;
	}
}

.shop-page-title.category-page-title.page-title.featured-title.dark .flex-col.medium-text-center.form-flat {
	display: none;
}

.cs-select-container {
	display: flex;
	justify-content: space-between;
}

.cs-select-container form {
	height: 40px;
}

.cs-select-container .category-filtering {
	position: relative;
	margin: 0px;
	padding: 0px;
}

.cs-select-container .category-filtering>a {
	height: 40px;
	margin: 0px;
	box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, .02)
}

.category-page-row .term-description {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 30px;
}

.cs-free-ship {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 16px;
}

.cs-free-ship:last-child {
	margin-bottom: 0px;
}

.cs-free-ship img {
	width: 40px;
	margin-right: 10px;
}

.cart_totals .button {
	display: flex;
	align-items: center;
	justify-content: center;
}

.button.wc-forward,
.button.checkout.wc-forward {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

@media screen and (max-width: 1023px) {
	.cs-checkout-order-2 {
		order: 2;
	}

	cs-checkout-order-1 {
		order: 1;
	}
}

@media screen and (min-width: 1024px) {
	.lg-hidden {
		display: none;
	}
}