/**
 * Cove Point Lodge | Booking Form
 *
 * @package		cpl-booking
 * @author		Jerry Simmons <jerry@montereypremier.com>
 * @copyright	2018 Jerry Simmons
 * @license		GPL-2.0+
 *
 **/
/**
Light Blue Background: #a5c187
Light Gray Border: #9cb87d
Dark Gray Button: #394989
**/
	#cpl_slim_booking_form {
		font-family: 'Lato',sans serif;
		background-color: #6C696E;
		border: solid 10px #394989;
		padding: 20px;
	}
	#cpl_slim_booking_form form { position: relative; }
	#cpl_slim_booking_form .cpl_slim_booking_heading {
		margin: -20px -20px 5px;
		padding-bottom: 1px;
		background-color: #534F56;
		text-align: center;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 25px;
		color: #ffffff;
	}
	#cpl_slim_booking_form .cpl_slim_booking_heading a { color: #ffffff; }
	#cpl_slim_booking_form .cpl_slim_booking_field {
		display: inline-block;
		position: relative;
		padding: 0px 20px;
	}
	#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(1) { width: 25%; }
	#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(2) { width: 15%; }
	#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(3) { width: 15%; }
	#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(4) { width: 25%; }
	#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(5) { width: 19%; }
	#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(-n+3) {
		border-right: solid 1px rgba(255,255,255,.25);
	}
	/* Labels */
	#cpl_slim_booking_form p.cpl_slim_booking_form_label {
		color: #fff;
		padding-bottom: 0px;
		font-weight: 600;
        margin-bottom: 5px !important;
	}
	/* Input Fields */
	#cpl_slim_booking_form .cpl_slim_booking_field input {
		background-color: transparent;
		border: none;
		color: #fff;
	}
	/* Input Font Sizes */
	.cpl_slim_booking_date input,
	.cpl_slim_booking_field p.jswj_options_trigger,
	.cpl_slim_booking_promo > input {
		font-size: 20px;
		color: #fff !important;
	}
	/* Arrival Date Field */
	.cpl_slim_booking_date input { width: 100%; }
	/* Hide Webkit Items */
	.cpl_slim_booking_date input::-webkit-inner-spin-button,
	.cpl_slim_booking_date input::-webkit-outer-spin-button,
	.cpl_slim_booking_date input::-webkit-clear-button {
		-webkit-appearance: none !important;
		display: none !important;
	}
	/* Nights & Guests Dropdowns */
	.cpl_slim_booking_nights, .cpl_slim_booking_guests { text-align: center; }
	/* Promo Code Field */
	.cpl_slim_booking_promo > input {
		width: 100%;
		background-color: rgba(255,255,255,.25) !important;
	}
	/* Dropdown Options */
	.jswj_options { display: none; }
	.jswj_options.jswj_show_options {
		display: block;
		width: 50px;
		margin-left: calc(50% - 50px);
		margin-top: -30px;
		border-radius: 3px;
		box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	}
	.jswj_options {
		position: absolute;
		z-index: 99999999;
		background-color: #534F56;
		padding: 10px 0px;
		cursor: default;
	}
	.jswj_options p {
		position: relative;
		z-index: 99999999;
		line-height: .5em;
		font-size: 16px;
		text-align: center;
		color: #fff;
		padding: 10px !important;
		cursor: default;
	}
	.jswj_options p:hover { background-color: rgba(0,0,0,.25); }
	/* Button */
	#cpl_slim_booking_form .cpl_slim_booking_button_wrapper {
		/*position: absolute;*/
		text-align: center;
		top: 5px;
		padding: 0px !important;
	}
	#cpl_slim_booking_form .cpl_slim_booking_button {
		cursor: pointer;
		background-color: #394989;
		color: #fff;
		padding: 10px 25px !important;
		font-size: 20px;
	}
	@media (max-width: 1250px) {
		/* Input Font Sizes */
		.cpl_slim_booking_date input,
		.cpl_slim_booking_field p.jswj_options_trigger,
		.cpl_slim_booking_promo > input {
			font-size: 20px;
		}
		#cpl_slim_booking_form .cpl_slim_booking_button { font-size: 16px; }
	}
	@media (max-width: 1100px) {
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(1) { padding-left: 0px; }
		#cpl_slim_booking_form .cpl_slim_booking_button_wrapper {
			position: absolute;
			top: -5px;
			text-align: center; }
	}
	@media (max-width: 980px) {
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(1) { width: 35%; }
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(2) { width: 20%; }
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(3) { width: 20%; }
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(4) {
			width: 25%;
			padding-right: 0px;
		}
		#cpl_slim_booking_form p.cpl_slim_booking_form_label { font-size: 18px; }
		/* Book Now Button */
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(5) {
			display: block;
			width: 80%;
			margin: 10px auto 0px; }
		#cpl_slim_booking_form .cpl_slim_booking_button_wrapper {
			position: relative;
			padding: 10px 0px 0px !important;
			width: 100%; }
		#cpl_slim_booking_form .cpl_slim_booking_button { width: 80%; }
	}
	@media (max-width: 767px) {
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(-n+3) { border-right: none; }
		#cpl_slim_booking_form .cpl_slim_booking_field {
			width: 100% !important;
			padding: 0px; }
		#cpl_slim_booking_form .cpl_slim_booking_field p.cpl_slim_booking_form_label {
			width: 100% !important;
			text-align: center; }
		/* Arrival Date * Promo Code */
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(1) input,
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(4) input {
			margin-left: 25%;
			width: 50%;
			line-height: 25px;
			background-color: rgba(0,0,0,.15) !important;
			text-align: center;
		}
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(1) input::-webkit-calendar-picker-indicator { margin-left: -25px; }
		/* Nights & Guests */
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(2),
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(3) {
			width: 40% !important;
			padding: 10px 0px; }
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(2) { margin-left: 10%; }
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(3) { margin-right: 10%; }
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(2) p,
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(3) p {
			width: 100% !important;
			text-align: center !important; }
		/* Dropdown Options */
		.jswj_options.jswj_show_options { margin-left: calc(50% - 25px); }
	}
	@media (max-width: 500px) {
		/* Arrival Date * Promo Code */
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(1) input,
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(4) input {
			margin-left: 5%;
			width: 90%;
			line-height: 25px;
			background-color: rgba(0,0,0,.15) !important;
		}
		/* Nights & Guests */
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(2),
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(3) {
			width: 50% !important;
			padding: 10px 0px;
		}
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(2) { margin-left: 0; }
		#cpl_slim_booking_form .cpl_slim_booking_field:nth-child(3) { margin-right: 0; }

		#cpl_slim_booking_form .cpl_slim_booking_button { width: 100%; }
	}
