/* File Content

1- header
2- Hero Section 
    * main
    * Slider 
    * text
    * filter
*/

/* Header */
/* .tus-whatsapp-icon:hover {
   filter: brightness(0) saturate(100%) invert(46%) sepia(89%) saturate(347%)
    hue-rotate(78deg) brightness(97%) contrast(92%);
} */

/* remove highlight on touch */
* {
  -webkit-tap-highlight-color: transparent !important;
}

/* Apply font before and after Select2 initializes */
select#location_select{
    font-family: 'Montserrat' !important;
/* 	font-family: 'Pluto Sans' !important; */
    color: #707071;
    margin-left: 44px !important;
    font-size: 14px;
	font-weight: 300 !important;
    background: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select#location_select:has(option[selected="selected"]) {
	font-weight: 600 !important;
}

.location_select_shop{
	padding-left: 0px !important;
	transform: translate(-3px, 2px) !important;
	letter-spacing: 0.04em !important;
}

#elementor-popup-modal-476,
#elementor-popup-modal-483 {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* remove number field arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.logout-button {
  color: #707071 !important;
  background-color: #ffffff !important;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  border-radius: 17px 17px 17px 17px !important;
  text-transform: uppercase;
  padding: 10px 15px 8px 15px !important;
}

.logout-button:hover {
  background-color: #e9f7f2 !important;
  color: #707071 !important;
}

/* HoMe */
/* Hero Section */
/* Hero Section Slider*/
/* #tus-hero-home {
  height: calc(100vh - 100px) !important;
} */

/* div#tus-hero-home-slider img {
  height: calc(100vh - 100px) !important;
  width: 100%;
} */


/* whatsapp chat box */
#chaty-widget-0 .chaty-widget,
.chaty-outer-forms.pos-right.chaty-form-0  {
left: 80px !important;
right: auto !important;
}

@media only screen and (max-width: 767px){
	.chaty-widget{
		display: none !important;
		z-index: -1 !important;
	}
}

/* Hero Section Slider*/

.bluer-background {
  backdrop-filter: blur(10px);
}

.bluer-background-right {
  backdrop-filter: blur(30px);
  border-radius: 0px 60px 60px 0px;
}

.bluer-background-right-mobile {
  backdrop-filter: blur(30px);
  border-radius: 0px 20px 20px 0px;
}

.bluer-background-left {
  backdrop-filter: blur(30px);
  border-radius: 60px 0px 0px 60px;
}

.bluer-background-left-mobile {
  backdrop-filter: blur(30px);
  border-radius: 20px 0px 0px 20px;
}

#tus-hero-home .elementor-swiper-button.elementor-swiper-button-next,
#tus-hero-home .elementor-swiper-button.elementor-swiper-button-prev {
  background-color: #ebecec30;
  color: #595b60;
  width: 50px;
  height: 50px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 50%;
}

#tus-hero-home .elementor-swiper-button.elementor-swiper-button-next:hover,
#tus-hero-home .elementor-swiper-button.elementor-swiper-button-prev:hover {
  background-color: #9c9da1;
  color: #ebecec;
}

/* Filter Form */

.custom-field-wrap-home {
  width: 100%;
  /* max-width: 64.5%; */
  margin: 0 auto;
}

/* Filter Form Location */

.location_select_wrapper_home {
  /* width: 100%; */
  background-color: #ffffff;
  border-radius: 13px 0 0 13px !important;
  width: 304px !important;
  display: flex;
}
/* #location_select {
  font-family: "pluto";
  font-size: 14px !important;
  line-height: 19px !important;
  font-weight: 400 !important;
  color: var(--e-global-color-secondary) !important;
  text-transform: uppercase;
  width: 276px !important;
  letter-spacing: 0.04em !important;
  padding-left: 52px !important;
  padding-right: 15px !important;
} */

/* #location_select:focus {
  outline: none;
  border-color: #aaa;
} */

/* select.decorated option:hover {
  box-shadow: 0 0 10px 100px #cae3db inset;
} */

/* #location_select:hover {
  font-weight: 600 !important;
}
#location_select option :hover {
  font-weight: 700;
} */
/* #location_select option {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
} */

/* .location_select_home option {
  width: 100%;
} */
/* .location_select_home,
  .calendar-range,
  .product_guests,
  .date-picker-form-home button {
    width: 100% !important;
    border-radius: 8px !important;
  } */

/* Filter Form Date */

.date-picker-form-home {
  display: flex;
  align-items: center;
  width: 100%;
}

.date-picker-form-home .location_select_home,
.date-picker-form-home .calendar-range,
.date-picker-form-home .product_guests,
.date-picker-form-home .date-picker-form-home button {
  height: 56px;
  padding: 0 0 0 0 !important;
  margin: 0;
  border: none;
  background: #ffffff;
  outline: none;
  border-radius: 0 !important;
}

