/* Check Availability Styles
------------------------------------------------------- */
.availability-search-container {
	position: relative;
	z-index: 9999;
	font-family: var(--main-font-family) !important;
}
.availability-search-container .mobile-button {
	display: none;
}
.availability-search.sticky-active {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	/* margin: 0 5px; */
	transition: ease-in-out 0.5s;
	z-index: 9;
}

.availability-search {
	display: flex;
	background: #fff;
	/*border-radius: 1000px;*/
	overflow: hidden;
	/* max-width: 1200px; */
	margin: auto;
	text-align:left;
	box-shadow: 0 5px 10px #000000;
	transition: ease-in-out 0.5s;
}

.availability-search .input-wrap {
	padding: 0;
	flex-grow: 1;
}

.availability-search .input-wrap:first-of-type {
	padding-left: 0;
}

.availability-search input[type=number] {
	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;
}
.pods-wrapper .pod {
	cursor: pointer;
}

@media only screen and (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: 65%;
	width: 300px;
	padding: 20px;
	background: #fff;
	z-index: 154;
	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: #ba4d27;
	color: #fff;
	border-radius: 9vw;
	display: inline-block;
	padding: 5px 20px;
	cursor: pointer;
	transition: 0.2s ease;
}

.search-apply span:hover {
	background: rgba(186, 77, 39, 0.69);
}

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

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

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

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

.check-availability-guests .btn-container div:hover {
	background: rgba(186, 77, 39, 0.69);
}

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

#hero_availability_container {
	position: relative;
	padding: 30px 0;
	min-height: 585px;
	display: flex;
}

@media(min-width: 1000px) {
	#hero_availability_container {
		/* max-height:585px; */
	}
}

#hero_availability_container:after {
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	background: url(../../assets/images/page-tear.png) 0 0 repeat-x !important;
	transform: rotate(180deg);
}

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

#hero_availability_container img {
	width: 100vw;
	min-height: 585px;
	object-fit: cover;
	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);
}
@media(max-width:900px){
	#hero_availability_container>div.container {
		transform:unset;
		position:static
	}
}

.stay-dates, .guest-numbers, .park-select {
	transition: 0.2s ease;
	cursor: pointer;
	/* width: 100px; */
	display: flex;
	flex-wrap: wrap;
	/* padding-left: 77px; */
	/* padding-right: 50px; */
	line-height: 1.2;
	height: 100%;
	background: no-repeat 30px 50%, no-repeat calc(100% - 20px) 50%;
	background-size: 30px, 20px;
	/*background-image: url('data:image/svg+xml;charset=utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="calendar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-calendar fa-w-14 fa-2x"><path fill="rgb(5 102 152)" d="M400 64h-48V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H128V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zM48 96h352c8.822 0 16 7.178 16 16v48H32v-48c0-8.822 7.178-16 16-16zm352 384H48c-8.822 0-16-7.178-16-16V192h384v272c0 8.822-7.178 16-16 16z" 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="rgb(5 102 152)" 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>');*/
}

.stay-dates:hover, .guest-numbers:hover, .park-select:hover {
	background-color: #f8f8f8;
}

.guest-numbers {
	border-left: 1px solid rgb(25 25 25);
	padding-left: 40px;
}
.stay-dates {
	border-left: 1px solid rgb(25 25 25);
	padding-left: 40px;
}
.stay-dates input {
	border: none!important;
	background: none!important;
	text-align: left;
	width: 40%;
	font-size: 20px;
	color: #ba4d27!important;
	font-weight: 500;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
}

#search-dates-formatted {
	width: 100%;
	color: #191919;
}

#search-dates-formatted, .guest-label-container {
	padding-bottom: 6px;
}

.guest-label-container span, .guest-label-container {
	color: #191919;
	white-space: nowrap;
	padding-right: 30px;
}

.stay-dates label, .guest-numbers label, .park-select label {
	width: 100%;
	font-size: 14px;
	color: #ba4d27;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	padding: 12px 0 0 0;
}

