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

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.form-flat input:not([type=submit]){
    color: #fff !important;

}

.banner{
 	width: 100%;
}
.mbws_banner1 .bg.bg-loaded {
	background-size: cover !important;
    background-position: center !important; 
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%; 
}
.mbws_banner1 .banner-bg.fill {
    width: 100%;
    height: 100%;
}
.mbws_footer .section-title-normal span {
    border-bottom: 2px solid #ffffff !important;
    text-transform: unset;
}
.header-main .logo-left .logo {
    margin-left: 0;
    margin-right: 5px;
}
.product-footer .tab-panels .woocommerce-Tabs-panel img.aligncenter{
	display: inline-block !important;
}
a:hover {
    color: #23527c !important;
}
a{
	color: #555 !important;
}

#footer a{
	color: #d9d9d9 !important;
}
#footer a:hover{
	color: #fff !important;
}
#wide-nav.header-bottom {
    background-color: #fff; 
}
#header .top-divider {
    margin-bottom: -1px;
   border-top: unset;
}
.page-header-wrapper, .shop-page-title, .category-page-title {
	margin-top: 10px;
}
.header-bottom .header-bottom-nav > li {
    border-right: unset !important;
}
#header #wide-nav .menu-item {
	padding: 5px 5px;

}
#header .nav.header-nav.nav-center > li:nth-child(1) a {
  background-color: #23B4CA;
}

#header .nav.header-nav.nav-center > li:nth-child(2) a {
  background-color: #40AF64;
}

#header .nav.header-nav.nav-center > li:nth-child(3) a {
  background-color: #FF5F01;
padding-left: 10px;
	
}
#header .nav.header-nav.nav-center > li:nth-child(3) ul li a{
	text-transform: capitalize !important;
}
#header .nav.header-nav.nav-center > li:nth-child(4) a {
  background-color: #F7BE24;
	padding-left: 10px;
		
}
#header .nav.header-nav.nav-center > li:nth-child(4) ul li a{
	text-transform: capitalize !important;
}
#header .nav.header-nav.nav-center > li:nth-child(5) a {
  background-color: #91C547;
}
#header .nav.header-nav.nav-center li a {
	color: #fff !important;
}
.nav-dark .form-flat input:not([type=submit]){
    background-color: rgb(249 182 0) !important;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 1px solid #ddd;
}
.sidebar-wrapper .widgettitle {
    font-size: 18px;
    font-weight: normal;
    padding: 14px 18px 14px 18px;
    background-color: #f9b600;
    color: #FFF;
    text-transform: uppercase;
    line-height: 24px;
}
.product-footer .tab-pane p span {
    text-decoration: unset !important;
}
.product-footer ul ul{
	margin: unset !important;
}
.mbws_sectiondoitac .box-image img{
	object-fit: scale-down;
    aspect-ratio: 6 / 6;
}
.product-main .price.product-page-price  {
	display: none !important;
}
.header.has-sticky .social-icons.follow-icons a i, li.header-language-dropdown a{
	color: #fff !important;
}
li.header-language-dropdown ul.nav-dropdown li a{
	color: #000000 !important;
}
li.header-language-dropdown ul.nav-dropdown li a:hover{
	color: #f9b600 !important;
}
.product-type-simple .product-main .row.content-row {
	display: flex;
    flex-direction: row;
    align-items: center;
}
.product-info.product-summary.form-minimal {
    text-align: center !important;
}
.category-filtering.product-filter-row {
	display: none !important;
}
@media (max-width: 475px) {
	.product-title {
        width: auto !important;
	}
    .shop-container .product-title {
        width: auto !important;
		text-align: left;
	}
	.product-info.product-summary.form-minimal {
        text-align: left !important;
	}
	.home-product-slider-custom .product-small .box-text-products .price {
		flex-direction: column;
    	align-items: center;
	
	}
}
.product-type-simple .product-main .product-images .flickity-viewport img{
    object-fit: scale-down;
    aspect-ratio: 7/5;
}
.product-type-simple .product-main h1.product-title {
	/*font-size: 30px ;
	line-height: 70px; */
	font-size: 21px;
    line-height: 31px;
}

.product-type-simple .product-main  .product_meta .posted_in {
	font-size: 18px;
}
.product-title, .product-title a {
	line-height: 1.5em; /* Đặt chiều cao dòng */
    min-height: 3em; /* Đặt chiều cao tối thiểu cho 2 dòng */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Hiển thị tối đa 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden; /* Ẩn nội dung thừa nếu có */
    white-space: normal;
}
.product-small .box-image img{
	 object-fit: contain;
    aspect-ratio: 6 / 6;
}
@media (max-width: 767px) {
    .product-type-simple .product-main h1.product-title {
		font-size: 20px ;
		line-height: 65px;
	}
	.product-type-simple .product-main h1.product-title, .product-type-simple .product-main .product_meta {
		text-align: center;
	}
	.product-type-simple .product-main h1.product-title, .product-type-simple .product-main .product-info.summary{
		padding: 0 !important;
	}
}
@media (min-width: 850px) and (max-width: 1150px) {
	.product-small .box-text-products .product-title.woocommerce-loop-product__title a{
		min-height: 4em !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		white-space: normal;

	}
}
@media (min-width: 768px) {
	.single-product .product-container .product-main .row.content-row {
	display: flex;
    flex-direction: row;
    justify-content: center;
	}
	.single-product .product-container .product-main .row.content-row .product-gallery {
		max-width: 30%;
	}

	.single-product .product-container .product-main .row.content-row .product-info{
		max-width: 35%;
	}
	.product-main {
		padding: 20px 0px 20px 0 !important;
	}
	.image-tools.bottom.left {
		position: unset !important;
		width: 20%;
		margin-top: 10px;

	}

}
.product-main {
		padding: 20px 0px 20px 0 !important;
	}