.date-picker-form-home .location_select_home {
  border-radius: 13px 0 0 13px !important;
  min-width: 200px;
  flex: 0.5;
}

/* Remove the triangle */
.flatpickr-calendar::after,
.flatpickr-calendar::before{
  display: none !important;
}

/* Add space between the calendar popup and the input */

.flatpickr-calendar.open {
  margin-top: 10px !important;	z-index: 999 !important;
}

body.archive .flatpickr-calendar.open {
  margin-top: 6px !important;
	position: fixed !important;
/* 	background: #ebecec !important; */
/* 	transform: scale(1.005); */
/* 	margin-left: 17px !important; */
	animation: none !important;
	transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}
.flatpickr-calendar.open{
	animation: none !important;
	transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.flatpickr-months {
  height: 56px !important;
}

.flatpickr-current-month {
  height: 45px !important;
  padding: 15px 0 0 0 !important;
  display: flex !important;
  align-items: center !important;
  left: 35% !important;
}

.flatpickr-months .flatpickr-month {
  height: 60px !important;
}

/* .flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  width: 15.5px !important;
  height: 21.5px !important;
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: #74968b !important;
} */

select.flatpickr-monthDropdown-months {
  margin-right: 10px !important;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  padding-top: 21px !important;
	border-radius: 13px !important;
}

.numInput.cur-year{
	font-weight: 400 !important;
}

.flatpickr-month span.arrowUp,
.flatpickr-month span.arrowDown{
	display: none !important;
}

.flatpickr-calendar {
  font-size: 13px !important;
  font-weight: 300;
  border-radius: 13px !important;
}

.dayContainer {
  background-color: #f4fbf8;
  font-size: 13px;
  font-weight: 400;
}

.flatpickr-month,
.flatpickr-current-month span.cur-month,
.numInputWrapper {
  font-family: Montserrat !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 22;
  color: #74968b !important;
	text-transform: uppercase;
}
body.archive .flatpickr-current-month span.cur-month,
body.archive .flatpickr-current-month .cur-year{
	font-size: 15px !important;
}

.flatpickr-day.startRange.startRange,
.flatpickr-day.startRange.startRange:hover,
span.flatpickr-day.selected,
span.flatpickr-day.selected.startRange,
span.flatpickr-day.selected.endRange,
.flatpickr-day.endRange.endRange,
.flatpickr-day.endRange.endRange:hover,
span.flatpickr-day.nextMonthDay.endRange,
.flatpickr-day.endRange.endRange,
.flatpickr-day.endRange.endRange:hover,
span.flatpickr-day.inRange,
.flatpickr-day:hover {
  border-radius: 0px;
  background-color: #cae3db;
  border-color: #ffffff00;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
span.flatpickr-day.inRange,
span.flatpickr-day.selected.startRange,
span.flatpickr-day.selected.endRange,
span.flatpickr-day.startRange:hover,
span.flatpickr-day.endRange:hover{
/* 	to remove space between selected dates */
	transform: scale(1.1) !important;
	font-size: 12px !important;
}

span.flatpickr-day.selected.endRange {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.flatpickr-day.today {
  border-radius: 0px;
}


.flatpickr-innerContainer {
  margin-bottom: 10px;
}


/* new flatpickr style to separate the two months */
/* pc specific styles */
@media only screen and (min-width: 767px){
	  .flatpickr-calendar,
	  .flatpickr-days {
		  width: 800px !important;
	}
	
	.dayContainer {
    width: 395px !important;
    max-width: 395px !important;
    min-width: 200px !important;
  }
	
	
span.flatpickr-day{
	width: 55px !important;
	max-width: 55px !important;
	height: 45px !important;
	max-height: 45px !important;
}
	
}

/* mobile specific styles */
@media only screen and (max-width: 767px){
     .flatpickr-calendar{
		  left: 5vw !important;
	}
	
	.flatpickr-month,
	.flatpickr-innerContainer,
	.flatpickr-rContainer,
	.flatpickr-weekdays,
	.flatpickr-days,
	.flatpickr-months,
	.flatpickr-month{
		width: 90vw !important;
	}
	.flatpickr-current-month{
    left: 50% !important;
    transform: translateX(-50%) !important;
    justify-content: center;
	font-weight: 400 !important;
	}
	.flatpickr-next-month{
    right: unset !important;
    left: 80vw;
	}
	.flatpickr-monthDropdown-months{
		font-size: 16px !important;
		font-weight: 400 !important;
	}
	
	.dayContainer {
    width: 90vw !important;
    max-width: 90vw !important;
    min-width: 90vw !important;
  }
	span.flatpickr-day{
	line-height: calc(90vw/7) !important;
	width: 	calc(90vw/7) !important;
	max-width: calc(90vw/7) !important;
	height: calc(90vw/7) !important;
	max-height: calc(90vw/7) !important;
}
	
	
}

/* 	general styles */
  .flatpickr-calendar {
    background: transparent !important;
	  box-shadow: none !important;
	  -webkit-box-shadow: none !important;
  }

  .flatpickr-months {
    display: flex;
    gap: 15px;
	background: #ebecec !important;
  }

  .flatpickr-months *,
  .flatpickr-months .flatpickr-month,
  .flatpickr-weekdays * {
    background: white !important;
  }

  .flatpickr-month {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    overflow: hidden;
  }

  .flatpickr-weekdaycontainer {
    display: flex;
    align-items: center !important;
  }

  .flatpickr-weekdays {
    display: flex;
    gap: 15px;
    border-radius: 0;
    align-items: stretch !important;
  }

  .flatpickr-days {
    display: flex;
    gap: 15px;
  }

  .dayContainer {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    overflow: hidden;
    margin-top: -1px;
  }

.date-picker-form-shop .daycontainer{
	calc((43.4vw - 40px) / 2) !important;
}

  span.flatpickr-day {
    font-weight: 600 !important;
  }

  .flatpickr-innerContainer {
    margin-bottom: 0;
  }
/* end flatpickr to separate months */


form.date-picker-form-home,
form.date-picker-form-home *{
	  font-family: "Montserrat" !important;

}
form.date-picker-form-home {
  background-color: #fff;
  border-radius: 13px;
}

.date-picker-form-home .group-home {
  width: 222px;
  padding: 0 !important;
  display: flex;
  justify-content: center;
}

.date-picker-form-home .guest-input {
  position: absolute;
  right: 28px;
  display: flex;
}

.date-picker-form-home .guests-decrement,
.date-picker-form-home .guests-increment {
  line-height: 1px !important;
  width: 38px !important;
  height: 30px;
  background: #f0f0f0;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 4px;
}

.date-picker-form-home .guests-decrement:hover,
.date-picker-form-home .guests-increment:hover,
.date-picker-form-shop .guests-decrement:hover,
.date-picker-form-shop .guests-increment:hover {
  color: #707071 !important;
  box-shadow: inset 0px 3px 6px #0000004d;
}

.form-home-subscribe button:hover {
  box-shadow: inset 0px 3px 6px #0000004d;
}

.date-picker-form-home .guests-decrement:focus,
.date-picker-form-home .guests-increment:focus,
.date-picker-form-shop .guests-decrement:focus,
.date-picker-form-shop .guests-increment:focus {
  color: #707071 !important;
  /* box-shadow: inset 0px 3px 6px #0000004d; */
}

.date-picker-form-home .guest-input-label {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%);
  color: var(--e-global-color-secondary);
  /* pointer-events: none; */
}
.date-picker-form-shop .guest-input-label {
  width: 100%;
  left: 8%;
}
.date-picker-form-home .guest-input-label:hover,
.date-picker-form-shop .guest-input-label:hover {
  font-weight: 600 !important;
}

.date-picker-form-shop input#g_guests{
	font-size: 14px !important;
	color: #707071 !important;
}

.date-picker-form-home .product_guests {
  padding-left: 100px !important;
  color: var(--e-global-color-secondary) !important;
  display: none;
	font-size: 16px !important;
}

.date-picker-form-home .guests-decrement,
.date-picker-form-shop .guests-decrement{
  color: var(--e-global-color-secondary);
  border-radius: 18px 0 0 18px !important;
  border: 1px solid #e0e0e1 !important;
  background-color: var(--e-global-color-9d7a975) !important;
/*   width: 50px !important; */
}

.date-picker-form-home .guests-increment {
  color: var(--e-global-color-secondary);
  border-radius: 0 18px 18px 0 !important;
  border: 1px solid #e0e0e1 !important;
  background-color: var(--e-global-color-9d7a975) !important;
}

.date-picker-form-home [type="submit"] {
  background-color: var(--e-global-color-9a0f521);
  border-width: 0 !important;
  color: var(--e-global-color-9d7a975);
  width: 192px;
  height: 56px;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-radius: 0 13px 13px 0 !important;
}


input#calendar-range {
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px !important;
  letter-spacing: 0.04em !important;	
  background-image: unset;
  cursor: pointer;
	  text-align: center;
	caret-color: transparent;
color: #707071 !important;
	  -webkit-text-fill-color: #707071; /* Forces consistent color */
  -webkit-opacity: 1;              /* Avoids opacity differences */
  -webkit-appearance: none;        /* Removes iOS default appearance */

	  background-repeat: no-repeat !important;

}

