.homelocal-booking-widget-container {
text-align: left;
}
.homelocal-booking-widget .rent-deleted {
margin-right: 5px;
}
.homelocal-booking-widget .booking-coupon-btn {
height: 100%;
}
.homelocal-booking-widget-body {
padding: 20px;
}
.homelocal-booking-widget-body .hk-grid > div {
margin-bottom: 10px;
}
.homelocal-booking-widget .checkout-button {
white-space: nowrap;
}
.homelocal-booking-widget .widget-loader {
padding: 20px;
}
.homelocal-booking-widget.hfse-loading #checkin:hover,
.homelocal-booking-widget.hfse-loading #checkout:hover {
cursor: wait;
}
.homelocal-booking-widget .addon {
gap: 10px;
display: flex;
margin-bottom: 10px;
justify-content: space-between;
}
.homelocal-booking-widget .addon .addon-name {
flex: 1;
text-decoration: underline;
}
.homelocal-booking-widget .addon .addon-price {
font-weight: bold;
}
.homelocal-booking-widget .addon .addon-control {
display: flex;
}
.homelocal-booking-widget .addon .addon-input {
width: 30px;
padding: 0 5px;
border-radius: 0;
text-align: center;
}
.homelocal-booking-widget .addon .addon-reduce-btn,
.homelocal-booking-widget .addon .addon-increase-btn {
width: 24px;
height: 24px;
padding: 4px;
color: #333;
line-height: 1;
border-radius: 50%;
background-color: #EEE;
}
.homelocal-booking-widget .addon .addon-reduce-btn:not(:disabled):hover,
.homelocal-booking-widget .addon .addon-increase-btn:not(:disabled):hover {
cursor: pointer;
background-color: #DDD;
}
.homelocal-booking-widget .addon .addon-reduce-btn:disabled,
.homelocal-booking-widget .addon .addon-increase-btn:disabled {
color: #777;
cursor: not-allowed;
background-color: #EEE;
}
.homelocal-sticky-booking-widget-container {
margin: 0;
padding: 5px 0;
z-index: 999999;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.homelocal-sticky-booking-widget .rent-deleted {
margin-right: 5px;
}
.homelocal-sticky-booking-widget .rent-unit {
font-weight: 700;
}
.homelocal-sticky-booking-widget .modal-button {
font-size: clamp(14px, 2.6vw, 18px);
}
.homelocal-sticky-booking-widget .modal-button {
font-size: clamp(14px, 2.6vw, 18px);
}
.homelocal-booking-widget-checkout-modal .checkout-header {
font-weight: bolder;
text-transform: uppercase;
}
.homelocal-booking-widget-checkout-modal .checkout-icon {
width: auto;
height: 50px;
}
.homelocal-booking-widget-checkout-modal .checkout-label {
font-size: 1.6rem;
}
.homelocal-booking-widget-checkout-modal .checkout-input {
width: 30px;
height: 30px;
margin-top: 0;
border: 1px solid #000;
}
.homelocal-booking-widget-checkout-modal .homelocal-booking-widget-checkout-item {
border: 3px solid transparent;
}
.homelocal-booking-widget-checkout-modal .homelocal-booking-widget-checkout-item.hk-selected {
border-color: #000;
}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:var(
--custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
);background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.hr_mc{--hr_mc-color_selectable:#333;--hr_mc-bg_selectable:#e4f4d9;--hr_mc-price_color_selectable:#666;--hr_mc-color_passthrough:#999;--hr_mc-bg_passthrough:#edf7e7;--hr_mc-price_color_passthrough:#999;--hr_mc-color_selected:#333;--hr_mc-bg_selected:#b7db9f;--hr_mc-price_color_selected:#666;--hr_mc-color_blocked:#881616;--hr_mc-bg_blocked:#fdd2d2;--hr_mc-color_booked:#881616;--hr_mc-bg_booked:#fdd2d2;--hr_mc-color_disabled:#999;--hr_mc-bg_disabled:#eee;--hr_mc-color_unavailable:#999;--hr_mc-bg_unavailable:#eee;position:relative}.hr_mc *{box-sizing:border-box}.hr_mc__header{display:flex}.hr_mc__header.sticky{background-color:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:10}.hr_mc__header_overview{align-items:center;display:flex;flex:0 0 265px}@media screen and (max-width:600px){.hr_mc__header_overview{flex:0 0 185px}}@media screen and (max-width:480px){.hr_mc__header_overview{flex:0 0 115px}}.hr_mc__header_nav{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.hr_mc__nav_container{display:flex;flex-wrap:nowrap}.hr_mc__nav{border-right:.5px solid #ddd;border-top:.5px solid #ddd;flex-grow:1;overflow-x:auto}.hr_mc__nav_inner{border-bottom:.5px solid #ddd;display:flex;padding-top:50px}.hr_mc__nav_btn{background-color:#f4f4f4;border:.5px solid #ddd;color:#000;flex:0 0 35px}.hr_mc__nav_btn:hover{background-color:#e4e4e4;cursor:pointer}.hr_mc__nav_prev{border-radius:5px 0 0 5px;border-right:none}.hr_mc__nav_next{border-left:none;border-radius:0 5px 5px 0}.hr_mc__nav_item{align-items:center;display:flex;flex:0 0 50px;flex-direction:column;height:50px;justify-content:center;padding:8px;position:relative;text-align:center}.hr_mc__nav_month{border-left:.5px solid #ddd;color:#333;font-size:16px;font-weight:700;height:100px;left:0;padding:15px 0 15px 20px;position:absolute;text-align:center;top:-51px;z-index:1}.hr_mc__nav_day{color:#555;font-size:12px;font-weight:700}.hr_mc__nav_date{color:#000;font-size:10px;font-weight:400}.hr_mc__content{display:flex;overflow:auto}.hr_mc__properties_container{flex:0 0 300px;overflow:hidden}@media screen and (max-width:600px){.hr_mc__properties_container{flex:0 0 220px}}@media screen and (max-width:480px){.hr_mc__properties_container{flex:0 0 150px}}.hr_mc__properties{max-height:100%;overflow:auto}.hr_mc__property{align-items:center;border-bottom:1px solid #ddd;display:flex;font-size:14px;height:50px;overflow:hidden;padding:5px}@media screen and (max-width:600px){.hr_mc__property{font-size:12px}}.hr_mc__property a{color:#333;text-decoration:none}.hr_mc__calendar_container{flex-grow:1;overflow:hidden;padding-right:35px}.hr_mc__day{align-items:center;border-bottom:1px solid #fff;border-left:1px solid #fff;display:flex;justify-content:center}.hr_mc__day.placeholder{background-color:#f4f4f4}.hr_mc__day .price{color:var(--hr_mc-price_color_selectable);display:block;font-size:11px;line-height:1;z-index:5}.hr_mc__day.checkin.selected .date,.hr_mc__day.checkout.selected .date{font-weight:600}.hr_mc__day.selectable-last .price{display:none}.hr_mc__day.disabled,.hr_mc__day.unavailable{color:var(--hr_mc-color_unavailable)}.hr_mc__day.disabled .price,.hr_mc__day.unavailable .price{display:none}.hr_mc__day:not(.selectable):not(.disabled):not(.selected).booked{color:var(--hr_mc-color_booked)}.hr_mc__day:not(.selectable):not(.disabled):not(.selected).booked .price{display:none}.hr_mc__day:not(.selectable):not(.disabled):not(.selected).blocked{color:var(--hr_mc-color_blocked)}.hr_mc__day:not(.selectable):not(.disabled):not(.selected).blocked .price{display:none}.hr_mc__day:not(.disabled):not(.selected).pass-through{color:var(--hr_mc-color_passthrough)}.hr_mc__day:not(.disabled):not(.selected).pass-through .price{color:var(--hr_mc-price_color_passthrough)}.hr_mc__day:not(.disabled).checkin-blocked:not(.pass-through){color:var(--hr_mc-color_blocked)}.hr_mc__day:not(.disabled).checkin-blocked:not(.pass-through) .price{display:none}.hr_mc__day:not(.disabled).checkin-booked{color:var(--hr_mc-color_booked)}.hr_mc__day:not(.disabled).checkin-booked .price{display:none}.hr_mc__day.selectable:not(.pass-through) .date,.hr_mc__day.selected .date,.hr_mc__day:not(.checkin-booked):not(.checkin-blocked):not(.unavailable):not(.disabled):not(.pass-through) .date{font-weight:600}.hr_mc__day.selectable .date{color:var(--hr_mc-color_selectable)}.hr_mc__day:not(.disabled){cursor:pointer}.hr_mc__day:not(.disabled).hover,.hr_mc__day:not(.disabled).selected{color:var(--hr_mc-color_selected)!important}.hr_mc__day:not(.disabled).hover .price,.hr_mc__day:not(.disabled).selected .price{color:var(--hr_mc-price_color_selected)!important}.hr_mc__day:not(.disabled).booked:hover,.hr_mc__day:not(.disabled).disabled:hover{cursor:not-allowed}.hr_mc.color-flat .hr_mc__day.disabled,.hr_mc.color-flat .hr_mc__day.unavailable{background-color:var(--hr_mc-bg_unavailable)}.hr_mc.color-flat .hr_mc__day:not(.disabled).checkout-available{background-color:var(--hr_mc-bg_selectable)}.hr_mc.color-flat .hr_mc__day:not(.disabled).checkin-blocked:not(.pass-through):not(.checkout-available),.hr_mc.color-flat .hr_mc__day:not(.disabled).checkout-booked{background-color:var(--hr_mc-bg_unavailable)}.hr_mc.color-flat .hr_mc__day:not(.disabled).checkin-available{background-color:var(--hr_mc-bg_selectable)}.hr_mc.color-flat .hr_mc__day:not(.disabled).checkin-booked{background-color:var(--hr_mc-bg_unavailable)}.hr_mc.color-flat .hr_mc__day:not(.disabled).hover,.hr_mc.color-flat .hr_mc__day:not(.disabled).selected{background:var(--hr_mc-bg_selected)!important}.hr_mc.color-striped .hr_mc__day{color:var(--hr_mc-color_selectable);overflow:hidden;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hr_mc.color-striped .hr_mc__day .after,.hr_mc.color-striped .hr_mc__day .before{background-color:var(--hr_mc-bg_selectable);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-2}.hr_mc.color-striped .hr_mc__day .after{padding-bottom:calc(100% + 1px);transform:skewX(-45deg);transform-origin:0 100%;width:100%}.hr_mc.color-striped .hr_mc__day.disabled .before,.hr_mc.color-striped .hr_mc__day.unavailable .before{background-color:var(--hr_mc-bg_unavailable)}.hr_mc.color-striped .hr_mc__day.disabled .after,.hr_mc.color-striped .hr_mc__day.unavailable .after{background:linear-gradient(to top left,transparent,transparent calc(50% - .8px),rgba(0,0,0,.1) 50%,transparent calc(50% + .8px),transparent);padding-bottom:0;transform:none;transform-origin:0 0}.hr_mc.color-striped .hr_mc__day:not(.selectable):not(.disabled):not(.selected).booked .after,.hr_mc.color-striped .hr_mc__day:not(.selectable):not(.disabled):not(.selected).booked .before{background-color:var(--hr_mc-bg_booked)}.hr_mc.color-striped .hr_mc__day:not(.selectable):not(.disabled):not(.selected).blocked .after,.hr_mc.color-striped .hr_mc__day:not(.selectable):not(.disabled):not(.selected).blocked .before{background-color:var(--hr_mc-bg_blocked)}.hr_mc.color-striped .hr_mc__day:not(.disabled):not(.selected).pass-through .after,.hr_mc.color-striped .hr_mc__day:not(.disabled):not(.selected).pass-through .before{background-color:var(--hr_mc-bg_passthrough)}.hr_mc.color-striped .hr_mc__day:not(.disabled){cursor:pointer}.hr_mc.color-striped .hr_mc__day:not(.disabled).checkout-available:not(.selectable-first) .before{background-color:var(--hr_mc-bg_selectable)}.hr_mc.color-striped .hr_mc__day:not(.disabled).checkout-blocked:not(.pass-through):not(.selectable-first) .before{background-color:var(--hr_mc-bg_blocked)}.hr_mc.color-striped .hr_mc__day:not(.disabled).checkout-booked .before{background-color:var(--hr_mc-bg_booked)}.hr_mc.color-striped .hr_mc__day:not(.disabled).checkin-available .after{background-color:var(--hr_mc-bg_selectable)}.hr_mc.color-striped .hr_mc__day:not(.disabled).checkin-blocked:not(.pass-through):not(.selectable-last) .after{background-color:var(--hr_mc-bg_blocked)}.hr_mc.color-striped .hr_mc__day:not(.disabled).checkin-booked .after{background-color:var(--hr_mc-bg_booked)}.hr_mc.color-striped .hr_mc__day:not(.disabled).selectable-first .before,.hr_mc.color-striped .hr_mc__day:not(.disabled).selectable-last .after{background:var(--hr_mc-bg_unavailable)}.hr_mc.color-striped .hr_mc__day:not(.disabled).hover:not(.checkin) .before,.hr_mc.color-striped .hr_mc__day:not(.disabled).hover:not(.checkout) .after,.hr_mc.color-striped .hr_mc__day:not(.disabled).selected:not(.checkin) .before,.hr_mc.color-striped .hr_mc__day:not(.disabled).selected:not(.checkout) .after{background:var(--hr_mc-bg_selected)!important}.hr_mc__popover{background-color:#fff;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.1);position:absolute;width:180px;z-index:1000}.hr_mc__popover_content{color:#333;font-size:14px;padding:15px}.hr_mc__popover_notice{color:red;font-size:14px;line-height:1.2;padding:6px 10px;width:100%}.hr_mc__clear_btn,.hr_mc__reserve_btn{background-color:transparent;border:none;box-shadow:none;color:#333;display:block;font-size:14px;line-height:1.2;padding:6px 10px;text-align:left;text-decoration:none;width:100%}.hr_mc__clear_btn:hover,.hr_mc__reserve_btn:hover{background-color:#f4f4f4;color:#333;cursor:pointer}.hr_mc__tooltip{background-color:#333;border-radius:3px;position:absolute;width:180px;z-index:10}.hr_mc__tooltip__content{color:#fff;font-size:14px;padding:5px 8px;text-align:center;white-space:normal;word-wrap:break-word}.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.homelocal-tip {
top: 0;
left: 0;
z-index: 9999990;
display: none;
max-width: 200px;
position: absolute;
}
.homelocal-tip .tip-content {
padding: 10px;
color: #fff;
font-size: 12px;
text-align: center;
border-radius: 5px;
background-color: #333;
}
.homelocal-tip .tip-arrow {
left: 50%;
width: 16px;
height: 16px;
color: #333;
margin-left: -8px;
position: absolute;
}
.homelocal-tip .tip-arrow::before {
left: 0;
content: " ";
position: absolute;
border-color: transparent;
border-top-color: transparent;
border-style: solid;
}
.homelocal-tip[data-placement^=top] .tip-arrow {
bottom: 0px;
}
.homelocal-tip[data-placement^=top] .tip-arrow::before {
bottom: -8px;
border-width: 8px 8px 0;
border-bottom-color: initial;
transform-origin: center top;
border-top-color: #333;
}
.homelocal-tip[data-placement^=bottom] .tip-arrow {
top: 0px;
}
.homelocal-tip[data-placement^=bottom] .tip-arrow::before {
top: -8px;
border-width: 0 8px 8px;
border-top-color: initial;
transform-origin: center bottom;
border-bottom-color: #333;
}
.homelocal-availability-calendar-container .local-time {
text-align: center;
margin-bottom: 10px;
}
.homelocal-availability-calendar-container .discount-text-container {
display: flex;
align-items: center;
margin-bottom: 10px;
justify-content: center;
}
.homelocal-availability-calendar-container .discount-text-container .discount-icon {
width: 24px;
height: 24px;
}
.homelocal-availability-calendar-container .discount-text-container .discount-icon svg {
fill: #333;
}
.homelocal-availability-calendar-container .discount-text-container .discount-text {
color: #333;
margin-left: 5px;
text-align: center;
line-height: 24px;
}
.homelocal-availability-calendar {
--homelocal-availability-calendar-color_selectable: #333;
--homelocal-availability-calendar-bg_selectable: #e4f4d9;
--homelocal-availability-calendar-price_color_selectable: #666;
--homelocal-availability-calendar-color_passthrough: #999;
--homelocal-availability-calendar-bg_passthrough: #eee;
--homelocal-availability-calendar-price_color_passthrough: #999;
--homelocal-availability-calendar-color_selected: #333;
--homelocal-availability-calendar-bg_selected: #b7db9f;
--homelocal-availability-calendar-price_color_selected: #666;
--homelocal-availability-calendar-color_blocked: #999;
--homelocal-availability-calendar-bg_blocked: #eee;
--homelocal-availability-calendar-color_booked: #881616;
--homelocal-availability-calendar-bg_booked: #fdd2d2;
--homelocal-availability-calendar-color_disabled: #999;
--homelocal-availability-calendar-bg_disabled: #eee;
--homelocal-availability-calendar-color_unavailable: #999;
--homelocal-availability-calendar-bg_unavailable: #eee;
position: relative;
}
.homelocal-availability-calendar .next-btn,
.homelocal-availability-calendar .prev-btn {
top: 5px;
padding: 0;
width: 30px;
height: 30px;
color: #000;
line-height: 1;
position: absolute;
border-radius: 50%;
text-align: center;
border: 1px solid #ddd;
background-color: #fff;
}
.homelocal-availability-calendar .next-btn:disabled,
.homelocal-availability-calendar .prev-btn:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.homelocal-availability-calendar .next-btn:not(:disabled):hover,
.homelocal-availability-calendar .prev-btn:not(:disabled):hover {
cursor: pointer;
border-color: #aaa;
background-color: #eee;
}
.homelocal-availability-calendar .next-btn {
right: 5px;
}
.homelocal-availability-calendar .prev-btn {
left: 5px;
}
.homelocal-availability-calendar .calendars .calendar {
font-size: 14px;
line-height: 14px;
box-sizing: border-box;
}
.no-uikit > .homelocal-availability-calendar {
overflow: hidden;
}
.no-uikit > .homelocal-availability-calendar .calendars {
display: flex;
flex-wrap: nowrap;
margin-left: -40px;
will-change: transform;
position: relative;
touch-action: pan-y;
}
.no-uikit > .homelocal-availability-calendar .calendar {
width: 100%;
min-width: 100%;
padding-left: 40px;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.no-uikit > .homelocal-availability-calendar .calendar {
width: 50%;
min-width: 50%;
}
}
.homelocal-availability-calendar .calendar-heading {
color: #000;
padding: 10px 0;
font-size: 18px;
line-height: 20px;
font-weight: 600;
text-align: center;
user-select: none;
}
.homelocal-availability-calendar .calendar-table {
z-index: 2;
position: relative;
}
.homelocal-availability-calendar .calendar-table .week-days,
.homelocal-availability-calendar .calendar-table .week {
display: flex;
flex-wrap: wrap;
}
.homelocal-availability-calendar .calendar-table .week-days > *,
.homelocal-availability-calendar .calendar-table .week > * {
width: 14.2857142857%;
}
.homelocal-availability-calendar .week .day {
min-height: 30px;
line-height: 30px;
position: relative;
}
.homelocal-availability-calendar .week .day.day-of-month {
user-select: none;
overflow: hidden;
text-align: center;
box-shadow: 1px 1px 0 0 #fff inset;
color: var(--homelocal-availability-calendar-color_selectable);
}
.homelocal-availability-calendar .week .day.day-of-month::before, .homelocal-availability-calendar .week .day.day-of-month::after {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -2;
content: "";
position: absolute;
}
.homelocal-availability-calendar .week .day.day-of-month::before, .homelocal-availability-calendar .week .day.day-of-month::after {
background-color: var(--homelocal-availability-calendar-bg_selectable);
}
.homelocal-availability-calendar .week .day.day-of-month:after {
width: 100%;
padding-bottom: calc(100% + 1px);
transform: skewX(-45deg);
transform-origin: 0 100%;
}
.homelocal-availability-calendar .week .day.day-of-month .date {
z-index: 5;
display: block;
position: relative;
}
.homelocal-availability-calendar .week .day.day-of-month .price {
left: 0;
right: 0;
top: 50%;
z-index: 5;
color: var(--homelocal-availability-calendar-price_color_selectable);
display: block;
line-height: 1;
font-size: 11px;
margin-top: 8px;
position: absolute;
}
.homelocal-availability-calendar .week .day.day-of-month.checkin.selected .date, .homelocal-availability-calendar .week .day.day-of-month.checkout.selected .date {
font-weight: 600;
}
.homelocal-availability-calendar .week .day.day-of-month.selectable-last .price {
display: none;
}
.homelocal-availability-calendar .week .day.day-of-month.disabled, .homelocal-availability-calendar .week .day.day-of-month.unavailable {
color: var(--homelocal-availability-calendar-color_unavailable);
}
.homelocal-availability-calendar .week .day.day-of-month.disabled .price, .homelocal-availability-calendar .week .day.day-of-month.unavailable .price {
display: none;
}
.homelocal-availability-calendar .week .day.day-of-month.disabled::before, .homelocal-availability-calendar .week .day.day-of-month.unavailable::before {
background-color: var(--homelocal-availability-calendar-bg_unavailable);
}
.homelocal-availability-calendar .week .day.day-of-month.disabled::after, .homelocal-availability-calendar .week .day.day-of-month.unavailable::after {
transform: none;
transform-origin: 0 0;
padding-bottom: 0;
background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.selectable):not(.disabled):not(.selected).booked {
color: var(--homelocal-availability-calendar-color_booked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.selectable):not(.disabled):not(.selected).booked .price {
display: none;
}
.homelocal-availability-calendar .week .day.day-of-month:not(.selectable):not(.disabled):not(.selected).booked::before, .homelocal-availability-calendar .week .day.day-of-month:not(.selectable):not(.disabled):not(.selected).booked::after {
background-color: var(--homelocal-availability-calendar-bg_booked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through, .homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through-temp {
color: var(--homelocal-availability-calendar-color_passthrough);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through .price, .homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through-temp .price {
color: var(--homelocal-availability-calendar-price_color_passthrough);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through::before, .homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through::after, .homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through-temp::before, .homelocal-availability-calendar .week .day.day-of-month:not(.disabled):not(.selected).pass-through-temp::after {
background-color: var(--homelocal-availability-calendar-bg_passthrough);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkout-available:not(.checkin-available):before {
background-color: var(--homelocal-availability-calendar-bg_selectable);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-blocked + .checkout-blocked:not(.disabled):not(.pass-through):not(.pass-through-temp):before {
background-color: var(--homelocal-availability-calendar-bg_blocked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkout-blocked:not(.pass-through):not(.pass-through-temp):not(.checkin-available):before {
background-color: var(--homelocal-availability-calendar-bg_blocked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkout-booked:before {
background-color: var(--homelocal-availability-calendar-bg_booked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-available:after {
background-color: var(--homelocal-availability-calendar-bg_selectable);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-blocked:not(.pass-through):not(.pass-through-temp):not(.selectable) {
color: var(--homelocal-availability-calendar-color_blocked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-blocked:not(.pass-through):not(.pass-through-temp):not(.selectable):after {
background-color: var(--homelocal-availability-calendar-bg_blocked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-blocked:not(.pass-through):not(.pass-through-temp):not(.selectable) .price {
display: none;
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-booked {
color: var(--homelocal-availability-calendar-color_booked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-booked:after {
background-color: var(--homelocal-availability-calendar-bg_booked);
}
.homelocal-availability-calendar .week .day.day-of-month:not(.disabled).checkin-booked .price {
display: none;
}
.homelocal-availability-calendar .week .day:not(.checkin-booked):not(.checkin-blocked):not(.unavailable):not(.disabled):not(.pass-through):not(.pass-through-temp) .date, .homelocal-availability-calendar .week .day.selectable:not(.pass-through):not(.pass-through-temp) .date, .homelocal-availability-calendar .week .day.selected .date {
font-weight: 600;
}
.homelocal-availability-calendar .week .day.selectable .date {
color: var(--homelocal-availability-calendar-color_selectable);
}
.homelocal-availability-calendar .week-days {
margin-bottom: 10px;
border-bottom: 1px solid #ddddde;
}
.homelocal-availability-calendar .week-days .day-name {
user-select: none;
color: #555;
font-weight: 600;
text-align: center;
padding: 20px 0 10px;
}
.homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).day-of-month:hover {
cursor: pointer;
}
.homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).selected, .homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).hover {
color: var(--homelocal-availability-calendar-color_selected) !important;
}
.homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).selected .date, .homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).hover .date {
font-weight: 600;
}
.homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).selected .price, .homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).hover .price {
color: var(--homelocal-availability-calendar-price_color_selected) !important;
}
.homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).selected:not(.checkin)::before, .homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).selected:not(.checkout)::after, .homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).hover:not(.checkin)::before, .homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).hover:not(.checkout)::after {
background: var(--homelocal-availability-calendar-bg_selected) !important;
}
.homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).disabled:hover, .homelocal-availability-calendar-container.calendar-picker .week .day:not(.disabled).booked:hover {
cursor: not-allowed;
}
.homelocal-availability-calendar-container.calendar-picker.checkin-selected .week .day.day-of-month.checkin::before, .homelocal-availability-calendar-container.calendar-picker.checkin-selected .week .day.day-of-month.selectable-last::after {
background: var(--homelocal-availability-calendar-bg_disabled);
}
@media (max-width: 639px) {
.homelocal-availability-calendar-modal {
width: 100%;
padding: 0 !important;
z-index: 999999 !important;
}
.homelocal-availability-calendar-modal > .hk-modal-dialog {
height: 100%;
width: 100%;
max-width: 100% !important;
}
.homelocal-availability-calendar-modal .next-btn,
.homelocal-availability-calendar-modal .prev-btn {
display: none;
}
}
.homelocal-availability-calendar-loader {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
}
.homelocal-availability-calendar-loader .calendar {
width: 100%;
padding-left: 30px;
box-sizing: border-box;
}
.homelocal-availability-calendar-loader .calendar:nth-child(2) {
display: none;
}
@media screen and (min-width: 768px) {
.homelocal-availability-calendar-loader .calendar {
width: 50%;
}
.homelocal-availability-calendar-loader .calendar:nth-child(2) {
display: block;
}
}
.homelocal-availability-calendar-loader svg {
width: 100%;
}