/* Variable colours
--------------------------------------------- */
:root {
    --orange: #23a6b6;
    --orange-light: #39becf;
    --orange-dark: #158492;
    --orange-bright: #78c5d0;
    --orange-pale: #dbeff1;
    --grey: #58585a;
    --light-grey: #f4f4f4;
    //--blue: #00bed5;
    --tint: 0.2;
}
.click-area {
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.2);
    z-index: -1;
}
.availability-widget-frame .close-availability-widget {
    background:var(--blue);
    border-radius:100px;
    font-size:0;
    line-height:1;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    right:0;
    position:absolute;
    top:0;
    transform:translate(33%, -33%);
}
.availability-widget-frame .close-availability-widget:before {
    content:'+';
    color:white;
    font-size:30px;
    transform:rotate(45deg)!important;
}
.availability-widget {
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   width:100%;
   height:100%;
   padding: 20px;
   /* background:rgba(0,0,0,0.2); */
   display:flex;
   overflow:auto;
}
.availability-widget-frame {
    position:relative;
     max-width: 390px;
     background: #fff;
     margin:auto;
     padding: 20px;
     /* width: 90%; */
}

.calentim-input {
    width: 100% !important;
    margin: 0!important;
}

.calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-disabled.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-disabled.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-disabled.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-disabled.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current {
    background:var(--orange);
}
.calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover {
    background:var(--orange-bright);
}
#calendar_wrapper .calentim-container,
#calendar_wrapper .calentim-input {
    width: 100% !important;
    margin: 0;
}

.calentim-prev,
.calentim-next {
    padding: 10px;
    background: #fff 50% 50% no-repeat url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-chevron-right fa-w-10 fa-2x"><path fill="%2323a6b6" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" class=""></path></svg>');
    background-size: auto 15px;
}
.calentim-prev {
    transform:rotate(180deg);
}

.fa.fa-arrow-left,
.fa.fa-arrow-right {
    content: '→';
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
}

