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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
overflow: hidden;
}


.header-main .nav > li.menu-item > a {
font-size: 14px;
color: #2b2b2b;
padding: 15px 20px;
}
.header-main .nav > li.menu-item {
margin: 0;
}
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Scada:ital,wght@0,400;0,700;1,400;1,700&display=swap');
html {
	font-size: 62.5%;
}
html body {
	font-size: 18px;
	line-height: 1.6;
	font-weight: 400;
}
#wrapper .col {
	padding-bottom: 0;
}
.box-image img {
	height: 100%;
	object-fit: cover;
}

a {
	transition: all 300ms ease;
}
h1 {
	font-size: 28px;
}
.underline h1 {
	margin-bottom: 10px;
}
.underline h1::after {
	content: '';
	display: block;
	width: 20rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.46);
	justify-self: center;
	padding-top: 20px;
}
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
		padding: 0;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 250px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
		font-size: 16px;
        font-weight: 400;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
		font-size: 16px;
        color: rgba(102,102,102,.85);
    }
    header#header .nav-dropdown li.active>a {
        color: #e82c2a;
    }
}

.box-sha {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}

.header:not(.transparent) .header-nav-main.nav > li > a {
	font-weight: bold;
	font-size: 18px;
}
#masthead .flex-right .nav>li.html {
	font-size: 18px;
}
.header-top {
	display: block !important;
}
#masthead .ic-home li {
	list-style-type: none;
	margin: 0;
}
#masthead .ic-home li a::before {
	content: "\f015";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}
#masthead .ic-home li a::before,
.nav>li>a>i {
	font-size: 25px;
	color: var(--fs-color-secondary);
}
#masthead .flex-right {
	margin-left: 30px;
}
.header-main .nav > li > a {
	font-weight: 400;
}
#masthead .nav-left {
	justify-content: space-evenly;
}
#masthead .flex-right .nav>li {
	margin: 0px 14px;
	text-align: center;
}
#masthead .flex-right .nav>li p a {
	color: var(--fs-color-secondary);
}
.sc-banner .text-b {
	position: absolute;
	bottom: 0;
	left: 3%;
}

.sc-banner .text-b p {
	margin-bottom: 10px;
}
#main .sc-about {
	padding-bottom: 0;
}
.sc-about .row-about {
	align-items: center;
}
.sc-about .row-about .col-content p {
	text-align: justify;
	line-height: 30px;
	margin-bottom: 0;
}
.tabbed-content .nav-outline {
	gap: 15px;
}
.tabbed-content .nav-outline>li>a {
	padding: 0 20px;
	color: #c9c9c9;
	border-color: #c9c9c9;
}
.tabbed-content .nav-outline>li.active>a,
.tabbed-content .nav-outline>li:hover>a,
.archive #main .widget .filter-content >  ul li.active a,
.archive #main .widget .filter-content >  ul li:hover a {
	color: white;
	background: var(--fs-color-primary);
	border-color: var(--fs-color-primary);
}
.has-hover img.show-on-hover {
	display: none;
}
.product-small.box .box-image {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 47%);
    -webkit-mask-image: unset;
    padding: 8px;
}
.product-small.box .box-image img {
    border-radius: 15px;
}
.product-small.box .box-image .image-fade_in_back {
	padding: 10px;
}
.product-small.box .box-image .image-fade_in_back a {
	border-radius: 15px;
	overflow: hidden;
}
.product-small .box-text > .title-wrapper a {
	font-size: 1vw;
	font-weight: 600;
	color:#144822;
	margin-bottom:10px;
}
.product-small .box-text .price-wrapper {
	text-align: left;
}
.price-wrapper .price {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: baseline;
	gap: 7px;
}

