/*
Theme Name: Hoteller Child
Theme URI: https://themes.themegoods.com/hoteller/landing
Description: Premium Photography WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
Template: hoteller
*/

/* ----- custom ----- */
:root {
	--container-main: 1240px;
	--color-primery: #4c7294;
	--color-primery-hover: #2E577B;
	--color-pricing: #F20F10;
/* 	--font-family-primery: "Work Sans", Work Sans; */
}
body,
/*.memories-section,*/
/*h1, h2, h3, h4, h5, h6, h7, .post_quote_title, strong[itemprop="author"], #page_content_wrapper .posts.blog li a, .page_content_wrapper .posts.blog li a, #filter_selected, blockquote, .sidebar_widget li.widget_products, #footer ul.sidebar_widget li ul.posts.blog li a, .woocommerce-page table.cart th, table.shop_table thead tr th, .testimonial_slider_content, .pagination, .pagination_detail, .pagination_detail, .comment-author cite {*/
/*	font-family: var(--e-global-typography-primary-font-family) !important;*/
/*}*/
#footer_wrapper .mc4wp-form input[type=email] {
	min-width: 85%;
}
#perspective {
	overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
	#footer_wrapper .mc4wp-form {
		text-align: center;
	}
}

.search_selected_accommodation .mphb_sc_booking_form-wrapper .mphb-adults-wrapper:after, 
.search_selected_accommodation .mphb_sc_booking_form-wrapper .mphb-children-wrapper:after {
	bottom: 20px;
}

.hoteller-room-type-info-wrapper .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after {
	bottom: 22px;
	left: 9% !important;
}
.hoteller-room-type-info-wrapper .mphb-reserve-room-section select.mphb-rooms-quantity,
#mphb-booking-details.mphb-booking-details .mphb-reserve-rooms-details .mphb-adults-chooser select,
#mphb-booking-details.mphb-booking-details .mphb-reserve-rooms-details .mphb-children-chooser select {
	position: relative;
    z-index: 1;
    background: transparent;
}
#mphb-booking-details.mphb-booking-details .mphb-adults-chooser:after, 
#mphb-booking-details.mphb-booking-details .mphb-children-chooser:after {
	bottom: 22px;
}
/* .hoteller-room-type-info-wrapper .mphb-reserve-room-section .mphb-button.mphb-confirm-reservation {
	display: block !important;
}
.hoteller-room-type-info-wrapper .mphb-reserve-room-section .mphb-button.mphb-book-button {
	display: none !important;
} */

/* button to top */
a#toTop {
	right: 20px;
}
a#toTop:hover {
	background: var(--color-primery-hover);
}

