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

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


/* Menu */
.common-navbar .common-navbar-main .common-logo img {
    width: 120px;
}
.common-navbar-offcanvas .uk-subnav .uk-dropdown .uk-nav > li > a {
    padding: 10px 0 !important;
    border-bottom: 1px solid;
}
.common-navbar-offcanvas .uk-subnav .uk-dropdown .uk-nav > li:first-child {
    border-top: 1px solid;
}
.common-navbar .common-navbar-main .common-navbar-container .common-navbar-button a {
    /* background-color: #d5a36f; */
    padding: 20px 40px;
    /* color: var(--primary-color); */
    font-weight: 400;
    font-size: 12px;
}

.common-navbar .uk-navbar-dropdown {
    padding: 5px 20px;
}
.uk-nav > li > a {
    padding: 10px 0;
}
.common-navbar .uk-navbar-nav > .current_page_item > a {
    color: #d5a36f;
}
.common-navbar .uk-navbar-nav .uk-navbar-dropdown > ul > .current-menu-item > a {
    color: #d5a36f;
}

.common-navbar-main .common-logo {
    display: flex;
}
.common-navbar-main .common-logo a { 
    display: flex;
    align-items: center;
}
.common-slideshow .common-slideshow-intro .uk-position-center-left {
    bottom: 25%;
}

/* IG */
.sec-ig h2 svg {
    width: 30px;
}

.sec-ig h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


/* Footer */
.common-footer.background-muted {
    background-color:#d5a36f;
}
.common-footer .common-footer-content .uk-button-secondary {
    background-color: #d5a36f;
}
.common-footer .common-footer-content .uk-button-secondary:hover {
    background-color: #000000;
}
.common-footer-content .uk-navbar-nav > li > a:hover {
    color: #fff;
}
.common-footer-content .uk-navbar-nav {
    display: flex;
    align-items: center;
}


/* pdpa */
.custom-pdpa {
    text-align: start;
}
.custom-pdpa h3 {
    font-size: 1.6rem;
    margin-top: 15px;
}
/* 
4-islands {
    scroll-margin-top: 200px; 
} */
#four-islands , #phiphi-island , #hong-island {
    scroll-margin-top: 280px; 
}
html {
  scroll-behavior: smooth;
}

.common-footer .common-footer-content a img {
    aspect-ratio: auto;
}

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

}


@media (min-width: 769px) {

    /* .common-slideshow .common-slideshow-intro .uk-position-center {
        text-align: left;
    } */
}
@media (max-width: 768px) {

    .common-slideshow .common-slideshow-intro .uk-position-center {
        text-align: center;
        TOP: 80%;
    }
}
@media (max-width: 640px) {
    .common-navbar .common-navbar-main .common-logo img {
        padding: 0;
    }

}
@media (max-width: 560px) {
    .uk-background-cover {
        min-height: max(0px, 40vh) !important;
    }    
}
@media (max-width: 480px) {
    .common-navbar .common-navbar-main .common-navbar-container .common-navbar-button a {
        padding: 10px;
    }
.common-slideshow .common-slideshow-intro .uk-position-center {
    text-align: center;
    TOP: 80%;
}
    .common-navbar-offcanvas .uk-offcanvas-bar .uk-subnav > * > :first-child {
        font-size: 12px;
    }
}