/* Show arrow only if hidden input is empty */
.group-home:has(.from-date-home[value=""]) .calendar-range,
.group-shop:has(.from-date-shop[value=""]) .calendar-range {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10.028' height='5.789' viewBox='0 0 10.028 5.789'><g transform='translate(9.641 5.015) rotate(180)'><path d='M0,0,4.626,4.629,9.254,0' transform='translate(9.254 4.628) rotate(180)' fill='none' stroke='%23707071' stroke-miterlimit='10' stroke-width='1.094'/></g></svg>") !important;

	background-color: transparent;
/* -20px to account for the arrow and the spacing between text and arrow	 */
	transform: translatex(-20px);
/*   background-position: right 10px center; */
  background-size: 10px;
  padding-right: 5px;
	width: -webkit-fill-available;
}

/* bold calendar after selecting a date */

.group-home:has(.from-date-home:not([value=""]):not(.active)) .calendar-range,
.group-shop:has(.from-date-shop:not([value=""]):not(.active)) .calendar-range {
  font-weight: 600;
}


input#calendar-range{
	transition: all 0s ease !important;
		background-position: left calc(50% + 80px) center !important;
    z-index: 9999;
}

body.archive input#calendar-range.active{
/*   transition: all 0.3s ease; */
	  background-repeat: no-repeat !important;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10.028' height='5.789' viewBox='0 0 10.028 5.789'><path d='M0,5.789 L4.626,1.16 L9.254,5.789' fill='none' stroke='%23707071' stroke-miterlimit='10' stroke-width='1.094'/></svg>") !important;

