/* Fix for datepicker close button visibility - MOBILE ONLY */
@media (max-width: 768px) {
    .datepicker__buttons {
        display: flex !important;
        gap: 10px !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 1000 !important;
        position: relative !important;
    }

    .datepicker__close-button {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: var(--bde-button-primary-background-color, #1db954) !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 8px 16px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-transform: none !important;
        cursor: pointer !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 1001 !important;
        transition: all 0.2s ease !important;
    }

    .datepicker__close-button:hover {
        background-color: var(--bde-brand-primary-color, #1db954) !important;
        color: #ffffff !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    }
    
    /* Clear dates button styling - matches close button */
    .datepicker__clear-button {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: #f8f9fa !important;
        color: #6c757d !important;
        border: 1px solid #dee2e6 !important;
        border-radius: 8px !important;
        padding: 8px 16px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-transform: none !important;
        cursor: pointer !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 1001 !important;
        transition: all 0.2s ease !important;
    }
    
    .datepicker__clear-button:hover {
        background-color: #e9ecef !important;
        color: #495057 !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    }

    /* Force close button to be visible in all datepicker instances on mobile */
    .datepicker .datepicker__close-button,
    .datepicker .datepicker__clear-button {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
/* Hide close and clear buttons on desktop */
@media (min-width: 769px) {
    .datepicker__close-button,
    .datepicker__clear-button {
        display: none !important;
    }
	.row.listing-block  {
	display: grid;
	grid-template-rows: auto;
	grid-auto-rows: auto;
	/* grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); */
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;}
}

.drilldown-root {
    position: relative;
    min-width: 220px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
	padding: 20px 20px 20px 0 !important;
}

.drilldown-sub {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 250px;
    background: #fff;
    z-index: 1001;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
    border-radius: 8px;
    padding: 12px!important;
}

.drilldown-root > li {
    position: relative;
}

.drilldown-root > li.open > .drilldown-sub {
    display: block;
}

.drilldown .arr {
    display: block;
    position: absolute;
    right: 0;
    top: -2px;
}

.drilldown-back {
    font-weight: bold;
    position: sticky !important;
    background: #fff;
    width: 100%;
    top: 0;
    z-index: 9999;
}
.drilldown ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.drilldown ul li {
    position: relative;
    white-space: normal;
}
.drilldown ul span {
    display: block;
    position: relative;
    padding: 12px;
    /* margin-right: 24px; */
    cursor: pointer;
    word-break: break-all;
	color: var(--bde-body-text-color);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}
	
.drilldown ul span:hover {
    background-color: #f0f0f0;
    color: var(--dropdown-link-color);
}

.select-city-dropdown-wrap {
    user-select: none;
}
.select-city-dropdown-wrap .select-city-dropdown {
    left: 0;
    top: 58px;
    position: absolute;
    z-index: 9999998;
    display: none;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .15) 0 2px 6px, rgba(0, 0, 0, .07) 0 0 0 1px;
    box-sizing: border-box;
    margin-bottom: 16px;
    min-width: 240px;
	border-radius:8px;
    text-align: left;
    width: 100%;
}

.drilldown-back span {
    color: var(--bde-body-text-color);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}
	
.drilldown-back span:hover {
    background-color: var(--dropdown-link-background-color-hover);
    color: var(--dropdown-link-color);
}

.drilldown-item.parent-item {
    color: var(--bde-body-text-color);
    font-size: 1rem;
    font-weight: 600;
}

.drilldown-item.parent-item .arr svg {
    stroke: var(--link-arrow-color);
    width: 16px;
    height: 16px;
    transition: stroke 0.2s;
}

.drilldown-item.parent-item .arr svg {
    stroke: var(--bde-body-text-color);
}

.drilldown-back.mobile-only {
  display: none;
}
@media (max-width: 768px) {
  .drilldown-root {
    min-width: 100%;
    box-shadow: none;
    padding: 0 !important;
  }
  .drilldown-sub {
    position: static;
    left: 0;
    top: 0;
    min-width: 100%;
    box-shadow: none;
    border-radius: 0;
    padding: 0 !important;
    background: #fff;
  }
  .drilldown-root > li.open > .drilldown-sub {
    display: block;
  }
  .drilldown ul span {
    padding: 16px 20px;
    font-size: 1.1rem;
  }
  .drilldown-back.mobile-only {
    display: block;
  }
}
.btn.advanced {
    width: 40px;
    height: 40px;
    background: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}
.btn.advanced:before {
    content: '\f0b0'; /* FontAwesome filter icon, or use your icon font */
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #666;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.btn.advanced.active {
    border-color: #6666FF;
    background: #f0f0ff;
}
/* Z-index handled inline in booking-search.php */
#booking-search-popup-modal {
  z-index: 9999999 !important; /* Above everything including headers */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}

#booking-search-popup-modal > div {
  z-index: 9999999 !important; /* Above everything including headers */
  position: relative;
}

/* Ensure popup is above everything */
#booking-search-popup-modal,
#booking-search-popup-modal * {
  z-index: 9999999 !important; /* Above everything including headers */
}




.hfy-theme1 .hfy-search-form-wrap .col-location {
	width:100%!important;
}
.select-city-dropdown {
	display: none;
	position: absolute;
	z-index: 1000;
	min-width: 250px;
}
.select-city-dropdown .drilldown-root,
.select-city-dropdown .drilldown-sub {
	list-style: none;
	margin: 0;
	padding: 0;
}
.select-city-dropdown span {
	display: block;
	padding: 8px 16px;
	cursor: pointer;
}
.select-city-dropdown span:hover {
	background: #f0f0f0;
}
.selected-city-label {
	cursor: pointer;
}
.guests-clickable {
	cursor: pointer;
}
.guests-clickable input.guests {
	pointer-events: none; /* So the parent handles the click */
	background: #fff;
}
.no-pagination .pagination {
    display: none;
}
.btn-reset {
    font-family: 'OpenSans', Sans-serif;
    color: #000;
    font-size: 1rem;
    line-height: 1.5 !important;
    max-width: 100%;
    font-weight: 600;
    border: 1px solid #e5e7eb;
    padding: 0.5rem;
    background-color: #fff;
    border-radius: 0.375rem;
    height: 54px;
}
/* Desktop: show all amenities */
@media screen and (min-width: 768px) {
  .hfy-am.extra-am.hidden {
    display: inline-flex !important;
  }
}

/* Mobile: keep hidden and show button */
@media screen and (max-width: 767px) {
  .hfy-am.hidden {
    display: none !important;
  }
  /* Ensure regular amenities (not extra) are visible on mobile */
  .hfy-am:not(.extra-am) {
    display: flex !important;
  }
  .hfy-show-more {
    display: block !important;
  }
}

.hfy-listing-amenities-wrapper .extra-am.hidden {
  display: none;
}
.hfy-listing-amenities.show-all .extra-am.hidden, .hfy-am .hidden {
    display: flex !important; /* or block, depending on layout */
}

.hfy-show-more {
	cursor: pointer;
    padding: 16px 20px;
    background-color: #e4e5e6;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    border-radius: 8px;
    border: 2px solid var(--Default-Outline, #ebebeb);
    background: var(--3-White, #fff);
    color: var(--Default-Text-Primary, #222);
    font-family: var(--bde-body-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

/* Make sure hidden amenities become visible */
.extra-am {
    display: none !important;
}

.hfy-listing-amenities.show-all .extra-am {
    display: flex !important; /* or block, depending on layout */
}

/* Optional: allow parent container to grow */
.hfy-listing-amenities.show-all {
    max-height: none !important;
    overflow: visible !important;
}

/* Ensure proper styling for amenities */
.hfy-listing-amenities .extra-am.hidden {
    display: none !important;
}

.hfy-listing-amenities .extra-am:not(.hidden) {
    display: flex !important;
}


.hfy-theme1 .hfy-listing-amenities > span, .extra-am span, .hfy-am .hfy-am-22 .hidden span{
	font-family: var(--e-global-typography-text-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1d2f31;
    margin: 0 !important;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    display: flex;
    border-radius: 4px;
    border: none;
    background-color: transparent;
    gap: 0.5rem;
}
.hfy-listing-amenities > span::before {
    content: '\2713';
    font-size: 18px;
    line-height: 24px;
    color: black;
}
#features .hfy-listing-amenities .hfy-am img, .hfy-listing-amenities .hfy-am img, .hfy-am img {
	display:none;
}

.parent-holiday #no-pagination .pagination {
    display: none !important;
}

.reset-date-wrap {
	height:60px;
}
.reset-date {
    cursor: pointer;
    padding: 5px 30px;
    background-color: #e4e5e6;
    width: 100%;
    text-align: center;
    /* margin-top: 1rem; */
    border-radius: 8px;
    border: 2px solid var(--Default-Outline, #ebebeb);
    background: var(--3-White, #fff);
    color: var(--Default-Text-Primary, #222);
    font-family: var(--bde-body-font-family);
    font-size: 15px;
    /* font-style: normal; */
    font-weight: 400;
    line-height: 24px;
}

.sl-policy-container {
	text-align:left;
}
#formBooking .select-city-dropdown-wrap .select-city-dropdown {
    min-width: 300px;
}
.search-input{
   color: var(--bde-body-text-color);
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}


/* Other Destinations thumbnails */
.other-destination-img img {
    border-radius: 8px !important;
    width: 100% !important;
    max-width: 350px !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.other-destinations-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
    padding: 4em 0 4em 0;
}

.other-destination {
    max-width: 250px;
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
    text-align: center;
    min-height: 300px;
}

.other-destination-btn a {
    font-family: 'OpenSans', Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 20px;
    background: #405681;
    border-radius: 0.375rem;
    border: none;
    color: #ffffff !important;
    width: auto;
    line-height: 1.2;
    justify-content: center;
    transition: all 0.1s;
	text-decoration: none;
}

.other-destination-btn a:hover {
    background: #516da3;
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

#properties .row.listing-block {
	display: grid;
	grid-template-rows: auto;
	grid-auto-rows: auto;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}



@media (max-width: 960px) {
	#properties .row.listing-block {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 668px) {	
	#properties .row.listing-block {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
#form-container {
	background-color: #fff;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
	border-radius: 12px;
	width: auto;
}

#form-container .hfy-search-form-row {
	 grid-template-columns: repeat(1, 1.20fr) repeat(1, 1.4fr) repeat(1, 0.5fr) repeat(1, 0.4fr);
    grid-template-rows: 1.5fr;
    grid-column-gap: 12px;
    grid-row-gap: 0px;
    align-items: center;
    justify-items: stretch;
    padding-left: 12px;
}

@media (max-width: 768px) {
	#form-container .hfy-search-form-row {
		display: flex;
		flex-direction: column;
		padding: 1rem;
	}
}

#formBooking ._col .form-group {
	flex-direction: row;
	align-items: center;
	width: 100%;
	gap: 12px;
}

.hfy-theme1 .hfy-search-form-row {
	margin: 0;
}

.hfy-theme1 .hfy-search-form-row-advanced > div > ._col,
.hfy-theme1 .hfy-search-form-row > ._col {
	margin: 0;
	position: relative;
}

/*.hfy-theme1 .hfy-search-form-wrap .col-location {
	width: inherit;
}*/

#form-container input,
#form-container select {
	border: none;
	background: none;
	width: auto;
	margin: 0;
	padding: 0;
	height: auto;
}

#formBooking .col-location .search {
	border: none;
	padding: 0;
	height: auto;
	min-height: auto;
	margin: 0;
	color: #222;
	font-size: 16px;
	line-height: 24px;
}

#formBooking .col-location .search span {
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.hfy-wrap .text-primary {
	color:var(--bde-brand-primary-color)!important;
}

#formBooking .SumoSelect.open > .optWrapper {
	top: 40px;
	display: block;
	width: 310px;
	left: -3.25rem;
	border-radius: 12px;
	background-color: #ffffff;
	border: none;
	padding: 0.5rem;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
	color: #222;
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

#formBooking .SumoSelect > .optWrapper > .options li.opt {
	padding: 10px;
	position: relative;
	border-bottom: none;
}

#formBooking li.opt > label {
	color: var(--bde-body-text-color);
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

#formBooking .SumoSelect > .optWrapper > .options li.opt:hover {
	background-color: #fafafa;
	border-radius: 12px;
}

#formBooking .sumo_neighbourhood:hover {
	outline: none;
	border: none;
}

