@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap');
/* Taxonomy */
h1, h2, h3, h4, h5, h6 { color: #333; }
p, a { font-size: 14px; }
strong, b { -webkit-text-stroke-width: 1px; }

:root[lang="th"],
html[lang="th"] {
  --font-th: 'Anuphan', sans-serif;
}

html[lang="th"] body,
html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] div,
html[lang="th"] nav,
html[lang="th"] p {
  font-family: var(--font-th);
}


/* Navbar Menu */
.common-navbar .uk-navbar-nav > li > a { font-size: 14px; font-weight:400; font-family: var(--font-th);}
.common-navbar .uk-navbar-dropdown-nav > li > a { font-size: 14px; font-weight:400; font-family: var(--font-th);}
/* Header */
.common-navbar .common-navbar-main .common-logo img { max-height: 80px; width: auto; padding: 10px; }
p.heading-sub { font-size: 16px; }
.common-header-cover .common-header-intro .header-title {font-family: var(--font-th); font-weight:400;}


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

/* Slider Offer Home */
.common-wrapper .common-content .common-row .flex-card { background-color: #fff; }
.common-wrapper .common-content .common-row .sub-details { padding: 0 20px 50px; }

/* Slide Facilities Home */
.common-switch-places-content { background-color: #0d426a; }
.common-wrapper .common-content .common-row .uk-button-primary { border: #fff solid 1px; color: #fff; font-size: 15px; font-weight: 400;}
.common-wrapper .common-content .common-row .uk-button-primary a { font-size: 14px; font-weight:400;}
.common-wrapper .common-content .common-row .uk-button-primary:hover { background-color: #fff; color: var(--primary-color); border: #0d426a solid 1px; }
.common-wrapper .common-content .common-row .uk-button-primary:hover a { color: var(--primary-color); }
.common-wrapper .common-content .common-row .uk-button-default:hover { border: #fff solid 1px; }
.common-switch-places-content .uk-grid-collapse:last-child .uk-card-body { padding: 30px 30px; }

/* Accom/Offer Content */
.common-card-content .common-card-default .uk-card-body { background-color: #fff; }

/*Content*/
.common-wrapper .common-content .common-row .details .heading-intro .heading-sub{ margin: 0!important; }
.common-wrapper .common-content .common-row .uk-button-default { color: var(--primary-color); font-size: 13px; font-weight: 400;}

.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; }

.uk-dotnav > * > * { border: #fff solid 1px; }
.uk-dotnav > .uk-active > *, .uk-dotnav > * > :hover { background-color: #fff; }

/* Gallery */
.common-filter-lightbox .uk-subnav-pill > .uk-active > a { background-color: #fff; color: var(--primary-color); }
.uk-subnav-pill > *,
.uk-subnav-pill > * > :first-child { color: #fff; }
.uk-subnav-pill > * > a:hover { color: var(--primary-color); }

/* Location */
.custom-map-section {
    padding-top: 80px;
}

/*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;
}
.common-contact .common-contact-details a { color: #fff; }
.common-contact .common-contact-details a:hover { color: #fff; border-bottom: #fff solid 1px; }

/*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;}

/*Blog*/
.uk-breadcrumb a{ color: #999; }
.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; }
.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{ 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__button-inside .wp-block-search__inside-wrapper{border: 1px solid var(--border-color);}
.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;}
/*Footer*/
.background-prefooter { background-color: #f8f8f8 !important; }
.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 input{ width: 100%; color: #fff; background-color: var(--primary-color); border: #fff solid 1px; font-size:14px;}
.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: #A78563; font-size: 0.8em; color: #FFF; }
.common-footer .common-footer-content a:hover,
.common-footer .common-footer-content a img { max-height: 80px; width: auto; color: #fff; border-bottom: #fff solid 1px; }
.common-footer .common-footer-content .get-direct a:hover,
.common-copyright .common-copyright-content a:hover { color: #fff; border-bottom: #fff solid 1px; }
.common-footer .common-footer-content .uk-button-secondary { background-color: #fff; }
.common-footer .common-footer-content .uk-button-secondary:hover { border: #fff solid 1px; }
.common-footer .common-footer-content .uk-button-secondary span { color: var(--primary-color); font-size:14px;}
.common-footer .common-footer-content .uk-button-secondary:hover span { color: #fff; }

.common-switch-places-content .uk-slideshow-items { position: static; }

.no-cursor { cursor: unset; }
#offers-category{ display: flex; flex-direction: column; gap: 80px; }
#offers-category .card-category{ position: relative; }
#offers-category .card-title{ margin-bottom: 30px; }
#offers-category .linkto{ position: absolute; top: -120px; }


@media (max-width: 1199px) {
    .common-switch-places-content .uk-grid-collapse .uk-card-body.card-media-left {
        padding: 30px;
    }
}

@media screen and (max-width: 959px) { 
    #offers-category .card-title{ text-align: center; }
    #offers-category .remark-offer{ text-align: center; }
}

@media (max-width: 1024px){
    .common-slider-primary .position-nav-center{ top: calc(25vh - 40px); }
    #checkbox-flip{ display: none!important; }
}

@media (max-width: 640px) {
    .common-switch-places-content .uk-card-body {
        padding: 30px;
    }
    .common-card-content .uk-slider .uk-grid {
        justify-content: unset;
    }
}

@media screen and (max-width: 480px) {  
    #offers-category .card-title{ margin-bottom: 20px; }
}