/*   background-position: right 10px center; */
/* 	background-position: left calc(50% + 80px) center !important; */
  background-size: 10px;
}

input#calendar-range.active{
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10.028' height='5.789' viewBox='0 0 10.028 5.789'><path d='M0,0 4.626,4.629 9.254,0' fill='none' stroke='%23707071' stroke-miterlimit='10' stroke-width='1.094' transform='scale(1,-1) translate(0,-4.629)'/></svg>");
}

input#calendar-range.has-date {
  font-weight: 600 !important;
  color: #707071 !important;
  background-image: none !important;
}



input#calendar-range:hover {
  font-weight: 600 !important;
}
.group-home {
  padding: 0 30px;
  background-color: #ffffff !important;
}

.vl {
  border-left: 0.5px solid #595b6050;
  height: 28px;
  /* position: absolute; */
  left: 50%;
  margin-left: -2px;
  top: 0;
	z-index: 10;
}

.guest-input-container {
  width: 283.22px;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: 1px;
  color: var(--e-global-color-secondary);
}
.more-field-wrap-home {
  z-index: 10;
  width: 210.1px;
  background-color: #ffffff;
  color: var(--e-global-color-secondary);
  padding: 15px 15px;
  height: 56px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* the arrow */
.more-field-wrap-home span:last-child{
    transform: translateY(-2px);
}

.more-field-wrap-home:hover {
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  cursor: pointer;
}

button.search-field-wrap-home:hover,
button.search-field-wrap-home:focus {
  color: #ffffff !important;
  background: #ffb01a 0% 0% no-repeat padding-box;
  box-shadow: inset 0px 3px 6px #0000004d;
  border-radius: 0px 15px 15px 0px;
  opacity: 1;
}

@media (max-width: 1366px) {
  a.elementor-button-link.elementor-button.logout-button {
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
  }
}


/* old version of mobile booking form - changed max-width to disable it */
@media only screen and (max-width: 6px) {
  .custom-field-wrap-home {
/*     max-width: 328px; */
	  max-width: 90vw;
    margin-bottom: 10px;
  }

  .date-picker-form-home .group-home {
    width: 328px;
  }

  .date-picker-form-home {
    flex-direction: column;
    gap: 10px;
  }

  .date-picker-form-home .guest-input {
    right: 20px;
  }
  .date-picker-form-home .guest-input-label {
    font-size: 12px;
  }
  .guest-input-label {
    font-size: 12px !important;
  }
  .location_select_home,
    .calendar-range,
    /* .product_guests, */
    .date-picker-form-home button {
    width: 100% !important;
    border-radius: 8px !important;
  }

  span#guest-input-label {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0.56px !important;
  }

  .date-picker-form-home .location_select_home,
  .date-picker-form-home .calendar-range,
  .date-picker-form-home .product_guests,
  .date-picker-form-home .date-picker-form-home button {
    border-radius: 15px !important; /* Increased border radius for a softer look */
  }

  select#location_select {
    text-align: center;
  }

  input#calendar-range {
    text-align: center;
  }

  .date-picker-form-home .guest-input-label {
    position: absolute;
    right: 150px;
  }

  .guest-input-container {
    width: 299px !important;
    border-radius: 0 0 8px 8px;
  }

  .date-picker-form-mobile [type="submit"] {
    border-radius: 15px !important;
    width: 100% !important;
  }

  .date-picker-form-home
    .select2-container--default
    .select2-selection--single {
    background-color: #f0f0f0 !important; /* Changed from white to transparent */
    border: 0px solid #007bff !important; /* More prominent border with a blue color */
    border-radius: 15px !important; /* Increased border radius for a softer look */
    height: 56px !important; /* Added fixed height for consistent sizing */
    padding: 15px 10px !important; /* Added padding for better text positioning */
    text-align: center;
  }

  .vl {
    display: none !important;
  }
}