.SumoSelect.open > .CaptionCont,
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont {
	box-shadow: none;
	border: none;
}

.SumoSelect > .CaptionCont > label > i {
	display: none;
}

.location-i {
	/* background-image: url('../assets/images/location.svg'); */
	-webkit-mask-image: url("../assets/images/location.svg");
	mask-image: url("../assets/images/location.svg");
}

.calendar-i {
	/* background-image: url('../assets/images/calendar.svg'); */
	-webkit-mask-image: url("../assets/images/calendar.svg");
	mask-image: url("../assets/images/calendar.svg");
}

.guest-i {
	/* background-image: url('../assets/images/guest.svg'); */
	-webkit-mask-image: url("../assets/images/guest.svg");
	mask-image: url("../assets/images/guest.svg");
}

#single-listing-booking-form .guest-icon {
		/* background-image: url('../assets/images/guest.svg'); */
		-webkit-mask-image: url("../assets/images/guest.svg");
		mask-image: url("../assets/images/guest.svg");
		padding-left: 37px;
}

.hfy-listing-hotel-facilities .bathroom-i {
	-webkit-mask-image: url("../assets/images/bathroom-inner.svg");
	mask-image: url("../assets/images/bathroom-inner.svg");
}

.hfy-listing-hotel-facilities .beds-i {
	-webkit-mask-image: url("../assets/images/beds.svg");
	mask-image: url("../assets/images/beds.svg");
}

.hfy-listing-hotel-facilities .bedroom-inner-i {
	-webkit-mask-image: url("../assets/images/bedroom-inner.svg");
	mask-image: url("../assets/images/bedroom-inner.svg");
}

.hfy-listing-hotel-facilities .people-outlined-i {
	-webkit-mask-image: url("../assets/images/PeopleOutlined.svg");
	mask-image: url("../assets/images/PeopleOutlined.svg");
}

.hfy-listing-hotel-facilities .type-i {
	-webkit-mask-image: url("../assets/images/type.svg");
	mask-image: url("../assets/images/type.svg");
}

.location-i,
.calendar-i,
.guest-i,
.hfy-listing-hotel-facilities .beds-i,
.hfy-listing-hotel-facilities .type-i,
.hfy-listing-hotel-facilities .bathroom-i,
.hfy-listing-hotel-facilities .bedroom-inner-i,
.hfy-listing-hotel-facilities .people-outlined-i {
	width: 24px;
	height: 24px;
	padding-right: 1rem;
	background-color: var(--bde-brand-primary-color);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

#form-container .col-bedrooms {
	display: none;
}

#form-container .col-dates {
	width: 100%;
}

.hfy-theme1 .hfy-search-form-row-advanced > div .col-guests,
.hfy-theme1 .hfy-search-form-row .col-guests {
	width: 100%;
	min-width: auto;
}

#form-container .col-guests .input-group {
	border: none;
	background: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#form-container .form-group,
#form-container .input-group {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 100%;
}

#form-container .form-group,
#form-container .input-group span {
	color: var(--select-guests-dropdown) !important;
}

#form-container .form-group,
#form-container .input-group label {
	color: var(--bde-palette-color-1-b39ab667-44b8-429d-9df2-7a65f4dc9e14);
}

#form-container ._col.col-guests > div > div > input {
	display: none;
}

#form-container
	._col.col-guests
	> div
	> div
	> div.select-guests-wrap
	.input-group {
	flex-direction: row;
	align-items: center;
}

#form-container .guests-input-label,
#form-container .guests-input-label-text,
#form-container .guests-count-num {
	line-height: 120%;
	vertical-align: middle;
	background: none;
	padding: 0;
}

#form-container .select-guests-wrap .func-box {
	align-items: center;
}

#form-container .btn-close-guests-box {
	display: block;
}

/* --- Guests dropdown */
#form-container .select-guests-wrap .func-box {
	width: 119px;
}

/* --- */

#form-container label {
	color: #999;
	font-family: inherit;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#form-container .btn-primary {
	border-radius: 8px;
	background-color: var(--bde-button-primary-background-color);
	display: flex;
	flex-direction: row;
	padding: 16px 32px;
	height: 100%;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	border: none;
	font-family: inherit;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease;
}

#form-container .btn-primary::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.1);
	transition: left 0.3s ease;
}

#form-container .btn-primary:hover::before {
	left: 0;
}

#form-container ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
#form-container ::-moz-placeholder {
	/* Firefox 19+ */
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
#form-container :-ms-input-placeholder {
	/* IE 10+ */
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
#form-container :-moz-placeholder {
	/* Firefox 18- */
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

/* Style for the placeholder option */
#form-container .col-location select {
	color: var(--bde-palette-color-1-f11506f3-8bda-457c-ad33-9591d5ea9b29);
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#form-container input {
	color: var(
		--bde-palette-color-1-f11506f3-8bda-457c-ad33-9591d5ea9b29
	) !important;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	text-transform: capitalize;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* Home Search Dates input */
.home #form-container #formBooking input {
	/*width: 18vw;	*/
}
.search-input {
	width: 16vw;	
}

@media only screen and (max-width: 1440px) {
	/* Home Search Dates input */
	.home #form-container #formBooking input {
		/*width: 20vw;	*/
	}
}

#form-container input::placeholder {
	color: var(
		--bde-palette-color-1-04510522-bdac-4930-bbfc-26e639cc0a89
	) !important;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

#form-container span.guests-count-num {
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.hfy-guests-label {
	display: none !important;
}

.hfy-wrap .form-control:focus {
	box-shadow: none;
}

@media only screen and (max-width: 768px) {
	#form-container {
		border-radius: 33px;
		width: 100%;
		padding: 0;
	}

	.hfy-theme1 .hfy-search-form-row ._col.col-advanced,
	.hfy-theme1 .hfy-search-form-row ._col.col-action {
		margin: 3px 1px 4px 1px !important;
		padding: 0 5px;
	}

	#form-container .col-search {
		width: 60%;
	}

	#form-container .col-location,
	#form-container .col-keyword,
	#form-container .col-dates,
	/* #form-container .col-bedrooms, */
	#form-container .col-guests {
		margin-bottom: 10px !important;
		position: relative;
	}

	#form-container .col-location::after,
	#form-container .col-start-date::after,
	#form-container .col-end-date::after {
		content: "";
		position: absolute;
		width: 100%;
		align-self: center;
		height: 1px;
		/* left: 0; */
		display: block;
		clear: both;
		background-color: #ebebeb;
		margin: 0 auto;
		margin-top: 10px;
	}

	/* Calendar dropdown Mobile */
	.calentim-container-mobile .calentim-input {
		margin: 2rem;
	}

	.calentim-container-mobile 
	.calentim-input 
	.calentim-header {
		padding-top: 1.5rem;
	}

	.calentim-container-mobile 
	.calentim-input 
	.calentim-header 
	.calentim-header-separator {
		padding-bottom: 10px;
	}

	.calentim-container-mobile
	.calentim-input
	.calentim-footer
	button.calentim-apply {
		background: var(--bde-brand-primary-color);
	}

	.calentim-container-mobile
	.calentim-input
	.calentim-footer
	button.calentim-cancel {
		background: #f8f9fa;
		border: 1px solid #dee2e6;
		color: #6c757d;
		padding: 14px 16px;
		margin-right: 8px;
		border-radius: 6px;
		font-weight: 500;
		cursor: pointer;
		display: block !important;
		visibility: visible !important;
	}

	/* Ensure calendar footer is visible and properly positioned on mobile */
	.calentim-container-mobile .calentim-input .calentim-footer {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		padding: 16px;
		background: #fff;
		border-top: 1px solid #e9ecef;
		position: sticky;
		bottom: 0;
		z-index: 10;
	}

	.calentim-container-mobile .calentim-input .calentim-footer button {
		flex: 1;
		margin: 0 4px;
		min-height: 44px;
		font-size: 16px;
	}

	/* Home Search Dates input */
	.home #form-container #formBooking input {
		width: 70vw;	
	}
	/* --- */
}

/* Calendar Styling */

.calentim-box-arrow-top {
	display: none !important;
}

