/*
	Theme Name: Childen Themes Hello Elementor
	Theme URI: https://alowebs.com/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Free theme for Elementor page builder
	Author: Alowebs.Com
	Author URI: https://alowebs.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Template: hello-elementor
	Version: 1.0.0
*/
@font-face {
	font-family: 'GiaPhat Valencasa';
	src: url('fonts/svn-avo.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GiaPhat Luxury';
	src: url('fonts/utm-scriptina-kt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
body, * {
	font-family: 'GiaPhat Valencasa', sans-serif;
}
input{outline: none;}
@media only screen and (min-width: 320px) {
	.single-post .booking-form{position: relative;}
	.single-post .booking-form .bf-opt{padding: 20px;margin-bottom: 20px;background-color: var( --e-global-color-primary );color: #fff;}
	.single-post .booking-form .bf-opt .item{margin-bottom: 10px;}
	.single-post .booking-form .bf-opt .item label{display: block;line-height: 2em;font-weight: bold;cursor: pointer;white-space: nowrap;}
	.single-post .booking-form .bf-opt .item select, .single-post .booking-form .bf-opt .item input{border: none;    color: #666;}
	.single-post .booking-form .bf-opt input.warning{border: 1px solid #f00;}
	.single-post .booking-form .bf-opt .item.bf-rooms #room_name{color: #000;}
	.single-post .booking-form .bf-opt .item.bf-booknow input{display: block;    width: 100%;    background: #333;    color: #fff;    text-transform: uppercase;}
	.single-post .booking-form .bf-opt .item.bf-booknow input:hover{background: #000; }
	.single-post .booking-form .bf-opt .item.bf-booknow input:disabled{background: #666; }
	.single-post .booking-form .bf-contact{background: #e3e1d3;    margin-bottom: 20px;    padding: 20px;display: none;}
	.single-post .booking-form .bf-contact.active{display: block;}
	.single-post .booking-form .bf-contact .item{margin-bottom: 10px;}
	.single-post .booking-form .bf-contact .item label{display: block;    line-height: 2em;    font-weight: bold;    cursor: pointer;    white-space: nowrap;}
	.single-post .booking-form .bf-contact .item input{border: none;    color: #666;}
	.single-post .booking-form .bf-contact input.warning{border: 1px solid #f00;}
	.single-post .booking-form .bf-contact .item.bf-address{}
	.single-post .booking-form .bf-contact .item.bf-submit{margin-top: 20px;}
	.single-post .booking-form .bf-contact .item.bf-submit input{display: block;    width: 100%;    background-color: #333;    color: #fff;    text-transform: uppercase;}
	.single-post .booking-form .bf-contact .item.bf-submit input:hover{background-color: var( --e-global-color-primary ); }
	.single-post .booking-form .bf-room{}
	.single-post .booking-form .bf-room .item{margin-bottom: 20px;padding: 20px;overflow: hidden;background: #eee;}
	.single-post .booking-form .bf-room .item .avt{margin: -20px;    margin-bottom: 10px;}
	.single-post .booking-form .bf-room .item .avt img{}
	.single-post .booking-form .bf-room .item .info{}
	.single-post .booking-form .bf-room .item .info .tit{font-weight: bold;}
	.single-post .booking-form .bf-room .item .info .sale{color:#f00;}
	.single-post .booking-form .bf-room .item .info .sale i{font-size: .8em;}
	.single-post .booking-form .bf-room .item .info .inf{}
	.single-post .booking-form .bf-room .item .info .inf span{margin-right: 20px;}
	.single-post .booking-form .bf-room .item .info .inf span i{font-size: .8em;}
	.single-post .booking-form .bf-room .item .info .bed{}
	.single-post .booking-form .bf-room .item .info .bed i{font-size: .8em;}
	.single-post .booking-form .bf-room .item .info .cont{}
	.single-post .booking-form .bf-room .item .info .cont .view{color: var( --e-global-color-primary );    text-decoration: underline;    font-size: .8em;cursor: pointer;}
	.single-post .booking-form .bf-room .item .info .cont .pop{position: fixed;    width: 100vw;    height: 100vh;    top: 0;    left: 0;    background: rgb(0 0 0 / 75%);   overflow: hidden;z-index: 99;transform: scale(0);    transition: 1s;display: flex;    align-items: center;justify-content: center;}
	.single-post .booking-form .bf-room .item .info .cont .pop .pad{display: flex;    flex-direction: column;}
	.single-post .booking-form .bf-room .item .info .cont .pop .close{text-align: right;    margin:0 20px;    line-height: 30px;background: #fff;}
	.single-post .booking-form .bf-room .item .info .cont .pop .close span{cursor: pointer;margin: 0 10px;}
	.single-post .booking-form .bf-room .item .info .cont .pop .co{max-height: calc(100vh - 100px);    overflow: hidden;    overflow-y: scroll;background: #fff;    margin: 0 20px;    padding: 10px;}
	.single-post .booking-form .bf-room .item .info .cont .pop.active{transform: scale(1);}
	.single-post .booking-form .bf-room .item .info .cont .pop .co td{display:block;width: 100%!important;}
	.single-post .booking-form .bf-room .item .price{}
	.single-post .booking-form .bf-room .item .price span{    margin-right: 5px;}
	.single-post .booking-form .bf-room .item .price .sale:before{content:"Price: ";color: var( --e-global-color-text );font-style: italic;}
	.single-post .booking-form .bf-room .item .price .sale .goc{color: var( --e-global-color-primary );    font-weight: bold;    text-decoration: line-through;}
	.single-post .booking-form .bf-room .item .price .sale .km{color: #f00;    font-size: 1.5rem;    font-weight: bold;}
	.single-post .booking-form .bf-room .item .price .sale .unit{}
	.single-post .booking-form .bf-room .item .price .only{}
	.single-post .booking-form .bf-room .item .price label{}
	.single-post .booking-form .bf-room .item .price label input{display: none;}
	.single-post .booking-form .bf-room .item .price label span{display: inline-block;    background-color: var( --e-global-color-primary );    color: #fff;    line-height: 1.5em;    padding: 5px 20px;    margin-top: 10px;    text-transform: uppercase;cursor: pointer;}
	.single-post .booking-form .bf-room .item .price label span:hover, .single-post .booking-form .bf-room .item .price label input[type="radio"]:checked+span{background-color: var( --e-global-color-accent );}
	.single-post .booking-form .bf-status{display:none;color: #f00;    font-weight: bold;    font-size: 1.2rem;}
	.single-post .booking-form .bf-status.active{display:block;}
	.single-post .booking-form .bf-done{margin-top: 40px;    background: #eee;    padding: 30px;}
	.single-post .booking-form .bf-done strong{font-size: 1.2rem;}
}
@media only screen and (min-width: 768px) {
	
}
@media only screen and (min-width: 1024px) {
	.single-post .booking-form .bf-opt{display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 20px;}
	.single-post .booking-form .bf-opt .item {    margin-bottom: 0;}
	.single-post .booking-form .bf-room .item{display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 20px;padding: 0;}
	.single-post .booking-form .bf-room .item .avt{margin: 0;}
	.single-post .booking-form .bf-room .item .info{    padding: 10px 0;}
	.single-post .booking-form .bf-room .item .info .cont .pop .close{margin: 0 120px;}
	.single-post .booking-form .bf-room .item .info .cont .pop .co{margin: 0 120px;}
	.single-post .booking-form .bf-room .item .info .cont .pop .co td{display: table-cell;    width: unset!important;}
	.single-post .booking-form .bf-room .item .price{text-align: center;    padding: 10px 0;}
	.single-post .booking-form .bf-contact{grid-template-columns: repeat(2, 1fr);    gap:10px 20px;}
	.single-post .booking-form .bf-contact.active{display: grid;}
	.single-post .booking-form .bf-contact .item.bf-address, .single-post .booking-form .bf-contact .item.bf-submit{grid-column: span 2;margin-bottom: 0;}
	.single-post .booking-form .bf-contact .item.bf-submit{margin-top: 10px;margin-bottom: 20px;}
}
@media only screen and (min-width: 1280px) {
}