/* Check Availability Styles
------------------------------------------------------- */
.availability-search-container {
    position: absolute;
    z-index: 99999;
    width: 1205px;
    bottom: 70px;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: calc(100% - 40px);
    background: rgba(255,255,255,0.8);
    padding: 25px;
    border-radius: 7px;
}

.availability-search {
    display: flex;
    /* background: #fff; */
    /* border-radius: 1000px; */
    /* overflow: hidden; */
    /* max-width: 1000px; */
    /* margin: auto; */
}

.availability-search .input-wrap {
    padding: 0;
    flex-grow: 1;
    width:25%;
    position:relative;
}
@media(max-width:962px) { 
    .availability-search .input-wrap {
        padding: 0;
        flex-grow: 1;
        width:unset;
    }
    .availability-search .input-wrap:first-of-type {
        width:100px;
    }
}
@media (max-width:920px) {
    .availability-search-container {
        padding-top:0;
        bottom:20px
    }
    .availability-search {
        flex-wrap:wrap;
        padding-top:0;
        justify-content:space-between;  
        column-gap:20px;
    }
    body.page-id-2 .availability-search .input-wrap {    
        width:calc(50% - 10px);
   
       
    }
   .availability-search .input-wrap {
        margin:20px 0 0 0!important;
       
    }
    .select-park, .stay-dates, .guest-numbers {
        margin:0!important;
    }
}


.availability-search .input-wrap:first-of-type {
    padding-left: 0;
  
}
/*body:not(.page-id-2) .availability-search .input-wrap:first-of-type {*/
/*    display:none;*/
/*}*/
.availability-search .input-wrap:last-of-type {
      width: 120px;
}
.availability-search .input-wrap:nth-of-type(3) {
      position:relative;
}

#select_park, #search-dates-formatted, .guest-label-container {
    appearance: none;
    width: 100%;
    background: none;
    border-width: 0;
    border-bottom: 2px solid #00a0bb;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 8px 0 4px 30px!important;
    line-height: 1;
    height: unset;
    background: no-repeat 0px 50%, no-repeat 100% 55%;
    background-size: auto 60%, auto 50%;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12 fa-2x"><path fill="%2317a1bc" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>'), url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-chevron-down fa-w-14 fa-2x"><path fill="%2300a0bb" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" class=""></path></svg>');
    /* margin-bottom: 0px; */
}
#search-dates-formatted {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="calendar-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-calendar-check fa-w-14 fa-2x"><path fill="%2317a1bc" d="M436 160H12c-6.627 0-12-5.373-12-12v-36c0-26.51 21.49-48 48-48h48V12c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v52h128V12c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v52h48c26.51 0 48 21.49 48 48v36c0 6.627-5.373 12-12 12zM12 192h424c6.627 0 12 5.373 12 12v260c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V204c0-6.627 5.373-12 12-12zm333.296 95.947l-28.169-28.398c-4.667-4.705-12.265-4.736-16.97-.068L194.12 364.665l-45.98-46.352c-4.667-4.705-12.266-4.736-16.971-.068l-28.397 28.17c-4.705 4.667-4.736 12.265-.068 16.97l82.601 83.269c4.667 4.705 12.265 4.736 16.97.068l142.953-141.805c4.705-4.667 4.736-12.265.068-16.97z" class=""></path></svg>'), url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-chevron-down fa-w-14 fa-2x"><path fill="%2300a0bb" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" class=""></path></svg>');
}
#search-dates-formatted b {
    display:inline-block;
    width:25px;
    height:10px;
    background:  no-repeat 50% 50%;
    background-size: auto 150%;
    background-image:url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="long-arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-long-arrow-right fa-w-14 fa-2x"><path fill="%2317a1bc" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z" class=""></path></svg>');

}
.guest-label-container {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="users" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="svg-inline--fa fa-users fa-w-20 fa-2x"><path fill="%2317a1bc" d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z" class=""></path></svg>'), url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-chevron-down fa-w-14 fa-2x"><path fill="%2300a0bb" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" class=""></path></svg>');
}