.calentim-title {
	color: var(--Default-Text-Primary, #222) !important;
	text-align: center !important;
	font-family: var(--bde-body-font-family) !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	border: none !important;
}

.calentim-calendar {
	padding: 12px !important;
	border: none !important;
}

.calentim-dayofweek {
	color: var(--Default-Text-Secondary, #999) !important;
	text-align: center !important;
	font-family: var(--bde-body-font-family) !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 24px !important;
}

.calentim-day {
	color: var(--Default-Text-Primary, #222) !important;
	text-align: center !important;
	font-family: var(--bde-body-font-family) !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 24px !important; /* 200% */
}

.calentim-disabled {
	border: 1px solid var(--3-White, #fff) !important;
	background: var(--Default-Background-Light, #fafafa) !important;
	color: var(--Default-Text-Secondary, #999) !important;
	font-family: var(--bde-body-font-family) !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	display: flex;
}

body
	> div.calentim-container.calentim-popup
	> div.calentim-input
	> div.calentim-calendars
	div.calentim-days-container
	.calentim-selected {
	background: var(--bde-brand-primary-color) !important;
	color: #fff !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(.calentim-selected):not(
		.calentim-not-in-month
	),
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(.calentim-selected):not(
		.calentim-not-in-month
	) {
	background: var(--bde-brand-primary-color) !important;
	color: #fff !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(.calentim-selected)
	span,
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(.calentim-selected)
	span {
	background-color: transparent !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(
		.calentim-selected
	).calentim-hovered-first,
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(
		.calentim-selected
	).calentim-hovered-first {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(
		.calentim-selected
	).calentim-hovered-last:not(.calentim-not-in-month),
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-hovered:not(
		.calentim-selected
	).calentim-hovered-last:not(.calentim-not-in-month) {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background: var(--bde-brand-primary-color) !important;
}

.calentim-container .calentim-day.calentim-not-in-month {
	background-color: transparent !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected,
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected {
	background: var(--bde-brand-primary-color) !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-start:not(.calentim-not-in-month),
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-start:not(.calentim-not-in-month) {
	border-radius: 0 !important;
	background-color: var(--bde-brand-primary-color) !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-start
	span,
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-start
	span {
	background: transparent !important;
	border-radius: 0 !important;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-end:not(.calentim-not-in-month),
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-end:not(.calentim-not-in-month) {
	border-radius: 0 !important;
	background-color: var(--bde-brand-primary-color) !important;
}

.calentim-notouch
	.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day:hover:not(.calentim-hovered):not(.calentim-selected),
.calentim-notouch
	.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day:hover:not(.calentim-hovered):not(.calentim-selected) {
	border-radius: 0 !important;
	background: var(--bde-brand-primary-color) !important;
	color: #fff !important;
}
.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-disabled.calentim-start:not(.calentim-not-in-month),
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-disabled.calentim-start:not(.calentim-not-in-month) {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	padding: 0;
	border: none !important;
}
.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-disabled.calentim-start:not(.calentim-not-in-month)
	span,
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-disabled.calentim-start:not(.calentim-not-in-month)
	span {
	background: var(--bde-brand-primary-color) !important;
	border-radius: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.calentim-container .calentim-input,
.calentim-container-mobile .calentim-input {
	margin: 7px 0 0 0 !important;
	border: none !important;
	border-radius: 12px !important;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08) !important;
}

body
	> div.calentim-container.calentim-popup
	> div.calentim-input
	> div.calentim-calendars
	> div.calentim-calendar.no-border-right
	> div.calentim-days-container
	> div.calentim-disabled.calentim-start.calentim-hovered.calentim-hovered-first {
	padding: 0 !important;
	border: none !important;
	justify-content: stretch;
	align-items: stretch;
	display: flex;
	justify-content: stretch;
	justify-items: stretch;
	justify-self: stretch;
	align-content: stretch;
	align-items: stretch;
	flex-direction: column;
}

.calentim-container
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-start.calentim-end,
.calentim-container-mobile
	.calentim-input
	.calentim-calendars
	.calentim-calendar
	.calentim-days-container
	.calentim-day.calentim-selected.calentim-start.calentim-end {
	border-radius: 0 !important;
}

.calentim-not-in-month {
	background-color: transparent !important;
}

/* End Calendar Styling */

.hfy-wrap .alert-primary {
	border-radius: 8px;
	padding: 2rem;
	background-color: rgba(0, 157, 149, 0.05);
	border: 1px solid var(--bde-brand-primary-color);
	color: #222;
}

/*--------------------------------------------------------------
# End Search
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Advanced Search - Updated
--------------------------------------------------------------*/

#search-advanced-container .hfy-search-form-row {
	padding-left: 0;
}

.hfy-listing-map {
	height: calc(100vh - 150px);
}

#search-properties-map .hfy-listings-map-toggle-mobile .hfy-lmt-show,
#search-properties-map .hfy-listings-map-toggle-mobile .hfy-lmt-hide,
#search-properties .hfy-listings-map-toggle .hfy-lmt-show,
#search-properties .hfy-listings-map-toggle .hfy-lmt-hide
 {
	padding-right: 1.5rem;
    padding-left: 1.5rem;
	border-color: transparent;
	background-color: var(--bde-brand-primary-color);
	color: #fff;
	border-radius: 8px;
	font-weight: 300;
	padding: 1rem 1.5rem;
}

#search-properties-map .hfy-listings-map-toggle-mobile .hfy-lmt-show:after,
#search-properties .hfy-listings-map-toggle .hfy-lmt-show:after,
#search-properties .hfy-listings-map-toggle .hfy-lmt-hide:after {
    content: "";
    display: block;
    background-color: var(--bde-palette-color-1-219fc5f7-3915-46c5-8bef-6ed6d8972ff4);
    width: 24px;
    height: 24px;
    margin-right: 4px;
    margin-left: 16px;
    mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Icons%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20d%3D%22M58.831%2C1.153a2.977%2C2.977%2C0%2C0%2C0-2.6-.524l-16%2C4.209a1%2C1%2C0%2C0%2C1-.5%2C0L20.738.089A3.015%2C3.015%2C0%2C0%2C0%2C19.249.1L2.236%2C4.576A3%2C3%2C0%2C0%2C0%2C0%2C7.477V56.471a3%2C3%2C0%2C0%2C0%2C3.764%2C2.9l16-4.209a1.04%2C1.04%2C0%2C0%2C1%2C.5%2C0l19.006%2C4.752a3.029%2C3.029%2C0%2C0%2C0%2C1.489-.01l17.013-4.477A3%2C3%2C0%2C0%2C0%2C60%2C52.523V3.529A2.98%2C2.98%2C0%2C0%2C0%2C58.831%2C1.153ZM53.477%2C45.722l-2.044-.682a.637.637%2C0%2C0%2C1-.433-.6V42.73a.645.645%2C0%2C0%2C1%2C.534-.633L58%2C41.019v8.773l-2.24-.563a.627.627%2C0%2C0%2C1-.48-.619v-.39A2.628%2C2.628%2C0%2C0%2C0%2C53.477%2C45.722ZM58%2C27H54.04a2.522%2C2.522%2C0%2C0%2C1-.924-.178l-4.861-1.8a2.7%2C2.7%2C0%2C0%2C1-1.4-1.291L45.7%2C21.43A4.392%2C4.392%2C0%2C0%2C0%2C41.76%2C19H41V12.431L57.554%2C2.712a.562.562%2C0%2C0%2C1%2C.056.025%2C1%2C1%2C0%2C0%2C1%2C.39.792ZM39%2C42.985a1.135%2C1.135%2C0%2C0%2C1-1.055-.979l-.791-6.3a4.092%2C4.092%2C0%2C0%2C0-4.06-3.568A3.125%2C3.125%2C0%2C0%2C1%2C30%2C29.071%2C3.163%2C3.163%2C0%2C0%2C1%2C33.094%2C26%2C26.457%2C26.457%2C0%2C0%2C1%2C39%2C26.769Zm2-15.257a3.472%2C3.472%2C0%2C0%2C1%2C.393.437l2.621%2C3.5A13.23%2C13.23%2C0%2C0%2C0%2C41%2C37.661Zm-2-3.011A27.856%2C27.856%2C0%2C0%2C0%2C33.094%2C24a5.072%2C5.072%2C0%2C1%2C0%2C0%2C10.143%2C2.089%2C2.089%2C0%2C0%2C1%2C2.076%2C1.818l.791%2C6.3A3.151%2C3.151%2C0%2C0%2C0%2C39%2C44.987v12.8l-18-4.5V48.547c.017-.031.038-.059.054-.091L24.3%2C41.94a7.018%2C7.018%2C0%2C0%2C0%2C.7-3.049V36.768a4.2%2C4.2%2C0%2C0%2C0-3.216-4.088c-.254-.059-.522-.1-.784-.155V2.215l18%2C4.5v4.571l-5.177%2C3.039A3.561%2C3.561%2C0%2C0%2C0%2C35.56%2C21H39ZM21%2C34.563c.105.022.217.039.321.063A2.2%2C2.2%2C0%2C0%2C1%2C23%2C36.768v2.123a5.012%2C5.012%2C0%2C0%2C1-.5%2C2.172L21%2C44.074Zm-2%2C13.3a.76.76%2C0%2C0%2C1-.431.139.915.915%2C0%2C0%2C1-.895-.734l-.829-4.156A2.8%2C2.8%2C0%2C0%2C0%2C14.8%2C40.9%2C3.69%2C3.69%2C0%2C0%2C1%2C12%2C37.363%2C3.436%2C3.436%2C0%2C0%2C1%2C15.333%2C34%2C29.534%2C29.534%2C0%2C0%2C1%2C19%2C34.228ZM41%2C6.706%2C51.514%2C3.939%2C41%2C10.112ZM35.56%2C19a1.561%2C1.561%2C0%2C0%2C1-.745-2.937L39%2C13.606V19ZM2.746%2C6.51%2C15%2C3.285V12.02a1.135%2C1.135%2C0%2C0%2C1-.626%2C1.005%2C3.119%2C3.119%2C0%2C0%2C0-1.29%2C4.42l1.12%2C1.864A2.069%2C2.069%2C0%2C0%2C1%2C13.716%2C22L9.267%2C25.557a2.162%2C2.162%2C0%2C0%2C0-.8%2C1.575%2C2.468%2C2.468%2C0%2C0%2C0%2C.741%2C1.856.559.559%2C0%2C0%2C1%2C.145.4A.635.635%2C0%2C0%2C1%2C8.7%2C30a4.027%2C4.027%2C0%2C0%2C1-3.484-2.431L2%2C20.639V7.477A1%2C1%2C0%2C0%2C1%2C2.746%2C6.51Zm.508%2C50.928A1%2C1%2C0%2C0%2C1%2C2%2C56.471V25.39l1.4%2C3.025A6.049%2C6.049%2C0%2C0%2C0%2C8.74%2C32a2.613%2C2.613%2C0%2C0%2C0%2C2.61-2.61%2C2.513%2C2.513%2C0%2C0%2C0-.737-1.822.463.463%2C0%2C0%2C1-.151-.33.166.166%2C0%2C0%2C1%2C.062-.127l4.437-3.548a4.07%2C4.07%2C0%2C0%2C0%2C.955-5.289L14.8%2C16.415a1.12%2C1.12%2C0%2C0%2C1%2C.47-1.6A3.153%2C3.153%2C0%2C0%2C0%2C17%2C12.02V2.759l2-.527V32.211A31.727%2C31.727%2C0%2C0%2C0%2C15.333%2C32%2C5.42%2C5.42%2C0%2C0%2C0%2C10%2C37.363a5.709%2C5.709%2C0%2C0%2C0%2C4.333%2C5.485.814.814%2C0%2C0%2C1%2C.551.652h0l.829%2C4.155A2.918%2C2.918%2C0%2C0%2C0%2C18.569%2C50%2C2.686%2C2.686%2C0%2C0%2C0%2C19%2C49.963v3.331Zm54-3.948L41%2C57.768V44.386a3.245%2C3.245%2C0%2C0%2C0%2C1.351-2.4h0c.379-5.516%2C2.3-8.086%2C3.111-8.934a2.081%2C2.081%2C0%2C0%2C0%2C.134-2.633L42.989%2C26.96A5.5%2C5.5%2C0%2C0%2C0%2C41%2C25.343V21h.76a2.4%2C2.4%2C0%2C0%2C1%2C2.155%2C1.327l1.15%2C2.3a4.711%2C4.711%2C0%2C0%2C0%2C2.468%2C2.261l4.873%2C1.8A4.472%2C4.472%2C0%2C0%2C0%2C54.04%2C29H58V39.015c-.085.006-.169.005-.254.018l-6.538%2C1.091A2.63%2C2.63%2C0%2C0%2C0%2C49%2C42.73v1.71a2.627%2C2.627%2C0%2C0%2C0%2C1.8%2C2.5l2.041.68a.641.641%2C0%2C0%2C1%2C.435.6v.39a2.631%2C2.631%2C0%2C0%2C0%2C2%2C2.56L58%2C51.853v.67A1%2C1%2C0%2C0%2C1%2C57.254%2C53.49Z%22%2F%3E%3C%2Fsvg%3E);
    mask-position: 0 0;
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Icons%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20d%3D%22M58.831%2C1.153a2.977%2C2.977%2C0%2C0%2C0-2.6-.524l-16%2C4.209a1%2C1%2C0%2C0%2C1-.5%2C0L20.738.089A3.015%2C3.015%2C0%2C0%2C0%2C19.249.1L2.236%2C4.576A3%2C3%2C0%2C0%2C0%2C0%2C7.477V56.471a3%2C3%2C0%2C0%2C0%2C3.764%2C2.9l16-4.209a1.04%2C1.04%2C0%2C0%2C1%2C.5%2C0l19.006%2C4.752a3.029%2C3.029%2C0%2C0%2C0%2C1.489-.01l17.013-4.477A3%2C3%2C0%2C0%2C0%2C60%2C52.523V3.529A2.98%2C2.98%2C0%2C0%2C0%2C58.831%2C1.153ZM53.477%2C45.722l-2.044-.682a.637.637%2C0%2C0%2C1-.433-.6V42.73a.645.645%2C0%2C0%2C1%2C.534-.633L58%2C41.019v8.773l-2.24-.563a.627.627%2C0%2C0%2C1-.48-.619v-.39A2.628%2C2.628%2C0%2C0%2C0%2C53.477%2C45.722ZM58%2C27H54.04a2.522%2C2.522%2C0%2C0%2C1-.924-.178l-4.861-1.8a2.7%2C2.7%2C0%2C0%2C1-1.4-1.291L45.7%2C21.43A4.392%2C4.392%2C0%2C0%2C0%2C41.76%2C19H41V12.431L57.554%2C2.712a.562.562%2C0%2C0%2C1%2C.056.025%2C1%2C1%2C0%2C0%2C1%2C.39.792ZM39%2C42.985a1.135%2C1.135%2C0%2C0%2C1-1.055-.979l-.791-6.3a4.092%2C4.092%2C0%2C0%2C0-4.06-3.568A3.125%2C3.125%2C0%2C0%2C1%2C30%2C29.071%2C3.163%2C3.163%2C0%2C0%2C1%2C33.094%2C26%2C26.457%2C26.457%2C0%2C0%2C1%2C39%2C26.769Zm2-15.257a3.472%2C3.472%2C0%2C0%2C1%2C.393.437l2.621%2C3.5A13.23%2C13.23%2C0%2C0%2C0%2C41%2C37.661Zm-2-3.011A27.856%2C27.856%2C0%2C0%2C0%2C33.094%2C24a5.072%2C5.072%2C0%2C1%2C0%2C0%2C10.143%2C2.089%2C2.089%2C0%2C0%2C1%2C2.076%2C1.818l.791%2C6.3A3.151%2C3.151%2C0%2C0%2C0%2C39%2C44.987v12.8l-18-4.5V48.547c.017-.031.038-.059.054-.091L24.3%2C41.94a7.018%2C7.018%2C0%2C0%2C0%2C.7-3.049V36.768a4.2%2C4.2%2C0%2C0%2C0-3.216-4.088c-.254-.059-.522-.1-.784-.155V2.215l18%2C4.5v4.571l-5.177%2C3.039A3.561%2C3.561%2C0%2C0%2C0%2C35.56%2C21H39ZM21%2C34.563c.105.022.217.039.321.063A2.2%2C2.2%2C0%2C0%2C1%2C23%2C36.768v2.123a5.012%2C5.012%2C0%2C0%2C1-.5%2C2.172L21%2C44.074Zm-2%2C13.3a.76.76%2C0%2C0%2C1-.431.139.915.915%2C0%2C0%2C1-.895-.734l-.829-4.156A2.8%2C2.8%2C0%2C0%2C0%2C14.8%2C40.9%2C3.69%2C3.69%2C0%2C0%2C1%2C12%2C37.363%2C3.436%2C3.436%2C0%2C0%2C1%2C15.333%2C34%2C29.534%2C29.534%2C0%2C0%2C1%2C19%2C34.228ZM41%2C6.706%2C51.514%2C3.939%2C41%2C10.112ZM35.56%2C19a1.561%2C1.561%2C0%2C0%2C1-.745-2.937L39%2C13.606V19ZM2.746%2C6.51%2C15%2C3.285V12.02a1.135%2C1.135%2C0%2C0%2C1-.626%2C1.005%2C3.119%2C3.119%2C0%2C0%2C0-1.29%2C4.42l1.12%2C1.864A2.069%2C2.069%2C0%2C0%2C1%2C13.716%2C22L9.267%2C25.557a2.162%2C2.162%2C0%2C0%2C0-.8%2C1.575%2C2.468%2C2.468%2C0%2C0%2C0%2C.741%2C1.856.559.559%2C0%2C0%2C1%2C.145.4A.635.635%2C0%2C0%2C1%2C8.7%2C30a4.027%2C4.027%2C0%2C0%2C1-3.484-2.431L2%2C20.639V7.477A1%2C1%2C0%2C0%2C1%2C2.746%2C6.51Zm.508%2C50.928A1%2C1%2C0%2C0%2C1%2C2%2C56.471V25.39l1.4%2C3.025A6.049%2C6.049%2C0%2C0%2C0%2C8.74%2C32a2.613%2C2.613%2C0%2C0%2C0%2C2.61-2.61%2C2.513%2C2.513%2C0%2C0%2C0-.737-1.822.463.463%2C0%2C0%2C1-.151-.33.166.166%2C0%2C0%2C1%2C.062-.127l4.437-3.548a4.07%2C4.07%2C0%2C0%2C0%2C.955-5.289L14.8%2C16.415a1.12%2C1.12%2C0%2C0%2C1%2C.47-1.6A3.153%2C3.153%2C0%2C0%2C0%2C17%2C12.02V2.759l2-.527V32.211A31.727%2C31.727%2C0%2C0%2C0%2C15.333%2C32%2C5.42%2C5.42%2C0%2C0%2C0%2C10%2C37.363a5.709%2C5.709%2C0%2C0%2C0%2C4.333%2C5.485.814.814%2C0%2C0%2C1%2C.551.652h0l.829%2C4.155A2.918%2C2.918%2C0%2C0%2C0%2C18.569%2C50%2C2.686%2C2.686%2C0%2C0%2C0%2C19%2C49.963v3.331Zm54-3.948L41%2C57.768V44.386a3.245%2C3.245%2C0%2C0%2C0%2C1.351-2.4h0c.379-5.516%2C2.3-8.086%2C3.111-8.934a2.081%2C2.081%2C0%2C0%2C0%2C.134-2.633L42.989%2C26.96A5.5%2C5.5%2C0%2C0%2C0%2C41%2C25.343V21h.76a2.4%2C2.4%2C0%2C0%2C1%2C2.155%2C1.327l1.15%2C2.3a4.711%2C4.711%2C0%2C0%2C0%2C2.468%2C2.261l4.873%2C1.8A4.472%2C4.472%2C0%2C0%2C0%2C54.04%2C29H58V39.015c-.085.006-.169.005-.254.018l-6.538%2C1.091A2.63%2C2.63%2C0%2C0%2C0%2C49%2C42.73v1.71a2.627%2C2.627%2C0%2C0%2C0%2C1.8%2C2.5l2.041.68a.641.641%2C0%2C0%2C1%2C.435.6v.39a2.631%2C2.631%2C0%2C0%2C0%2C2%2C2.56L58%2C51.853v.67A1%2C1%2C0%2C0%2C1%2C57.254%2C53.49Z%22%2F%3E%3C%2Fsvg%3E);
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    transition-timing-function: ease-in-out;
    transition-property: transform,background-color;
    transition-duration: var(--bde-transition-duration)
}

.hfy-theme1 .hfy-listings-map-toggle.hfy-ctrl-show-map .hfy-lmt-show {
    display: flex;
}
@media screen and (min-width: 1120px) {
	.hfy-theme1 .hfy-map-wrapper .hfy-map-close-btn {
		display: none;
	}
}


#search-advanced-container #form-container {
	width: 100%;
	padding: 0;
}

#search-advanced-container .hfy-search-form-row-advanced {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-family: var(--bde-body-font-family);
	max-width: 100%;
	margin: 10px 0;
}

#search-advanced-container ._col:not(.col-action) {
	border: 1px solid #ebebeb;
	background-color: #fff;
	border-radius: 8px;
	width: 100%;
	padding: 8px 12px;
}

#search-advanced-container ._col.col-action button span svg path {
	stroke-width: 1.5;
	stroke: #FFFFFF;
}

#search-advanced-container ._col.col-action button {
	border-radius: 8px;
	background-color: var(--bde-button-primary-background-color);
	display: flex;
	flex-direction: row;
	padding: 16px 32px;
	height: 100%;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	border: none;
	font-family: inherit;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease;
}

#search-advanced-container ._col.col-action button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.1);
	transition: left 0.3s ease;
}

#search-advanced-container ._col.col-action button:hover::before {
	left: 0;
}

#search-advanced-container ._col.col-action button:hover {
	
}

#search-advanced-container .wrap-form-field {
	flex: 1;
	/*min-width: 200px;*/
	margin-bottom: 10px;
	border: 1px solid #ebebeb;
	border-radius: 8px;
	overflow: visible;
	position: relative;
	color: #222;
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#search-advanced-container .dropdown-header {
	background-color: #fff;
	padding: 8px 16px;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	width: 100%;
	border-radius: 8px;
	color: #222;
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	border: 2px;
}