/* new version of mobile booking form */
@media only screen and (max-width: 767px) {

	.date-picker-form-home{
		background: none !important;	
		flex-direction: column;
    	gap: 8px;
	}
	/* all fields */
	.date-picker-form-home > div:not(.vl):not(.filters-modal) {
	width: 90vw !important;
    height: 56px !important;
    min-height: 56px !important;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0px;
	padding-right: 0px;
    position: relative;
	}
	.date-picker-form-home .location_select_wrapper_home{
		border-radius: 13px 13px 0px 0px !important;
	}
	.date-picker-form-home .more-field-wrap-home{
		border-radius: 0px 0px 13px 13px !important;
	}
	
	/* align text to left */
	/* 	first field - choose destination */
	span.select2-container{
		width: 100% !important;
		padding-left: 17vw !important;
	}
	.select2-selection__rendered{
		padding-left: 0px !important;
	}
	.select2-selection__arrow{
		right: calc(17vw - 3px) !important;
	}
	
	
	/* second field	- select dates */
	.date-picker-form-home input#calendar-range{
	text-align: left !important;
    padding-left: 17vw !important;
	transform: unset;
	background-position: right 17vw center !important;
	}
	
	/* 	third field - add guests*/
	.date-picker-form-home .guest-input-label{
		left: 17vw !important;
	}
	.guest-input{
		right: 15vw;
	}
	
	/* fourth field	- more filters */
	#more-filters-btn{
		margin-left: 17vw !important;
	}
	.more-field-wrap-home span:not(#more-filters-btn){
		transform: translateX(-17vw);
		margin-left: 0px;
	}
	
	
	.date-picker-form-home [type="submit"]{
		border-radius: 13px !important;
		font-size: 16px !important;
	}
	
	
	/* modal */
	.filters-modal{
	top: 0 !important;
    padding: 0px !important;
    left: 0 !important;
    margin: 0px !important;
    justify-content: center;
    width: 90vw !important;
	}
	.filters-modal-content{
		width: 100%;
	}
	.two-col{
		flex-direction: column;
	}
	.filters-modal-content{
		width: 100% !important;
	}
	#filters-modal .form-container{
		margin: 25px !important;
	}
	
	/* select 2 */
	.select2-dropdown.select2-dropdown--below,
	.select2-dropdown.select2-dropdown--above{
		width: 90vw !important;
	}
	ul#select2-location_select-results li:first-child::after{
		right: 17vw !important;
	}

  .custom-field-wrap-home {
/*     max-width: 328px; */
	  max-width: 90vw;
    margin-bottom: 10px;
  }

	

  .date-picker-form-home .guest-input {
    right: 14vw;
  }
  .date-picker-form-home .guest-input-label {
    font-size: 12px;
  }
  .guest-input-label {
    font-size: 12px !important;
  }
  .location_select_home,
    .calendar-range,
    /* .product_guests, */
    .date-picker-form-home button {
    width: 100% !important;
    border-radius: 8px !important;
  }

  span#guest-input-label {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 17px !important;
    letter-spacing: 0.56px !important;
  }

  .date-picker-form-home .location_select_home,
  .date-picker-form-home .calendar-range,
  .date-picker-form-home .product_guests,
  .date-picker-form-home .date-picker-form-home button {
    border-radius: 15px !important; 
  }

  select#location_select {
    text-align: center;
  }

  input#calendar-range {
    text-align: center;
  }

  .date-picker-form-home .guest-input-label {
    position: absolute;
    right: 150px;
  }

  .guest-input-container {
    width: 299px !important;
    border-radius: 0 0 8px 8px;
  }

  .date-picker-form-mobile [type="submit"] {
    border-radius: 15px !important;
    width: 100% !important;
  }

  .date-picker-form-home
    .select2-container--default
    .select2-selection--single {
    background-color: #f0f0f0 !important; /* Changed from white to transparent */
    border: 0px solid #007bff !important; /* More prominent border with a blue color */
    border-radius: 15px !important; /* Increased border radius for a softer look */
    height: 56px !important; /* Added fixed height for consistent sizing */
    padding: 15px 10px !important; /* Added padding for better text positioning */
    text-align: center;
  }

  .vl {
    display: none !important;
  }
	
