/*
Theme Name: Betheme
Theme URI: https://themes.muffingroup.com/betheme/
Author: Muffin group
Author URI: https://muffingroup.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: betheme
Version: 21.1.9

All css files are placed in /css/ folder
*/


/*widgetHomePage
widgetRegularPage*/

body{
	min-height: 100vh;
}
.widgetRegularPage .booking{
    position: fixed;
    width: calc(100% - 160px);
    max-width: 1440px;
    right: calc(50% + 28px);
    transform: translateX(50%);
    z-index: 9999;
    bottom: 10px;
    border: 1px solid #ddd;
}
.widgetRegularPage .booking.regularBooking{
	position: absolute;
    height: min-content;
    right: 50%;
}
.widgetRegularPage .booking.regularBooking.fix{
    position: fixed;
    top: 60px !important;
}
.widgetRegularPage .booking .sb-screen-m .sb__footer-actions {
    position: absolute;
    left: 10px;
    bottom: -11px;
}
#mBook #sb-container .sb-custom-box-shadow-color {
	border: 1px solid;
	border-color: #282827 !important;
}
.touchy-wrapper .touchy-back-button::before, .touchy-wrapper .touchy-call-button::before, .touchy-wrapper .touchy-email-button::before, .touchy-wrapper .touchy-search-button::before, .touchy-wrapper .touchy-menu-button::before{
    margin-bottom: 10px;
}
.mobBtns{
    display: none;
    position: fixed;
    height: 51px;
    width: 100%;
    background-color: #282827;
    bottom: 0;
    z-index: 99999;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 20px;
    align-items: center;
    text-align: center;
    color: #fff;
}
.mobBtns .block{
    width: 50%;
}
.mobBtns .block a{
    color: #fff;
}

/* ========================= BOOKING ========================== */

.widgetHomePage .booking {
  background-color: rgba(40, 40, 40, 0);
  color: #fff;
  z-index: 1;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transition: background ease-in-out 0.3s;
  -moz-transition: background ease-in-out 0.3s;
  -webkit-transition: background ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  -moz-transition: opacity ease-in-out 0.3s;
  -webkit-transition: opacity ease-in-out 0.3s;
  zoom: 1;
}
.widgetHomePage .booking .sb {
  max-width: 1526px;
}

@media all and (min-width: 1000px) {
  .widgetHomePage .booking {
    height: 56px;
    width: 100%;
    bottom: 0;
    position: fixed;
    z-index: 9999;
  }
  .widgetHomePage .booking #sb-container {
    background-color: rgb(248, 245, 240);
	border: 1px solid #ddd;
  }
    .widgetRegularPage .booking.regularBooking{
	    max-height: 105px;
	}
}
@media all and (min-width: 1000px) {
  .widgetHomePage .booking {
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
  }
}
.widgetHomePage .booking.booking-custom {
  bottom: 40%;
}
.widgetHomePage .booking.sps--blw,
.widgetHomePage .no-background .booking {
  top: 110px!important;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  zoom: 1;
  position: fixed;
  bottom: auto;
  z-index: 6;
  margin-top: 0;
  transition: background ease-in-out 0.3s;
  -moz-transition: background ease-in-out 0.3s;
  -webkit-transition: background ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  -moz-transition: opacity ease-in-out 0.3s;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: top ease-in-out 0s;
  -moz-transition: top ease-in-out 0s;
  -webkit-transition: top ease-in-out 0s;
}
.widgetHomePage .booking.sps--abv {
  transition: background ease-in-out 0.3s;
  -moz-transition: background ease-in-out 0.3s;
  -webkit-transition: background ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  -moz-transition: opacity ease-in-out 0.3s;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: top ease-in-out 0s;
  -moz-transition: top ease-in-out 0s;
  -webkit-transition: top ease-in-out 0s;
}
.widgetHomePage .booking.sps--blw #sb-container .sb__btn--verify,
.widgetHomePage .no-background .booking #sb-container .sb__btn--verify {
  border: 1px solid #282828;
}
@media all and (min-width: 1000px) {
  .widgetHomePage .booking #sb-container .sb {
    background-color: transparent!important;
    position: relative;
  }
}
.widgetHomePage .booking #sb-container .sb__form-field--guests,
.widgetHomePage .booking #sb-container .sb__form-field-input {
  border-radius: 0;
  border: 1px solid #fff;
  line-height: .55;
  height: 40px;
  padding: 7px 48px 16px 16px;
}
.widgetHomePage .booking #sb-container .sb__form-field--guests .sb__form-field-icon,
.widgetHomePage .booking #sb-container .sb__form-field-input .sb__form-field-icon {
  top: 9px;
}
.widgetHomePage .booking #sb-container .sb__form-field--guests .sb__form-field-icon .icon.sb-custom-icon-color,
.widgetHomePage .booking #sb-container .sb__form-field-input .sb__form-field-icon .icon.sb-custom-icon-color {
  width: 20px;
  height: 20px;
}
.widgetHomePage .booking #sb-container .sb__btn--verify {
  border-radius: 0;
  text-transform: uppercase;
  border: 1px solid #fff;
  height: 40px;
  padding: 8px;
  position: relative;
}
@media all and (min-width: 1000px) {
  .widgetHomePage .booking #sb-container .sb__form {
    width: 100%;
    float: left;
  }
}
@media all and (min-width: 1000px) {
  .widgetHomePage .booking #sb-container .sb__footer-actions {
    float: left;
    width: 15%;
    margin-left: 1%;
    line-height: 1;
  }
}
.widgetHomePage .booking #sb-container .sb__footer-actions a.sb__footer-link {
  	margin-top: 2px;
  	display: flex;
	align-items: center;
}
.widgetHomePage .booking #sb-container .sb__footer-actions > a.sb__footer-link {
  margin-top: 0;
}
.widgetHomePage .booking #sb-container .sb__footer-actions a.sb__footer-link--edit {
  float: left;
  text-align: left;
}
.widgetHomePage .booking #sb-container .sb__guests-add-room {
  border-radius: 0;
  border: 1px solid #fff;
}
.widgetHomePage .booking #sb-container .sb__guests-add-room:hover,
.widgetHomePage .booking #sb-container .sb__guests-add-room:focus {
  box-shadow: none;
  border: 1px solid #c3a255;
}
.widgetHomePage .booking #sb-container .sb__btn {
  border-radius: 0;
  text-transform: uppercase;
  border: 1px solid #864d80;
}
.widgetHomePage .booking #sb-container .sb__calendar-btn {
  border-radius: 0;
}
@media all and (max-width: 1000px) {
  .widgetHomePage .booking #sb-container .sb__form-field--checkout,
  .widgetHomePage .booking #sb-container .sb__guests-rooms,
  .widgetHomePage .booking #sb-container .sb__btn--verify {
    margin-top: 7px;
  }
  .widgetHomePage .booking #sb-container .sb__footer-link {
    text-align: left;
    margin-top: 5px!important;
  }
}
.widgetHomePage .sb__form-field-label {
  display: none!important;
}
.widgetHomePage .sb__btn--verify {
  margin-top: 0!important;
}