/* Cut text with dots at the end */
#search-advanced-container .dropdown-header:first-child {
	display: inline-block;
	overflow-x: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
	padding-right: 2rem;
}

#search-advanced-container .dropdown-header.has-selection {
	border: 2px solid var(--bde-brand-primary-color);
	background: rgba(0, 157, 149, 0.05);
}

#search-advanced-container .dropdown-header span:first-child {
	font-weight: bold;
	color: var(--bde-body-text-color);
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

/* put arrow in right corner */
#search-advanced-container .toggle-section {
	position: absolute;
  	top: 8px;
  	right: 8px;
}

#search-advanced-container .toggle-section svg {
	transition: transform 0.3s ease;
}

#search-advanced-container .dropdown.active .toggle-section svg {
	transform: rotate(180deg);
}

#search-advanced-container .dropdown-content label {
	color: var(--bde-body-text-color);
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

#search-advanced-container .form-field-content {
	padding: 15px;
	border-top: 1px solid #e0e0e0;
	background-color: #fff;
	color: #222;
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#search-advanced-container .dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	min-width: 100%;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
	z-index: 1;
	border-radius: 8px;
	color: #222;
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-top: 8px;
}

#search-advanced-container .dropdown.active .dropdown-content {
	display: block;
}

#search-advanced-container .room-control {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

#search-advanced-container .room-input {
	display: flex;
	align-items: center;
	color: #222;
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

/* Decrease button */

#search-advanced-container .room-input button.decrement {
	width: 32px;
	height: 32px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='var(--Default-Background-Light, %23FAFAFA)'/%3E%3Cpath d='M11 16H21' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

/* Increase button */
#search-advanced-container .room-input button.increment {
	width: 32px;
	height: 32px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='var(--Default-Background-Light, %23FAFAFA)'/%3E%3Cpath d='M16 11V21' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 16H21' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

/* Common styles for both buttons */
#search-advanced-container .room-input button.decrement,
#search-advanced-container .room-input button.increment {
	color: transparent; /* Hide any text content */
	font-size: 0; /* Ensure no text is visible */
	line-height: 0;
}

Add
	hover
	effect
	*/
	#search-advanced-container
	.room-input
	button.decrement:hover,
#search-advanced-container .room-input button.increment:hover {
	opacity: 0.8;
}

#search-advanced-container .room-input button.decrement:focus,
#search-advanced-container .room-input button.increment:focus {
	outline: none;
}
#search-advanced-container .room-input button.decrement:active,
#search-advanced-container .room-input button.increment:active {
	outline: none;
}

#search-advanced-container .room-input #bedrooms-advanced {
	padding-left: 10px;
}
#search-advanced-container .room-input #bathrooms-advanced {
	padding-left: 10px;
}

#search-advanced-container .room-input input {
	width: 50px;
	height: 30px;
	text-align: center;
	border: none;
	border-left: none;
	border-right: none;
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

/* Display div for "Any" text */
#search-advanced-container .room-input .room-display {
	width: 50px;
	height: 30px;
	text-align: center;
	border: none;
	color: #222;
	font-family: inherit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#search-advanced-container .checkbox-list,
#search-advanced-container .radio-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 10px;
}

#search-advanced-container .checkbox-list label,
#search-advanced-container .radio-list label {
	display: flex;
	align-items: center;
	color: var(--bde-palette-color-1-68ca399b-b400-4c88-93b7-703ecfd70ee8);
	font-family: inherit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#search-advanced-container .checkbox-list input,
#search-advanced-container .radio-list input {
	margin-right: 5px;
}

#search-advanced-container .price-type {
	display: flex;
	justify-content: flex-start;
	gap: 20px;
	margin-bottom: 10px;
}

#search-advanced-container .price-range {
	display: flex;
	align-items: center;
	gap: 10px;
}

#search-advanced-container .price-range input[type="number"] {
	width: 100px;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#search-advanced-container .clear-section {
	margin-top: 10px;
	padding: 8px 15px;
	background-color: #fafafa;
	border: 1px solid #ebebeb;
	border-radius: 8px;
	cursor: pointer;
	width: 100%;
	font-size: 14px;
	color: var(--Default-Text-Primary, #222);
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

#search-advanced-container .clear-section:hover {
	background-color: #e0e0e0;
}

