/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: Phương Nam ViNa
Template: flatsome
Version: 3.0
*/

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

@font-face {
    font-family: 'MMC';
    src: 
        url('../flatsome-child/fonts/MMC-Regular.woff2') format('woff');
        font-weight: 400;
}

@font-face {
    font-family: 'MMC';
    src: 
        url('../flatsome-child/fonts/MMC-Medium.woff2') format('woff');
        font-weight: 500;
}

@font-face {
    font-family: 'MMC';
    src: 
        url('../flatsome-child/fonts/MMC-Bold.woff2') format('woff');
        font-weight: 700;
}

body{
	font-family: MMC, Arial, Helvetica, Verdana, sans-serif;
}

p:last-of-type{
	margin-bottom: 0;
}

[class*="fa-"]:not(.fab):before{
	font-family: "Font Awesome 6 Pro";
}

.button{
	font-weight: 500;
}

/*===*/
.phone-bar a{
	background-color: #e60808;
	font-size: 1.25rem;
}


.icon-choose-us .icon-box-img{
	width: clamp(5rem, 4.75rem + 1.25vw, 6.25rem) !important;
}


.section-center-title .section-title{
	justify-content: center;
}

.section-center-title .section-title-main{
	border-color: #000;
}

.box-blog-post .post-title{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .3s ease-in-out;
}


.popup-info a {
    width: 210px;
    display: block;
    background: #c00;
    color: #fff;
    height: 50px;
    border-radius: 25px;
    margin: 10px auto 15px;
}

.wrapper-form-booking{
	text-align: center;
}

.wrapper-form-booking .form-control{
	border-radius: 0.25rem;
	box-shadow: none !important;
}

.wrapper-form-booking .button{
	margin: 0;
	border-radius: 0.25rem;
}

.wrapper-form-booking .wpcf7-spinner{
	position: absolute;
}


.wrapper-form-booking-page .form-group{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.wrapper-form-booking-page .form-group label{
	min-width: 112px;
	width: auto;
	margin-bottom: 0;
	text-align: right;
	font-weight: 400;
	font-size: 1.125rem;
}

.wrapper-form-booking-page .form-group > span{
	flex: 1;	
}

.wrapper-form-booking-page .form-group .form-control{
	height: unset;
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	border-radius: 0.25rem;
	box-shadow: none !important;
}

.wrapper-form-booking-page .button{
	border-radius: 0.25rem;
}

/*====*/
.footer-menu .ux-menu-link .ux-menu-link__link{
	min-height: unset;
}


/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

}
	
@media (max-width: 1299.98px) {

}

/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { ... }

/*lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}
/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

}
/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#header .header-main .header-inner{
		max-width: unset;
		width: 95%;
	}

	.header-nav .html.custom{
		width: 100%;
	}

	.header-content-top{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.25rem 0;
		border-bottom: 1px solid rgba(163, 169, 173, .33);
		color: #fff;
	}

	.header-content-top .btn-hotline-header{
		min-height: unset;
		padding: 0.25rem 1rem;
		background-color: #c7c7c7;
		border-radius: 0;
		color: #000;
		font-weight: 700;
		font-size: 17px;
		line-height: normal;
	}

	.header-content-top .content-left h3{
		margin-bottom: 0;
		color: #fff;
	}

	#header .flex-col.flex-left{
		padding-left: 1.5rem;
		border-left: 1px solid rgba(163, 169, 173, .33);
	}
}
/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1500px) {
	
}