/*Slider Room Home*/
.common-slider-primary .position-nav-center{ margin: 0 auto; top: calc(60vh - 50px); }

/*Content*/
.common-wrapper .common-content .common-row .details .heading-intro .heading-sub{ margin: 0!important; }

.common-wrapper .common-content .common-row .wp-block-button__link{ background-color: inherit; padding: 0; }
.heading-intro .wp-block-buttons{ margin-top: 20px;}
.heading-intro .wp-block-button__link:hover{ color: #fff; }

/*Contact*/
.wpcf7-form .uk-grid-small p{ margin: 0 !important;}
.wpcf7-form .uk-grid-small .uk-form-icon.uk-icon{ z-index: 1; top: 10px; bottom: auto; }
.uk-form-icon:not(.uk-form-icon-flip) ~ span.wpcf7-form-control-wrap .uk-input{ padding-left: 40px;}
.wpcf7-form .uk-grid-small.uk-grid > .uk-grid-margin {
    margin-top: 15px;
}
.wpcf7-form .wpcf7-not-valid-tip{
    font-size: 0.8em;
    margin-top: 10px;
}

/*bar checkbox*/
.uk-offcanvas-bar-checkbox h3{ font-size: 1.6em; color: #333; margin-bottom: 20px!important; text-align: center;}
.uk-offcanvas-bar-checkbox .uk-close{ color: #000;}
.uk-offcanvas-bar-checkbox .uk-close:hover{ color: #000;}
/* common-top */
.common-top{margin-left:auto; margin-right:auto;}
.common-top #loyalty-wrap{ display: none;}
/*Blog*/
.uk-breadcrumb a{ color: var(--primary-color); padding: 3px; }
.uk-breadcrumb a:hover{ color: #A68563; }
.common-breadcrumb .nav-breadcrumb .uk-breadcrumb .breadcrumb_last:hover *{ color: #999 !important;}
.uk-breadcrumb.common-tag a{ color: #999; }
.breadcrumb-end-content a{ color: #999; padding: 3px;}
.breadcrumb-end-content a:hover{ color: var(--secondary-color); }
.sidebar-entry .wp-block-latest-posts li{ margin-bottom: 10px; display: inline-block;}
.widget_block .wp-block-latest-posts__featured-image{ max-width: 60px;}
.widget_block .wp-block-latest-posts__post-title{ font-family: var(--font-primary); color: var(--primary-color);}
.widget_block .wp-block-latest-posts__post-title:hover{ color: var(--secondary-color);}
.widget_block .wp-block-categories-list{ display: block; padding: 0;}
.widget_block .wp-block-categories-list li{ list-style-type: none;}
.widget_block .wp-block-categories-list li a{ color: #999;}
.widget_block .wp-block-categories-list li a:hover{ color: var(--secondary-color);}
.widget_block .wp-block-tag-cloud a,
.widget_block .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{ color: #999;}
.widget_block .wp-block-tag-cloud a:hover{ color: var(--secondary-color);}
.widget_block .wp-block-search__inside-wrapper{border: 1px solid var(--border-color); margin-bottom: 20px;}
.widget_block .wp-block-search__input{ border: 0;}
.widget_block .wp-block-search__button svg{ color: #999;}
.widget_block .wp-block-search__button:hover svg{ color: var(--secondary-color);}
.widget_block .wp-element-button{border:0; background: transparent;}
.widget_block ul { display: flex; margin: 10px 0; flex-flow: wrap;}
.widget_block ul li{ margin-bottom: 10px;}
.widget_block .wp-block-tag-cloud{ margin-top: 10px;}
/*Footer*/
.common-footer .common-footer-content form .uk-flex p{ display: flex; width: 100%; margin: 0!important; }
.common-footer .common-footer-content form .uk-flex p .wpcf7-form-control-wrap{ width: 70%;}
.common-footer .common-footer-content form button{ width: 30%; height: 40px;}
.common-footer .common-footer-content form .uk-flex p .wpcf7-form-control-wrap .wpcf7-not-valid-tip{ color: #FF0000;}
.common-footer .common-footer-content form.invalid .wpcf7-response-output,
.common-footer .common-footer-content form.sent .wpcf7-response-output{ border: none; background-color: #46b450; font-size: 0.8em; color: #FFF; }
.no-cursor { cursor: unset; }
/*Nav bar Lang*/
.custom-top-bar { width: 100%; background-color: var(--primary-color); }
.custom-top-bar-side { margin: auto; padding: 0 30px; max-width: var(--breakpoint-xl); display: flex; justify-content: end; align-items: center; }
.top-bar-link { color: var(--white-color); padding: 0 15px; border-right: 1px solid var(--white-color); }
.top-bar-link:hover { color: var(--white-color); }
.top-bar-link:last-child { border-right: none; padding-right: 0; }
.my-booking-link { display: inline-flex; align-items: center; gap: 6px; }
.my-booking-icon { width: 18px; height: 18px; flex: 0 0 auto; }
.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span { color: var(--white-color); }
/* Pre Footer */
.pre-footer { background-color: var(--copyright) !important; }
.pre-footer .common-logo { filter: brightness(0) invert(1); }
.pre-footer .uk-navbar .uk-navbar-right h6, .pre-footer .uk-navbar .uk-navbar-right a { color: var(--white-color) !important; }
/* Awards */
.pre-footer .uk-navbar .uk-navbar-left { width: 33.33%; }
.pre-footer .uk-navbar .uk-navbar-right { width: 33.33%; justify-content: end; }
.pre-footer .uk-navbar .award-container { width: 50%; margin: 0 auto; padding: 0px 60px; }
.pre-footer .uk-navbar .award-container .award-list { justify-content: center; }
.pre-footer .uk-navbar .award-image { max-width: 150px; max-height: 100px; width: 100%; height: auto; object-fit: contain; transition: transform 0.3s ease; }
.pre-footer .uk-navbar .award-nav-prev, 
.pre-footer .uk-navbar .award-nav-next {
    color: var(--white-color) !important;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* smartbooking-pro */
.roi-engine-container{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.roi-engine-container form,
.roi-engine-container .roi-search-engine--with-destinations{
    max-width: 800px;
    border-radius: 0;
}
.roi-engine-container button{
    border-radius: 0;
}
.roi-search-engine__hotel-list,
.roi-search-engine__hotel-list ul{
    padding-left: 0;
    list-style: none;
    display: none !important;
}
.roi-search-engine__field--destination-select { background-image: unset; }
.roi-search-engine__item--checkin, .roi-search-engine__item--checkout{
    gap: 5px;
}
.roi-search-engine__occupancy-text{
    font-weight: 800;
    margin-bottom: 9px;
}
.roi-search-engine__form--shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.roi-search-engine__item--promo{
    height: 80px;
}
.roi-search-engine__label--promo{
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media (min-width: 769px) {
    .roi-search-engine__item {
        width: 100%;
    }
}

@media (max-width: 1024px){
    .roi-engine-container{
        position: relative;
    }
    .common-slider-primary .position-nav-center{ top: calc(25vh - 40px); }
    #checkbox-flip{ display: none!important; }
}
@media (min-width: 769px) {
    .roi-search-engine--with-destinations {
        width: 100%;
    }
}
@media (max-width: 768px){
	.pre-footer .uk-navbar { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .pre-footer .uk-navbar .uk-navbar-right { width: 100%; display: flex !important; justify-content: center; align-items: center; }
    .pre-footer .uk-navbar .award-container { padding: 0; }
    .roi-engine-container{
        position: relative;
    }
}

.privacy-wrapper { text-align: left; }
.privacy-wrapper h1{ text-align: center; }
.privacy-wrapper p + h2,
.privacy-wrapper p + h3,
.privacy-wrapper p + h4{
    margin-top: 20px;
}

html:lang(th) .roi-search-engine__title,
html:lang(th) .roi-search-engine__subtitle,
html:lang(th) .roi-search-engine__label,
html:lang(th) .roi-search-engine__field--day,
html:lang(th) .roi-search-engine__field--month-year,
html:lang(th) .roi-search-engine__occupancy-text,
html:lang(th) .roi-search-engine__field {font-family: var(--font-secondary);font-size:1rem}

html:lang(th) .roi-search-engine__title,
html:lang(th) .roi-search-engine__subtitle{
	white-space:nowrap;
	line-height:1.25rem;
}

.card-blog img {
    aspect-ratio: 3 / 2; 
    object-fit: cover;
}