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

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

a, p, span, div, li, h1, h2, h3, h4, h5, h6, input, select, label, button, strong{
	font-family: "Roboto", serif;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{
	font-family: "Roboto", serif !important;
}

p{
	margin-bottom: 1rem;
}

.nav-spacing-xlarge>li {
	margin: 0 20px;
}

.header-nav.nav li a{
	font-family: "Roboto Condensed", serif;
	font-weight: 400;
}

.block-title .section-title{
	max-width: 710px;
	width: 100%;
	line-height: 40px;
	font-size: 16px;
	font-family: "Roboto Condensed", serif;
	padding-left: 30px;
	color: #FFF;
	text-transform: uppercase;
	background: url('/wp-content/uploads/2025/02/title_main.png') no-repeat;
	border: 0;
	margin: 0;
}

.block-title span{
	font-family: "Roboto Condensed", serif;
	font-weight: 400;
	padding: 0;
	margin: 0;
	border: 0;
}

.block-title b{
	display: none;
}

.wpcf7-form{
	margin-bottom: 0;
	border-top: 1px solid #ccc;
	margin-top: 20px; 
	padding-top: 20px;
}

.wpcf7-form table{
	border: 0;
}

.wpcf7-form table td{
	border: 0;
	text-align: center;
	padding: 0;
	color: #000;
	font-size: 13px;
}

.wpcf7-form input, .wpcf7-form textarea{
	max-width: 370px;
	box-shadow: none;
	border-color: #666;
	border-radius: 3px;
	height: 22px;
}

.wpcf7-form textarea{
	margin-block: 0.5rem;
}

.wpcf7-form button, .wpcf7-form input[type='submit'], .wpcf7-form input[type='reset'], .wpcf7-form input[type='button']{
	all: unset; 
	cursor: pointer;
	background-color: #E5E5E5 !important;
	padding: 2px 6px;
	border: 1px solid #666;
	border-radius: 3px;
} 

.wpcf7-spinner{
	display: none;
}

#footer{
	font-size: 13px;
}

#footer .absolute-footer{
	display: none;
}

#footer .widget_wp_statistics_widget .widget-title{
	font-family: "Roboto Condensed", serif;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 10px;
	display: block;
}

#footer .widget_wp_statistics_widget .is-divider{
	display: none;
}

#footer .widget_wp_statistics_widget label{
	font-weight: 400;
	font-size: 13px;
	display: inline-block;
	margin-bottom: 0;
}

#footer .widget_wp_statistics_widget li{
	margin-bottom: 10px;
	border: 0;
}

#footer .widget_wp_statistics_widget img{
	margin-right: 13px;
}

.channels .gallery-col{
	padding-bottom: 0;
}

.channels .gallery-col img{
	background: #fff;
	object-fit: contain;
	padding-block: 5px;
} 

.channels .flickity-button{
	display: none;
}

.archive .category-page-title{
	display: none !important;
}

.category-page-row {
	padding-top: 50px;
}

.archive .shop-container{
	background-color: #fff;
	padding: 15px;
}

.product-small  .col-inner{
	border: 1px solid #efefef;
	border-radius: 0 0 1rem 1rem;
	background-color: #fff;
	padding: 5px;
	min-height: 450px;
}

.product-small.box .box-image img {
	object-fit: contain;
	min-height: 350px;
}

aside.widget{
	border: 1px solid #062697;
}

aside.widget .is-divider{
	display: none;
}

aside.widget .widget-title {
	background: url('/wp-content/uploads/2025/02/title_danhmuc.png') no-repeat;
	background-size: cover;
	width: 100%;
	height: 39px;
	font-family: "Roboto Condensed", serif;
	font-size: 16px;
	line-height: 32px;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-weight: 400;
}

aside.widget ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #262626;
	text-transform: uppercase;
	transition: all 0.2s;
}

aside .product-categories{
	padding-left: 10px;
}

aside.widget ul li a:before{
	content: '';
	background-image: url('/wp-content/uploads/2025/02/nen_dmc.png');
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 4px;
	height: 8px;
	margin-right: 10px;
}

aside.widget ul li {
	border: 0;
	margin-left: 0;
}

aside.widget ul{
	padding-block: 10px;
}

aside.widget ul li a:hover{
	color: #f36427;
}

.top-banner .image-cover img{
	object-position: top;
}

.product-small.box .name a{
	font-weight: 700;
	font-size: 15px; 
	color: #3a9a2e;
	line-height: 23px;
}

.product-small.box .name:hover a{
	color: #f36427;
}

.product-small.box .price{
	font-weight: 400;
	font-size: 13px;
}