@media (max-width: 768px) {
	#search-advanced-container .hfy-search-form-row-advanced {
		flex-direction: column;
		gap: 0px;
		padding: 0px;
	}

	#search-advanced-container .wrap-form-field {
		width: 100%;
		/*margin-bottom: 16px;*/
	}
	
	/* Fix dropdown headers on mobile */
	#search-advanced-container .dropdown-header {
		padding: 6px 16px;
		font-size: 14px;
		min-height: 32px; /* Touch-friendly */
	}
	
	/* Fix dropdown content on mobile */
	#search-advanced-container .dropdown-content {
		padding: 16px;
	}
	
	/* Fix checkbox groups on mobile */
	#search-advanced-container .checkbox-list {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	
	/* Fix room controls on mobile */
	#search-advanced-container .room-control {
		margin-bottom: 16px;
	}
	
	#search-advanced-container .room-input {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-top: 8px;
	}
	
	/* Fix price range on mobile */
	#search-advanced-container .price-range {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	
	#search-advanced-container .price-input-wrapper {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	
	/* Make inputs touch-friendly
	#search-advanced-container input[type="number"],
	#search-advanced-container input[type="text"],
	#search-advanced-container select {
		min-height: 44px;
		font-size: 16px;
		padding: 12px;
	}
	 */
	/* Fix clear button */
	#search-advanced-container .clear-section {
		min-height: 44px;
		font-size: 16px;
		margin-top: 16px;
	}
}

/* Custom Checkbox and Radio Button Styles */

#search-advanced-container input[type="checkbox"],
#search-advanced-container input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	border-radius: var(--Guest-Full-circle, 999px);
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--Default-Background-Light, #fafafa);
	cursor: pointer;
	position: relative;
	margin-right: 10px;
	min-width: 24px;
}

#search-advanced-container input[type="checkbox"]:checked::before,
#search-advanced-container input[type="radio"]:checked::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background-image: url("../assets/images/check 1.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#search-advanced-container input[type="checkbox"]:focus,
#search-advanced-container input[type="radio"]:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgb(0, 157, 149 / 30%);;
}

/* Styles for labels next to checkboxes and radio buttons */
#search-advanced-container .checkbox-list label,
#search-advanced-container .radio-list label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	color: var(--bde-body-text-color);
	margin-bottom: 8px;
}

/* Hover effect */
#search-advanced-container input[type="checkbox"]:hover,
#search-advanced-container input[type="radio"]:hover {
	background-color: #f0f0f0;
}

/* Active effect */
#search-advanced-container input[type="checkbox"]:active,
#search-advanced-container input[type="radio"]:active {
	background-color: #e0e0e0;
}

/* Additional styles to match the layout in the image */
#search-advanced-container .checkbox-list,
#search-advanced-container .radio-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Active state for filters with selections */
#search-advanced-container .wrap-form-field.has-selection {
    border: 1px solid var(--bde-brand-primary-color);
    
}

#search-advanced-container .wrap-form-field.has-selection::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bde-brand-primary-color);
    opacity: 0.15;
}

/* Adjust the dropdown header for active state */
#search-advanced-container .wrap-form-field.has-selection .dropdown-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bde-brand-primary-color);
    opacity: 0.15;
}

/* Style for the selection indicator (e.g., number of selections) */
#search-advanced-container .wrap-form-field.has-selection .selection-indicator {
	color: var(--bde-brand-primary-color);
	font-weight: 600;
}

/*--------------------------------------------------------------
# End Advanced Search - Updated
--------------------------------------------------------------*/

/* Listings Block */

.listings-container {
	width: 100%;
}

#search-properties .listings .row.listing-block {
	display: grid;
	grid-template-rows: auto;
	grid-auto-rows: auto;
	/* grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)); */
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.listings-map-hidden #search-properties .listings .row.listing-block {
	display: grid;
	grid-template-rows: auto;
	grid-auto-rows: auto;
	grid-template-columns: repeat(4, 4fr);
	/*grid-template-columns: repeat(auto-fill, minmax(290px, 4fr));*/
	gap: 16px;
}

#search-properties .bde-shortcode-16-118 {
	padding-right: 0;
}

#search-properties .bde-columns {
	gap: 1rem;
}

@media (max-width: 1850px) {
	.listings-map-visible #search-properties .pricing-reviews-container {
		flex-direction: column;
	}
}

@media (max-width: 1440px) {
	.listings-map-visible #search-properties .row.listing-block {
		grid-template-columns: repeat(2, 1fr);
	}

	.listings-map-visible #search-properties .pricing-reviews-container {
		flex-direction: row;
	}
}

@media (max-width: 1300px) {
	.listings-map-visible #search-properties .pricing-reviews-container {
		flex-direction: column;
	}
}

@media (max-width: 1250px) {
	.listings-map-hidden #search-properties .listings .row.listing-block {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1120px) {
	.listings-map-visible #search-properties .row.listing-block {
		grid-template-columns: repeat(3, 1fr);
	}

	#search-properties .bde-shortcode-16-118 {
		padding-right: 1rem;
	}

	.listings-map-visible #search-properties .pricing-reviews-container {
		flex-direction: row;
	}

	/* Change divs order - map first  */
	#search-properties .bde-columns .bde-column-16-116 {
		/* order: 2; */
	}
}

@media (max-width: 970px) {
	.listings-map-visible #search-properties .pricing-reviews-container,
	.listings-map-hidden #search-properties .pricing-reviews-container {
		flex-direction: column;
	}
}

@media (max-width: 768px) {	
	.listings-container {
		width: 100%;
	}

	.listings-map-hidden #search-properties .listings .row.listing-block {
		grid-template-columns: repeat(2, 1fr);
	}

	.listings-map-hidden #search-properties .pricing-reviews-container {
		flex-direction: row;
	}
}

@media (max-width: 660px) {	
	.listings-map-hidden #search-properties .pricing-reviews-container {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 630px) {	
	.listings-map-visible #search-properties .pricing-reviews-container {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 600px) {	
	.listings-map-visible #search-properties .row.listing-block,
	.listings-map-hidden #search-properties .listings .row.listing-block {
		grid-template-columns: repeat(1, 1fr);
	}

	.listings-map-visible #search-properties .pricing-reviews-container,
	.listings-map-hidden #search-properties .pricing-reviews-container {
		flex-direction: row;
	}
}

@media (max-width: 350px) {	
	.listings-map-visible #search-properties .pricing-reviews-container,
	.listings-map-hidden #search-properties .pricing-reviews-container {
		flex-direction: column;
	}
}

/* Listings Block - Listing */

/* Show / Hide Map */

/* Listings column: full width when map is hidden (override Breakdance) */
.listings-map-hidden .breakdance .bde-column-16-116,
body.listings-map-hidden #search-properties .bde-columns .bde-column-16-116,
body.listings-map-hidden #search-properties .bde-columns > .bde-column:first-of-type {
	--column-width: 100% !important;
	display: grid;
	justify-content: center;
	transition: all 0.5s;
}

.listings-map-visible .breakdance .bde-column-16-116 {
	--column-width: 50%;
	transition: all 0.5s;
}

/* Map column: collapse when map is hidden so listings take full width */
.listings-map-hidden #map-column,
body.listings-map-hidden #map-column {
	--column-width: 0% !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
}

/* When map hidden: columns row and listings area use full width */
body.listings-map-hidden #search-properties .bde-columns {
	width: 100%;
	max-width: 100%;
}
/* */

.hfy-theme1 .hfy-widget-wrap-listings .blaze-container {
	position: inherit;
}

.hfy-theme1 .hfy-widget-wrap-listings .blaze-prev,
.hfy-theme1 .hfy-widget-wrap-listings .blaze-next {
	z-index: 1;
}

.listings-container .list-card {
	border-radius: 12px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--Default-Background-Light, #fafafa);
	width: 100%;
	margin: 0;
	display: grid;
	cursor: pointer;
	height: 100%;
}

.list-card-content {
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	height: 100%;
	position: relative;
}

.list-card a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.hfy-theme1 .hfy-widget-wrap-listings .list-card .img {
	border-radius: 12px 12px 0 0 !important;
}

.hfy-theme1 .list-card .img {
	box-shadow: none;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
	background: #fafafa;
	height: 240px;
	flex-shrink: 0;
	position: relative;
}

.hfy-theme1 .list-card .img img {
	object-fit: cover;
	object-position: center;
	border-radius: 12px 12px 0 0;
	width: 100%;
	height: 100%;
}

.hfy-theme1 .hfy-widget-wrap-listings .list-card .img img {
	object-fit: cover;
}

.hfy-theme1 .hfy-widget-wrap-listings .blaze-track {
	height: 240px;
}

.hfy-theme1 .list-card .info {
	margin: 0;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.hfy-theme1 .hfy-widget-wrap-listings .add-to-wish,
.hfy-theme1 .hfy-widget-wrap-listings .added-to-wish {
	z-index: 2;
}

.hfy-theme1 .list-card .info {
	margin: 0;
}

.hfy-theme1 .list-card .info .l-title {
	color: var(--bde-palette-color-1-048a5e6c-91cb-4a6f-8ca1-aea344be5d63);
	font-family: var(--bde-heading-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	margin: 0;
}

.hfy-theme1 .list-card .info .l-city {
	color: #292929;
	font-family: var(--bde-text-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	margin: 0;
}

.l-location {
	color: var(--bde-palette-color-1-5c30c548-aacb-4154-9ae0-e74902353208);
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
	letter-spacing: 1.4px;
	text-transform: uppercase;
	margin: 0;
}

.pricing-reviews-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.additional-details {
	color: var(--bde-body-text-color);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
/* 	padding-right: 1rem; */
}

/*.additional-details img {
	filter: invert(54%) sepia(7%) saturate(96%) hue-rotate(50deg) brightness(102%) contrast(102%);
	border-radius: 0 !important;
	padding-bottom: 4px;
}*/

.listings .list-card .divArea {
	display: flex;
}

.listings .list-card .divArea-img-wrap {
	width: 15px;
	margin-right: 5px;
}

.bottom-details {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: auto;
	gap: 1rem;
}

.bottom-details .price {
	color: #222222;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.bottom-details .price > span.suffix {
    color: #666;
    font-weight: 400;
}

.listings-container .guests,
.listings-container .divBeds,
.listings-container .divBaths,
.listings-container .divRooms,
.listings-container .divArea {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.listings-container .guestsIcon {
	-webkit-mask-image: url("../assets/images/guestsicon.svg");
	mask-image: url("../assets/images/guestsicon.svg");
	padding-left: 30px;	
	width: 24px;
	height: 24px;
}

.listings-container .bedIcon {
	-webkit-mask-image: url("../assets/images/bedicon.svg");
	mask-image: url("../assets/images/bedicon.svg");
	padding-left: 30px;	
	width: 14px;
	height: 14px;
}

.listings-container .bathIcon {
	-webkit-mask-image: url("../assets/images/bathicon.svg");
	mask-image: url("../assets/images/bathicon.svg");
	padding-left: 24px;	
	width: 20px;
	height: 20px;
}
.listings-container .roomIcon {
	-webkit-mask-image: url("../assets/images/bedroom.svg");
	mask-image: url("../assets/images/bedroom.svg");
	padding-left: 24px;	
	width: 14px;
	height: 14px;
}

.listings-container .areaIcon {
	-webkit-mask-image: url("../assets/images/Areaicon.svg");
	mask-image: url("../assets/images/Areaicon.svg");
	padding-left: 24px;	
	width: 14px;
	height: 14px;
}

.listings-container .guestsIcon,
.listings-container .bedIcon,
.listings-container .bathIcon,
.listings-container .roomIcon,
.listings-container .areaIcon {
	background-color: var(--bde-brand-primary-color);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}


/*----------------------------------------------------------------
Properties Page
----------------------------------------------------------------*/

body.page-id-16 {
	overflow-x: hidden;
}

#search-properties .listings-container {
	width: 100%;
}

.list-card .list-card-content .bottom-details .additional-details img {
	filter: brightness(0) saturate(100%) invert(37%) sepia(48%) saturate(1380%) hue-rotate(212deg) brightness(105%) contrast(103%);
}

#search-properties-map .hfy-map-wrapper {
	height: 100%;
}

/* #search-properties .added-to-wish, #search-properties .add-to-wish {
    z-index: 0;
} */

/* Pagination */

#search-properties .pagination-section {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
}

#search-properties .pagination-section .container {
	justify-content: center;
}

