/*
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.   ***************/
 .blog-archive .row+.row>.large-10,.blog-single .row+.row>.large-10{
	max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.page-wrapper{
	padding-top:0
}
.home .product-small .box-text.box-text-products {
	text-align: center;
}
.product-small.col .add_to_cart_button{
	background-color: var(--secondary-color)!important; 
	background-image:unset!important;
}
.box_gift .gift_custom{
	    position: absolute;
    right: -15px;
    top: -20px;
}
.title_main *{
	color:var(--secondary-color)!important;
}
.gallery_custom .img{
	height: 130px;
    padding-bottom: 0;
    align-items: center;
    justify-content: center;
    display: flex;
	padding: 0 15px!important;
}
.product-small.col:hover .box_gift_text span{
	display: -webkit-box!important;
}
.box_gift_text img{
	width:30px;
}
.image-tools.bottom{
	opacity:1;
	right:0;
	left:unset;
}
.box_gift_text span{
	display:none!important;
	font-size: 12px;
    background: #2b2b2b;
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 27px;
}
.box_gift_text{
	display: flex;
    align-items: center;
}
.box_gift{
	position:relative;
}
.thongtin_km{
	padding: 10px;
    background: #213858;
    border-radius: 5px;
	margin-bottom:15px;
}
.thongtin_km ul li{
	margin-bottom:0;
	list-style:none;
	font-size:16px;
}
.thongtin_km ul li:before{
	content: "\f06b";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	margin-right:7px;
}
.thongtin_km ul li{
	color:#fff;
}
.thongtin_km ul{
	margin-bottom:5px
}
.product-breadcrumb-container.is-normal {
    display: none;
}
.custom-product-page .quantity.buttons_added{
	display:inline-flex;
	margin-bottom:15px;
} 
.product-page-price *{
	font-size:30px;
}
/*.woocommerce-variation.single_variation{
	display:none!important;
}*/
.home-info .box-blog-post .is-divider {
    margin-left: 0px;
}
.product-title.product_title{
	font-size:36px;
	margin-bottom:0px;
}
.tax-product_cat #main{
	background-color: #efefef;
}
.category-page-row{
	padding-top:0
}
.css_custom_flex,.custom_filter .col-inner,.custom_order .col-inner{
	padding:15px;
	background:#fff;
	border-radius: 4px;
}
.col_breadcrumb .col-inner{
	background: #f5f5f5;
    text-align: left;
}
.col_breadcrumb{
	padding-bottom:0!important;
	z-index:2;
	margin-bottom:15px!important;
}
.col_breadcrumb:before{
	content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    margin: 0 0 0 -50vw;
    background: whitesmoke;
}
.active_chose i:before{
	content:'\f192';
	font-weight: 900;
}
.tax-product_cat .shop-container{
	background:#Fff;
	border-radius: 4px;
	padding:15px;
}
.order_mb{
	display:none;
}
.order_pc{
	display: flex;
}
.order_pc>*{
	margin-right:10px;
	cursor:pointer;
}
.label_filter{
	text-transform: uppercase;
    position: relative;
    padding: 5px 30px 5px 10px;
    line-height: 25px;
    font-size: 16px;
    color: #fff;
    font-family: sfprotextsemibold, Helvetica, Arial, sans-serif;
    cursor: pointer;
    background: var(--secondary-color);
    border-radius: 4px;
	font-weight:bold;
}
.active_pt i:before{
	content: "\f14a";
    font-weight: 900;
}
.filter_area{
	position: absolute;
    width: 230px;
    z-index: 99;
    background: rgb(255, 255, 255);
    padding: 10px;
    box-shadow: rgb(0 0 0 / 8%) 0px 0.125rem 0.25rem;
	display:none;
}
.filter_area.active{
	display:block
}
.wrap_filter{
	display:flex;
	justify-content: space-between;
}
.check_flex{
	display:flex;
}
.checkbox_build{
	margin-right:4px;
}
.css_custom_flex{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter_btn{
	height: 38px;
    line-height: 38px;
    border-radius: 2px;
    border: 1px #ededed solid;
    display: inline-block;
    padding: 0 15px;
	cursor:pointer;
}
.filter_btn:hover{
	background: var(--secondary-color);
    color: #fff;
}
.title_product_cat{
	width: max-content;
    margin-left: 0;
}
h2 .section-title-main:after{
	content: '';
    width: 300px;
    height: 2px;
    background: var(--main-color);
    display: block;
    margin: auto;
}
section.dark h2 .section-title-main:after{
	background: #fff;
}
h2 .section-title-main{
	font-size: 27px;
    margin-bottom: 25px;
}
.title_product_cat h1 .section-title-main{
	font-size:20px;
}
.title_product_cat *{
	border-bottom:unset!important;
	margin-bottom:unset;
}
.custom_css.text-center{
	text-align:left
}
/*nav.woocommerce-breadcrumb{
	background: #f5f5f5;
    text-align: left;
    padding: 15px 0;
}
div.woocommerce-breadcrumb{
	position: relative;
    z-index: 1;
}
div.woocommerce-breadcrumb:before{
	    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    margin: 0 0 0 -50vw;
    background: whitesmoke;
}*/
#breadcrumb{
	background: #f1f1f1;  
    font-size:13px;
    padding:12px 0;
    color:#595A5C;
}
#breadcrumb a {
    color:#595A5C;
}
#breadcrumb a:hover {
    color:#ca9f66;
}
#breadcrumb i {
    margin-right: 10px;
}
#breadcrumb a > i {
    margin-left:10px;
}
.header-button .account-link.button.primary{
			background-color: var(--secondary-color);
		background-image: unset!important;
		border-radius: unset;
		height: 30px;
}
:root{
	--secondary-color:#333;
	--main-color:#cd2f36;
	--transit-90:rotateX(90deg);
	--transit-0:rotateX(0);
	--center:center top 0;
	--transform:transform 0.3s ease 0s;
	--stroke:1px white;
}
.stuck #masthead .nav > li > a{
	padding: 15px 0;
}
.posted-on *,.byline *,.posted-on *:hover,.byline *:hover{
	color:var(--main-color);
}
.post-sidebar{
	padding:0 15px!important;
}
.blog-custom .post-item .col-inner {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.share_custom a {
    border-radius: 3px!important;
}
footer.entry-meta{
	display: flex;
    flex-wrap: wrap;
	align-items: baseline;
}
.tags-pt{
	margin-right:10px!important;
}
footer.entry-meta *{
	font-size: 20px;
	margin:0;
	margin-right:5px;
}
footer.entry-meta{
	border-top:unset;
	border-bottom:unset;
}
footer.entry-meta a{
	display: block;
    margin-right: 10px;
    border-radius: 4px;
    background: rgb(240, 242, 245);
    color: rgb(0, 2, 4);
    font-size: 14px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.section-title-normal{
	border-bottom:unset!important;
}
.product_info_custom .section-title-normal .section-title-main:after{
	content: '';
    width: 100px;
    height: 2px;
    background: var(--secondary-color);
    display: block;
	margin-left:0
}
.product-title-container{
	margin-bottom:30px;
}
.section-title-normal *{
	border-bottom:unset!important;
}
.col_product_custom_layout>.col-inner{
	padding:0 50px
}
.posted-on {
    margin-right: 10px;
}
.product-title-container .is-divider{
	max-width: 40px;
	background-color: rgb(17 15 40);
	margin:10px 0;
}
.entry-meta i{
    margin-right:3px;
}
.add-to-cart-button a{
	font-size:14px!important;
	border-radius:99px!important;
	padding: 3px 10px 3px 25px!important;
	width:100%;
}
.title_custom_2:after{
    content: "";
    width: 50px;
    height: 1px;
    border-top: 1px solid #160f5c;
    position: absolute;
    bottom: 3px;
}
.title_custom_2 span{
	font-size: 20px;
}
body .flickity-prev-next-button{
	color:var(--main-color);
}
.slider-nav-dark .flickity-page-dots .dot{
	    border: 3px solid var(--main-color);
}
.slider-nav-dark .flickity-page-dots .dot.is-selected{
	background-color: var(--main-color);
	border: 3px solid var(--main-color);
}
.gallery_custom .gallery-col.col{
	height:130px;
	padding-bottom:0;
	align-items: center;
    justify-content: center;
	display:flex;
}
.slider .flickity-prev-next-button svg{
	background-color:var(--main-color);
	color: #fff;
}
.slider-nav-circle .flickity-prev-next-button svg{
	border: 2px solid var(--main-color);
}
body .flickity-page-dots{
	bottom: 0px;
}
.review-text *{
	margin-bottom:10px;
}
.title_custom_2 *{
	margin-bottom: 0px;
}
.title_custom_2 h3 {
    font-size: 45px;
    letter-spacing: -2px;
}
.title_custom_2{
	position:relative;
}
#footer .title_custom_2::before{
	    border-bottom: 1px solid #fff;
}
#footer .ux-menu-link__text:before{
	content:'\f324';
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size: 9px;
    vertical-align: middle;
	transition: transform 0.3s ease;
  	transform: translateX(0px);
	margin-right:8px;
}
.col-custom .blog-post-inner *{
	font-weight:300;
}
.col-custom .post-item{
	padding-top:10px;
	padding-bottom:10px;
}
.col-custom .box-text{
	padding-top:0;
	padding-bottom:0
}
.col-custom{
	background:var(--secondary-color);
}
.col-custom .title_main h3{
	color:var(--main-color);
}
.col-product-custom>.col-inner{
	background:#fff;
	padding:30px;
	border-radius:7px;
}
.page_cuahang h1{
	font-size:40px;
}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow{
	fill:#fff!important;
}
.page_cuahang h2{
	font-size:30px;
}
.page_cuahang h2 .section-title-main{
	margin-bottom:0
}
.page_cuahang h2 .section-title-main:after{
	width: 100px; 
	margin-left:0;
	background:var(--secondary-color);
}
.col-product-custom .product_info_custom .section-title-main{
	border-radius:3px;
	    padding-bottom: 0;
    background: var(--main-color);
    padding: 5px 10px;
    color: #fff;
}
.title_light.title_main{
	    background: url(/wp-content/uploads/2022/06/bg-ngang.png) no-repeat bottom center;
	margin-bottom:15px;
	color:#fff!important;
}
.col-product-custom>.col-inner>.row>.col{
	padding-bottom:0
}
.padding-bottom-0{
	padding-bottom:0!important;
}
.custom-sidebar .section-title-container *{
	border-bottom:unset;
	margin-bottom:0;
}
.custom-sidebar .section-title-container{
	margin-bottom:15px;
}
.custom-sidebar .product_list_widget>*{
	margin-left:0
}
.custom-sidebar .box-blog-post .box-text{
	padding-top:0;
	padding-bottom:0;
}
.custom-sidebar ul.product_list_widget li+li{
	border-top: 1px dashed #ececec;
}
.custom-sidebar>.col>.col-inner{
	border-top: 2px solid var(--main-color);
    -moz-box-shadow: 0 0 5px #eee;
    -webkit-box-shadow: 0 0 5px #eee;
    box-shadow: 0 0 5px #eee;
    padding: 10px;
}
.custom-sidebar .is-divider{
	display:none;
}
.custom-sidebar .section-title{
	border-bottom: 1px solid #e5e5e5!important;
}
.custom-sidebar .box-vertical .box-text{
	vertical-align: top;
}
.custom-sidebar .post-title{
	font-weight:300;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.custom-sidebar span.amount{
	font-size:20px;
}
.custom-sidebar .box-blog-post .box-text{
	padding-left:10px;
	padding-right:10px;
}
.custom-sidebar .post-item{
	padding-bottom:10px;
}
.absolute-footer.dark{
	font-weight:300px;
	padding:5px 0
}
.header-cart-link+.nav-dropdown-default{
	padding:10px;
}
#footer .col{
	padding-bottom:0
}
#footer .ux-menu-link__text:hover:before{
	transform: translateX(3px);
}
h4.title{
	padding-bottom:5px;
}
#footer .title_custom_2::after{
	    border-bottom: 1px solid #fff;
}
.title_custom_2{
	margin-bottom:10px;
}
.title_custom_2::before {
    content: "";
    width: 25px;
    height: 1px;
    border-bottom: 1px solid #160f5c;
    position: absolute;
    bottom: 0;
}
.add-to-cart-button a:before{
	content: "\f290";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-right: 5px;
    border-radius: 99px;
	background: #fff;
    padding: 10px;
    position: absolute;
    left: 5px;
	color:var(--secondary-color);
}
body #logo img {
    max-height: 92px;
}
.nav-dropdown.nav-dropdown-default>li>a{
	background:var(--main-color);
	color:#fff;
}
.nav-dropdown.nav-dropdown-default>li>a:hover{
	background:var(--secondary-color);
}
.title_custom_1 *{
	margin-bottom:10px;
}
.title_custom_1{
	position:relative;
	margin-left:30px;
	z-index:1;
	margin-bottom: 30px;
	margin-top: 15px;
}
body .has-hover:hover .image-zoom img{
	-webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.box-text-products>*{
	margin-bottom:5px;
}
.woocommerce-LoopProduct-link{
	font-size:17px;
	font-weight:bold;
}
.title_custom_1:after{
	content: '';
    height: 120px;
    width: 120px;
    display: block;
    position: absolute;
    background: url(/wp-content/uploads/2022/06/bg-aboutus.png);
    top: -100%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(0,50%);
    left: -30px;
    z-index: -1;
}
.header-button .icon.primary.button.round{
	background-color:unset!important;
    background-image: unset!important;
    border-radius: unset;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
	border: unset;
	font-size:15px;
	padding-left: 0;
    padding-right: 0;
	min-width:unset;
}
.nav-right.nav-divided>li{
	margin: 0 3px;
}
.title_main{
	margin-bottom:10px;
	background: url(/wp-content/uploads/2022/06/bg-ngang-trang.png) no-repeat bottom center;
    margin-bottom: 0;
	padding: 5px 0;
}
.title_main h3{
	margin-bottom: 5px;
	font-size:25px;
}
.justify{
	text-align: justify;
}
.title_custom_1 h3{
	font-size: 45px;
	letter-spacing: -2px;
}
#header-contact a{
	color: var(--primary-color);
    font-weight: bold;
}
.nav-dark .nav>li.header-divider {
    border-color: var(--primary-color);
}
#top-bar .header-cart-link{
	background: unset;
	
    padding: 5px 10px;
	direction: rtl;
	vertical-align: baseline;
	height:30px;
	color: var(--primary-color);
	border: unset;
	font-size:15px;
	padding-left: 0;
    padding-right: 0;
}
.nav>li>a>span+i{
	margin-right:10px;
	margin-left:0
}
#top-bar .follow-icons a{
	color: #fff;
    text-align: center;
    background: var(--secondary-color);
    border-color: transparent;
    margin: 0 5px;
}
.nav-dropdown-default{
	transform: var(--transit-90);
    transform-origin: var(--center);
    transition: var(--transform);
    visibility: hidden;
}
.nav-pagination a.page-number {
    border: 1px solid #eaeaf1!important;
}
.page-numbers.nav-pagination{
	text-align:right;
}
.nav-pagination .page-number {
    border-radius: 3px!important;
    border: 1px solid currentColor;
    line-height: 2.25em!important;
}
.current-dropdown .nav-dropdown-default{
	opacity: 1;
    transform: var(--transit-0);
    visibility: visible;
	border: unset;
}
.header-nav.header-nav-main{
	justify-content: space-between;
}
.blog-archive .box-vertical .box-text{
	vertical-align: top;
}
.blog_ct .post-meta{
	position:relative;
	padding-bottom: 10px;
    margin-bottom: 10px;
	color:var(--secondary-color);
}
.blog_ct .post-item .is-divider{
	display:none;
}
.blog_ct .post-meta::before {
    content: "";
    width: 25px;
    height: 1px;
    border-bottom: 1px solid var(--main-color);
    position: absolute;
    bottom: 0;
	left:0
}
#logo{
	width:170px!important;
}
h3.phon-chu1 {
    font-size: 1.1em;
}
.blog_ct .post-meta:after {
    content: "";
    width: 50px;
    height: 1px;
    border-top: 1px solid var(--main-color);
    position: absolute;
    bottom: 3px;
	left:0
}
#masthead {
    background: url(/wp-content/uploads/2022/09/header-background-1.jpg);
    background-size:auto;
    background-repeat: no-repeat;
    background-position: left;
}
.button.primary{
	background-image: radial-gradient(circle, #c89b62, #cea672, #d3b183, #d9bb94, #dec6a5)!important;
	border-radius:10px;
}
#masthead .nav > li > a{
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0 0px;
}
.product-small.col .col-inner{
	padding:5px;
	border:1px solid #ddd;
	background:#fff;
}
.nav-dropdown-default {
    padding: 0px;
}
.social-icons .button.primary{
	background-image:unset!important;
}
.nav-dropdown.nav-dropdown-default>li>a{
	padding:10px;
	margin:0
}
.box-text-products del,.box-text-products ins{
	font-size:20px;
}
.box-text-products span.amount{
	color: var(--secondary-color);
    font-size: 20px;
}
.custom_filter{
	display:none;
}
.custom_filter.active{
	display:block
}
.page_title_custom{
	padding-bottom:30px;
}
#content>.row+.row{
	background: #fff;
    padding: 30px 0;
    border-radius: 7px;
}
.section-title-container b{
	opacity:0
}
.woocommerce-breadcrumb *,.woocommerce-breadcrumb{
	color:var(--main-color)!important;
}
.check_flex{
	cursor:pointer;
}
.section-title-container{
	margin-bottom:0
}
.category-page-title{
	display:none;
}
a.added_to_cart.wc-forward {
    text-align: center;
}
.category h1.page-title.is-large.uppercase {
    /* margin-top: 0px; */
    text-align: center;
    margin: 20px;
    font-size: 25px;
}
/* .category-news h1.page-title.is-large.uppercase span {
	font-size: 0px
} */
.related-posts ul {
    padding-left: 20px;
}
footer.entry-meta.text-left {
    display: none;
}
.entry-header .date_news {
    display: none;
}
.entry-header h1.entry-title {
    margin-top: 18px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.product-title.product_title{
		font-size:30px;
	}
	.wrap_filter{
		flex-wrap:wrap;
	}
	.filter_area{
		max-width:90%;
		width:90%;
	}
	.order_mb{
		display:block
	}
	.order_pc{
		display:none;
	}
	.order_pc>*{
		width:100%;
	}
	.build_filter{
		width:100%;
		margin-bottom:15px;
	}
	.product-small.col .add_to_cart_button{
		font-size:12px!important;
		line-height:32px!important;
	}
	.product-page-price *{
		font-size:20px;
	}
	.product-small.col{
		padding: 0 3px 7px!important;
	}
	.col-product-custom>.col-inner{
		padding:10px;
	}
	.tax-product_cat .shop-container{
		padding:7px 10px;
	}
	.col-product-custom{
		padding:10px;
	}
	.woocommerce-LoopProduct-link{
		font-size:16px;
	}
	.box-vertical .box-image{
		float: left;
		width: 47%!important;
		padding-right: 15px;
	}
	.blog_ct .bog-verical .box-text{
		float: left;
		width: 50%!important;
		padding-top:0;
		padding-bottom:0
	}
	.blog_ct .from_the_blog_excerpt {
		display:none;
	}
	.col{
		padding-bottom:10px;
	}
	.box-text{
		padding-bottom:10px;
	}
	#logo{
		width:70px!important;
	}
	.button.is-xlarge {
		font-size: 15px;
	}
	.button.is-larger {
		font-size: 15px;
	}
	h2 .section-title-main{
		font-size:25px;
	}
	.col_product_custom_layout>.col-inner {
		padding: 0px;
	}
	.shop-container .box-text-products span.amount{
		font-size:16px;
	}
	.page_cuahang h1{
		font-size:30px;
	}
	.page_cuahang h2{
		font-size:20px;
	}
} 