.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend {
    color:unset;
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today {
    color:var(--orange);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-weekend, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-weekend,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month.calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month.calentim-disabled {
    background:#eee;
    color:#999;
}
.calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end {
    background-image: -o-linear-gradient(45deg, #eee 49%, transparent 50%) !important;
    background-image: linear-gradient(45deg, #eee 49%, transparent 50%) !important
}
.calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start,.calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start {
    background-image: -o-linear-gradient(225deg, #eee 49%, transparent 50%) !important;
    background-image: linear-gradient(225deg, #eee 49%, transparent 50%) !important
}
.calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected), .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected) {
    background:var(--orange-pale);
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end {
    background:var(--orange)
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span,
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span {
    background:var(--orange-bright)
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected), .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected),
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span {
    background:var(--orange-pale);
}
.calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-hovered, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-hovered {
    background: -o-linear-gradient(45deg, #fff1e0 49%, #fae6cd 50%) !important;
    background: linear-gradient(45deg, #fff1e0 49%, #fae6cd 50%) !important;
    border-radius: 0 !important
}

.calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end.calentim-hovered, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end.calentim-hovered {
    background: -o-linear-gradient(225deg, #fff1e0 49%, #fae6cd 50%) !important;
    background: linear-gradient(225deg, #fff1e0 49%, #fae6cd 50%) !important;
    border-radius: 0 !important
}
.calentim-container, .calentim-container-mobile {
    float:unset;
}
.calentim-title > span {
    margin-left:20px;
}
.calentim-title .calentim-prev + span {
    margin-left:0;
}
.calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range {
    /* color:var(--orange); */
    font-weight:bold;
}

/*Accommodation search/book/enquire sidebar*/
.availability-widget .aw-options {
    display: grid;
    /* grid-gap: 14px; */
    margin: 10px 0;
    text-align: left;
}
.aw-options {
    border:1px solid #ddd;
    border-radius:5px;
    padding:30px
}
.aw-options .guest-container {
    position:unset;
    width:unset;
    border:unset;
    padding:unset;
    display:block!important;
}
.aw-options .guest-container:before {
    content:unset;
}
.availability-widget .aw-dates b, .availability-widget .nights b, .availability-widget .login-form>div label {
    text-transform:uppercase;
    color: var(--grey);
    font-size:12px;
    font-weight:bold;
}
.availability-widget .aw-dates, .availability-widget .nights  {
    display:grid;
    grid-template-columns:33% min-content min-content auto;
    border-radius:100px;

    align-items:center;
    color: var(--grey);
}
.availability-widget .aw-dates {
    margin-bottom: 16px;
}
.availability-widget .nights {
    margin-bottom:14px;
}
.availability-widget .check-availability-guests {
    margin:0 0 5px
}
.availability-widget .aw-dates .to-date, .availability-widget .aw-dates .from-date {
    text-align: left;
    white-space:nowrap;
    padding:0
}
.availability-widget .aw-dates>span {
    padding:0 5px
}
.availability-widget .check-availability-guests label {
    width:33%;
}
.availability-widget .aw-options .nights {
    grid-template-columns: 33% auto;
}

.availability-widget .aw-options .guest-number label {
    font-weight:bold;
}
.availability-widget .aw-options .guest-number label:after {
    content:":";

}

.availability-widget .aw-options .guest-number {
    display: grid;
    grid-template-columns: 50% auto;
    grid-gap:5px;
}

.availability-widget .aw-options .guest-number select {
    appearance: none;
    -webkit-appearance: none;
    text-indent:5px;
    border-radius:100px;
    border:1px solid #ccc;
    text-indent:20px;
}

.availability-widget #tarrif_price {
    list-style: none;
    padding: 0;
    margin: 0;
}
.availability-widget #availability_form{
    text-align:center;
}
.availability-widget .ajax-load {
    height:50px;
    width:100px;
    object-fit:cover;
    margin:auto;
}
.availability-widget #tarrif_price li  {
    display: grid;
    grid-template-columns: 25px auto 65px 65px;
    align-items: center;
    background:white;
    padding:10px;
    margin:10px 0;
    border-radius:5px;
    border:1px solid #ddd;
}
.availability-widget #tarrif_price li {
    line-height:1.2
}
.availability-widget #tarrif_price li label {
    text-align:left;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
}
.availability-widget #tarrif_price li a.fancybox {
    font-size:10px;
    text-align:center;
}
.availability-widget #tarrif_price li div.aw-price {
    text-align:right
}


.check-availability-guests {
    display: flex;
    margin-bottom: 10px;
}

.check-availability-guests label {
    width: 100%;
    align-self: center;
    font-weight: bold;
    text-transform:uppercase;
    font-size:12px;
    color:var(--grey);
}

.check-availability-guests .btn-container {
    display: flex;
}

.check-availability-guests .btn-container div {
    background: var(--orange);
    color: #fff;
    padding: 8px 12px;
    cursor: pointer;
    min-width: 42px;
    text-align: center;
}

.check-availability-guests .btn-container div:hover {
    background: var(--orange-light);
}

.check-availability-guests .btn-container div:last-of-type {
    border-radius: 0 50px 50px 0;
    border-left: 1px solid  var(--orange-dark);
}
.check-availability-guests input {
    border-radius: 30px 0 0 30px;
    border-right:0;
    text-align:center;
    padding-left:15px;
    border:1px solid #ccc;
    border-right:0;
    padding-right: 15px;
}
@media(max-width:1000px) {
    #availability_search {
        flex-wrap:wrap;
        row-gap:10px;
    }
    #availability_search>* {
        width:calc(50% - 5px)!important;
        max-width:unset!important;
    }
}
@media(max-width:680px) {
    #availability_search {
        flex-wrap:wrap;
        row-gap:10px;
    }
    #availability_search>* {
        width:100%!important;
        max-width:unset!important;
    }
    #availability_search .input-wrap:last-of-type {
        height:40px;
    }
}
#tarrif_price input[type=radio] {
    margin:0;
}
.availability-widget .login-form {
    text-align:left;
    display:grid;
    grid-gap:10px
}
.availability-widget .login-form>div {
    display:grid;
    grid-gap:0px
}
.availability-widget .login-form .login {
}
.availability-widget .login-form>div input {
    padding:10px;
    border-radius:3px;
}
.login-buttons {
    margin-top:10px
}
.login-buttons>div {
    display:flex;
}

.login-buttons>div * {
    margin-right:10px
}
.availability-widget .login-form>div {
    transition:.2s ease;
}
.availability-widget .login-form>div.message >div {
    padding:10px;
    text-align:center;
    border:1px solid #a9c9d0;
    background:#eef6fa;
    color:#8cadc0;
    text-transform:uppercase;
    font-size:12px;
    line-height:1;
    font-weight:bold;

}
.availability-widget .login-form>div.message > div.success {
    border-color:#a9d0a9;
    background:#eefaee;
    color:#a9d0a9;
}
.availability-widget .login-form>div.message > div.error {
    border-color:#d0a9a9;
    background:#faeeee;
    color:#c08c8c;
}