input#calendar-range{
    z-index: 99 !important;
}

}

/**/

form#date-picker-form .more-field-wrap-home:has(#filters-modal:not(.hidden)) .more-field-wrap-home svg {
  transform: rotate(180deg) !important;
}

.filters-modal {
  position: absolute;
  top: 60px;
  left: 62px;
  width: 100%;
  /* height: 60vh; */
  /* background: rgba(0, 0, 0, 0.5); */
  display: flex;
  /* align-items: center; */
  justify-content: end;
  z-index: 1000;
  padding-right: 5%;
}

.filters-modal-content {
  background: white;
  padding: 20px;
  width: 80%;
  max-width: 815px;
  border-radius: 10px;
  /* overflow-y: auto; */
  max-height: 90%;
  box-shadow: 0px 10px 30px #00000029;
}

.hidden {
  display: none;
}

#filters-modal #close-modal {
  display: block;
  /* width: 11px;
  height: 11px; */
  color: #9c9da1;
  padding-top: 6px;
  padding-left: 11px;
  width: 35px !important;
  height: 35px !important;
  cursor: pointer;
	  border-radius: 50% !important;
}

#filters-modal #close-modal:hover {
  background-color: #cae3db;
  color: #74968a !important;
}

#filters-modal .form-container {
  margin: 0px 55px;
  margin-top: -41px;
}

.filter-section h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.24px;
  line-height: 20px;
  color: #292929;
  margin: 18px 0 10px;
}

.filter-section {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #00000029;
}

.filter-section label {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  color: #595b60;
}

#filters-modal .filter-section.two-col {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  row-gap: 10px;
  column-gap: 10px;
}

/* .col-1 {
  width: 30%;
}

.col-2 {
  width: 69%;
} */

#filters-modal .options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-direction: row;
}

.options-column {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  flex-direction: column;
}

/* Base input styles */
.filters-modal-content label input[type="radio"],
.filters-modal-content label input[type="checkbox"],
#more_filters_form label input[type="radio"],
#more_filters_form label input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 5px;
  border: 1px solid #707070;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  transition: all 0.2s ease;
}

/* Remove outline */
.filters-modal-content label input[type="radio"]:focus,
.filters-modal-content label input[type="checkbox"]:focus,
#more_filters_form label input[type="radio"]:focus,
#more_filters_form label input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}

/* Radio shape */
.filters-modal-content label input[type="radio"],
#more_filters_form label input[type="radio"]{
  border-radius: 50%;
}

/* Checkbox shape */
.filters-modal-content label input[type="checkbox"],
#more_filters_form label input[type="checkbox"]{
  border-radius: 40px;
}

/* Checked state for both */
.filters-modal-content label input[type="radio"]:checked,
.filters-modal-content label input[type="checkbox"]:checked,
#more_filters_form label input[type="radio"]:checked,
#more_filters_form label input[type="checkbox"]:checked{
  background-color: #6F7070;
  border: none;
}

/* Shared checkmark for both */
.filters-modal-content label input[type="radio"]:checked::after,
.filters-modal-content label input[type="checkbox"]:checked::after,
#more_filters_form label input[type="radio"]:checked::after,
#more_filters_form label input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><polyline points="2,6 5,9 10,3" stroke="white" stroke-width="1.2" fill="none"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


div.ui-slider-range.ui-widget-header {
  background: #0000ff;
}