#search-properties .pagination-section .container {
	border-radius: 12px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--Default-Background-Light, #fafafa);
	width: 100%;
	margin: 0;
	display: flex;
	cursor: pointer;
	height: 100%;
	padding-block: 1rem;
}

#search-properties .pagination-section ul.pagination {
	margin: 0;
	padding: 0;
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

#search-properties .pagination-section ul.pagination li a {
	color: var(--Default-Text-Primary, #222);
	text-align: right;
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px; /* 137.5% */
	background-color: transparent;
	transition: transform 0.2s ease;
	text-decoration: none;
}

#search-properties .pagination-section ul.pagination li a:focus,
#search-properties .pagination-section ul.pagination li a:active {
	box-shadow: none;
	color: var(--bde-brand-primary-color);
}

#search-properties .pagination-section ul.pagination a.page-link-previous,
#search-properties .pagination-section ul.pagination a.page-link-next {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid var(--bde-brand-primary-color) !important;
	color: var(--bde-brand-primary-color);
	display: flex;
	flex-direction: row;
	padding: 8px 16px;
	height: 100%;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	border: none;
	font-family: inherit;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease;
	text-decoration: none;
}

#search-properties .pagination-section ul.pagination a.page-link-previous:hover,
#search-properties .pagination-section ul.pagination a.page-link-next:hover {
	transform: scale(1.05);
}

#search-properties .pagination-section ul.pagination a:hover,
#search-properties .pagination-section ul.pagination a:hover {
	transform: scale(1.05);
}

#search-properties .pagination-section ul.pagination a.page-link-current {
	color: var(--bde-brand-primary-color);
	font-weight: 600;
	font-size: 18px;
}

/* End Pagination */

/*----------------------------------------------------------------
End Properties Page
----------------------------------------------------------------*/

/*----------------------------------------------------------------
Single Listing Page
----------------------------------------------------------------*/

#single-listing-intro h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#single-listing-intro .hfy-listing-hotel-facilities {
	display: flex;
	gap: 12px;
	/* align-items: center; */
	justify-content: flex-start;
}

#single-listing-intro .hfy-listing-hotel-facilities > div {
	border-radius: 12px;
	border: 1px solid #ebebeb;
	background: #fff;
	padding: 8px 12px;
	color: #222;
	text-align: center;
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	display: flex;
	align-items: center;
}

#single-listing-intro .hfy-listing-hotel-facilities img {
	width: 24px;
	height: 24px;
}

#single-listing-gallery .hfy-listing-gallery-abnb {
	border: none;
	border-radius: 12px;
	gap: 16px;
}

#single-listing-gallery .hfy-listing-gallery-abnb .main {
	border: none;
	border-radius: 12px;
}

#single-listing-gallery .hfy-listing-gallery-abnb .list div {
	width: 48.5%;
	height: 48.5%;
	border: none;
	border-radius: 12px;
}

#single-listing-gallery .hfy-listing-gallery-abnb .list {
	gap: 16px;
}

#single-listing-gallery #show-gallery-btn {
	position: absolute;
	bottom: 20%;
	left: 3%;
}

#single-listing-body .hfy-listing-location .location-wrapper {
	height: auto;
	max-height: 420px;
	border-radius: 12px;
}

/* Single Listing Amenities */
#features .hfy-listing-amenities {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 20px;
}

#features .hfy-listing-amenities span {
	border: none;
	background: none;
	padding: 0;
	gap: 1rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

#features .hfy-listing-amenities .hfy-am img {
    width: 24px;
    height: 24px;
    opacity: .5;
    /* Remove the hardcoded filter below */
    /* filter: brightness(0) saturate(100%) invert(37%) sepia(48%) saturate(1380%) hue-rotate(212deg) brightness(105%) contrast(103%); */
}

@media only screen and (max-width: 1128px) {
	#single-listing-gallery .hfy-listing-gallery-abnb .list div {
		width: 100%;
		height: 48.5%;
		border: none;
		border-radius: 12px;
	}
}
/* End Single Listing Amenities */

/* Single Listing Booking Form */

.hfy-theme1 .calendar-error {
	padding-top: 1rem;
}

#single-listing-booking-form .hfy-wrap .row {
	margin-left: -15px;
	margin-right: -15px;
}

#single-listing-intro,
#single-listing-gallery,
#single-listing-body {
	padding: 0 1rem;
}


#single-listing-booking-form {
	border-radius: 12px;
	border: 1px solid var(--3-White, #fff);
	background: var(--Default-Background-Light, #fafafa);
	padding: 1.5rem !important;
	width: 100%;
}

#single-listing-booking-form
.hfy-theme1
.hfy-listing-booking-form
.calentim-dates,
#single-listing-booking-form
.hfy-theme1
.hfy-listing-booking-form
.calentim-start,
#single-listing-booking-form
.hfy-theme1
.hfy-listing-booking-form
.calentim-end,
#single-listing-booking-form
.hfy-theme1
.hfy-listing-booking-form
#hotel-datepicker-wrapper {
	color: rgb(34, 34, 34);
	background-color: #ffffff;
	border: 1px solid #ebebeb !important;
	border-radius: 8px;
	padding: 20px 12px;
	text-transform: capitalize;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#single-listing-booking-form
.hfy-theme1
.hfy-listing-booking-form
#hotel-datepicker-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
	overflow: visible;
}

#single-listing-booking-form small {
	text-transform: lowercase;
}

@media only screen and (max-width: 970px) {
	/* Listings Search Dates input */
	#search-advanced-container #formBooking .calentim-dates {
	width: 22vw;
	}
}

@media only screen and (max-width: 840px) {
	/* Listings Search Dates input */
	#search-advanced-container #formBooking .calentim-dates {
	width: 14vw;
	}
}

@media only screen and (max-width: 768px) {
	/* Listings Search Dates input */
	#search-advanced-container #formBooking .calentim-dates {
		width: 70vw;
	}
}

#single-listing-booking-form .hfy-theme1 .form-group {
	margin-bottom: 0;
}

#single-listing-booking-form .guests-count-num-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	height: 2.5rem;
}

#single-listing-booking-form .guests-count-num {
	text-align: left;
	align-self: center;
}

#single-listing-booking-form .select-guests-dropdown {
	/*display: flex;
	flex-direction: column;
	padding: 0;*/
	box-shadow: 0px 4px 16px 0px #00000014;

}

#single-listing-booking-form #hotel-datepicker,
#single-listing-booking-form .guests-input {
	border-radius: 8px;
    border: 1px solid var(--Default-Outline, #ebebeb);
    background: var(--3-White, #fff);
    /* padding: 4px 4px 4px 12px; */
    margin-top: 10px;
}

/*#single-listing-booking-form .hfy-theme1 .hfy-listing-booking-form .ico-guest {
    padding-left: 38px;
	-webkit-mask-image: url("../assets/images/guestsicon.svg");
	mask-image: url("../assets/images/guestsicon.svg");
	width: 24px;
	height: 24px;
	background-color: var(--bde-brand-primary-color);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
*/
#single-listing-booking-form .hfy-theme1 .booking-price-block .discount-code-wrap {
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: column;
}

#single-listing-booking-form .booking-price-block .discount-code-wrap label {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
;
}

.select-guests-wrap .select-guests-dropdown {
	border-radius: 12px;
	margin-top: 8px;
	width: 280px;
}

#single-listing-booking-form input[type="checkbox"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: var(--Guest-Full-circle, 999px);
    border: 1px solid var(--Default-Outline, #ebebeb)!important;
    background: #fff;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
}

#single-listing-booking-form input[type="checkbox"]:hover {
    background-color: #f0f0f0;
}
#single-listing-booking-form input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgb(0, 157, 149 / 30%);
}

#single-listing-booking-form input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-image: url("../assets/images/check 1.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


#single-listing-booking-form .btn-close-guests-box .btn {
	border-radius: 8px;
    border: 2px solid #ebebeb;
    background: var(--bde-brand-primary-color);
    color: #fff;
    font-family: var(--bde-body-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 20px;
}

#single-listing-booking-form .select-guests-item {
	border-radius: 8px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--3-White, #fff);
	padding: 4px 4px 4px 12px;
	margin: 10px 0;
}

#single-listing-booking-form .calentim-start,
#single-listing-booking-form .calentim-end {
	border-radius: 8px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--3-White, #fff);
	padding: 4px 12px 4px 12px;
}

#single-listing-booking-form .price-block {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-block: 24px;
}

#single-listing-booking-form .discount-code-wrap .input_wrap {
	border-radius: 8px;
	border: 1px solid #ebebeb;
	background: #fff;
	padding: 4px 4px 4px 0px;
}

#single-listing-booking-form input.form-control {
	border: none;
}

#single-listing-booking-form .icon-dec {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	background: center center no-repeat;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='6' fill='var(--Default-Background-Light, %23FAFAFA)'/%3E%3Cpath d='M11 16H21' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#single-listing-booking-form .icon-inc {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	background: center center no-repeat;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='6' fill='var(--Default-Background-Light, %23FAFAFA)'/%3E%3Cpath d='M16 11V21' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 16H21' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#single-listing-booking-form .select-guests-wrap .func-box input {
	width: auto;
	max-width: 40px;
	min-width: 40px;
	height: 26px;
	line-height: 100%;
	padding: 0;
	text-align: center;
	pointer-events: none;
	border: none;
	user-select: none;
	background-color: transparent;
}

#single-listing-booking-form .btn-light {
	border-color: #f8f9fa;
	color: var(--Default-Text-Secondary, #999);
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	border-radius: 8px;
	background: var(--Default-Background-Light, #fafafa);
	padding: 5px 20px;
}

#single-listing-booking-form .btn-success {
	color: #fff;
	background-color: var(--bde-brand-primary-color);
	border-color: #ebebeb;
	border-radius: 8px;
}

#single-listing-booking-form
	.btn-success:not(:disabled):not(.disabled).active:focus,
#single-listing-booking-form
	.btn-success:not(:disabled):not(.disabled):active:focus,
#single-listing-booking-form .show > .btn-success.dropdown-toggle:focus {
	box-shadow: none;
}

#single-listing-booking-form input.form-control:focus,
#single-listing-booking-form input.form-control:active {
	box-shadow: none;
}

#single-listing-booking-form .price-block-item ._label {
	float: left;
	color: #222;
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
}

#single-listing-booking-form .price-block-item ._value {
	color: #222;
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

#single-listing-booking-form .price-block-total ._label {
	color: #222;
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px; /* 137.5% */
}

#single-listing-booking-form .price-block-total ._value {
	color: #222;
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px; /* 137.5% */
}

#single-listing-booking-form .price-block-total {
	border-top: 1px solid #ebebeb;
	font-weight: bold;
	margin: 0;
	padding-top: 12px;
}

#single-listing-booking-form .btn-book-now {
	border-radius: 8px;
	border: 2px solid #ebebeb;
	background: var(--bde-brand-primary-color);
	color: #fff;
	font-family: var(--bde-body-font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	padding: 16px 40px;
}

