.hfy-wrap .row {
margin-left: 0;
margin-right: 0;
} #properties .row.listing-block {
display: grid;
grid-template-rows: auto;
grid-auto-rows: auto;
grid-template-columns: repeat(3, 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);
}
} #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 {
display: grid; 
grid-template-columns: repeat(1, 1.5fr) repeat(1, 0.7fr) repeat(
1,
0.5fr
);
grid-template-rows: 1fr;
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: 400;
line-height: 24px;
}
#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 { -webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/location.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/location.svg);
}
.calendar-i { -webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/calendar.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/calendar.svg);
}
.guest-i { -webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/guest.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/guest.svg);
}
#single-listing-booking-form .guest-icon { -webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/guest.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/guest.svg);
padding-left: 37px;
}
.hfy-listing-hotel-facilities .bathroom-i {
-webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/bathroom-inner.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/bathroom-inner.svg);
}
.hfy-listing-hotel-facilities .beds-i {
-webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/beds.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/beds.svg);
}
.hfy-listing-hotel-facilities .bedroom-inner-i {
-webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/bedroom-inner.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/bedroom-inner.svg);
}
.hfy-listing-hotel-facilities .people-outlined-i {
-webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/PeopleOutlined.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/PeopleOutlined.svg);
}
.hfy-listing-hotel-facilities .type-i {
-webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/type.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/type.svg);
}
.hfy-listing-hotel-facilities .area-i {
-webkit-mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/Areaicon.svg);
mask-image: url(//lofsensfjallby.se/wp-content/themes/hostify/assets/images/Areaicon.svg);
}
.location-i,
.calendar-i,
.guest-i,
.area-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;
} #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 { color: #222;
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
#form-container ::-moz-placeholder { color: #222;
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
#form-container :-ms-input-placeholder { color: #222;
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
#form-container :-moz-placeholder { color: #222;
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
} #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: 400;
line-height: 24px;
text-transform: capitalize;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
} .home #form-container #formBooking input { width: 30vw;	
}
#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: 400;
line-height: 24px;
}
#form-container span.guests-count-num {
color: #222;
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 400;
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 .btn-primary {
width: 100%;
}
#form-container .col-location,
#form-container .col-start-date,
#form-container .col-end-date, #form-container .col-guests {
margin-bottom: 20px !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; display: block;
clear: both;
background-color: #ebebeb;
margin: 0 auto;
margin-top: 10px;
} .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);
} .home #form-container #formBooking input { width: 72vw;	
}
@media only screen and (max-width: 350px) { .home #form-container #formBooking input {
width: 60vw;	
}
} }   .calentim-not-in-month {
display:none!important;
}  #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 {
transform: scale(1.01);
}
#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;
display: flex;
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;
} #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;
} #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;
} #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;
} #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;
} #search-advanced-container .room-input button.decrement,
#search-advanced-container .room-input button.increment {
color: transparent; font-size: 0; 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 {
padding-left: 10px;
}
#search-advanced-container .room-input #bathrooms {
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;
}
#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: calc(50% - 5px);
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;
}
#search-advanced-container .wrap-form-field {
width: 100%;
}
} #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(//lofsensfjallby.se/wp-content/themes/hostify/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%);;
} #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;
} #search-advanced-container input[type="checkbox"]:hover,
#search-advanced-container input[type="radio"]:hover {
background-color: #f0f0f0;
} #search-advanced-container input[type="checkbox"]:active,
#search-advanced-container input[type="radio"]:active {
background-color: #e0e0e0;
} #search-advanced-container .checkbox-list,
#search-advanced-container .radio-list {
display: flex;
flex-direction: column;
gap: 8px;
} #search-advanced-container .wrap-form-field.has-selection {
border: 1px solid var(--bde-brand-primary-color);
background: rgb(255 56 92 / 15%);
} #search-advanced-container .wrap-form-field.has-selection .dropdown-header {
background: rgb(255 56 92 / 15%);
} #search-advanced-container .wrap-form-field.has-selection .selection-indicator {
color: var(--bde-brand-primary-color);
font-weight: 600;
}  .listings-container {
width: 100%;
}
#search-properties .listings .row.listing-block {
display: grid;
grid-template-rows: auto;
grid-auto-rows: auto; 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(auto-fill, minmax(290px, 1fr));
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;
} #search-properties .bde-columns .bde-column-16-116 { }
}
@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-map-hidden .breakdance .bde-column-16-116 {
--column-width: 100%;
display: grid;
justify-content: center;
transition: all 0.5s;
}
.listings-map-visible .breakdance .bde-column-16-116 {
--column-width: 50%;
transition: all 0.5s;
}
.listings-map-hidden #map-column {
--column-width: 0%;
} .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-body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 600;
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: 500;
line-height: 18px; 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;  }
.additional-details img {
filter: brightness(0) saturate(100%) invert(37%) sepia(83%) saturate(3564%) hue-rotate(329deg) brightness(101%) 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: var(--bde-palette-color-1-0769af58-2a0f-4dae-a434-be39c7540be6);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
} body.page-id-16 {
overflow-x: hidden;
}
#search-properties .listings-container {
width: 100%;
}
#search-properties-map .hfy-map-wrapper {
height: 100%;
}  #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; 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;
}   #single-listing-intro h1 {
margin-bottom: 0;
padding-bottom: 0;
}
#single-listing-intro .hfy-listing-hotel-facilities {
display: flex;
gap: 12px; 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;
} #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: 32px;
height: 32px;
opacity: 1;
filter: brightness(0) saturate(100%) invert(37%) sepia(83%) saturate(3564%) hue-rotate(329deg) brightness(101%) contrast(102%);
border-radius: 0;
}
@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;
}
}  .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 {
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 small {
text-transform: lowercase;
}
@media only screen and (max-width: 970px) { #search-advanced-container #formBooking .calentim-dates {
width: 22vw;
}
}
@media only screen and (max-width: 840px) { #search-advanced-container #formBooking .calentim-dates {
width: 14vw;
}
}
@media only screen and (max-width: 768px) { #search-advanced-container #formBooking .calentim-dates {
width: 70vw;
}
}
#single-listing-booking-form .hfy-theme1 .form-group {
margin-bottom: 0;
} #single-listing-booking-form .select-guests-dropdown { box-shadow: 0px 4px 16px 0px #00000014;
}
#single-listing-booking-form .guests-input {
border-radius: 8px;
border: 1px solid var(--Default-Outline, #ebebeb);
background: var(--3-White, #fff); margin-top: 10px;
}
#single-listing-booking-form .hfy-theme1 .hfy-listing-booking-form .ico-guest {
padding-left: 38px;
background: 5px center no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBlb3BsZU91dGxpbmVkIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTcuNTAwMzMgMTEuNDU5NkM1LjU1MDMzIDExLjQ1OTYgMS42NjY5OSAxMi40MzQ2IDEuNjY2OTkgMTQuMzc2M1YxNS44MzQ2SDEzLjMzMzdWMTQuMzc2M0MxMy4zMzM3IDEyLjQzNDYgOS40NTAzMyAxMS40NTk2IDcuNTAwMzMgMTEuNDU5NlpNMy42MTY5OSAxNC4xNjhDNC4zMTY5OSAxMy42ODQ2IDYuMDA4NjYgMTMuMTI2MyA3LjUwMDMzIDEzLjEyNjNDOC45OTE5OSAxMy4xMjYzIDEwLjY4MzcgMTMuNjg0NiAxMS4zODM3IDE0LjE2OEgzLjYxNjk5Wk03LjUwMDMzIDEwLjAwMTNDOS4xMDg2NiAxMC4wMDEzIDEwLjQxNyA4LjY5Mjk3IDEwLjQxNyA3LjA4NDY0QzEwLjQxNyA1LjQ3NjMgOS4xMDg2NiA0LjE2Nzk3IDcuNTAwMzMgNC4xNjc5N0M1Ljg5MTk5IDQuMTY3OTcgNC41ODM2NiA1LjQ3NjMgNC41ODM2NiA3LjA4NDY0QzQuNTgzNjYgOC42OTI5NyA1Ljg5MTk5IDEwLjAwMTMgNy41MDAzMyAxMC4wMDEzWk03LjUwMDMzIDUuODM0NjRDOC4xOTE5OSA1LjgzNDY0IDguNzUwMzMgNi4zOTI5NyA4Ljc1MDMzIDcuMDg0NjRDOC43NTAzMyA3Ljc3NjMgOC4xOTE5OSA4LjMzNDY0IDcuNTAwMzMgOC4zMzQ2NEM2LjgwODY2IDguMzM0NjQgNi4yNTAzMyA3Ljc3NjMgNi4yNTAzMyA3LjA4NDY0QzYuMjUwMzMgNi4zOTI5NyA2LjgwODY2IDUuODM0NjQgNy41MDAzMyA1LjgzNDY0Wk0xMy4zNjcgMTEuNTA5NkMxNC4zMzM3IDEyLjIwOTYgMTUuMDAwMyAxMy4xNDMgMTUuMDAwMyAxNC4zNzYzVjE1LjgzNDZIMTguMzMzN1YxNC4zNzYzQzE4LjMzMzcgMTIuNjkzIDE1LjQxNyAxMS43MzQ2IDEzLjM2NyAxMS41MDk2Wk0xMi41MDAzIDEwLjAwMTNDMTQuMTA4NyAxMC4wMDEzIDE1LjQxNyA4LjY5Mjk3IDE1LjQxNyA3LjA4NDY0QzE1LjQxNyA1LjQ3NjMgMTQuMTA4NyA0LjE2Nzk3IDEyLjUwMDMgNC4xNjc5N0MxMi4wNTAzIDQuMTY3OTcgMTEuNjMzNyA0LjI3NjMgMTEuMjUwMyA0LjQ1OTY0QzExLjc3NTMgNS4yMDEzIDEyLjA4MzcgNi4xMDk2NCAxMi4wODM3IDcuMDg0NjRDMTIuMDgzNyA4LjA1OTY0IDExLjc3NTMgOC45Njc5NyAxMS4yNTAzIDkuNzA5NjNDMTEuNjMzNyA5Ljg5Mjk3IDEyLjA1MDMgMTAuMDAxMyAxMi41MDAzIDEwLjAwMTNaIiBmaWxsPSIjMDA5ZDk1Ii8+CjwvZz4KPC9zdmc+);
filter: brightness(0) saturate(100%) invert(37%) sepia(83%) saturate(3564%) hue-rotate(329deg) brightness(101%) contrast(102%);
}
#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;
}
#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(//lofsensfjallby.se/wp-content/themes/hostify/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; }
#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; }
#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;
} .hfy-wrap .text-primary path { background: black !important;
height: 24px;
width: 24px;
} .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);
} .hfy-wrap .btn-primary:hover {
color: #fff;
background-color: var(--bde-button-primary-background-color);
border-color: var(--bde-button-primary-background-color);
} .direct-inquiry-form .terms-wrap {
display: flex;
justify-content: flex-start;
} .hfy-wrap .terms-checkbox {
float: left;
margin: 0;
} .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(//lofsensfjallby.se/wp-content/themes/hostify/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;
} @media only screen and (max-width: 768px) {
#single-listing-intro .hfy-listing-hotel-facilities {
flex-wrap: wrap;
}
.hfy-listing-map {
height: 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;
}
}   .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-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);
}
.breakdance .bde-section-20-100 .section-container,
.breakdance .bde-section-22-100 .section-container,
.breakdance .bde-section-55-100 .section-container {
padding-top: 4rem !important;
}  .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; 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;
} .hfy-sticky-content .hfy-col-book-btn {
width: 70%;
} .hfy-sticky-content .hfy-row-book-btn {
padding-right: 1.5rem !important;
} .hfy-sticky-content .hfy-col-booking-price-wa-btn { } .hfy-sticky-content .hfy-row-booking-price-wa-btn {
align-items: center;
justify-content: space-between;
} .hfy-sticky-content .hfy-col-price-info { } .hfy-sticky-content .hfy-row-price-info {
flex-direction: column;
align-items: flex-start;
} .hfy-sticky-content .hfy-col-wa-btn {
width: 30%;
} .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;
} .hfy-sticky-content .hfy-col-book-btn {
width: 100%;
} .hfy-sticky-content .hfy-col-booking-price-wa-btn {
width: 100%;
} .hfy-sticky-content .hfy-row-book-btn {
padding-right: 0 !important;
} .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 {
background-color: #fff;
border-radius: 12px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 16px;
margin-bottom: 16px;
}
.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);
} @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;
} #form-container .hfy-search-form-row {
display: block !important;
} #search-advanced-container .col {
padding: 0 !important;
}
#search-advanced-container .adv-search-prop-h2 {
padding-bottom: 10px;
}
#search-advanced-container .current-location { }
#search-advanced-container .summary-row {
width: 100%;
}
#search-advanced-container .summary-row .label { }
#search-advanced-container .listings-container {
padding-top: 1rem;
} #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;
} #search-advanced-container .btn-primary {
width: 100%;
} .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;
}
}  @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;
}
} @media only screen and (max-width: 450px) { #search-advanced-container .hfy-search-form-row-advanced, #single-listing-body .hfy-listing-amenities {
display: flex;
flex-direction: column;
}
} .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; 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;
}  .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;
}  .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;
} .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);
} .listings-map-visible-mobile #search-properties-map .hfy-listings-map-toggle {
display: none !important;
} .calentim-open #search-properties-map .hfy-listings-map-toggle {
display: none !important;
}
@media only screen and (max-width: 1120px) { #search-properties-map .hfy-listings-map-toggle {
right: auto;
left: 42vw;
}
}
@media only screen and (max-width: 900px) { #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;
} #search-properties-map .hfy-listings-map-toggle {
right: auto;
left: 35vw;
}
}
@media only screen and (max-width: 500px) { #search-properties-map .hfy-listings-map-toggle {
left: 30vw;
}
}
@media only screen and (max-width: 400px) { #search-properties-map .hfy-listings-map-toggle {
left: 26vw;
}
}
@media only screen and (max-width: 350px) { #search-properties-map .hfy-listings-map-toggle {
left: 24vw;
}
}
@media only screen and (max-width: 300px) { #search-properties-map .hfy-listings-map-toggle {
left: 18vw;
}
}  #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;
} @media only screen and (max-width: 1120px) {
.hfy-listings-map-toggle {
display: block !important;
}
.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;
} .listings-map-visible #search-properties-map .hfy-listings-map-toggle {
display: none !important;
} .page-id-16.listings-map-visible {
overflow: hidden;
}
.breakdance .bde-shortcode-16-119 {
position: initial !important;
}
} .datepicker__month-dropdown {
margin: 0;
text-transform: none;
font-family: inherit;
font-size: inherit;
line-height: inherit !important;
box-sizing: border-box;
display: block;
width: 100% !important;
padding: 8px !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
background-color: #fff !important;
color: #000;
cursor: pointer;
}  .home #datepicker-hotel-datepicker {
top: 3.5rem;
left: -2rem;
}
@media only screen and (max-width: 860px) {
.home #datepicker-hotel-datepicker { }
}  #search-advanced-container #datepicker-hotel-datepicker {
top: 3.5rem;
left: -3rem;
}
@media only screen and (max-width: 860px) {
#search-advanced-container #datepicker-hotel-datepicker { }
}
@media only screen and (max-width: 768px) {
#search-advanced-container #datepicker-hotel-datepicker .datepicker__inner {
padding-top: 8rem;
}
}  #single-listing-booking-form #datepicker-hotel-datepicker {
top: 3.5rem;
}
#single-listing-booking-form #hotel-datepicker-wrapper {
border: 1px solid #ebebeb;
border-radius: 8px;
background: #fff;
height: 42px;
cursor: pointer;
padding-left: 1rem;
align-items: center;
}
@media only screen and (max-width: 768px) {
#single-listing-booking-form .datepicker__inner {
padding-top: 8rem;
}
}