.slider-container {
  width: 300px;
  padding: 20px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.values {
  margin-bottom: 10px;
}

input[type="range"] {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background: none;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
}

.price-range {
  margin: 10px 0;
}

.price-range input {
  width: 100%;
  accent-color: #74968b;
  border-radius: 7px;
}

.slider-label {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

/* */

.ui-widget.ui-widget-content {
  border: 1px solid #cae3db;
  /* color: #CAE3DB; */
  background-color: #cae3db;
  border-radius: 50px;
}

div.ui-slider-range.ui-widget-header {
  background: #74968b;
}

.ui-slider-horizontal .ui-slider-handle {
  top: 0em !important;
  /* margin-left: -.6em; */
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #74968b;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-top: -3px;
  background: #ffffff;
  font-weight: normal;
}

/**/
/* Start OUR POPULAR HOMES*/
#Single-property-home-item
  .elementor-swiper-button.elementor-swiper-button-prev,
#Single-property-home-item
  .elementor-swiper-button.elementor-swiper-button-next {
  background-color: #ebecec;
  border-radius: 50%;
  padding: 8px;
}

#Single-property-home-item
  .elementor-swiper-button.elementor-swiper-button-prev:hover,
#Single-property-home-item
  .elementor-swiper-button.elementor-swiper-button-next:hover {
  background-color: #9c9da1;
  color: #e0e0e1 !important;
  border-radius: 50%;
  padding: 8px;
}
/* END OUR POPULAR HOMES*/

/*Start Receive exclusive offers*/

.elementor-2307
  .elementor-element.elementor-element-a77b22b
  .elementor-field-group:not(.elementor-field-type-upload)
  .elementor-field:not(.elementor-select-wrapper) {
  background-color: #ffffff;
	  color: #707071 !important;
  border-width: 0px 0px 0px 0px;
  width: 444.77px !important;
  height: 77.85px !important;
/*   border-radius: 8px !important; */
}

.elementor-2307
  .elementor-element.elementor-element-a77b22b
  .elementor-field-group:not(.elementor-field-type-upload)
  .elementor-field:not(.elementor-select-wrapper)::placeholder {
  text-align: center;
}

.elementor-2307
  .elementor-element.elementor-element-a77b22b
  .elementor-button[type="submit"] {
  height: 77.85px !important;
}

/* END Receive exclusive offers */

/* START Filter Form Shop */
.custom-field-wrap-shop .select2-container--default .select2-selection--single {
  background-color: var(--e-global-color-9d7a975) !important;
}

.location_select_wrapper_shop {
  width: 35% !important;
}

.custom-field-wrap-shop {
  background-color: var(--e-global-color-ea6d4cb);
  width: 100%;
  margin: 0 auto;
}

.group-shop {
  width: 30% !important;
  color: #707071 !important;
}

.date-picker-form-shop {
  display: flex;
  align-items: center;
  width: 100%;
  background: white;
	border-radius: 13px 28px 28px 13px;
}


form.date-picker-form-shop > * {
	font-size: 14px !important;
}
form.date-picker-form-shop button[type="button"]{
	font-size: 15px !important;
	font-weight: 600 !important;
}

.date-picker-form-shop .select2-container--Tus span.select2-selection__rendered,
.date-picker-form-shop input#calendar-range{
	font-size: 14px !important;
	color: #707071 !important;
}

.date-picker-form-shop .select2-container--Tus{
	padding-left: 14px !important;
}

.date-picker-form-shop .vl{
	margin-left: 0px !important;
}

form.date-picker-form-shop div *{
	max-width: 100% !important;
}
.date-picker-form-shop .location_select_shop,
.date-picker-form-shop .calendar-range,
.date-picker-form-shop .product_guests,
.date-picker-form-shop .date-picker-form-home button {
  flex: 1;
  height: 56px;
  padding: 0 10px;
  margin: 0;
  border: none;
  background: var(--e-global-color-9d7a975);
  outline: none;
  border-radius: 0 !important;
}
.product_guests{
	font-weight: 600 !important;
	color: #707071 !important;
}
.date-picker-form-shop input[type="text"] {
  border: 0px solid #e0e0e1 !important;
  border-radius: 0 !important;
}

.date-picker-form-shop .location_select_shop {
  border-radius: 8px 0 0 8px !important;
  flex: 0.5;
  text-transform: uppercase;
}

.date-picker-form-shop input#calendar-range {
  flex: 0.5;
}

.date-picker-form-home .group-shop {
  width: 350px;
}

.date-picker-form-shop .guest-input-container {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
}

.date-picker-form-shop .guest-input {
  position: absolute;
  right: 50px;
  display: flex;
}

.date-picker-form-shop .guests-decrement,
.date-picker-form-shop .guests-increment {
  width: 30px !important;
  height: 20px !important;
  background: var(--e-global-color-9d7a975);
	background: red;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 4px;
  padding-bottom: 30px;
	color: #707071 !important;
}

.date-picker-form-shop .guest-input-label {
  position: absolute;
  right: 220px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
/*   pointer-events: none; */
}

.date-picker-form-shop .product_guests {
  padding-left: 25%;
}

.date-picker-form-shop .guests-decrement,
.date-picker-form-shop .guests-increment{
	border: 1px solid #e0e0e1 !important;
	border: 1px solid #e0e0e1 !important;
	background-color: var(--e-global-color-9d7a975) !important;
	width: 36px !important;
	height: 28px !important;
	padding: 10px 0px;
	line-height: 0;
}
.date-picker-form-shop .guests-decrement {
  border-radius: 18px 0 0 18px !important;
}

.date-picker-form-shop .guests-increment {
  border-radius: 0 18px 18px 0 !important;
}

.date-picker-form-shop [type="submit"] {
  background-color: var(--e-global-color-9a0f521);
  border-radius: 50% !important;
  border-width: 0 !important;
  color: var(--e-global-color-9d7a975);
  width: 56px !important;
  height: 56px;
  margin-left: -34px;
  z-index: 0;
}

.date-picker-form-shop [type="submit"]:hover{
	box-shadow: inset 0px 3px 6px #0000004d;
}