.hfy-theme1 .booking-price-block .direct-inquiry-modal-open {
	cursor: pointer;
	padding: 16px 40px;
	background-color: #e4e5e6;
	width: 100%;
	text-align: center;
	margin-top: 1rem;
	border-radius: 8px;
	border: 2px solid var(--Default-Outline, #ebebeb);
	background: var(--3-White, #fff);
	color: var(--Default-Text-Primary, #222);
	font-family: var(--bde-body-font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.direct-inquiry-modal {
	margin-top: 6rem;
}

.inquiry_container_input .fa-calendar {
	left: 14px!important;
}

.datepicker {
    z-index: 1000;
}

/* icons color */
.hfy-wrap .text-primary path {
	/* color: var(--bde-brand-primary-color) !important; */
	background: black !important;
	height: 24px;
	width: 24px;
}

/* btn color */
.hfy-wrap .btn-primary {
	color: var(--bde-palette-color-1-219fc5f7-3915-46c5-8bef-6ed6d8972ff4);
	background-color: var(--bde-button-primary-background-color);
	border-color: var(--bde-button-primary-background-color);
}

/* btn color hover */
.hfy-wrap .btn-primary:hover {
	color: #fff;
	background-color: var(--bde-button-primary-background-color);
	border-color: var(--bde-button-primary-background-color);
}

/* terms-wrap */
.direct-inquiry-form .terms-wrap {
	display: flex;
	justify-content: flex-start;
}

/* terms checkbox */
.hfy-wrap .terms-checkbox {
	float: left;
	margin: 0;
}

/* Terms checkbox styles */
.terms-checkbox {
    position: relative;
    display: inline-block;
}

.terms-checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    z-index: 1;
}

.terms-checkbox span {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: var(--Guest-Full-circle, 999px);
    border: 1px solid #003d60;
    background: var(--Default-Background-Light, #fafafa);
    cursor: pointer;
    position: relative;
    margin-right: 10px;
    min-width: 24px;
    display: inline-block;
    pointer-events: none;
}

.terms-checkbox input[type="checkbox"]:checked + span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-image: url(../assets/images/check\ 1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.terms-checkbox input[type="checkbox"]:hover + span {
    background-image: url("data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23222222'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
}


/* End terms checkboxes */

@media only screen and (max-width: 768px) {
	#single-listing-intro .hfy-listing-hotel-facilities {
		flex-wrap: wrap;
	}
	.hfy-listing-map {
		height: 100%;
	}

	.select-guests-wrap .select-guests-dropdown {
		width: 100%;
	}
}

@media only screen and (max-width: 576px) {
	.direct-inquiry-form .infants-wrap {
		margin-top: 16px;
		max-width: 100%;
	}

	#inquiry_infants i {
		padding-top: 8px !important;
	}

	.direct-inquiry-modal-content
		.direct-inquiry-form
		.direct-inquiry-col-container
		input,
	.direct-inquiry-modal-content
		.direct-inquiry-form
		.direct-inquiry-col-container
		textarea,
	.direct-inquiry-modal-content
		.direct-inquiry-form
		.direct-inquiry-col-container
		select,
	.direct-inquiry-modal-content
		.direct-inquiry-form
		.inquiry_container_input
		input,
	.direct-inquiry-modal-content
		.direct-inquiry-form
		.inquiry_container_input
		textarea,
	.direct-inquiry-modal-content
		.direct-inquiry-form
		.inquiry_container_input
		select {
		padding-left: 35px;
	}
}
/* End Single Listing Booking Form */

/*----------------------------------------------------------------
End Single Listing Page
----------------------------------------------------------------*/

/*----------------------------------------------------------------
User profile menu
----------------------------------------------------------------*/

.my-booking-item-img img {
	border-radius: 12px;
	height: 300px !important;
	width: 100%;
}

.breakdance img {
	border-radius: 12px;
	object-fit: cover;
	object-position: center;
}

.hfy-listing-amenities img {
	border-radius: 0;
}

.hfy-wrap .btn-outline-primary {
	color: var(--bde-brand-primary-color);
	border-color: var(--bde-brand-primary-color);
}

.hfy-wrap .btn-outline-primary:hover {
	background-color: var(--bde-brand-primary-color);
	border-color: var(--bde-brand-primary-color);
}

.hfy-wrap .btn-outline-primary:not(:disabled):not(.disabled).active, 
.hfy-wrap .btn-outline-primary:not(:disabled):not(.disabled):active, 
.hfy-wrap .show > .btn-outline-primary.dropdown-toggle {
	background-color: var(--bde-brand-primary-color);
  	border-color: var(--bde-brand-primary-color);
}

.hfy-wrap .btn-outline-primary.focus, .hfy-wrap .btn-outline-primary:focus {
	box-shadow: 0 0 0 0.2rem var(--bde-brand-primary-color);
}

.hfy-wrap .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .hfy-wrap .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .hfy-wrap .show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--bde-brand-primary-color);
}

/*----------------------------------------------------------------
End of user profile menu
----------------------------------------------------------------*/

/* Mobile Sticky Booking Section */
.hfy-mobile-sticky-booking {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
	padding: 16px;
	z-index: 1000;
	transition: transform 0.3s ease-in-out;
	transform: translateY(100%);
}

.hfy-mobile-sticky-booking.visible {
	transform: translateY(0);
	display: block;
}

.hfy-sticky-content {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	gap: 1.5rem;
	width: 100% !important;
}

.hfy-book-button {
	flex: 1;
	border-radius: 999px;
	border: 1px solid #ebebeb;
	background: var(--bde-brand-primary-color);
	padding: 12px 24px;
	color: #fff;
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	cursor: pointer;
	transition: background-color 0.2s ease;
	white-space: nowrap;
}

.hfy-book-button:hover {
	background-color: var(--bde-brand-primary-color);
}

.hfy-book-button:active {
	background-color: var(--bde-brand-primary-color);
}

.row-hfy-sticky-content {
	width: 100%;
	align-items: center;
}

.hfy-sticky-content .row {
	margin: 0 !important;
	padding: 0 !important;
}

.hfy-sticky-content .col {
	margin: 0 !important;
	padding: 0 !important;
}

/* Col book btn */
.hfy-sticky-content .hfy-col-book-btn {
	width: 70%;
}

/* Row book btn */
.hfy-sticky-content .hfy-row-book-btn {
	padding-right: 1.5rem !important;
}

/* Col price and wa btn */
.hfy-sticky-content .hfy-col-booking-price-wa-btn {
/* 	width: 30%; */
}

/* Price and wa btn inner row */
.hfy-sticky-content .hfy-row-booking-price-wa-btn {
	align-items: center;
	justify-content: space-between;
}

/* Col price info */
.hfy-sticky-content .hfy-col-price-info {
/* 	width: 70%; */
}

/* Row price info */
.hfy-sticky-content .hfy-row-price-info {
	flex-direction: column;
  	align-items: flex-start;
}

/* Col wa btn */
.hfy-sticky-content .hfy-col-wa-btn {
	width: 30%;
}

/* Row wa btn */
.hfy-sticky-content .hfy-row-wa-btn {
	justify-content: end;
}

.hfy-price-info,
.hfy-nights-total {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin: 0 16px;
	min-width: 80px;
	text-align: right;
}

.hfy-price-prefix,
.hfy-nights {
	color: #999;
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.hfy-price,
.hfy-total-price {
	color: #222;
	font-family: var(--bde-body-font-family);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.hfy-price-suffix {
	color: #999;
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.hfy-whatsapp-button {
	background-color: #25d366;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.2s ease;
	flex-shrink: 0;
}

.hfy-whatsapp-button:hover {
	background-color: #128c7e;
}

@media (max-width: 768px) {
	.hfy-mobile-sticky-booking {
		display: block;
	}

	.hfy-sticky-content {
		flex-wrap: wrap;
	}

	.hfy-book-button {
		order: 1;
		width: 100%;
		margin-bottom: 8px;
	}

	.hfy-price-info,
	.hfy-nights-total {
		order: 2;
		margin: 8px 0;
		flex: 1;
		text-align: left;
		align-items: flex-start;
	}

	.hfy-whatsapp-button {
		order: 3;
	}
}

@media (max-width: 480px) {
	.hfy-sticky-content {
	}

	.hfy-book-button,
	.hfy-price-info,
	.hfy-nights-total,
	.hfy-whatsapp-button {
		width: 100%;
		margin-bottom: 8px;
	}

	.hfy-whatsapp-button {
		width: 48px;
		align-self: flex-end;
	}

	.row-hfy-sticky-content {
		flex-direction: column;
		gap: 1rem;
	}

	/* Col book btn */
	.hfy-sticky-content .hfy-col-book-btn {
		width: 100%;
	}

	/* Col price and wa btn */
	.hfy-sticky-content .hfy-col-booking-price-wa-btn {
		width: 100%;
	}

	/* Row book btn */
	.hfy-sticky-content .hfy-row-book-btn {
		padding-right: 0 !important;
	}

	/* Row price info */
	.hfy-sticky-content .hfy-row-price-info {
		flex-direction: row;
		gap: 1rem;
		align-items: center;
	}
}

@media (max-width: 410px) {
	.hfy-mobile-sticky-booking {
		width: 100vw;
	}
}

/* Mobile Search Container Styles */
#mobile-search-container {
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 16px;
	margin-bottom: 16px;
}

/* Filter & Sort Button Styling */
.filter-sort-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 20px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #374151;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 100%;
	min-height: 44px;
	position: relative;
}

.filter-sort-button:hover {
	background: #f9fafb;
	border-color: #d1d5db;
}

.filter-sort-button svg {
	width: 16px;
	height: 16px;
	stroke-width: 2.5;
}

/* Desktop: Hide text, show only icon, match form styling */
@media (min-width: 769px) {
	.filter-sort-button {
		padding: 8px 12px;
		width: auto;
		min-width: 44px;
		height: 40px;
		border: 1px solid #ebebeb;
		background-color: #fff;
		border-radius: 8px;
	}
	
	.filter-sort-button .filter-text {
		display: none;
	}
	
	.filter-sort-button svg {
		width: 20px;
		height: 20px;
		stroke-width: 3;
	}
}

/* Responsive placeholder text sizing for booking search */
@media (max-width: 1024px) {
	/* Tablet styles - slightly smaller placeholder text */
	.hfy-search-form-wrap .booking-search-input-container input::placeholder,
	.hfy-search-form-wrap .booking-search-input-container select option:first-child {
		font-size: 14px !important;
	}
}

@media (max-width: 768px) {
	/* Mobile styles - smaller placeholder text */
	.hfy-search-form-wrap .booking-search-input-container input::placeholder,
	.hfy-search-form-wrap .booking-search-input-container select option:first-child {
		font-size: 12px !important;
	}
	
	/* Also target the form container placeholder styles */
	#form-container input::placeholder,
	#form-container select option:first-child {
		font-size: 12px !important;
	}
}

/* Mobile: Show text and position after search button */
@media (max-width: 768px) {
	.filter-sort-button {
		margin-top: 8px;
		width: 100%;
	}
	
	.filter-sort-button .filter-text {
		display: inline;
	}
	
	/* Hide filter button in its original position on mobile */
	.col-popup-filter {
		display: none !important;
	}
}

.mobile-search-summary {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.summary-item {
	flex: 1 1 30%;
	margin-bottom: 8px;
}

.summary-item .label {
	font-size: 12px;
	color: #999;
	display: block;
}

.summary-item .value {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

#mobile-expand-search {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.mobile-search-selections {
	margin-top: 16px;
}

.selection-item {
	background-color: #f0f0f0;
	border-radius: 4px;
	padding: 4px 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline-block;
	font-size: 12px;
	color: #333;
}

.btn-open-advanced {
	border-radius: 8px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--3-White, #fff);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.btn-open-advanced svg {
	transition: transform 0.3s ease;
}

.btn-open-advanced.active svg {
	transform: rotate(180deg);
}

/* Mobile styles */
@media (max-width: 767px) {
	#mobile-search-container.expanded {
		margin-bottom: 0;
	}

	#mobile-search-container.expanded .mobile-search-summary {
		margin-bottom: 16px;
	}

	#mobile-search-container.expanded .mobile-search-selections {
		display: none;
	}

	/* Always show the basic search form */
	#form-container .hfy-search-form-row {
		display: block !important;
	}

	/* mobile search summary */
	#search-advanced-container .col {
		padding: 0 !important;
	}

	#search-advanced-container .adv-search-prop-h2 {
		padding-bottom: 10px;
	}

	#search-advanced-container .current-location {
		/* display: none; */
	}

	#search-advanced-container .summary-row {
		width: 100%;
	}

	#search-advanced-container .summary-row .label {
		/* display: none; */
	}

	#search-advanced-container .listings-container {
		padding-top: 1rem;
	}

	/* mobile search fields */
	#search-advanced-container .hfy-search-form-row {
		padding: 0;
	}

	#search-advanced-container .col-location::after,
	#search-advanced-container .col-start-date::after,
	#search-advanced-container .col-end-date::after {
		display: none;
	}

	#search-advanced-container .hfy-search-form-row-advanced {
		display: grid;
		grid-template-columns: auto auto;
	}

	.hfy-theme1 .hfy-search-form-wrap .col-action {
		display: grid;
		/*grid-template-columns: 5fr 1fr;*/
		grid-template-rows: 1fr;
		grid-column-gap: 12px;
		grid-row-gap: 12px;
	}

	/* Btn submit */
	#search-advanced-container .btn-primary {
		width: 100%;
	}

	/* Btn back to summary */
	.btn-back-to-summary {
		background-color: white;
		padding: 16px;
		border: 1px solid #ebebeb;
		border-radius: 8px;
		width: 56px;
		cursor: pointer;
	}
}

