/*
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.   ***************/

.button.book-now {
	padding: 3px 20px !important;
	margin: 5px !important;
	border-radius: 99px !important;

	color: #fff !important;
	border: none !important;
}

.video-banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 700px;
}

.header-main, .header-top {
	/* 	border-radius: 20px; */
}

.header-top a{
	text-transform: none !important;
	color: #fff !important;
}

.stuck .header-main{
	border-radius: 0px;
}

.video-banner-2 {
	position: relative;
	height: 600px;
}

.search-home {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bg-chungtoi .col {
	padding-bottom: 0;
}
@media(max-width:549px){
	.video-banner{
		height:400px !important
	}
}
/* section tin tức */
.secTinTuc .col .col-inner{
	padding: 50px 30px !important;
}

.secTinTuc .box-image img {
	height:480px;
	border-radius: 8px;
	margin-bottom: 10px;
}

.secTinTuc .col:first-child .col-inner{
	background: linear-gradient(90deg, #0097b2, #7ed957);
	height: 730px;
}

.secTinTuc .col:nth-child(2) .col-inner {
	background: linear-gradient(90deg, #1d79bf, #004aad);
	height: 690px;
}

.secTinTuc .col:nth-child(3) .col-inner{
	background: linear-gradient(90deg, #9062d5, #cb6ce6);
	height: 650px;
}

.secTinTuc .col:nth-child(4) .col-inner{
	background: linear-gradient(90deg, #e568cd, #ff66c4);
	height: 610px;
}

.title-tin-tuc {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 2%;
}
@media(max-width:549px){
	.secTinTuc .col .col-inner{
		height:100% !important;
		padding:20px !important;
	}
	.secTinTuc h3{
		font-size:18px;
	}
	.secTinTuc .box-image img{
		height:unset !important
	}
	.title-tin-tuc{
		position:unset !important;
		transform: translateX(0%) !important;
		margin-bottom:20px !important
	}
	
}
/* sản phẩm */
.sf-field-submit {
	text-align: center;
}


.sf-field-submit input{

	background: linear-gradient(90deg, #ff66c4, #ffde59);
	border-radius: 99px;
	padding: 0px 30px;
}
.searchandfilter h4 {
	color: #000;
}

#shop-sidebar .sf-field-submit input {
	margin: 0;
	margin-top: 10px;
}

.shop-sidebar {
	display: none !important;
}

.shop-page-title .page-title-inner {
	padding: 0;
	position: absolute;
	left: 32%;
	z-index: 2;
	margin-top: 40px;
}


.shop-page-title .breadcrumbs {
	color: #fff;
	font-size: 1.5rem;
}

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

.header-main .nav > li > a {
	color: #000;
}
/* Mua xuan */
body.spring {
	.header-main {
		background: radial-gradient(circle at 0% 0%, #ff7c93, #ff4f85, #feb9d8, #8cb4d8, #dfe7ea);
	}

	.search-home .searchandfilter>ul {
		background: linear-gradient(90deg, #5170ff, #ff66c4) !important;
	}

	.section-hot {
		background: url('../../uploads/2025/05/tour-noi-bat-spring.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bg-chungtoi {
		background: url('../../uploads/2025/05/giao-dien-trang-chu-4.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.secTinTuc {
		background: url('../../uploads/2025/05/giao-dien-trang-chu-5.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bgLienHe {
		background: url('../../uploads/2025/05/lien-he-spring-scaled.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#shop-sidebar .custom-html-widget{
		background: linear-gradient(90deg, #5170ff, #ff66c4);
	}
	.button.book-now{
		background: linear-gradient(90deg, #5170ff, #ff66c4);
	}
	
}

.archive.spring #main {
	background: url('../../uploads/2025/05/giao-dien-tour-2.png');
	background-repeat: no-repeat;
	background-size: cover;
}

/* Mua he */
body.summer {
	.header-main {
		background: linear-gradient(90deg, #cdffd8, #94b9ff);
	}

	.search-home .searchandfilter>ul {
		background: linear-gradient(90deg, #cdffd8, #94b9ff) !important;
	}

	.section-hot {
		background: url('../../uploads/2025/05/giao-dien-trang-chu-2.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bg-chungtoi {
		background: url('../../uploads/2025/05/summer-scaled.png');
		background-repeat: no-repeat; 
		background-size: cover;
	}

	.secTinTuc {
		background: url('../../uploads/2025/05/giao-dien-trang-blog-phong-cach-mua-he.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.contentChungToi p, .contentChungToi h2  {
		color: #000 !important;
	}

	.bgLienHe {
		background: url('../../uploads/2025/05/giao-dien-trang-blog-phong-cach-mua-he.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#shop-sidebar .custom-html-widget{
		background: linear-gradient(90deg, #5de0e6, #004aad);
	}
	.button.book-now{
		background: linear-gradient(90deg, #5de0e6, #004aad);
	}
	.sf-field-submit input{
		background:linear-gradient(90deg, #5de0e6, #004aad);
	}

}
.archive.summer #main {
	background: url('../../uploads/2025/05/smmer-scaled.png');
	background-repeat: no-repeat;
	background-size: cover;
}

/* Mua thu */

body.autumn {
	.header-main {
		background: linear-gradient(90deg, #ff66c4, #ffde59) !important;
	}

	.search-home .searchandfilter>ul {
		background: linear-gradient(90deg, #ff66c4, #ffde59) !important;
	}

	.section-hot {
		background: url('../../uploads/2025/05/giao-dien-trang-chu-2.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bg-chungtoi {
		background: url('../../uploads/2025/05/summer-scaled.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.contentChungToi p, .contentChungToi h2  {
		color: #000 !important;
	}

	.secTinTuc {
		background: url('../../uploads/2025/05/giao-dien-trang-blog-phong-cach-mua-he.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bgLienHe {
		background: url('../../uploads/2025/05/giao-dien-trang-chu-2.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	#shop-sidebar .custom-html-widget{
		background: linear-gradient(90deg, #ff66c4, #ffde59);
	}
	.button.book-now{
		background: linear-gradient(90deg, #ff66c4, #ffde59);
	}
}

.archive.autumn #main {
	background: url('../../uploads/2025/05/giao-dien-trang-chu-2.png');
	background-repeat: no-repeat;
	background-size: cover;
}

/* Mua đong */

body.winter {
	.header-main {
		background: linear-gradient(90deg, #5170ff, #ff66c4);
	}
	
	.button.book-now {
		background: linear-gradient(90deg, #5170ff, #ff66c4) !important;
	}

	.search-home .searchandfilter>ul {
		background: linear-gradient(90deg, #5170ff, #ff66c4) !important;
	}

	.section-hot {
		background: url('../../uploads/2025/05/giao-dien-trang-chu-3.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bg-chungtoi {
		background: url('../../uploads/2025/05/winter2.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.secTinTuc {
		background: url('../../uploads/2025/05/giao-dien-trang-chu-5-1.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.bgLienHe {
		background: url('../../uploads/2025/05/winter.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
	
}

.archive.winter #main {
	background: url('../../uploads/2025/05/winter.png');
	background-repeat: no-repeat;
	background-size: cover;
}

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


}