/**
 * MOBILE FOOTER CTA
 **/
	#mobile_cta_footer_section { display: none; }
	#mobile_cta_footer_section.jswj_show_footer_cta { display: initial; }
	@media(min-width: 768px) {
		#mobile_cta_footer_section,
		#mobile_cta_footer_section.jswj_show_footer_cta {
			display: none;
		}
	}
	#mobile_cta_footer_section {
		position: fixed;
		z-index: 999;
		bottom: 0px;
		left: 0px;
		width: 100%;
		padding: 0px !important;
		box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	}
	#mobile_cta_footer_section .et_pb_row {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0px !important;
	}
	.mobile_cta_footer_section .et_pb_button {
		width: 100%;
		text-align: center;
	}
/**
 * MOBILE BOOKING FORM ADJUSTMENTS
 **/
	@media(max-width: 767px) {
		#main-header.cpl_slim_booking_form_active { z-index: 2; }
		#et-main-area.cpl_slim_booking_form_active { max-height: 70vh; }
		.cpl_slim_booking_form_wrapper {
			position: fixed !important;
			z-index: 999 !important;
			top: 0px;
			left: 0px;
			width: 100% !important;
			height: 100% !important;
			padding: 140px 0 60px !important;
			background-color: rgba(0,0,0,.85);
			overflow: scroll;
		}
		#cpl_slim_booking_form {
			display: none;
			position: relative;
			top: 20vh;
			width: 80vw;
			left: 10vw;
		}
	}