@media only screen and (max-width: 768px) {
	
	.home .hfy-theme1 .hfy-search-form-wrap .col-action {
		display: flex;
	}
	
	.calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar {
		z-index: 0;
	}
}

@media (max-width: 744px) {
	#single-listing-gallery
		.hfy-theme1
		.hfy-listing-gallery.hfy-listing-gallery-abnb {
		display: flex !important;
		flex-direction: column !important;
		max-height: initial;
	}
	#single-listing-gallery
		.hfy-theme1
		.hfy-listing-gallery.hfy-listing-gallery-abnb
		> .list {
		width: auto;
		display: grid;
		grid-template-columns: auto auto;
		height: 2rem;
		padding-bottom: 16px;
	}
	#single-listing-gallery
		.hfy-theme1
		.hfy-listing-gallery.hfy-listing-gallery-abnb
		> .list
		div {
		height: 100%;
		width: 100%;
	}
	#single-listing-gallery #show-gallery-btn {
		position: relative;
		width: 100%;
		bottom: initial;
		left: initial;
	}

	#single-listing-gallery #show-gallery-btn button {
		width: 100%;
		border-radius: 8px;
		padding: 16px 24px;
	}
	#single-listing-gallery .section-container {
		padding-bottom: 3rem;
	}
}
/* small mobile devices */

/* Desktop styles */
@media (min-width: 768px) {
	#mobile-search-container {
		display: none;
	}
}

@media (max-width: 767px) {
	#mobile-search-container {
		display: block;
	}

	#form-container.show-advanced-search #mobile-search-container {
		display: none;
	}

	#form-container.show-advanced-search .search-form-fields {
		display: block;
	}
}

@media (min-width: 768px) {
	#mobile-search-container {
		display: none;
	}

	.search-form-fields {
		display: block;
	}
}

/* small mobile devices */
@media only screen and (max-width: 450px) {
	/* Advanced search form */
	#search-advanced-container .hfy-search-form-row-advanced,
    /* Features in single listing */
    #single-listing-body .hfy-listing-amenities {
		display: flex;
		flex-direction: column;
	}
}

/* ----------------------------------------------------------------

Wishlist 

---------------------------------------------------------------- */

.hfy-theme1 .user-wishlist .sort-controls-wrap {
	border-radius: 12px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--Default-Background-Light, #fafafa);
	padding: 0.5rem 1rem;
}

.hfy-theme1 .user-wishlist .sort-controls-wrap > div:first-child {
	justify-content: space-between;
	display: flex;
	align-items: center;
}

.hfy-theme1 .user-wishlist .custom-search-ctrl {
	border-radius: 8px;
  	border: 1px solid var(--Default-Outline, #ebebeb);
  	background: var(--Default-Background-Light, #fff);
	padding: 6px 1rem;
}

.hfy-theme1 .user-wishlist .listing-item {
	width: 100%;
}

.user-wishlist .hfy-widget-wrap {
	padding-top: 1rem;
}

.user-wishlist .hfy-widget-wrap .list-card {
	border-radius: 12px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--Default-Background-Light, #fafafa);
	width: 100%;
	margin: 0;
	display: grid;
	cursor: pointer;
	height: 100%;
}

.user-wishlist .hfy-widget-wrap .list-card .description {
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	height: 100%;
	position: relative;
}

.user-wishlist .hfy-widget-wrap .list-card .description .title {
	color: var(--bde-palette-color-1-048a5e6c-91cb-4a6f-8ca1-aea344be5d63);
	font-family: var(--bde-body-font-family);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	margin: 0;
}

.user-wishlist .hfy-widget-wrap .list-card .description .details {
	color: var(--bde-palette-color-1-5c30c548-aacb-4154-9ae0-e74902353208);
	font-family: var(--bde-body-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 128.571% */
	letter-spacing: 1.4px;
	text-transform: uppercase;
	margin: 0;
	padding-top: 0.5rem;
}

.user-wishlist .hfy-widget-wrap .list-card .description .price {
	color: var(--bde-palette-color-1-0769af58-2a0f-4dae-a434-be39c7540be6);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	padding-top: 0.5rem;
}

/* ----------------------------------------------------------------

End of Wishlist 

---------------------------------------------------------------- */

/* ----------------------------------------------------------------

Bookings

---------------------------------------------------------------- */

.hfy-wrap.hfy-theme1 {
	width: 100%;
}

.payment-info .result-row input {
	width: 100%;
}

#roomInfoSection .booking-block .col-xs-5.col-5 {
	padding: 0;
}

.hfy-wrap.hfy-theme1 .hfy-wrap.data-block .payment-info {
	background-color: var(--Default-Background-Light, #fafafa);
	border-radius: 12px;
}

/* ----------------------------------------------------------------

End of Bookings 

---------------------------------------------------------------- */

/*  ----------------------------------------------------------------

Payment 

---------------------------------------------------------------- */
.bde-section-12-100 .section-container {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

.payment-wrapper {
	padding-block: 3rem;
	width: 100%;
	padding-right: 1rem;
}

.payment-wrapper .row {
	display: flex;
	flex-direction: row-reverse;
}

#roomInfoSection .booking-dates .row {
	flex-direction: row;
}

#roomInfoSection .booking-block.booking-dates > .row > div {
	padding-left: 0;
	padding-right: 0;
}

.payment-wrapper .hfy-wrap .hfy-payment .input {
	border-radius: 8px;
	border: 1px solid var(--Default-Outline, #ebebeb);
	background: var(--3-White, #fff);
	padding: 12px;
	font-size: 14px;
}

#payment-form .row {
	display: flex;
	flex-direction: row;
}

#payment-form .btn-wrap,
#payment-form .pay-btn-wrap {
	display: flex;
	flex-direction: row;
	justify-content: end;
}

#payment-form .next-btn {
	border: 2px solid #EBEBEB;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	border-radius: 8px;
	padding: 8px 2rem;
	margin-top: 1.5rem;
} 

#payment-form textarea.input {
	max-height: none;
	height: 6em;
} 

#hfy-payment-note {
	border-color: #003D60!important;
}


#payment-form .pay-btn {
	border: 2px solid #EBEBEB;
	background-color: var(--bde-brand-primary-color);
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	border-radius: 8px;
	padding: 8px 2rem;
}

#payment-form .prev-btn {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	border-radius: 8px;
	padding: 8px 2rem;
}

/* Step 2*/
.hfy-theme1 .styled-checkbox {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: -3px;
    vertical-align: middle;
    margin-right: 10px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23888888'/%3E%3C/svg%3E") no-repeat;
}

.hfy-theme1 .styled-checkbox.selected {
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' fill='%23003d60'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23EBEBEB'/%3E%3Cpath d='M8 16.4L9.6 14.8L13.6 18.8L22.4 10L24 11.6L13.6 22L8 16.4Z' fill='white'/%3E%3C/svg%3E") no-repeat;
}


#payment-form-success .body,
.payment-wrapper .payment-content {
	padding-left: 0;
	padding-right: 0;
}

#payment-form-success .body .row {
	flex-direction: row;
}

#payment-form-success #transaction-id {
	overflow-wrap: break-word;
}

#payment-form-success .btn-success {
	background-color: var(--bde-brand-primary-color);
	border-color: var(--bde-brand-primary-color);
}

/* hide mobile map btn when map is open */
.listings-map-visible-mobile #search-properties-map .hfy-listings-map-toggle {
	display: none !important;
}

/* hide mobbile map btn when calendar is open */
.calentim-open #search-properties-map .hfy-listings-map-toggle {
	display: none !important;
}

@media only screen and (max-width: 1120px) {

	/* Show / Hide Map Btn */
	#search-properties-map .hfy-listings-map-toggle {
		right: auto;
		left: 42vw;
	}
}

@media only screen and (max-width: 900px) {

	/* Show / Hide Map Btn */
	#search-properties-map .hfy-listings-map-toggle {
		left: 40vw;
	}
}

@media only screen and (max-width: 768px) {

	.bde-section-12-100 .section-container {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.bde-section-12-100 .section-container .payment-wrapper {
		padding-top: 0;
		padding-bottom: 0;
	}

	.payment-wrapper {
		padding-right: 0;
	}

	/* Show / Hide Map Btn */
	#search-properties-map .hfy-listings-map-toggle {
		right: auto;
		left: 35vw;
	}
}

@media only screen and (max-width: 500px) {

	/* Show / Hide Map Btn */
	#search-properties-map .hfy-listings-map-toggle {
		left: 30vw;
	}
}

@media only screen and (max-width: 400px) {

	/* Show / Hide Map Btn */
	#search-properties-map .hfy-listings-map-toggle {
		left: 26vw;
	}
}

@media only screen and (max-width: 350px) {

	/* Show / Hide Map Btn */
	#search-properties-map .hfy-listings-map-toggle {
		left: 24vw;
	}
}

@media only screen and (max-width: 300px) {

	/* Show / Hide Map Btn */
	#search-properties-map .hfy-listings-map-toggle {
		left: 18vw;
	}
}

/* ----------------------------------------------------------------

Show / Hide Map

---------------------------------------------------------------- */

/* setup show/hide btn on desktop */
#search-properties .hfy-listings-map-toggle {
	display: flex;
  	justify-content: flex-end;
}

.hfy-theme1 .hfy-listings-map-toggle.hfy-ctrl-hide-map .hfy-lmt-hide {
	display: flex;
}

#search-properties .hfy-listings-map-toggle svg,
#search-properties #search-properties-map .hfy-listings-map-toggle {
	display: none;
}

#search-properties .bde-shortcode-16-156 {
	width: 16rem;
	min-width: 11rem;
}

/* setup show/hide map on tablet */
@media only screen and (max-width: 1120px) {
	.hfy-listings-map-toggle {
		display: block !important;
		visibility:visible;
	}

	.page-id-16.listings-map-visible .hfy-map-wrapper {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999999;
	}

	.page-id-16.listings-map-visible .hfy-listing-map {
		height: 100%;
	}

	.page-id-16.listings-map-visible .breakdance .bde-shortcode-16-119 {
		position: relative !important;
		top: 0 !important;
	}

	/* hide map btn when map is open on tablet */
	.listings-map-visible #search-properties-map .hfy-listings-map-toggle {
		display: none !important;
	}

	/* hide scroll effect when map is shown */
	.page-id-16.listings-map-visible {
		overflow: hidden;
	}

	.breakdance .bde-shortcode-16-119 {
		position: initial !important;
	}
}

.datepicker__inner {
	/* outline: 1px solid red; */
}