/*
Theme Name: Enfold Child

Version: 1.0
Template: enfold
*/

#top .avia-button-fullwidth {
    padding: 8px !important;
    font-size: 1.1em !important;
    margin: 6px 0!important;
}

.date-picker-wrapper.date-range-picker19 .day.first-date-selected {
 background-color: red !important;
}
.date-picker-wrapper.date-range-picker19 .day.last-date-selected {
 background-color: orange !important;
}

.date-picker-wrapper .drp_top-bar {
 text-align: left;
}

.somplak { display: none; }
  #wieajuz1, #wieajuz2 { display: block; /* Or whatever their default display is */ }

#two-column {
 width: 100%;
 font-size: 12px;
}
#two-column #left {
 width: 48%;
 float: left;
}
#two-column #right {
 width: 48%;
 margin-right: 0px;
 float: right;
}
#two-column #ngira {
 width: 42%;
 margin-right: 12px;
 float: left;
}
.beh #two-column #ngira {
 width: 28%;
 margin-right: 12px;
 float: left;
}
#wyoga {
 width: 35%;
 float: left;
}


#kiki {
 width: 60%;
 float: right;
 padding: 0 6px 0 12px;
}


.btn-default.mfp-close {
 text-indent: -9999px;
 right: -100px;
 overflow: visible;
}

.btn-default.mfp-close::before {
 content: "x";
 position: absolute;
 top: 0;
 left: 0;
 color: blue;
 width: 40px;
 height: 40px;
 font-size: 16px;
 text-indent: 0;
}
.mfp-content {
 max-width: 85vw;
}
.white-popup {
 position: relative;
 background: #fff;
 padding: 14px;
 width: auto;
 max-width: 610px;
 margin: 0 auto;
}

.white-popup-d {
 position: relative;
 width: auto;
 max-width: 1000px;
  margin: 0 auto;
}
.white-popup-d button.mfp-close { color: #fff !important;}

.mfp-preloader {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  opacity: 0.65;
  margin: 0 auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) }
}

.gshadow {
 box-shadow: 0px 15px 14px 0px rgb(0 0 0 / 22%);
}

.main_color .avia-slider-testimonials .avia-testimonial-content {
 background: none !important;
}
#top .avia-slider-testimonials.avia-testimonial-wrapper {
 margin-top: 6px;
}

#top #wrap_all .av_header_transparency #header_main,
.header_color {
    background-image: linear-gradient(to top, rgb(255 0 0 / 0%), rgb(0 0 0 / 40%));
    border-bottom: none;
}

.av_minimal_header #header_main_alternate {
 background-color: #be7a3e26;
}
#header_main_alternate {
 background-color: rgb(103 103 106 / 20%);
}

.mnoex {
 position: fixed;
 z-index: 99999999;
 top: 10px;
 right: 4%;
    background-image: linear-gradient(100deg,#b49b79,#b49b79bf);
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0 4px 15px -4px #b49b79;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.mnoex:hover{
    cursor: pointer;
    background-image: linear-gradient(100deg,#000000,#000000);
    box-shadow: 0 4px 15px -4px #000;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}
.only-desktop {
 position: fixed;
 z-index: 99999999;
 top: 2%;
 right: 2%;
}
.only-desktop ul {
 margin: 0;
 font-size: 10px;
 line-height: 20px;
 font-family: "metropolis", Helvetica, Arial, sans-serif;
 text-transform: uppercase;
}
.only-desktop ul li a span {
}
ul#menugs li {
 display: inline;
 padding-left: 4px;
}

@media only screen and (min-width: 769px) {
 .only-mobile {
  display: none !important;
 }
}

.gscontent {
 padding: 10px 24px 10px 24px;
}
.gscontent .avia-button.avia-color-dark {
 border: 1px solid #ad974f !important;
}
.date-picker-wrapper {
 padding: 0 !important;
}
.date-picker-wrapper.inline-wrapper {
 width: 100%;
 padding: 8px;
}

.av-dark-form input[type="text"],
.av-dark-form select,
.av-dark-form textarea,
.av-dark-form .button {
 border: 1px solid #ddd !important;
}
@media only screen and (max-width: 767px) {
 .responsive #top #wrap_all #header {
  position: fixed;
 }
 .responsive #top #main {
  padding-top: 1px !important;
 }
.date-picker-wrapper .month-wrapper table { width: 100% !important;}
 #top #wrap_all .av_header_transparency {
  /*background-color: #0e0e0d;*/
 }
 #header_meta,
 .drp_top-bar .normal {
  display: none;
 }
 #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a { font-size: 18px; line-height: 2;}
 .responsive .logo img {
  float: right;
  right: 28%;
  padding-bottom: 10px;
 }
 .responsive #top .logo {
  width: 100%;
 }
 .responsive #top #wrap_all .main_menu {
  right: auto;
 }
 .only-desktop {
  display: none !important;
 }
}

@media only screen and (max-width: 479px) {
 .avia_ajax_form .form_element_half {
  width: 49.5% !important;
  float: left !important;
  margin-left: 1% !important;
  clear: none !important;
 }
.date-picker-wrapper .month-wrapper table { width: 100% !important;}
 .avia_ajax_form .first_form {
  margin-left: 0 !important;
 }
}
button:disabled,
    button[disabled] {
    background-color: lightgrey !important;
    color: white !important;
    cursor: not-allowed !important;
    border: none;
}
.valid input[type="text"],
.valid select,
.valid textarea,
.valid .button {
 border: 1px solid red !important;
}

/* Style for the Add Room and Remove Room buttons */
#addRoomBtn,
#removeRoomBtn {
  color: #4CAF50;
  font-size: 30px;
  padding: 0px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.ajuz button {background: none;}

/* Hover effect for buttons */
#addRoomBtn:hover,
#removeRoomBtn:hover {
  transform: translateY(-2px); /* Slight lift effect */
}

/* Specific style for the Remove Room button to make it look like a "danger" action */
#removeRoomBtn {
  color: #f44336; /* Red */
}