/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme của Flatsome dùng cho khung web mẫu chuẩn nhận diện Maxweb. Kỹ thuật tùy biến code tại đây, không sửa trực tiếp theme cha để đảm bảo cập nhật an toàn.
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* =========================================================
BIẾN MÀU NHẬN DIỆN MAXWEB
Đổi nhanh nhận diện toàn site tại đây (hoặc chỉnh trong
plugin Maxweb Setting). Khi có mã màu chính thức của khách,
thay giá trị bên dưới.
========================================================= */
:root {
	--mw-primary: #e30613;      /* Đỏ chủ đạo Maxweb (nút, hotline) */
	--mw-primary-dark: #b30410;
	--mw-secondary: #0068ff;    /* Xanh Zalo / phụ */
	--mw-dark: #1f2733;
	--mw-light: #f7f7f7;

	--xanh:#088873;
	--vang:#ffb358;
}

/* =========================================================
CSS TÙY BIẾN CHUNG
Ghi chú: CSS chi tiết nên viết trong assets/css/custom.css
để dễ quản lý. File style.css này chủ yếu khai báo theme.
========================================================= */
*{
	text-underline-offset: 4px;
}
html,body,span,label,a,p,button,b,div{
	font-family: "Montserrat", sans-serif;
}
h1,h2,h3,h4,h5,h6,.nav > li > a,nav,li{
	font-family: "Montserrat", sans-serif !important;
}
h1,h2,h3,h4,h5,h6,.uppercase{
	line-height:inherit;
}
:is(.icon-box,.single-page,.box) :is(h1,h2,h3, h4, h5, h6),
h1.entry-title{
	line-height:1.35;
}
.uxb-draggable *{
	pointer-events:initial !important;
}
b,strong{
	font-weight:bold;
}
form{
	margin:0 !important;
}
form .wpcf7-acceptance{
	display:block;
	margin-bottom:16px;
}
form .wpcf7-acceptance a{
	text-decoration:underline;
	font-weight:500;
	color:#0064e0 !important;
}
form .wpcf7-acceptance input[type=checkbox]{
	height: initial !important;
	margin:0 6px 0 0;
}
form .wpcf7-acceptance .wpcf7-list-item{
	margin:0;
}
form .wpcf7-acceptance .wpcf7-list-item-label{
	font-weight:400;
	line-height:1.35;
}
form input:not([type=submit]),textarea,select{
	box-shadow:none !important;
}
input[type=submit],
form.wpcf7-form button[type=submit]{
	margin:0;
}
form.wpcf7-form input:not([type="checkbox"]):not([type="radio"]),
form.wpcf7-form select,
form.wpcf7-form textarea,
form.wpcf7-form button {
	border-radius: 5px;
}

