/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: HiroshiLord
Template: flatsome
Version: 3.0
*/
.btn-center {
	display: block;
	justify-content: center;
	margin: 30px auto;
	max-width: 350px;
	padding: 10px;
}
#contact-vr .phone-vr-img-circle img{
	max-height: 35px!important;
	max-width: 35px!important;
}
.btn-center:hover {
	background-color: var(--fs-color-primary) !important;
}
.section-title b {
	opacity: 0;
}
.custom-stack-home .col {
	padding: 0 !important;
}
.custom-stack-home img {
	width: 100%;
}
.my-mask {
	clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}
.btn-tvtt:hover {
	background-color: var(--fs-color-alert);
}
.section-footer .col-stack .stack .col {
	padding: 0 !important;
}
.section-footer .ux-menu-link {
	color: #fff !important;
}
.section-footer .ux-menu-link:hover span {
	color: var(--fs-color-primary) !important;
}
.custom-title {
	margin-bottom: 0 !important;
}
.btn-room-img {
	margin-bottom: 0 !important;
}
.btn-room-img span {
	background-color: #fffbe2;
	padding: 10px 30px !important;
	text-transform: capitalize !important;
}
.custom-col-product .col-inner {
	background-color: #fff;
	border: 5px solid #15aaff;
	padding: 20px;
	min-height: 300px;
}
.custom-tab ul li {
	margin: 0 !important;
}
.custom-tab ul li a::before {
	background-color: #ebebeb;
	content: " ";
	height: 3px;
	left: 50%;
	opacity: 1;
}
.custom-tab ul li.active a::before {
	background-color: var(--fs-color-primary);
	content: " ";
	height: 3px;
	left: 50%;
}
.custom-tab ul li a {
	background-color: #fff;
	padding: 15px 25px !important;
}
.custom-tab .tab-panels {
	background-color: #fff !important;
	padding: 10px !important;
}
.comments-area {
	display: none !important;
}

/* Popup Contact Form */
#popup-overlay {
	display: none;
}
#popup-overlay .section-contact-form {
	border-radius: 25px;
	overflow: hidden;
}
#popup-overlay.show {
	display: flex;
}
#popup-overlay {
	position: fixed;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6); /* Overlay mờ */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s;
}

#popup-overlay.show {
	opacity: 1;
	visibility: visible;
}

#popup-overlay .popup-content {
	background-color: white;
	border-radius: 0.75rem; /* rounded-lg */
	max-width: 44rem; /* max-w-md */
	width: 100%;
	position: relative;
	padding: 1rem; /* p-6 */
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	max-height: 90vh;
}

#close-popup {
	position: absolute;
	top: 62px;
	right: 310px;
	font-size: 34px;
	color: #333;
	cursor: pointer;
	transition: color 0.3s;
	z-index: 999;
	padding: 0 !important;
}

#close-popup:hover {
	color: #ff0000;
}
.wpcf7-spinner {
	display: none;
}
.fixed-popup-button {
	position: fixed;
	bottom: 10%;
	right: 12px!important;
	background-color: #00bcd4;
	color: white;
	padding: 12px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	transition: all 0.3s ease;
	cursor: pointer;
}
.section-footer p{
	margin-bottom:10px!important;
}
@media screen and (max-width: 768px) {
	.custom-stack-home .ux-logo {
		width: 131px !important;
	}
/* 	.custom-menu-ft .menu .menu1.has-child{
		font-size:12px;
	}
	
	.custom-menu-ft .menu .menu1.has-child ul.sub-menu a{
		position:relative;
	}
	.custom-menu-ft .menu .menu1.has-child ul.sub-menu a::before{
		content:',';
		position:absolute;
		padding-right:3px;
		right:0;
		color:#fff;
	} */
	.custom-menu-ft .menu .menu1.has-child ul.sub-menu{
		font-size:14px;
	}
	.custom-stack-home .row {
		flex: 1 !important;
	}
	.my-mask {
		clip-path: unset;
	}
	/* .custom-stack-home .ux-logo {
	width: 100% !important;
}
	.custom-stack-home .ux-logo img{
	width: 100%!important;
} */
	.custom-stack-home {
		display: flex;
		flex-direction: column;
		/* gap: 5px !important; */
		align-items: center;
	}
	#close-popup {
		right: 0;
	}
	#popup-overlay.show {
		z-index: 99999;
	}
}