/* Fonts */
@font-face {
    font-family: 'SangBleu Sans';
    src: url('../css/fonts/SuperDisplay-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'MabryPro';
    src: url('../css/fonts/MabryPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'SackersGothicStd';
    src: url('../css/fonts/SackersGothicStd-Medium.otf') format('opentype');
}

:root {
    --first-font: 'SangBleu Sans', sans-serif;
    --second-font: 'MabryPro', sans-serif;
    --highlight-font: 'SackersGothicStd', sans-serif;
}

.de_block_post_preview:not(.grid) .item_wrap .item .content_wrap .title,
.de_block_post_preview.grid .item_wrap .item .content_wrap .title,
.the_title,
.title>span.aria-title,
.title,
.section_title {
    font-family: var(--first-font) !important;
}

p,
#rooms_amenities .room_features_list ul li span.text {
    font-family: var(--second-font);
}

#main_book_wrapper .main_book a,
.de_block_post_preview.grid_margin .item_wrap .item .content_wrap .btns_wrap .info a,
.btnCta a,
#itinerary_container #itinerary .field.submit #itinerarySubmit,
.bnt a,
#main_book_mobile a,
#main_book a {
    font-family: var(--highlight-font) !important;
}

/* general */
body,
html {
    background: #FEF9EF;
}

#header_wrapper.custom #highlight_menu ul.menu>li>a:hover,
#header_wrapper.fixed #highlight_menu ul.menu>li>a:hover,
#highlight_menu ul.menu ul.sub-menu>li>a:hover,
#highlight_menu ul.menu>li>a:hover,
#footer_menu_wrap #footer_menu ul.menu li a:hover {
    color: #e88055 !important;
}

.anchor_menu .anchors_wrap .wrap .label {
    color: #fff;
}

.anchor_menu .anchors_wrap .wrap .label.active,
.anchor_menu .anchors_wrap .wrap .label:hover,
#highlight_menu ul.menu ul.sub-menu>li.current-menu-item>a {
    color: #e88055;
}

#highlight_menu ul.menu ul.sub-menu>li>a {
    color: #fff;
}

/* homepage */
.main.aside_content.social_connect .the_subtitle,
.main.aside_content.social_connect .big_title,
.main.aside_content.social_connect .the_content,
.main.aside_content.social_connect .info,
.main.aside_content.social_connect .the_content p {
    color: #fff;
}


.main.aside_content.social_connect .big_title::before,
.main.aside_content.social_connect .big_title::after {
    background: #fff;
}

.slideshow_container .frame .frame_border {
    display: none;
}

.home .slideshow_container .caption .title {
    font-size: 3.5em;
}

.main.aside_content.social_connect:before,
#video_page_container .video_content:before {
    background: rgba(223, 190, 95, 0.6);
}

/* dining & rooms carousel */
.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel h2:after,
.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel h2:before,
.page-template-template-single-room .post_preview_section.carousel h2:after,
.page-template-template-single-room .post_preview_section.carousel h2:before {
    background: #fff;
}

.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel h2,
.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel .subtitle,
.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel .title,
.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel .item_wrap .preview .col_content .content,
.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel .item_wrap .preview .col_content .content .read_more,
.page-template-template-single-room #post-preview-1.post_preview_section.carousel h2,
.page-template-template-single-room #post-preview-1.post_preview_section.carousel .subtitle,
.page-template-template-single-room #post-preview-1.post_preview_section.carousel .title,
.page-template-template-single-room #post-preview-1.post_preview_section.carousel .item_wrap .preview .col_content .content,
.page-template-template-single-room #post-preview-1.post_preview_section.carousel .item_wrap .preview .col_content .content .read_more {
    color: #fff;
}

.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel .title:hover,
.page-template-template-single-restaurant #post-preview-1.post_preview_section.carousel .item_wrap .preview .col_content .content .read_more:hover,
.page-template-template-single-room #post-preview-1.post_preview_section.carousel .title:hover,
.page-template-template-single-room #post-preview-1.post_preview_section.carousel .item_wrap .preview .col_content .content .read_more:hover {
    color: #e88055;
}

/* book now */
#main_book_mobile a,
#main_book a {
    background: #DFBE5F;
}

#main_book_mobile a:hover,
#main_book a:hover {
    background: #FFFFFF;
    color: #DFBE5F;
}

/* rooms */
.post_preview_section.carousel:before {
    background: rgba(254, 249, 239, 0.5);
}

.page-template-template-single-room .de_block_post_preview .btns_wrap .btnCta {
    color: #fff;
}

/*gallery*/
.gallery_section.carousel .thumb_wrap:before {
    content: none;
}

.gallery_section.carousel .thumb_wrap .thumb {
    filter: none;
}

/* footer */
#footer #socials a span[class^="fa"].fa-tiktok:hover {
    background: #000;
}

/* booking form */
@media (min-width: 1200px) {
    #booking_form .booking-tab .quickbook-form-tab .month {
        width: 60px;
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    #booking_form .booking-tab .quickbook-form-tab .date {
        margin-right: 30px;
        font-size: 55px;
    }
}

@media (min-width: 1200px) {
    #booking_form .section-nb_adults select, 
    #booking_form .section-nb_children select, 
    #booking_form .section-iata select {
        font-size: 55px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
#booking_form .booking-tab .quickbook-form-tab .date {
        margin-right: 30px;
        font-size: 45px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #booking_form .section-nb_adults select, 
    #booking_form .section-nb_children select, 
    #booking_form .section-iata select {
        font-size: 45px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #booking_form .booking-tab .quickbook-form-tab .date {
        font-size: 35px;
        margin-right: 35px;
        width: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #booking_form .section-nb_adults select, 
    #booking_form .section-nb_children select, 
    #booking_form .section-iata select {
        font-size: 35px;
    } 
}

@media (min-width: 768px) and (max-width: 1199px) {
    #booking_form .booking-tab .quickbook-form-tab .month {
        width: 65px;
        font-size: 10px;
        margin-top: 10px;
    }
}