form.wpcf7-form input:not([type="checkbox"]):not([type="radio"]),
form.wpcf7-form select,
form.wpcf7-form button {
	height: 45px;
}
form.wpcf7-form p.label{
	font-weight:500;
	margin:0 0 3px;
}
form.wpcf7-form .wpcf7-acceptance label{
	font-size:14px;
	font-weight:400;
	line-height:1.35;
	display:flex;
}
.form-flex{
	display:flex;
	flex-wrap:wrap;
	gap:0 15px;
	justify-content:space-between;
}
.form-flex .r50{
	width:calc(50% - calc(15px / 2));
}
.form-flex .r100{
	width:100%;
}
.btn-submit-center input[type=submit]{
	margin:0 auto;
	display:block;
}
.input-w100 input{
	width:100%;
}
.txt-jus{
	text-align:justify;
}
.txt-jus :is(h1,h2,h3,h4,h5,h6){
	text-align:left;
}
a{
	cursor:pointer;
	transition:all 0.3s;
}
.w100{
	width:100% !important;
}
.btn-m0{
	margin:0;
}
.wpcf7-spinner,.product-images .image-tools.bottom.left,.post-item .is-divider,aside > .is-divider,.entry-header .is-divider{
	display:none !important;
}
.section-content{
	z-index:unset !important;
}
.dark, .dark p, .dark td{
	color:#fff;
}
.pd-b0,.ga-pd-b0 .col{
	padding-bottom:0 !important;
}
.ul-mb0 ul{
	margin-bottom:0;
}
.banner :is(h1,h2,h3,h4,h5,h6,p){
	margin-top:0;
}
.p-mb0 p,.title-mb0 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:0 !important;
}
.p-mb5 p,.title-mb5 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:5px !important;
} 
.p-mb10 p,.title-mb10 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:10px !important;
}
.p-mb15 p,.title-mb15 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:15px !important;
}
.p-mb20 p,.title-mb20 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:20px !important;
}
.p-mb25 p,.title-mb25 :is(h1,h2,h3,h4,h5,h6){
	margin-bottom:25px !important;
}
.p-w400 p, .title-w400 :is(h1,h2,h3,h4,h5,h6),
.btn-w400,.strong-w400 strong{
	font-weight:400 !important;
}
.p-w500 p, .title-w500 :is(h1,h2,h3,h4,h5,h6),
.btn-w500,.strong-w500 strong{
	font-weight:500 !important;
}
.p-w600 p,.title-w600 :is(h1,h2,h3,h4,h5,h6),
.btn-w600,.strong-w600 strong{
	font-weight:600 !important;
}
.p-w700 p,.title-w700 :is(h1,h2,h3,h4,h5,h6),
.btn-w700{
	font-weight:700 !important;
}
.p-w800 p,.title-w800 :is(h1,h2,h3,h4,h5,h6),
.btn-w800{
	font-weight:800 !important;
}
.p-w900 p,.title-w900 :is(h1,h2,h3,h4,h5,h6),
.btn-w900{
	font-weight:900 !important;
}
.title-f30 :is(h1,h2,h3,h4){
	font-size:30px;
}
.title-f20 :is(h1,h2,h3,h4){
	font-size:20px;
}
.is-uppercase, .uppercase{
	line-height:inherit;
	letter-spacing:inherit;
}
.col-h100 > .col-inner{
	height:100%;
}
.col-hide > .col-inner{
	overflow:hidden;
}
.col .col-inner > .is-border{
	z-index:1;
	pointer-events:none !important;
}
.col-float-left > .col-inner{
	margin-left:0 !important;
	margin-right:auto !important;
}
.col-center > .col-inner{
	margin-left:auto !important;
	margin-right:auto !important;
}
.col-float-right > .col-inner{
	margin-left:auto !important;
	margin-right:0 !important;
}
.img-h100 :is(.img,.img-inner){
	height:100%;
}
.img-h100 img{
	height:100%;
	object-fit:cover;
}
.img-white img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.absolute-footer{
	background-color:#056555 !important;
	padding:0;
}
.footer-secondary{
	display:none;
}
.footer-primary,.copyright-footer{
	width:100%;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.footer-primary{
	padding:10px 0 15px;
}
.blog-wrapper{
	padding-bottom:0;
}
.single-page{
	text-align:justify;
	padding-top:0;
}
.single-page figure{
	margin-left:auto;
	margin-right:auto;
}
#top-link{
	width: 40px;
	height: 40px;
	border-radius: 5px !important;
	border: 1px solid var(--xanh) !important;
	color: #fff !important;
	background: url(/wp-content/uploads/2026/08/top.png) var(--xanh);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: 16px;
	min-width:unset;
	bottom: 70px;
}
#top-link i{
	display:none;
}
table {
	border-collapse: collapse;
}
.row-full-width{
	margin-left:0 !important;
	margin-right:0 !important;
}
.owl-stage{
	display:flex;
}
.owl-stage .col,.owl-stage .col > .col-inner{
	height:100%;
}
.owl-item {
	flex-shrink:0;
}
.owl-item .col {
	max-width:100%;
}
.owl-dots {
	margin:0 !important;
}
.owl-dots button{
	min-height:unset;
	margin:0 5px;
}
.owl-theme .owl-dots .owl-dot span{
	margin:5px 4px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background:var(--vang) !important;
}
.owl-nav{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translatey(-50%);
	margin:0 !important;
}
.owl-nav button{
	min-height:unset;
	line-height:unset !important;
	margin:0 !important;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	display:flex !important;
	align-items:center;
	justify-content:center;
	transition:all 0.3s;
}
.accordion button.toggle{
	pointer-events:none !important;
}
.map :is(p,iframe){
	width:100%;
	height:100%;
	margin:0;
}
.button.btn-center,
.text-center .button.btn-center{
	display:block;
	width:max-content;
	margin:0 auto !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.icon-box.icon-center .icon-box-img :is(.icon,.icon-inner){
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.icon-box.icon-center img{
	padding-top:0;
}
.icon-box.icon-txt-center .icon-box-text{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#button-contact-vr {
	z-index: 9;
}
.post-item .col-inner{
	height:100%;
	transition:all 0.3s;
	box-shadow:0 3px 5px 0 rgba(0,0,0,0.1);
	border:1px solid #e2e2e2;
	border-radius:6px;
	overflow:hidden;
}
.post-item .box-text{
	padding:15px 15px 20px;
}
.post-item .post-title{
	margin:0 0 10px;
}
.post-item .post-title a{
	margin:0;
	font-size:17px;
	line-height:1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition:all 0.3s;
	color:var(--xanh);
}
.post-item .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sec-bg-img .section-bg{
	background:url(/wp-content/uploads/2026/08/bg-section.png);
	opacity: .5;
	background-size: 1000px !important;
	background-repeat: repeat !important;
}

/* Chuyên mục tin tức */
#post-list .post-item .col-inner:hover .box-image img{
	transform:scale(1.1);
}
/* Chi tiết tin tức */
article.post{
	padding:24px;
	border:1px solid rgb(8 136 115 / 11%);
	border-radius:5px;
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

/* Trang chủ */
.sec-form .form-dk > p{
	display:flex;
	flex-wrap:wrap;
	gap:0 15px;
	margin-right:-15px;
}
.sec-form .form-dk > p > *{
	width:calc(100% / 4 - 15px);
}


/* Menu mobile */
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content{
	background:#088873;
}
.sidebar-menu li a{
	color:#fff;
	font-size:16px;
	font-weight:600;
}


.btn-popup-fix{
	width:max-content;
	white-space:nowrap;
	padding:6px 15px;
	background:#B71901;
	border-radius:6px;
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
	position:fixed;
	right:16px;
	bottom:20px;
	color: #fff;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15);
	cursor: pointer;
	animation: tada 2s ease 0s infinite;
}
.btn-lac{
	animation: tada 2s ease 0s infinite;
}
@keyframes tada{
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	10%, 20% {
		-webkit-transform: scale(.95) rotate(-2deg);
		-ms-transform: scale(.95) rotate(-2deg);
		transform: scale(.95) rotate(-2deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale(1.05) rotate(2deg);
		-ms-transform: scale(1.05) rotate(2deg);
		transform: scale(1.05) rotate(2deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale(1.05) rotate(-2deg);
		-ms-transform: scale(1.05) rotate(-2deg);
		transform: scale(1.05) rotate(-2deg);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}
.btn-popup-fix i {
	margin-right: 6px;
}



/* CSS POPUP */
#mw-popup-1332 .mw-popup__dialog{
	background:url(/wp-content/uploads/2026/08/bg-popup.jpg) no-repeat;
	background-size:cover;
	border:2px solid #ddb317;
}
#mw-popup-1332 h3.txt-title{
	color:var(--vang);
	text-align:center;
	font-size:24px;
	line-height:1.35;
	margin:0 0 7px;
	padding-top:15px;
}
#mw-popup-1332 p.txt-note{
	text-align:center;
	font-size:16px;
	color:#fff;
	margin:0 0 20px;
}
.mw-popup__close{
	margin:0;
	color:#fff;
	width:30px;
	height:30px;
	min-height:unset;
	min-width:unset;
	background:transparent !important;
	transform:unset !important;
	top:0;
	right:0;
	font-size:36px;
}
#mw-popup-1332 .form-dk .list-check p.label{
	color:#fff;
	font-weight:500;
}
#mw-popup-1332 .form-dk .list-check .wpcf7-checkbox{
	display:block;
	background:#fff;
	border-radius:10px;
	padding:20px 20px 10px;
	margin-bottom:16px;
}
.wpcf7-checkbox .wpcf7-list-item{
	display:block;
	margin:0 !important;
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
	font-size:16px;
	font-weight:500;
}