.price-wrapper .price ins span {
	color: var(--fs-color-secondary);
	font-size: 19px;
}
.price-wrapper .price del {
	text-decoration: none;
}
.price-wrapper .price del .woocommerce-Price-amount {
	text-decoration: line-through;
	font-size: 18px;
}
.product-small .box-text .price-wrapper .price del .discount-percent {
	font-weight: 600;
	color: white;
	background: var(--fs-color-secondary);
	padding: 0 8px;
	border-radius: 7px;
}
.product-small .box-text .price-wrapper .product-sold-count {
	font-size: 18px;
	    font-weight: 900;
}
.product-small .box-text .add-to-cart-button a {
	width: 100%;
	border-radius: 5px;
	background: var(--fs-color-primary);
	color: white;
	font-weight: 400;
	font-size: 16px;
}
.product-small .box-text .add-to-cart-button a.add_to_cart_button.added {
	display: block;
}
.product-small .box-text .add-to-cart-button a.added_to_cart {
	display: none;
}
.product-small .box-text .add-to-cart-button a:hover {
	background: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
}
.product-small .box-text .add-to-cart-button a::before {
	content: "\f07a";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 15px;
}
.button.primary.is-outline > span {
	font-size: 20px;
	font-weight: 500;
}
.sc-core .col-core > .col-inner .box-text h4 {
	font-size: 20px;
}
.sc-core .col-core > .col-inner .box-text p {
	font-size: 18px;
}
.sc-core .box-text.text-center {
    margin-top: 1em;
}
.col.post-item .post-title a {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--fs-color-primary);
}
.col.post-item:hover .post-title a {
	color: var(--fs-color-secondary);
}
.col.post-item p.from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.col.post-item .is-divider {
	display: none;
}
.col.post-item .box-text {
	padding-left: 15px;
}
.sc-news .col-news_left > .col-inner {
	height: 100%;
}

.sc-news .col-news_right > .col-inner > p {
	margin-bottom: 0;
}
.sc-news .col-news_right > .col-inner .box-text {
	padding-bottom: 0;
}
.sc-footer .col-one .info p {
	margin-bottom: 0.3em;
}
.col.post-item {
    margin-bottom: 2em;
}
.sc-footer .icon-box {
	background: var(--fs-color-secondary);
	border-radius: 9px;
	align-items: center;
	padding: 10px;
	margin-bottom: 10px;
}
.sc-footer .icon-box .icon-box-text h4 {
	font-size: 16px;
	margin-bottom: 0;
}
.sc-footer .icon-box .icon-box-text p {
	font-size: 20px;
	margin-bottom: 0;
}
.sc-footer h3::after {
	content: '';
	display: block;
	width: 10rem;
	border-bottom: 3px solid var(--fs-color-primary);
}
.sc-footer ul li {
	list-style-type: none;
	margin: 0;
}
.sc-footer .col-two ul li::before {
	content: "\f101";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 5px;
	font-size: 13px;
}
.sc-footer .col-three ul li a {
	font-weight: 700;
	text-transform: uppercase;
}
.sc-footer ul li:hover a,
.sc-footer .col-two ul li:hover::before{
	color: var(--fs-color-secondary);
}
#footer .absolute-footer .copyright-footer {
	font-size: 16px;
	color: #fff;
}
#footer .col-four a.button,
#footer .col-four .social-icons.share-icons {
	position: absolute !important;
	bottom: 10px;
	margin: 0;
	padding: 0 5px;
	background: #fff;
	border: none;
	min-height: unset;
	line-height: 25px;
	box-shadow: none;
}
#footer .col-four a.button.ic-fb {
	left: 5%;
}
#footer .col-four .social-icons.share-icons  {
	right: 5%;
}
#footer .col-four a.button::before {
	font-weight: 900;
	margin-right: 5px;
}
#footer .col-four a.button.ic-fb::before {
	content: '\f082';
	font-family: "Font Awesome 6 Brands";
	color: #3B5998;
}
#footer .col-four .social-icons.share-icons a {
	display: contents;
}
#footer .col-four .social-icons.share-icons a::before  {
	content: '\f064';
	font-family: "Font Awesome 6 Free";
	color: #000;
	font-size: 15px;
}
#footer .col-four .social-icons.share-icons a::after {
	content: 'Chia sẻ';
	text-transform: none;
	font-size: 10px;
	color: #000;
}
#footer .col-four .social-icons.share-icons a i {
	display: none;
}
#footer .col-four a.button span {
	font-size: 10px;
	color: #000;
}
.archive .category-page-row {
	flex-direction: column;
}
.archive .category-page-row > .col {
	flex-basis: 100%;
	max-width: 100%;
}
.archive .widget .filter-content >  ul {
	display: flex;
	justify-content: center;
	gap: 15px;
}
.archive .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a {
	padding: 10px 20px;
	color: #c9c9c9;
	border: 2px solid transparent;
	border-color: #c9c9c9;
	border-radius: 32px;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 700;
}
.archive .widget .filter-content >  ul li.disabled:hover {
	cursor: not-allowed;
}
.archive .widget .filter-content >  ul li.disabled a {
	pointer-events: none;
}
.archive .category-page-row > .col .shop-container {
	display: flex;
	flex-direction: column-reverse;
}