@media only screen and (max-width: 600px) {
  .date-picker-form-shop {
    flex-wrap: wrap;
  }

  .location_select_wrapper_shop {
    width: 25% !important;
    flex: 50%;
  }

  .date-picker-form-shop .group-shop {
    flex: 50%;
  }

  .date-picker-form-shop .guest-input-container {
    margin-top: 10px;
  }

  .date-picker-form-shop [type="submit"] {
    margin-top: 10px;
  }

  .date-picker-form-shop input[type="text"] {
    border: 0px solid #e0e0e1 !important;
    border-radius: 0 13px 13px 0 !important;
  }

  .date-picker-form-shop input#g_guests {
    border-radius: 13px 0 0 13px !important;
    padding: 0 17px;
  }
}

/* input[name="guests-shop"]{
	
} */

/* shop calendar */
body.archive .flatpickr-weekdays .flatpickr-weekdaycontainer{
	max-width: 395px !important;
}
body.archive .flatpickr-calendar{
	max-width: 806px !important;
}

/* END Filter Form Shop */

/* user registration popup form */
form#forminator-module-495 input[type="checkbox"],
input.tick-checkbox{
	  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='21' height='21'> <rect x='0.5' y='0.5' width='20' height='20' rx='3' ry='3' fill='%23f5f5f5' stroke='%2374968b' stroke-width='1'/> </svg>") !important;
  background-repeat: no-repeat;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  min-height: 21px !important;
  background-position: center !important;
  padding: 0px !important;
  border: none;
	border-radius: 0px;
}

form#forminator-module-495 input[type="checkbox"]:checked,
input.tick-checkbox:checked{
	  background-image: url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' width='21' height='21'>      <rect x='0.5' y='0.5' width='20' height='20' rx='3' ry='3' fill='%2374968b' stroke='%2374968b' stroke-width='1'/>      <path d='M6 11 l4 4 l6 -8' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>    </svg>") !important;

}
@media only screen and (min-width: 767px){
	form#forminator-module-495 input[name="password-1"],
	form#forminator-module-495 input[name="confirm_password-1"]{
		width: 100% !important;
	}

	form#forminator-module-495 #group-1 .forminator-col{
		padding-right: 7px;
		padding-left: 0px;
	}

	form#forminator-module-495 #group-1 #password-1{
		padding-right: 0px;
		padding-left: 7px;
	}

	form#forminator-module-495 #group-1 .forminator-row{
		width: 51% !important;	
	}

	form#forminator-module-495 #group-1 .forminator-grouped-fields{
		display: flex;
		justify-content: space-between;
	}

	form#forminator-module-495 #email-1 span{
		width: 350px !important;
	}
	
	
	/* 	name */
	form#forminator-module-495 #name-1 .forminator-col:nth-child(1) .forminator-field{
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	form#forminator-module-495 #name-1 .forminator-col:nth-child(1) .forminator-field label{
		font-weight: 300;
		color: var(--info-gray) !important;
		padding: 8px;
		width: 650px !important;
	}
	form#forminator-module-495 #name-1 .forminator-col:nth-child(2) label,
	.forminator-required{
		display: none !important
	}
	
}
/* end media query */

.custom-spinner-overlay{
	width: fit-content;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

/* #custom-pagination{	
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}
button.page-btn{
    background: transparent;
    border: 1px solid #f4a000;
    color: #f4a000;
	width: 45px;
	height: 45px;
}

button.page-btn.page-current {
    background: #f4a000;
    border: 1px solid #f4a000;
    color: white;
} */

/* wishlist */
.yith-wcwl-icon {
  display: none !important;
}
/* Base style for the button */
.yith-wcwl-add-button a {
  position: relative;
  padding-left: 28px; /* leave space for the icon */
}

/* Common icon styles */
.yith-wcwl-add-button a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}


/* Moved to functions.php to be dynamic*/
/* Not added (empty heart) */
/* .yith-wcwl-add-button a.add_to_wishlist::before {
 * background-image: url("https://vesta.transformus.work/wp-content/uploads/2025/02/Heart.svg");/* Moved to functions.php to be dynamic
} */

/* Added (filled heart) */
/* .yith-wcwl-add-button a.delete_item::before {
  *background-image: url("https://vesta.transformus.work/wp-content/uploads/2025/02/Heart-y.svg");/* Moved to functions.php to be dynamic
} */
.yith-wcwl-add-button a {
  font-size: 0; /* hides text */
}
.yith-wcwl-add-button a::before{
  font-size: initial; /* restore size for the icon */
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt{
	background: none;
}
 :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button{
	 font-size: 0px;
}
a.delete-item{
	background: none ;
	font-size: 0px ;
}
.yith-wcwl-add-button{
	transform: translate(-40px, 0px) scale(1.6) !important;
}
#yith-wcwl-popup-message{
	display: none !important;
}