/* container */
@media only screen and (min-width: 1200px) {
	#page_content_wrapper:not(.wide), .standard_wrapper, 
	.footer_bar_wrapper, #footer ul.sidebar_widget, 
	#page_content_wrapper.wide:not(.photoframe) .standard_wrapper, 
	.ppb_popup.one.contain, 
	#blog_promo_link_wrapper, #menu_wrapper, 
	.page_content_wrapper:not(.wide) {
		max-width: var(--container-main) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* animation Up Down */
.animation-up-down img {
	pointer-events: none;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease-in-out;
    animation: moveUpDown 2s infinite ease-in-out;
}

@keyframes moveUpDown{
	0%, 100% {
    		transform: translate(-50%, -50%);
	}

	50% {
		transform: translate(-50%, -40%);
	}
}

/* animation Left Right */
.animation-left-right-img img {
	pointer-events: none;
	animation: moveLeftRight 8s linear infinite;
}

@keyframes moveLeftRight{
	0% {
    	    transform: translateX(0);
	}

	50% {
	    transform: translateX(50px);
	}
	100% {
	    transform: translateX(0);
	}
}

/* animation spin */
.spin img {
	pointer-events: none;
	animation: spin 1s infinite linear;
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* header */
.language-transparent a {
	color: white !important;
}
.fullmenu-wrapper {
	overflow-y: hidden !important;
}
.mona-sec-header-sticky>.elementor-container {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.mona-header-full-screen a {
	color: #fff !important;
}
.img-logo-white img {
	ilter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
}
.btn-hd-main a.elementor-button {
	background: linear-gradient(135deg, var(--e-global-color-primary) 0%, #b08d69 40%, #c09d79 50%, #b08d69 60%, var(--e-global-color-primary) 100%);
    border: none !important;
    color: #fff !important;
    display: flex;
    align-items: center;
	justify-content: center;
	text-align: center;
    gap: 5px;
}
.wpml-language-items .wpml-ls.wpml-ls-legacy-dropdown {
	width: auto;
	background-color: transparent;
}
.wpml-full-menu-items .wpml-ls.wpml-ls-legacy-dropdown {
	background-color: transparent;
}
.wpml-language-items .wpml-ls.wpml-ls-legacy-dropdown a {
	margin-right: 10px;
}
.wpml-language-items .wpml-ls.wpml-ls-legacy-dropdown a,
.wpml-full-menu-items .wpml-ls.wpml-ls-legacy-dropdown a {
	color: white;
	background-color: transparent;
}
.sticky-wpml.wpml-language-items .wpml-ls.wpml-ls-legacy-dropdown a {
	color: black;
	border-color: black;
}

/* search form */
.mphb-reserve-room-section .mphb-button.mphb-book-button {
	background: linear-gradient(135deg, #6e5133 0%, #b08d69 40%, #d8bda2 50%, #b08d69 60%, var(--e-global-color-primary) 100%);
    border: 1px solid var(--e-global-color-primary);
    color: #fff !important;
    display: flex;
    align-items: center;
    gap: 5px;
}
.mphb-reserve-room-section .mphb-button.mphb-book-button:hover {
	border-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
}
.mona-search-form input,
.mona-sec-footer-main .form-footer .form-field input.wpcf7-email {
	border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    padding: 10px 15px 10px 15px;
	font-family: var(--e-global-typography-primary-font-family) !important;
}
.mona-search-form .mphb_sc_search-submit-button-wrapper input[type=submit] {
	top: 0;
}
.mphb_sc_search-form .mphb_sc_search-adults select,
.mphb_sc_search-form .mphb_sc_search-children select,
.mphb_widget_search-form .mphb_widget_search-adults select,
.mphb_widget_search-form .mphb_widget_search-children select,
.single-mphb_room_type .mphb-reserve-room-section .mphb-rooms-quantity-wrapper .mphb-rooms-quantity {
	position: relative;
	z-index: 1;
}
.mphb_sc_search-form .mphb_sc_search-adults:after,
.mphb_sc_search-form .mphb_sc_search-children:after {
	bottom: 8px !important;
}
.mphb_widget_search-form .mphb_widget_search-adults select,
.mphb_widget_search-form .mphb_widget_search-children select {
	background: transparent;
}
.mphb_widget_search-form .mphb_widget_search-adults:after,
.mphb_widget_search-form .mphb_widget_search-children:after {
	bottom: 32px !important;
	right: 16px !important;
}

/* giới thiệu */
.mona-parallax-slider .slider_parallax_wrapper .pagination {
	bottom: 0;
	margin: 30px 0;
}

/* dịch vụ */
.mona-service .service-carousel-wrapper .service-carousel-content {
	margin-top: 20px;
}

/* room */
body .memories-section .section-head .title,
.memories-section.location .loc-body h3 {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-style: var(--e-global-typography-4854ae5-font-style);
    line-height: var(--e-global-typography-4854ae5-line-height);
    color: var(--e-global-color-text);
	font-weight: 600;
}
body .memories-section .section-head .title em,
.memories-section.location .loc-body h3 em {
	font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}
body .memories-section.rooms .room-sub {
	font-style: normal;
}
.col-commodation-items {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.col-commodation-items .items-commodation {
	padding: 12px 20px;
/*     border: 1px solid #010101; */
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
/* 	border-radius: 8px; */
    font-family: var(--e-global-typography-primary-font-family);
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.15);
/* 	background-color: #fff1dc; */
}
.col-commodation-items .items-commodation i {
	font-size: 28px;
    color: var(--e-global-color-primary);
}
form a.btn-contact-now,
form a.btn-contact-now:hover {
	clear: both;
    float: left;
	background-color: var(--e-global-color-primary);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-5ba998a);
}
#page_caption .page_title_wrapper .page_title_inner .themegoods-step:after {
	width: calc(33vw - 30px);
}
.single-mphb_room_type .mphb-reserve-room-section {
	border-top: none;
    padding-top: 0;
    margin-top: 0;
}
.single-mphb_room_type .mphb-reserve-room-section .mphb-rooms-quantity-wrapper {
	width: 100%;
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}
.single-mphb_room_type .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after {
	left: 27%;
    bottom: 22px;
}
.single-mphb_room_type .mphb-reserve-room-section .mphb-rooms-quantity-wrapper .mphb-rooms-quantity {
	min-width: 16%;
}
.single-mphb_room_type .mphb-reserve-room-section .mphb-rooms-quantity-wrapper .mphb-available-rooms-count {
	min-width: unset;
    width: unset;
	margin-left: 0;
}
.single-mphb_room_type .mphb-reserve-room-section .button {
	padding-left: 26px !important;
	padding-right: 26px !important;
}
.mona-gallery-ocean .pg-ocean-content-inner {
	display: none !important;
}

/* pricing - room */
.mphb-regular-price .mphb-price {
	color: var(--color-pricing);
    font-size: 18px;
    font-weight: 600;
}

/* contact -page */
.mona-form-contact {
	display: flex;
	flex-wrap: wrap;
}
.mona-form-contact .form-field {
	width: 100%;
}
.mona-form-contact .form-field.field-col-left,
.mona-form-contact .form-field.field-col-right {
	width: 50%;
}
.mona-form-contact .form-field.field-col-left {
	padding-right: 15px;
}
.mona-form-contact .form-field.field-col-right {
	padding-left: 15px;
}
.mona-form-contact .button-submit {
	text-align: center;
	position: relative;
}
.mona-form-contact .button-submit .wpcf7-spinner {
	margin: 0;
    position: absolute;
    bottom: calc(50% - 12px);
    right: calc(50% - 12px);
}

/* xác nhận đặt phòng */
.mona-progess-bar .themegoods-step .progress-item {
	position: absolute;
    top: 40px;
    left: -2px;
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
    white-space: nowrap;
}
.mona-progess-bar .themegoods-step:nth-child(3) .progress-item {
	right: -30px;
    left: auto;
}
.mona-progess-bar .themegoods-step:last-child .progress-item  {
	text-align: right;
    right: 0;
    left: auto;
}
.mona-progess-bar .themegoods-step.active .progress-item {
	color: var(--color-primery);
}
.mphb-booking-details-section.booking .mphb-booking-details,
.mphb-booking-details-section.payment .mphb-booking-details{
	background: #f9f9f9;
    margin-left: 0 !important;
    padding: 20px 20px 0 20px;
}
body.search-layout-list #page_caption {
	padding-bottom: 30px;
    margin-bottom: 0;
}
.mphb-services-details.mphb-checkout-item-section select.mphb_sc_checkout-service-adults {
	width: 60px;
    min-width: 60px;
}
.mphb_sc_search_results-wrapper .mphb-reservation-cart {
	display: block !important;
}
.mona-progess-bar .themegoods-step:before,
.mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper,
#page_content_wrapper .mphb-reserve-room-section .mphb-confirm-reservation {
	display: none !important;
}
.mona-form-reservation-cart {
	padding: 20px;
    background: #fff;
}
.mona-form-reservation-cart .mphb-recommendation-details-list {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.mona-form-reservation-cart .mona-item-room {
	display: flex;
    gap: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.mona-form-reservation-cart .mona-item-room .mphb-recommendation-item {
	width: 100%;
}
.mona-form-reservation-cart .mona-room-view-details {
	margin-top: 10px;
}
.mona-form-reservation-cart .mona-room-view-details a {
	text-decoration: underline;
}
.mona-form-reservation-cart .mona-room-view-details a:hover {
	color: var(--color-primery);
}
.mona-form-reservation-cart .mphb-room-type-view,
.mona-form-reservation-cart .mphb-room-type-size,
.mona-form-reservation-cart .mphb-room-type-bed-type {
	display: flex;
}
.mona-form-reservation-cart .mphb-room-type-view:before,
.mona-form-reservation-cart .mphb-room-type-size:before,
.mona-form-reservation-cart .mphb-room-type-bed-type:before {
	content: '\f054';
    font-family: 'Font Awesome 5 Free';
    float: left;
    margin-right: 10px;
    line-height: 2.8em;
    font-size: 10px;
    font-weight: 900;
}

/* footer */
.mona-footer-media {
	display: flex;
    justify-content: center;
    align-items: center;
}
.mona-footer-media img {
	height: 13px !important; 
	padding-left: 5px;
}
.mona-sec-footer-main .form-footer {
	display: flex;
}
.mona-sec-footer-main .form-footer p {
	padding: 0;
}
.mona-sec-footer-main .form-footer .form-field {
	position: relative;
}
.mona-sec-footer-main .form-footer .form-field,
.mona-sec-footer-main .form-footer .form-field p,
.mona-sec-footer-main .form-footer .wpcf7-form-control-wrap,
.mona-sec-footer-main .form-footer .form-field input{
	height: 42px;
}
.mona-sec-footer-main .form-footer .form-field .wpcf7-not-valid-tip {
	position: absolute;
    bottom: -24px;
    font-size: 12px;
    line-height: 20px;
}
.mona-sec-footer-main .form-footer .wpcf7-form-control-wrap {
	display: block;
}
.mona-sec-footer-main .form-footer .wpcf7-submit {
	padding: 10px 15px;
}
.mona-sec-footer-main .form-footer .form-field .wpcf7-spinner {
	position: absolute;
	margin: 0;
    right: calc(50% - 15px);
    bottom: calc(50% - 10px);
}
.mona-sec-footer-main .wpcf7 form .wpcf7-response-output {
	margin-left: 0;
	margin-right: 0;
	margin-top: 30px;
}

/* hidden */
/* #loftloader-wrapper {
	display: none !important;
}
 */
/* tablet */
@media (max-width: 1024px) {
	.hoteller-room-type-info-wrapper .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after {
		left: 7% !important;
	}
	
	/* header */
	.mona-sec-header-sticky {
		margin: 10px 30px 10px 30px;
		background: #fff;
	}
	
	/* dịch vụ */
	.owl-carousel .owl-stage {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.col-commodation-items {
		grid-template-columns: repeat(3, 1fr);
	}
	
	/* search form */
	.mphb_sc_search-form .mphb_sc_search-adults:after,
	.mphb_sc_search-form .mphb_sc_search-children:after {
		bottom: 16px !important;
	}
	
	/* footer */
	.mona-footer-media img {
		height: 11px !important;
	}
}

/* mobile */
@media (max-width: 767px) {
	.hoteller-room-type-info-wrapper .mphb-reserve-room-section .mphb-rooms-quantity-wrapper:after {
		left: 12% !important;
	}
	
	/* header */
	.mona-sec-header-sticky {
		margin: 0;
	}
	
	.col-commodation-items {
		grid-template-columns: repeat(1, 1fr);
	}
	
	/* xác nhận đặt phòng */
	.mona-progess-bar .themegoods-step .progress-item {
		white-space: unset;
	}
	.mphb-errors-wrapper {
		float: right;
	}
	#page_caption .page_title_wrapper .page_title_inner .themegoods-progress-bar {
		padding-bottom: 60px;
	}
	#page_content_wrapper:not(.wide), 
	.page_content_wrapper:not(.wide) {
		padding: 0 20px 0 20px !important;
	}
	form a.btn-contact-now {
		float: right;
		margin-bottom: 10px;
	}
}
/* ----- end custom ----- */

/* scrollbar */
body::-webkit-scrollbar-track,
.mona-sec-search-form select::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar,
.mona-sec-search-form select::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb,
.mona-sec-search-form select::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--color-primery);
}