/*
Theme Name:  hello-elementor-child
Description: This is a child theme for Hello elementor
Author: Elementor
Template: hello-elementor
Version: 2.4.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


a{text-decoration: none !important;}
.widget_engine-booking{
	position: fixed !important; right: -58vw !important; top: 0;background: #f3f3f2; width: 100%; height: 100vh; z-index: 100; visibility: hidden; opacity: 0; transform: translateX(40%);     transition: all 1.5s cubic-bezier(.19,1,.22,1),opacity .8s cubic-bezier(.19,1,.22,1);
}
.widget_engine-booking.widget-show {
	right: 0 !important; visibility: visible; opacity: 1; transform: translateX(0);
}
.widget_engine-booking .content-widget {height: 100vh; font-family: "Spartan", Sans-serif}
.widget_engine-booking .content-widget .engine-box {width: 90%;}
.widget_engine-booking .content-widget .engine-box h3 {text-align: center; font-size: 24px; font-weight: 300; line-height: 1em;}
.main-booking {width: 100%;height: 100vh;position: relative;z-index: 2;padding: 15px 0px;}
.main-booking-inner {position: relative;padding: 15px 15px;;height: 350px}
.btn_close a{position: absolute; top: 0; right: 0; background-color: #FFFFFF; color: #927456 !important; font-size: 25px; padding: 18px 20px; cursor: pointer;}
.mobile-bottom-sticky {display: none !important;}
body.overflow { overflow: hidden !important;}
@media only screen and (min-width: 992px){
	.widget_engine-booking .content-widget .engine-box {width: 55%;}
	.btn_close a{font-size: 30px; padding: 20px 25px;}
}



.daterangepicker.show-calendar {
  z-index:9999!important;
}
.mobile-bottom-sticky-calendar {
    z-index: 10000!important;
  	padding: 30px 0;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {background-color:#553552!important}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {color:#333;border:solid #333;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}
.mobile-bottom-sticky-calendar .show_summary_mobile {background-color:#b3b1b1;color:#fff;border:1px solid #b3b1b1!important}
.mobile-bottom-sticky-calendar .show_summary_mobile:hover {background-color:#b3b1b1}
.mobile-bottom-sticky-calendar .mobile-continute-checkout {background-color:#553552!important;border:1px solid #553552!important}
.mobile-bottom-sticky-calendar .mobile-continute-checkout:hover {background-color:#553552!important}
.daterangepicker .calendar-table tr:first-child th {background-color:#f1f1f1!important}
#ui-datepicker-div {display:none!important} 
.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {padding: 0 0;}
.engine-box #frmbooking label {
	display: block;clear: both;font-size: 16px;text-transform: uppercase;margin-top: 20px;margin-bottom: 10px;color: #555;font-weight:400;padding-left: 0;
}
.engine-box #frmbooking .form-control {
    font-size: 16px;color: #555;height: auto;border: none;box-shadow: none;border-radius: 0;padding: 15px 15px 15px 15px;width: 100%;height: 60px;display: block;position: relative;z-index: 1;background: #fff;
}
.engine-box #frmbooking .chk-in {position: relative;}
.engine-box #frmbooking .chk-in::after {
    content: " ";background-image: url(https://samedresorts.com/images/icons/calendar.svg);background-repeat: no-repeat;background-size: 30px;bottom: 15px;right: 30px;width: 30px;height: 30px;position: absolute;z-index: 1;
}
/* .engine-box #frmbooking .adults-select, .engine-box #frmbooking .child-select {width: 50%;} */
.engine-box  #frmbooking .engine-button .btn-booking {
  width:100%
}
.engine-box  #frmbooking .engine-button .btn-booking {
      margin: 0 auto;display: block;cursor: pointer;background-color: #553552;font-size: 16px;color: #fff;font-weight: 400;border: none;border-radius: 0;text-transform: uppercase;height: 60px;width: 280px;margin-top:20px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;
}
.engine-box  #frmbooking .engine-button .btn-booking:hover {
    background-color: #553552c7
}
@media only screen and (min-width:992px) {
  .engine-box  #frmbooking .form-row>.col, .form-row>[class*=col-] {padding-right: 15px;padding-left: 15px;}
  .d-lg-none {display: none!important;}
  .daterangepicker .calendar-table table thead tr:first-child th {background-color:#553552!important;color:#fff!important;height:35px;line-height:35px}
  .daterangepicker .calendar-table .next span,
  .daterangepicker .calendar-table .prev span {color:#fff;border:solid #fff;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}
}
@media only screen and (max-width:991px) {
  .daterangepicker .mobile-calendar-header {background-color:#553552!important}
  .daterangepicker .mobile-calendar-header .check-in .date-check-title,
  .daterangepicker .mobile-calendar-header .check-out .date-check-title {color:#553552;font-size:14px}
  .daterangepicker .mobile-calendar-header p {color:#fff}
  .daterangepicker .mobile-calendar-header .main-title {font-size:16px;color:#fff}
  .daterangepicker .calendar-table td,
  .daterangepicker .calendar-table th {height:35px;line-height:35px;font-size:14px}
  .daterangepicker .mobile-calendar-header .check-in .date,
  .daterangepicker .mobile-calendar-header .check-out .date {font-size:41px!important}
  .daterangepicker .mobile-calendar-header .check-in .date-check-title,
  .daterangepicker .mobile-calendar-header .check-out .date-check-title {color:#fff!important;margin-bottom:15px!important}
}
@media screen and (max-width:767px) {
  	.check-availability .availability-form .awe-calendar-wrapper {width:100%!important;margin:0}
  	.engine-box #frmbooking label {margin-top: 0px;margin-bottom:6px;font-size:14px}
  	.engine-box  #frmbooking .engine-button .btn-booking {width: 100%;}
	.engine-box #frmbooking .form-control {font-size:16px;padding: 10px 15px 10px 15px;height: 54px;}
	.engine-box #frmbooking .chk-in::after {background-size: 24px;bottom: 15px;right: 15px;width: 24px;height: 24px;}
	.engine-box #frmbooking .engine-button .btn-booking {margin-top: 0px;}
	.engine-box #frmbooking .engine-button .btn-booking {padding: 15px 15px;height:50px;font-size:16px;}
	
}