.nav-pagination>li>a, .nav-pagination>li>span {
	border-radius: 0;
	border-width: 1px;
}
.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover {
	background-color: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
}

.sc-content_cate .text-content p:last-child {
	margin-bottom: 0;
}
.sc-content_cate .row-content_cate {
	align-items: center;
}
.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:first-child {
	order: 1;
}
.product-images.woocommerce-product-gallery img {
	height: 100%;
}
.row-dt_top .price-wrapper .price {
	align-items: baseline;
	margin-bottom: 10px;
}
.row-dt_top .product-title-container .product-title {
	font-size: 30px;
}
.row-dt_top .product-meta-before-price,
.row-dt_top .product-sold {
	font-size: 23px;
}
.row-dt_top ins span.woocommerce-Price-amount.amount::before {
	content: 'Giá:';
}
.row-dt_top .product-short-description p::before {
	content: 'Mô tả:';
}
.row-dt_top .add-to-cart-container::before {
	content: 'Đặt hàng:';
	margin-bottom: 10px;
	display: inline-block;
}

.row-dt_top ins span.woocommerce-Price-amount.amount::before,
.row-dt_top .product-short-description p::before,
.row-dt_top .add-to-cart-container::before {
	color: var(--fs-color-primary);
	margin-right: 10px;
	font-size: 23px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.row-dt_top .product-price-container .discount-percent {
    font-weight: 600;
    color: white;
    background: var(--fs-color-secondary);
    padding: 0 8px;
    border-radius: 7px;
}
.row-dt_top .add-to-cart-container button {
font-size: 1vw;
    border-radius: 10px;
    padding: 0vw 0.6vw;
}
.row-dt_top .add-to-cart-container button::after {
	content: "\f07a";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-left: 10px;
}
.row-dt_info img {
	display: block;
}
.row-dt_bot .product-section {
	border: none;
}
.row-dt_bot .product-section .product-section-title {
	text-align: center;
}
.category-page-title .page-title-inner .is-large, form.woocommerce-ordering,.all-title-order {
    display: none !important;
}
h1.shop-page-title.is-xlarge {
    text-align: center;
	    text-transform: uppercase;
}
.category-page-row ul.product-categories {
    display: flex;
    gap: 1em;
    justify-content: center;
}
.category-page-row ul.product-categories li {
    padding: 0px 26px;
    border: 1px solid #ccc;
    border-radius: 30px;
}
.category-page-row {
    padding-top: 10px;
}
a.button.primary.hotline-bt {
    margin-bottom: 1.4em;
    padding: 0.2rem 1rem;
    border-radius: 10px;
    font-size: 1.7rem;
}
.div-2col .col-inner {
    display: flex;
    gap: 1em;
    align-items: end;
}
.quantity input[type=number] {
    font-size: 20px;
}
.post-sidebar.large-3.col .is-divider.small {
    display: none;
}
.post-sidebar.large-3.col span.widget-title {
    display: block;
    background: #2c863a;
    line-height: 2em;
    color: #fff;
    padding: 0px 10px;
}
@media screen and (max-width: 1024px) {
	html body {
		font-size: 20px;
	}
	.product-small .box-text .add-to-cart-button a {
    font-size: 12px;
}
	.product-small .box-text > .title-wrapper a {
    font-size: 17px;
}
	#logo {
		width: 150px !important;
		margin-right: 20px
	}
	#masthead .flex-right {
		margin-left: 20px;
	}
	#masthead .ic-home li a::before, .nav>li>a>i {
		font-size: 20px;
	}
	.header:not(.transparent) .header-nav-main.nav > li > a,
	#masthead .flex-right .nav>li {
		font-size: 15px;
	}
	#main .sc-banner .text-b {
		font-size: 10px;
	}
	h1 {
		font-size: 28px;
	}
	#main .sc-about {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.product-small.col .box-text > .title-wrapper a {
		font-size: 18px;
	}
	.price-wrapper .price ins span {
		font-size: 17px;
	}
	.product-small .price-wrapper .price {
    display: block;
}
	.price-wrapper .price del .woocommerce-Price-amount {
		font-size: 16px;
	}
	.product-small.col .box-text .price-wrapper .product-sold-count {
		font-size: 18px;
	}
	.product-small.col .box-text .add-to-cart-button a {
		padding: 0;
		margin-top: 0;
	}
	.price-wrapper .price del {
		white-space: nowrap;
	}
	.sc-core .col-core > .col-inner .box-image {
		width: 155px;
	}
	.sc-core .col-core > .col-inner .box-text h4 {
		font-size: 15px;
	}
	.sc-core .col-core > .col-inner .box-text p {
		font-size: 13px;
	}
	h2 {
		font-size: 24px;
	}
	.col.post-item .post-title a {
		font-size: 18px;
	}
	.col.post-item p.from_the_blog_excerpt {
		font-size: 16px;
	}
	.sc-news .col-news_right iframe {
		height: 300px;
	}
	.sc-news .col-news_right .box-image {
		height: 120px;
	}
	.sc-footer .icon-box .icon-box-text h4 {
		font-size: 11px;
	}
	.sc-footer .icon-box .icon-box-text p {
		font-size: 18px;
	}
	.sc-footer h3 span {
		font-size: 13pt !important;
	}
	.sc-footer ul li a span {
		font-size: 12pt !important;
	}
	.sc-content_cate .text-content {
		font-size: 18px;
	}
	.row-dt_top .product-title-container .product-title {
		font-size: 28px;
	}
	.row-dt_top .product-meta-before-price, .row-dt_top .product-sold {
		font-size: 22px;
	}
	.row-dt_top .add-to-cart-container button {
		font-size: 16px;
	}
	#footer .absolute-footer .copyright-footer {
		font-size: 16px;
	}
		    .related .product-small .price-wrapper .price {
        display: inline-grid;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) and (orientation: landscape) {
	.header:not(.transparent) .header-nav-main.nav > li > a, #masthead .flex-right .nav>li {
		font-size: 14px;
	}
	#logo {
		margin-right: 10px;
	}
	#masthead .flex-right {
		margin-left: 10px;
	}
	#masthead .html.custom.html_topbar_right,
	.home .product-small.col:nth-child(n+4){
		display: none;
	}
	.product-small.col {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.sc-footer .row-footer > .col {
		flex-basis: 50%;
		max-width: 50%;
	}
	.sc-footer .col-one .img-inner {
		width: 200px;
	}

} 

