/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         YAVIVO GmbH - Arbon
 Author URI:     https://www.yavivo.ch
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here ------------------------------------------------------- */

/*
Variables
*/
:root {
    --main-red-color: #E82025;
    --main-wine-color: #b90000;
    --bg-color-green: #7EB8B5;
    --bg-color-darkgreen: #2a7e74;
    --bg-light-green: #DBEBE8;
    
  }


body {
    font-family: 'Roboto Flex',Arial,sans-serif !important;
    color:#000000;
}
h6 {
    color:#4b3c34;
} 
h1, h2, h3 ,h4, h5 {
    line-height: 1.5em;
    color:#4b3c34;
    font-weight: 400;
} 
h1 {
    font-size: clamp(24px, 6vw, 70px) !important;
    font-weight: 700;
    line-height: 1.2em;
}
h2 {
    font-size: clamp(20px, 5vw, 45px) !important;
}
h6 {
    font-size: clamp(40px, 5vw, 75px) !important;
}
p {
    font-size: 20px;
    font-size: clamp(16px, 4vw, 20px) !important;
    font-weight: 300;
    line-height:30px;
    letter-spacing: 0.78px;
    padding-bottom: 1.5em;
}
a {
    color:#c3a37b;
    
}
a:hover {
    color:#a5702f;
    cursor: pointer;
}
.et_pb_svg_logo #logo {
    height: 60% !important;
}
#footer-widgets , #footer-bottom{
    display: none !important;
    padding: 0;
}
#top-menu , #top-menu li , #top-menu a{
    font-family: 'Robotos Flex', Arial, sans-serif !important;
    font-weight: 400;
}
.et-pb-contact-message , .et_pb_contact_captcha_question{
    color: #DBEBE8;
}
#top-header {
    background-color: rgb(172, 141, 86);
    height: 40px;
}
#top-header .container{
    text-align: end;
    justify-content: end;
    align-items: center;
    display: flex;
    height: 40px;
}
#page-container {
    padding-top: 186px !important;
}
#main-header {
    padding: 30px 0;
}
#et-info-phone , #et-info-email {
    font-size: 16px !important;
}
.et_header_style_left #et-top-navigation {
    padding: 30px 0 0 0 !important;
}
.et_pb_text_2_tb_footer {
    text-transform:none !important;
}
.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
}
#top-menu li.current-menu-item > a {
    color: #a5702f;
}
.et-pb-controllers a {
    width: 15px;
    height: 15px;
}
.et-pb-controllers a:hover {
    background-color: #000 !important;
}
.et-pb-controllers a.et-pb-active-control {
    background-color: #fff !important;
}
.et-pb-slider-arrows .et-pb-arrow-prev::before, .et-pb-slider-arrows .et-pb-arrow-next::before {
    font-size: 100px;
    color: #fff;
}
.et_pb_toggle_title::before {
    font-size: 20px;
}
.et_pb_toggle_title {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.et_pb_contact_captcha_question {
    color:#000;
}
.et_pb_contact_message_top.et_pb_contact_error_meesage {
    background-color: rgba(106, 3, 3, 0.05);
    padding: 20px;
    margin: 0 0 30px 0;
    color: #6a0303;
}
.et_pb_contact_message_top.et_pb_contact_error_meesage ul {
    list-style: circle;
    font-size: 16px;
    padding-top: 20px;
}

.et_pb_contact p .et_contact_error {
    border: 2px solid #4b3c34 !important;
}
.et_pb_contact p input, .et_pb_contact p textarea {
    font-size: 18px;
}
.et-pb-contact-message, .et_pb_contact_captcha_question {
    color: #070707;
}
.btn-reservation a{
    background-color:rgb(35, 35, 35);
    height: 40px;
    padding-left: 30px;
    border-radius: 5px;
    padding-right: 30px;
    padding-bottom: 0 !important;
    color: #fff !important;
}
.btn-reservation a:hover{
    color:#000 !important;
    background-color: rgb(172, 141, 86) !important;
    opacity: 1 !important;
}
#top-menu-nav .menu-item a {
    line-height: 50px;
    height: 50px;
}
#top-menu-nav .menu-item a:hover {
    color:#c3a37b;
}

.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
    color: #4b3c34;
}
.et_mobile_menu {
    border-top: 3px solid #4b3c34;
}
footer .btn-reservation a{ 
    padding-left: unset !important;
    padding-right: unset !important;
}
footer .btn-reservation a:hover{
    background-color: unset !important;   
    color:#c3a37b !important;
}

footer a {
    font-size: 16px !important;
    font-weight: bold;
}
footer a {
    color: white !important;
    display: block;
    cursor: pointer !important;
}
footer a:hover {
    color: #ad8134 !important;
    cursor: pointer !important;
}
#moove_gdpr_cookie_info_bar {
    padding: 60px 0;
}
.moove-gdpr-cookie-notice p{
    line-height: 24px !important;
    font-size: 16px !important;
}
.entry-content table:not(.variations) {
    border:1px solid #aa7e31;
}
.entry-content table:not(.variations) td{
    border:1px solid #aa7e31;
}
#moove_gdpr_cookie_info_bar {
    padding: 100px 0;
}
#moove_gdpr_cookie_info_bar p{
   font-size: 24px !important;
   line-height: 1.8 !important;
}
#moove_gdpr_cookie_info_bar button:hover, #moove_gdpr_cookie_info_bar button:focus{
    color: #ffa200 !important;
    border: none !important;
}
.moove-gdpr-infobar-allow-all {
    padding: 20px !important;
    font-size:22px !important;
    background-color: #ffa200 !important;
    color: black !important;
}
#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-allow-all:hover {
    color: white !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: rgba(32, 32, 32, 0.8);
}
@media (max-width: 980px) { 
    .et-pb-slider-arrows .et-pb-arrow-prev::before, .et-pb-slider-arrows .et-pb-arrow-next::before {
        font-size: 40px;
        color: #fff;
    }
    .et_pb_toggle_title {
        font-size: 16px !important;
        max-height: 80%;
    }
    .et_pb_svg_logo #logo , .et_header_style_left #logo{
        height: 100% !important;
        max-height: 70%;
    }
    #moove_gdpr_cookie_info_bar p{
        font-size: 16px !important;
        line-height: normal !important;
    }
    .moove-gdpr-infobar-allow-all {
        padding: 16px !important;
        font-size:16px !important;
        background-color: #ffa200 !important;
        color: black !important;
    }
    #et-info-phone, #et-info-email {
        font-size: 12px !important;
    }
}

.media-modal h1, .media-modal h2, .media-modal h3, .media-modal h4, .media-modal h5,  .media-modalh6 {
    font-size: unset !important;
}