/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ==========================================================================
Gravity Forms Input Border on Focus & Submit Button Color
========================================================================== */

.gform_wrapper .gform_body input[type=text]:focus {
	outline: 2px solid #c3941d;
	outline-offset: -2px;
}

.gform_wrapper .gform_body input[type=email]:focus {
	outline: 2px solid #c3941d;
	outline-offset: -2px;
}

#mobile-menu { 
	max-height : calc(100vh - [height of logo]) !important; 
	overflow: auto !important;
}

.mobile-header-sticky #mobile-header.toggled .main-nav>ul { 
	position: relative !important; 
}

/* ==========================================================================
Extended Hotel Description Popup
========================================================================== */

a.descpop:link{ color:#DDE6EC; text-decoration:none; }
a.descpop:visited { color:#DDE6EC; text-decoration:none; }
a.descpop:hover { color:#ffffff; text-decoration:underline; }

/* ==========================================================================
Legal Popup
========================================================================== */

a.impressum:link{ color:#ffffff;  font-size: 11px; text-decoration:none; text-align: center; margin-right: 5px;}
a.impressum:visited { color:#ffffff;  font-size: 11px; text-decoration:none; text-align: center; margin-right: 5px;}
a.impressum:hover { color:rgba(195,148,29,0.85);  font-size: 11px;text-decoration:none; text-align: center; margin-right: 5px;}

a.datenschutz:link{ color:#ffffff;  font-size: 11px; text-decoration:none; text-align: center; margin-left: 5px;}
a.datenschutz:visited { color:#ffffff;  font-size: 11px; text-decoration:none; text-align: center; margin-left: 5px;}
a.datenschutz:hover { color:rgba(195,148,29,0.85);  font-size: 11px;text-decoration:none; text-align: center; margin-left: 5px;}

a.layout:link{ color:rgba(195,148,29,0.85);  font-size: 13px; text-decoration:none; text-align: center;}
a.layout:visited { color:rgba(195,148,29,0.85);  font-size: 13px; text-decoration:none; text-align: center;}
a.layout:hover { color:rgba(195,148,29,0.85);  font-size: 13px;text-decoration:underline; text-align: center;}

/* ==========================================================================
Rooms Content Box Indent
========================================================================== */

.rooms { 
	margin-left: 5px !important; 
	margin-right: 5px !important; 
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

@media (max-width: 1020px) {
  .rooms {
      --awb-margin-top: -30px  !important;
      --awb-margin-bottom: 0px  !important;
    }
  }
  
  @media (max-width: 600px) {
    .resbutton {
        margin-top: -100px  !important;
      }
  }
 

/* ==========================================================================
Content Box Body Text Size
========================================================================== */

.contenttext { 
          font-weight: 500;
          font-size: 13px;
}

.roomtext { 
          font-weight: 500;
          font-size: 14px;
}

.roomdetails { 
          font-weight: 500;
          font-size: 12px;
}

.contentbulletsgold { 
          color: #c3941d;
          font-size: 13px;
}

.contentbulletsgreen { 
          color: #124a31;
          font-size: 13px;
}

.routeicons { 
          margin-top: 4px !important;
          margin-bottom: 4px !important;
}

/* ==========================================================================
Image slider navigation
========================================================================== */

.awb-swiper-button-prev {
  background-color: rgba(195,148,29,0.85) !important;
  width:80px;
  top:40%;
  margin-left: 4px !important;
  border: 1px solid #000000 !important;
}
.awb-swiper-button-next {
  background-color: rgba(195,148,29,0.85) !important;
  top:40%;
  width:80px;
  margin-right: 4px !important;
  border: 1px solid #000000 !important;
}

/* ==========================================================================
Modal Popup Styles - Long Hoteldescription
========================================================================== */

.modalbodytext { 
          color: #ffffff !important;
          font-size: 13px !important;
}

.copyright { 
          color: #c3941d !important;
          font-size: 11px !important;
          margin-top: 10px !important;
}

/* ==========================================================================
Media Slider Hotel Pictures
========================================================================== */

@media (max-width: 800px) {
    .fusion-slider-sc {
      margin-bottom: 0px !important;
      padding-bottom: 0px  !important;
    }
  }
  
  @media (max-width: 800px) {
      .flex-control-nav {
        margin-top: 50px !important;
        padding-top: 50px  !important;
        bottom: -20px;
      }
  }
  
  .turmslider { 
        margin-top: 0px !important;
        padding-top: 0px  !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px  !important;
}

.fusion-content-boxes .content-wrapper-background {
  padding-top: 20px  !important;
  padding-bottom: 15px  !important;
  padding-left: 20px  !important;
  padding-right: 20px  !important;
  margin-bottom: 0px  !important;
}

.roomscolumn {
  padding-bottom: 30px  !important;
  margin-bottom: 15px  !important;
}

@media (max-width: 1010px) {
	.roomscolumn {
  	padding-bottom: 30px  !important;
  	margin-bottom: 15px  !important;
	}
 }
 
 @media (max-width: 1024px) {
	.fusion-content-boxes .content-wrapper-background {
  	padding-top: 20px  !important;
  	padding-bottom: 15px  !important;
  	padding-left: 20px  !important;
  	padding-right: 20px  !important;
  	margin-bottom: 0px  !important;
}
 }
 
 @media only screen and (max-width: 1024px) {
   .fusion-content-boxes.content-boxes-icon-boxed .content-box-column, .fusion-content-boxes.content-boxes-icon-on-top .content-box-column {
     margin-bottom: 10px !important;
   }
}
  
  
  /* ==========================================================================
 ToTop Button on Mobiles Position
========================================================================== */

  .to-top-right #toTop {
      right: calc(50vw - 65px)  !important;
      width: 130px  !important;
      bottom: 0px  !important;
      height: 40px  !important;
      border-radius: 6px 6px 0 0 !important;
  }
  
  @media (max-width: 600px) {
  .to-top-right #toTop {
      right: calc(50vw - 65px)  !important;
      width: 130px  !important;
      bottom: 0px  !important;
      height: 40px  !important;
      border-radius: 6px 6px 0 0 !important;
    }
  }
  
/* ==========================================================================
   Creative Moments Font Homepage
========================================================================== */
  
  @media (max-width: 600px) {
    .creative {
         font-size: 22px !important;
      }
  }
  
  /* ==========================================================================
 Contact Form Styles
========================================================================== */

.gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-local-color: rgba(0,0,0,0.85) !important;
  line-height: 25px !important;
  font-size: 11px !important;
}

.gform-theme--framework .field_sublabel_above .gform-field-label--type-sub {
      margin-bottom: 0px !important;
      padding-bottom: 0px  !important;
}

.gform_wrapper .gfield_required {
  color: #9c0000 !important;
}

.gform_required_legend {
  display: none !important;
}

.gfield_description  {
  color: #124a31 !important;
  font-size: 11px !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_filename {
  color: #000000 !important;  
  font-size: 11px !important;
  font-weight: 600 !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_filesize {
  color: #000000 !important;  
  font-size: 11px !important;
  font-weight: 400 !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_percent {
  color: #000000 !important;  
  font-size: 11px !important;
  font-weight: 700 !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar_progress {
  background-color: #124a31 !important;  
}

.gform_fileupload_multifile {
  background-color: rgba(195,148,29,0.85) !important;  
}

.ginput_container ginput_container_fileupload {
  background-color: rgba(195,148,29,0.85) !important;  
}

.gform_drop_area gform-theme-field-control {
  color: #124a31 !important;  
}

.gform_drop_instructions {
  color: #124a31 !important;
  font-size: 11px !important;
}

.button gform_button_select_files gform-theme-button gform-theme-button--control {
  background: #124a31 !important; 
  font-size: 11px !important;
}

@media only screen and (max-width: 600px) {
    .g-recaptcha {
        transform:scale(0.77) !important;
        transform-origin:0 0 !important;
    }
}

.gform_wrapper .gfield.consent input[type="checkbox"] {
    border-color: red !important;
    border-style: solid !important;
    border-width: 5px !important;
}

.gform_ajax_spinner {
    position: absolute !important;
    padding-left: 125px !important;
}

  /* ==========================================================================
 Contact Form Error Styles
========================================================================== */

.gform_wrapper div.validation_error {
color: #B20000 !important;
font-size: 12px !important;
font-weight: normal !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
text-align: left !important;
border: 0px solid #B20000 !important;
padding: 5px 5px 5px 5px !important;
background-color: rgba(255, 255, 255, 0) !important;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
color: #B20000 !important;
font-weight: normal !important;
margin-top: 10px !important;
border: 0px solid #B20000 !important;
}

.gform_wrapper .gform_validation_errors {
  position: relative;
  padding: 0px !important;
  border-radius: 5px !important;
  margin-bottom: 15px !important;
  text-shadow: none;
  border: 0px solid #B20000 !important;
  autofocus: none !important;
}

body .gform_wrapper .gform_validation_errors {
    background: #FFFFFF !important;
    border: 0px solid #65a9cb !important;
}

/* Changing background and border of error div under field */
body .gform_wrapper .gfield_validation_message, 
body .gform_wrapper .validation_message {
    font-size: 11px !important;
    font-weight: 500 !important;
    background: #E2E2E2 !important;
    border: 1px solid #9c0000 !important;
    padding: 5px 5px 5px 5px !important;
}

form#gform_1 input#gform_submit_button_1 {
  background: #124a31 !important;
}

form#gform_12 input#gform_submit_button_12 {
  background: #124a31 !important;
}

#gform_wrapper_1.gform-theme.gform-theme--orbital {
    --gf-ctrl-border-color: #124a31 !important;
}

#gform_wrapper_12.gform-theme.gform-theme--orbital {
    --gf-ctrl-border-color: #124a31 !important;
}

  /* ==========================================================================
 Borlabs Cookie
========================================================================== */

.borlabs-cookie-open-dialog-preferences {
color: #FFFFFF !important;
font-weight: normal !important;
}

  /* ==========================================================================
 Avoid Bootstrap Modal scroll page to top
========================================================================== */

.ua-mobile .modal-open {
    position: relative !important;
}

  /* ==========================================================================
 Gravity Wiz Limit Dates Datepicker Styles
========================================================================== */

.gform-theme--framework.ui-datepicker .ui-datepicker-title {
  align-items: center !important;
  display: block !important;
  flex: auto;
  font-family: var(--h4_typography-font-family) !important;
  color: var(--h4_typography-color) !important;
  font-size: var(--h4_typography-font-size); !important;
  gap: var(--gf-ctrl-date-picker-title-gap);
  line-height: var(--gf-ctrl-date-picker-title-line-height);
  margin-block: 0;
  margin-inline: var(--gf-ctrl-date-picker-title-margin-x);
}

@media (max-width: 640px) {
  .gform-theme--framework.ui-datepicker .ui-datepicker-title {
  align-items: center !important;
  display: block !important;
  flex: auto;
  font-family: var(--h4_typography-font-family) !important;
  color: var(--h4_typography-color) !important;
  font-size: var(--h4_typography-font-size); !important;
  gap: var(--gf-ctrl-date-picker-title-gap);
  line-height: var(--gf-ctrl-date-picker-title-line-height);
  margin-block: 0;
  margin-inline: var(--gf-ctrl-date-picker-title-margin-x);
  }
}