.availability-search .guest-container input[type=number], .availability-search .guest-container select {
    appearance: none;
    width: 100%;
    border: 1px solid #ddd;
    border-right: 0px;
    border-radius: 5px 0 0 5px;
    text-align: center;
    font-size: inherit;
    margin-left: 10px;
}

.availability-search input[type=number] {
    -moz-appearance: textfield;
}

.availability-search input[type=number]::-webkit-outer-spin-button, .availability-search input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
@media (max-width:650px) {
     .availability-search .input-wrap {
        flex-grow:0;
        width:100% !important;
        margin:20px 0 0 0!important;
       
    }
    .availability-search-container {
        position:static;
        transform:unset;
        width:unset;
        max-width:unset;
        background:#edf3f4;
    }
}
@media (max-width: 980px) {
    .availability-search .input-wrap {
        padding: 0px 0;
    }

    body.guest-open {
        overflow: hidden
    }
}

/*Guest Numbers*/
.guest-container {
    position: absolute;
    top: calc(100% + 20px );
    left: 50%;
    width: 300px;
    padding: 20px;
    background: #fff;
    z-index: 2;
    border: 1px solid #dddddd;
    border-radius: 4px;
    transform: translateX(-50%);
}

.guest-container:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: -1;
    top: 0;
    left: 0;
    position: absolute;
}

.guest-container:after {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    display: block;
    content: '';
    top: -12px;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
}

.search-apply:after {
    content: '';
    background: rgba(0,0,0,0);
    position: fixed;
    left: -100vw;
    top: -100vh;
    height: 200vh;
    width: 200vw;
    z-index: -2;
    cursor: pointer;
}

.search-apply:after:hover {
    background: red;
}

.search-apply {
    display: inline-block;
}

.search-apply span {
    background: #09839b;
    color: #fff;
    font-size:13px;
    border-radius: 7px;
    display: inline-block;
    padding: 3px 20px;
    cursor: pointer;
    transition: 0.2s ease;
}

.search-apply span:hover {
    background: #1597b1;
}

.check-availability-guests {
    display: flex;
    margin-bottom: 10px;
    font-size:14px;
    font-weight:700
}

.check-availability-guests label {
    width: 100%;
    align-self: center;
}

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

.check-availability-guests .btn-container div {
    background: #09839b;
    color: #fff;
    padding: 5px 12px;
    cursor: pointer;
    min-width: 42px;
    text-align: center;
}

.check-availability-guests .btn-container div:hover {
    background: #1299b4;
}

.check-availability-guests .btn-container div:last-of-type {
    border-radius: 0 5px 5px 0;
    border-left: 1px solid rgb(9 131 155);
}

#hero_availability_container {
    position: relative;
}

#hero_availability_container>div:first-of-type {
    max-height: 100%;
}

#hero_availability_container>div.container {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 1200px;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: calc(100% - 20px);
}

.stay-dates, .guest-numbers {
    margin-left: 20px;
}

.guest-numbers {
    margin-right: 20px;
}


.stay-dates input {
    border: none!important;
    background: none!important;
    text-align: left;
    width: 40%;
    font-size: 20px;
    color: #056698!important;
    font-weight: 500;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
}

.select-park label, .stay-dates label, .guest-numbers label {
    width: 100%;
    font-size: 14px;
    color: #17a1bc;
    font-weight: 700;
    line-height: 1;
    padding: 0 0 13px 0;
}

#submit {
    border: none;
    background: #17a1bc;
    height: 100%;
    margin: 0 -1px 0 0;
    padding: 15px 0px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-size: 17px;
    display: block;
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
    border-radius:5px;
}

#submit:hover {
    background: #1a99b2;
}

.banner-text {
    color: #fff;
    text-align: center;
}

.banner-text span {
    display: block;
    font-size: 54px;
    font-weight: 200;
    line-height: 1;
}

.banner-text span:last-of-type {
    font-size: 74px;
    font-weight: 700;
}

.banner-text .button {
    color: #fff;
    font-size: 22px;
    border: 2px solid #fff;
    border-radius: 100px;
    line-height: 1;
    padding: 15px 20px;
    display: inline-block;
    margin: 30px;
    font-weight: 400;
}