.widgetHomePage #sb-container{
  position: absolute;
  z-index: 9999;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.widgetHomePage #sb-container .sb__calendar-day--valid.sb__calendar-day--range {
  background: #92518b !important;
}
.widgetHomePage #sb-container .sb__calendar-day--valid.sb__calendar-day--range.intent-selection,  {
  background: #aaa !important;
}
.widgetHomePage #sb-container .sb__calendar-day--checkout::before{
  border-color: #bf63b5 transparent transparent !important;
} 
.widgetHomePage #sb-container .sb__calendar-day--checkin::before {
  border-color: transparent transparent #bf63b5 !important;
}
.widgetHomePage #sb-container .sb__calendar-btn {
  box-shadow: rgb(154, 154, 154) 0px 0px 0px 1px inset !important;
}
.widgetHomePage #sb-container .sb__calendar-btn-icon .icon {
  fill: rgb(154, 154, 154) !important;
}
.widgetHomePage #sb-container .sb__calendar-day--valid:hover {
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset !important;
}
.widgetHomePage #sb-container .sb-custom-button-color.sb-custom-button-hover-bg-color:hover {
  color: rgb(0, 0, 0) !important;
}
.widgetHomePage #sb-container #sb-container_sb__form .sb__btn{
	transition: 0s !important;
}
.widgetHomePage .sb__properties-option--selected, #sb-container .sb__properties-option:hover, .sb__properties-option{
    margin: 0 8px;
}
/*=====================================================================================================*/

#cookie-law-info-bar{
	z-index: 999;
}
#Header_creative{
	border-left: 1px solid #ddd;
}

@media screen and (max-width: 992px) {
	.booking{    
		display: none;
    width: calc(100% - 30px);
    right: 50%;
    transform: translateX(50%) !important;
    bottom: 49px;
    top: inherit !important;
    padding: 0 15px;
    position: fixed !important;
    z-index: 9 !important;
	}
	.booking.active {
    display: block;
	}
  .booking.active.paddingBottom {
    bottom: 161px;
  }
    .mobBtns{
        display: flex;
    }
    #back_to_top.sticky {
	    bottom: 60px !important;
	    border: 1px solid #bf63b5;
	    z-index: 1 !important;
	}
	#Footer{
		padding-bottom: 50px;
	}
	.home #back_to_top{
		display: none;
	}
	body .section_wrapper{
	    padding-left: 15px!important;
	    padding-right: 15px!important;
	}
	html{
		padding-bottom: 0 !important;
	}
	.mobile-header-mini.mobile-mini-ml-lc #Top_bar a.responsive-menu-toggle {
	    right: 12px !important;
	}
	#cookie-law-info-bar{
		bottom: 50px !important;
	}
	.sb-screen-xs .sb__dates .sb__form-field {
     	width: 100% !important; 
	}
	.home #Content {
	    padding-top: 0; 
	}
	.has-multi-property .sb__dates {
	    margin-top: 7px !important;
	}
	.sb__guests-rooms{
		margin-bottom: 7px;
	}
	#sb-container #sb-container_sb__form .sb__btn {
	    margin: 0 0 -3px;
	}
}
@media screen and (min-width: 992px) {
	.booking{
	    display: block;
	}
	.booking.dn{
		display: none;
	}
	.sb__footer{
		position: absolute;
        left: 0;
	    bottom: 6px;
	    width: 100%;
	}
	#back_to_top.sticky {
	    right: 20px !important;
	    bottom: 80px !important;
	    border: none;
	}
	.home #back_to_top.sticky {
		right: 80px !important;
		z-index: 999;
	}
	#cookie-law-info-bar{
		bottom: 0 !important;
		background-color: rgb(245, 242, 237) !important;
    border: 1px solid #ddd;
    box-shadow: none;
	}
  .home #cookie-law-info-bar{
    bottom: 72px !important;
  }

	.booking #sb-container .sb__footer-actions {
	    width: auto !important;
	}
}