#submit, .mobile-button {
	border: none;
	border-radius: 0;
	background: #ba4d27;
	height: 100%;
	margin: 0 -1px 0 0;
	padding: 17px 53px;
	color: #f9efe5!important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	font-size: 20px;
	display: block;
	width: 100%;
	font-weight: 600;
	cursor: pointer;
	transition: 0.2s ease;
	font-family: var(--main-font-family);
}
.primary-home #submit {
	padding: 25px 30px;
	/*font-family:'Font Awesome 5 Free', arial;*/
}
#submit:hover {
	background: rgb(186 77 39 / 69%);
}

.banner-text {
	color: #fff;
	text-align: center;
	padding-bottom: 32px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.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;
}

#hero_availability_container .container {
	text-align:center;
}
#hero_availability_container .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;
}

#footer-bottom {
	padding-bottom: 5rem;
}

@media(max-width: 920px) {
	/*.availability-search {*/
	/*	border-radius:30px;*/
	/*}*/

	.guest-container, .daterangepicker {
		position: fixed!important;
		top: 50%!important;
		left: 50%!important;
		transform: translate(-50%,-50%)!important;
		box-shadow: 0 0 0 200vw rgba(0,0,0,0.5);
	}

	.guest-container:after, .daterangepicker:after, .daterangepicker:before {
		content: unset!important;
	}

	.guest-numbers, .stay-dates {
		border-left: 0!important;
	}
	.daterangepicker .drp-calendar {
		max-width: 100%;
		width: 100%;
		padding: 15px !important;
	}


	#hero_availability_container {
		/* height: 700px; */
		/* position: static; */
		display: flex;
	}

	#hero_availability_container img {
		height: 100%;
	}
}

@media(max-width: 650px) {

	.banner-text .button {
		font-size: 18px
	}

	.banner-text span {
		font-size: 9vw
	}

	.banner-text span:last-of-type {
		font-size: 12vw
	}

	.availability-search .input-wrap {
		width: 100%;
	}
}
#select_park {
	border:0;
	padding-bottom: 12px;
	appearance:none;
	height:unset;
	line-height:21.6px;
	font-size:18px;
	color: #191919;
	font-weight:500;
	background:transparent;
	width: 100%;
	font-family: var(--main-font-family);
}


.park-select :is(label, #select_park ) {
	padding-left: 40px;
}

@media(max-width: 920px) {
	.availability-search {
		flex-direction:column;
		max-width: 500px;
	}
	.availability-search.sticky-active {
		/*left: 10%;*/
		/*right: 10%;*/
		max-width: unset;
	}
	.availability-search.sticky-active .input-wrap:not(:last-child) {
		 display: none;
	}
	.availability-search.sticky-active.mobile-view.active .input-wrap:not(:last-child) {
		 display: block;
	}
	.stay-dates, .park-select {
		border-bottom: 1px solid #000000;
	}

	.stay-dates, .guest-numbers, .park-select :is(label, #select_park ) {
		/*height: 70px;*/
		padding-left: 60px;
		font-family: var(--main-font-family) !important;
	}
	.stay-dates, .guest-numbers, .park-select {
		 padding-top: 1rem;
		 padding-bottom: 1rem;
	}
	.mobile-close {
		display: none;
	}
	.sticky-active.mobile-view.active .mobile-close {
		display: block;
		position: absolute;
		right: 0px;
		top: 6px;
		width: 20px;
		z-index: 99999;
		height: 40px;
		width: 40px;
		font-weight: 500;
		cursor: pointer;
		font-family: var(--main-font-family) !important;
	}
	.sticky-active.mobile-view .mobile-close:before {
		content: "X";
		background-color: #ffffff00;
		width: 40px;
		height: 40px;
		position: absolute;
		left: -8px;
		top: -1px;
		/* z-index: 0; */
		box-shadow: 1px 1px 7px #00000057;
		border-radius: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media(min-width: 921px) {
	.availability-search.sticky-active .guest-container {
		position: fixed;
		top: unset;
		bottom: 90px;
	}
	.availability-search.sticky-active .guest-container:after {
		transform: translateX(-50%) rotate(180deg);
		top: 100%;
	}
}