/*
Theme Name: Flatsome Child
Description: Child theme cho Flatsome — dự án TT Genesis landing page
Author: TT Capital
Template: flatsome
Version: 3.0
*/

/* ===== Tiêu đề section ===== */
h2.title {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 30px;
	padding-bottom: 14px;
	position: relative;
	color: #ebb259;
}
h1.entry-title { color: #ebb259; font-size: 30px; }
.basic-title { color: #ebb259; font-weight: bold; font-size: 25px; }

/* ===== Form CF7 ===== */
input[type=submit] {
	width: 100%;
	background: linear-gradient(90deg, rgba(252,214,140,1) 0%, rgba(236,182,92,1) 28%, rgba(230,154,70,1) 51%, rgba(221,116,35,1) 100%) !important;
	border-radius: 5px;
}
.wpcf7 p .fa { position: absolute; padding-left: 20px; top: 5%; left: 1.5%; }
.wpcf7 p { position: relative; }
.wpcf7 p input[type=text], .wpcf7 p input[type=tel] { padding-left: 45px; }
.wpcf7-spinner { display: none; }

/* Popup báo giá */
.lightbox-content#bao-gia, #bao-gia.lightbox-content { background-color: #194350; color: #fff; }
#bao-gia p { color: #fff; margin-bottom: 5px; }
#bao-gia .wpcf7 { padding: 20px !important; }
.mfp-content .wpcf7 p .fa { left: 6.5%; }

/* Form ngang chia cột */
.wpcf7 .chiacot { width: 24%; float: left; padding: 0 6px; }
.formngang input[type=submit] { width: 24%; }
.wpcf7 .chiacot .fa { left: 7.5%; }
.formngang .wpcf7 .chiacot { text-align: left; }

/* Footer form */
.csschantrang input[type=submit] { background: #dca447 !important; color: #fff !important; border-radius: 8px; text-align: center; }
.csschantrang p { font-size: 14px; }
.csschantrang .wpcf7-form input { border-radius: 6px; }

/* ===== Nút liên hệ nổi desktop ===== */
.desk-contact { position: fixed; bottom: 20px; right: 10px; z-index: 999; }
.desk-contact img { width: 35px; }
.desk-contact a { color: #fff; margin: 0 10px; }

/* ===== Mobile ===== */
@media (max-width: 549px) {
	h2.title { font-size: 24px; }
	.basic-title { font-size: 20px; }
	.wpcf7 .chiacot { width: 100%; padding: 10px 0; }
	.formngang input[type=submit] { width: 100%; }
	.off-canvas-right .mfp-content { background: #142f11; }
	.off-canvas-right .mfp-content a { color: #fff; padding-bottom: 10px !important; padding-top: 10px !important; }
	.nav-sidebar.nav-vertical > li + li { border-top: none !important; }
	.desk-contact { display: none; }
}