/*
Theme Name: Crazy Web Studio (Divi Child)
Template: Divi
Text Domain: Divi-child
Author: Crazy Web Studio
Author URI: https://www.crazywebstudio.co.th
*/

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	font-weight: 400;
}


/* HEADER */
.wp-image-25989243 {
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25));
}

.et_pb_menu_0_tb_header {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


.et_pb_menu_0_tb_header .sub-menu {
    padding: 0 !important;
    max-width: 140px !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
}

.et_pb_menu_0_tb_header .sub-menu li {
    padding: 0 !important;
    text-align: center !important;
    margin-bottom: -5px !important;
}

.et_pb_menu_0_tb_header .et-menu.nav > li:last-child {
    position: relative !important;
    padding-left: 15px !important;
}


.et_pb_menu_0_tb_header .et-menu.nav > li:last-child::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 35% !important;
    transform: translateY(-50%) !important;
    height: 100% !important;
    width: 1px;
    background-color: #B39C56 !important;
}




/* FOOD MENU */

/* DIPI BUTTON GRID - FOOD MENU (page #25989212) */
@media (max-width: 980px) {
    #post-25989212 .dipi_button_grid_0 .dipi-button-grid-container > div:nth-last-child(1),
    #post-25989212 .dipi_button_grid_0 .dipi-button-grid-container > div:nth-last-child(2) {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #post-25989212 .dipi_button_grid_0 .dipi-button-grid-container > div:nth-last-child(3) {
        display: none !important;
    }

    #post-25989212 .dipi_button_grid_0 .dipi_button_grid_child {
        padding: 0 !important;
        margin: 0 !important;
    }

    #post-25989212 .dipi_button_grid_0 .dipi-button-grid-container {
        padding: 5px 10px !important;
    }
}

/* DIPI BUTTON GRID - DRINKS MENU (page #25989661) */
@media (max-width: 980px) {
    #post-25989661 .dipi_button_grid_0 .dipi-button-grid-container > div:nth-last-child(1),
    #post-25989661 .dipi_button_grid_0 .dipi-button-grid-container > div:nth-last-child(2) {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #post-25989661 .dipi_button_grid_0 .dipi-button-grid-container > div:nth-last-child(3),
    #post-25989661 .dipi_button_grid_0 .dipi-button-grid-container > div:has(a[href="#aperitifs"]) {
        display: none !important;
    }

    #post-25989661 .dipi_button_grid_0 .dipi_button_grid_child {
        padding: 0 !important;
        margin: 0 !important;
    }

    #post-25989661 .dipi_button_grid_0 .dipi-button-grid-container {
        padding: 5px 10px !important;
    }
}

.food-card__description,
.food-card__price,
.vat-notice {
    color: #040809;
}

/* GRAVITY FORMS - DROPDOWN */
.gfield_select {
    width: 100% !important;
}

/* GRAVITY FORMS - FOCUS */
.gform_wrapper input:not([type="submit"]):focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    outline: 2px solid #B39C56 !important;
    border-color: #B39C56 !important;
}

/* GRAVITY FORMS - DROPDOWN OPTIONS */
.gfield_select option {
    background-color: #ECE6D4 !important;
    color: #040809 !important;
}

/* GRAVITY FORMS - DATEPICKER */
#ui-datepicker-div {
    background-color: #ECE6D4 !important;
    border-radius: 10px !important;
    border: none !important;
}

#ui-datepicker-div .ui-datepicker-header {
    background-color: #ECE6D4 !important;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
}

.gform-theme--framework.ui-datepicker table .ui-datepicker-today a {
	background-color: transparent;
}
.gform-theme--framework.ui-datepicker table .ui-datepicker-today a:hover {
	background-color: #fff;
}

.gform-theme--framework.ui-datepicker table .ui-datepicker-current-day a {
	background-color: #93b37d;
}

/* GRAVITY FORMS */
.gform_footer .gform_button {
    width: 100% !important;
    border-width: 2px !important;
    background-color: #ECE6D4 !important;
    border-radius: 50px !important;
}

.ginput_container_date input {
    width: 100% !important;
    box-sizing: border-box;
}

.gfield--width-third {
    width: 100% !important;

}

/* GRAVITY FORMS - CHECKBOX */
.ginput_container_checkbox .gfield-choice-input {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border: 2px solid #B39C56 !important;
    border-radius: 6px !important;
    background-color: rgb(255,255,255, 0.5) !important;
    cursor: pointer !important;
}

.ginput_container_checkbox .gfield-choice-input:checked {
    background-color: #ECE6D4 !important;
    border-color: #B39C56 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%237A5230' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 12px !important;
}

.gform_confirmation_message {
    color: #000;
    text-align: center;
}

/* Gravity Forms Validation Message */
.gfield_validation_message {
    margin-top: 22px !important;
}

/* TRUSTINDEX */
.ti-next,
.ti-prev {
    background-color: #93B37D !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25) !important;
    border-radius: 50% !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:before,
.ti-widget.ti-goog .ti-controls .ti-prev:before {
    border-color: #ffffff !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:hover,
.ti-widget.ti-goog .ti-controls .ti-prev:hover {
    background-color: #B39C56 !important;
    outline-color: transparent !important;
    outline-width: 0 !important;
    box-shadow: inset 0 0 0 30px #B39C56, 0 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.ti-widget.ti-goog .ti-controls .ti-next:hover::after,
.ti-widget.ti-goog .ti-controls .ti-prev:hover::after {
    content: none !important;
    display: none !important;
}

.ti-rating-text .ti-rating {
    color: #B39C56 !important;
    font-weight: 300 !important;
    letter-spacing: 2px !important;
    opacity: 1 !important;
}

/* DIPI CAROUSEL - swiper arrow buttons */
.dipi_carousel_0 .swiper-button-next,
.dipi_carousel_0 .swiper-button-prev {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* DIPI CAROUSEL - swiper arrow icon vertical offset fix */
.dipi_carousel_0 .swiper-button-next:after,
.dipi_carousel_0 .swiper-button-prev:after {
    margin-top: -2px !important;
    margin-left: -2px !important;
}


/* CHATY - hide on food & drinks menu pages (mobile only) */
@media (max-width: 767px) {
    body.page-id-25989212 #chaty-widget-0,
    body.page-id-25989661 #chaty-widget-0 {
        display: none !important;
    }
}

/* CHATY */
.chaty-widget.right-position {
    right: 5px !important;
    bottom: 10px !important;
}

.chaty-widget .open-chaty,
.chaty-widget .chaty-channel .chaty-svg {
    position: relative !important;
}

.chaty-widget .open-chaty::after,
.chaty-widget .chaty-channel .chaty-svg::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* HERO */
.et_pb_section_0 .et_pb_section_video_bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,  rgba(0,0,0,1) 100%);
    pointer-events: none;
}

/* Smart Phone Gravity Forms */
.iti__country-name {
    color: #000 !important;
}
ul.iti__country-list {
    padding: 0 !important;
    margin-top: 20px !important;
}

/* Chaty */
.chaty-channel .chaty-tooltip:after {
  display: block !important;
  opacity: 1.0 !important;
}