.product-small.box .price .amount{
	font-weight: 400; 
	color: red;
}

.product-small .add-to-cart-button{
	display: none !important;
}

.product-small .custom-product-buttons{
	display: flex;
	justify-content: center;
	column-gap: 5px;
	margin-bottom: 5px;
}

.product-small .custom-product-buttons a{
	font-weight: 400;
	font-size: 13px;
	margin: 0;
	border: 1px solid rgba(0,0,0,0.05);
	text-transform: inherit;
	letter-spacing: 0;
	background-color: #E5E5E5 !important;
	color: #000;
	height: 34px;
	min-height: 34px;
	width: auto;
	padding-inline: 7px;
	line-height: 34px;
}

.product-small .box-text{
	padding-bottom: 5px;
}

#head_hotline {
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin-top: 10px;
	font-weight: 700;
}

.header-bottom-nav.mobile-nav{
	padding-top: 5px;
}

.header-bottom-nav.mobile-nav .search-form{
	width: calc(100% - 50px);
	margin: 0;
}

.header-bottom-nav.mobile-nav .nav-icon{
	width: 50px;
	margin-right: 0;
}

.main_hotro{
	font-size: 13px; 
	font-weight: 400;
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 12px;
}

#ten_hotro b {
	color: #0065d9;
}

.hotro {
	float: left;
	width: 78px;
}

.main_hotro img {
	padding-left: 5px;
}
aside .custom-html-widget{
	padding: 10px 0 10px 10px;
}

.related{
	border: 0;
}
.related > h3.product-section-title{
	display: none;
}

.box-blog-post .badge {
	display: none;
}

.box-image .image-cover{
	padding-top: 70% !important;
}

.blog-wrapper> .row > .large-9 > .row{
	background: #fff;
	padding: 10px;
	margin: 0;
}

.box-blog-post .post-title{
	font-size: 15px; 
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
}

.from_the_blog_excerpt {
	font-size: 12px; 
	color: #999;
}

.blog-single article.post{
	background-color: #fff;
	padding: 10px;
	font-size: 13px; 
	text-align: justify;
	color: #000;
}

.blog-single .entry-header .entry-category,
.blog-single .entry-header  .entry-divider{
	display: none;
}

.blog-single .entry-header .entry-title{
	font-size: 16px; 
	font-weight: 700;
	color: #00F;
}

.woocommerce-tabs{
	border-top: 1px solid #ccc;
}

.description_tab.active a:before{
	display: none;
}

.description_tab a{
	font-size: 15px !important; 
	color: #000;
	text-transform: inherit !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	padding-bottom: 0 !important;
}

.woocommerce-tabs .entry-content{
	font-size: 24px;
}

.product .product-title {
    font-size: 18px;
    font-weight: bold;
    color: #03C;
	margin-bottom: 30px;
}

.price.product-page-price{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 30px;
}

.price.product-page-price .amount{
	font-weight: 400; 
	color: red;
}

.header-main .header-inner{
	background-image: url('/wp-content/uploads/2025/02/bg_header.png');
	background-size: cover;
	background-position: top center;
	padding-inline: 165px;
}

.header-main .header-inner:before{
	content: '';
	background-image: url('/wp-content/uploads/2025/02/359.png');
	background-size: cover;
	background-position: top center;
	width: 100%;
	max-width: 1200px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	height: 210px;
	z-index: 1;
}

.header-main .header-inner > *{
	z-index: 3;
}

.head__content{
	text-align: center;
}

.head__content h1{
	font-size: 30px;
	font-weight: 700;
	color: #3a9a2e;
}

.head__content h1 span{
	color: #f36427;
	font-size: 35px;
}


.head__content p{
	font-size: 17px;
	font-weight: 700;
	color: #000;
}

@media screen and (min-width: 550px) {
	.box-list-view .box .box-image, .box-vertical .box-image {
		width: 24% !important;
	}
}

@media screen and (min-width: 850px) {
	.large-3 {
		max-width: 20%;
		flex-basis: 20%;
	}

	.blog-wrapper .large-3 {
		max-width: 22%;
		flex-basis: 22%;
	}

	.large-9 {
		max-width: 80%;
		flex-basis: 80%;
	}

	.blog-wrapper .large-9 {
		max-width: 78%;
		flex-basis: 78%;
		padding-left: 0;
	}

	.box-blog-post{
		max-width: 80%;
		margin: 0;
	}
}

@media screen and (max-width: 849px){
	.header-main{
		display: none;
	}
}

@media screen and (max-width: 549px){
	.daonguoc{
		flex-direction: column-reverse;
	}
}