/* Header */
#logo img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.header-nav > li{
	margin:0 16px;
}
.header-nav > li > a{
	color:#fff !important;
	font-weight:500;
	font-size:16px;
	position:relative;
}
.header-nav > li > a:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:2px;
	background:rgba(255,255,255,0.5);
	transition:all 0.3s;
}
.header-nav > li:hover > a:before{
	width:100%;
}
/* Footer */
.contact-f p{
	margin:0;
}
.contact-f p + p{
	margin-top:15px;
}
.contact-f p i{
	width:20px;
}
.contact-f a:hover{
	text-decoration:underline;
}
.menu-cs-f{
	flex-direction:row;
	flex-wrap:wrap;
	gap:15px 30px;
}
.menu-cs-f a{
	min-height:unset;
	line-height:1.35;
	padding:0 0 0 12px;
	font-size:14.4px;
	color: #ffca60 !important;
	font-weight:500;
	position:relative;
}
.menu-cs-f a:hover span{
	text-decoration:underline;
}
.menu-cs-f a:before{
	position:absolute;
	top:7px;
	left:0;
	content:'';
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
}

.blog-archive h1.page-title{
	font-size:30px;
	color:var(--xanh);
	line-height:1.35;
}
@media only screen and (max-width:849px){
	.order-1-tablet{
		order:-1;
	}
	#post-list .col.post-item{
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width:568px){
	.order-1{
		order:-1;
	}
	#post-list .col.post-item{
		flex-basis: 100%;
		max-width: 100%;
	}
	article.post {
		padding: 0;
		border: unset;
		border-radius: 0;
		box-shadow: none;
	}
}
@media only screen and (max-width:414px){

}
.gallery-box .box-text {
    display: block !important;
}