@media screen and (max-width: 768px) {
	html body {
		font-size: 18px;
	}
	h1 {
		font-size: 26px;
	}
	#logo {
		width: 120px !important; 
	}
	.sc-news .box.box-vertical.box-blog-post .box-image {
		width: 100%;
	}
.div-2col .col-inner {
    display: block;
}
	a.button.primary.hotline-bt {
    width: 100%;
}
	.row-dt_top .add-to-cart-container button {
    padding: 0vw 2.9vw;
}
	.sc-news .col-news_right iframe {
		width: 100%;
	}
	.row-dt_top .product-title-container .product-title {
		font-size: 24px;
	}
	.row-dt_top .product-meta-before-price, .row-dt_top .product-sold {
		font-size: 18px;
	}
	.row-dt_top ins span.woocommerce-Price-amount.amount::before, 
	.row-dt_top .product-short-description p::before, 
	.row-dt_top .add-to-cart-container::before {
		font-size: 18px;
	}
	.row-dt_top .add-to-cart-container button {
		font-size: 14px;
	}
}
@media screen and (max-width: 549px) {
	html body {
		font-size: 16px;
	}
	.product-small .box-text .add-to-cart-button a::before{
		display:none;
	}
	#main .sc-banner .text-b {
		display: none;
	}
	.sc-about .col-img > .col-inner {
		justify-items: center;
	}
	h1 {
		font-size: 24px;
	}
	.price-wrapper .price {
		flex-direction: column-reverse;
	}
	    .row-dt_top .add-to-cart-container button {
        padding: 0vw 12vw;
    }
}