.contentRender_name_plugins_common_booking {
	position: relative;
	padding: 30px 32px 40px;
	background-color: var(--blue);
}

/* Styling for when booking widget is in a two-col panel with a sidebar */
.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking {
	padding-left: 20px;
	padding-right: 20px
}

@media (min-width: 375px) {
	.contentRender_name_plugins_common_booking { padding: 30px 64px 40px; }

	/* Styling for when booking widget is in a two-col panel with a sidebar */
	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking {
		padding-left: 53px;
		padding-right: 53px
	}
}

.contentRender_name_plugins_common_booking::after {
	content: "";
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 30%);
	pointer-events: none;
}

.contentRender_name_plugins_common_booking .booking-wrapper {
	position: relative;
	z-index: 1;
	max-width: 512px;
	margin: 0 auto;
}

.contentRender_name_plugins_common_booking .booking-wrapper .booking-title h5 {
	font-family: var(--font-display);
	font-size: 23px;
	font-weight: 700;
	line-height: var(--leading-normal);
	letter-spacing: var(--tracking-normal);
	color: var(--white);
	margin-bottom: var(--space-2);
}

@media (min-width: 375px) {
	.contentRender_name_plugins_common_booking .booking-wrapper .booking-title h5 { font-size: 25px; }
}

.contentRender_name_plugins_common_booking .booking-wrapper .check-in,
.contentRender_name_plugins_common_booking .booking-wrapper .destination-cont {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	border-bottom: 3px solid var(--white);
	margin-bottom: 29px;
}

.contentRender_name_plugins_common_booking .booking-wrapper .check-in i,
.contentRender_name_plugins_common_booking .booking-wrapper .destination-cont i {
	font-size: 18px;
	color: var(--white);
}

.contentRender_name_plugins_common_booking .booking-wrapper .check-in input,
.contentRender_name_plugins_common_booking .booking-wrapper select#destination {
	flex-basis: 100%;
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: var(--tracking-normal);
	color: var(--white);
	background: transparent;
	padding: 0;
	cursor: pointer;
}

.contentRender_name_plugins_common_booking .booking-wrapper select {
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	appearance: none;
}

.contentRender_name_plugins_common_booking .booking-wrapper select option {
	color: var(--black);
	font-size: 18px;
}

.contentRender_name_plugins_common_booking .booking-wrapper .submit-wrapper {
	display: flex;
	justify-content: center;
}

.contentRender_name_plugins_common_booking .booking-wrapper .shared-btn {
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 900;
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-none);
	text-transform: uppercase;
	color: var(--gray-900);
	background-color: var(--white);
	padding: 7px 36px;
	border: 2px solid var(--gray-900);
	border-radius: 20px;
}

@media (hover:hover) {
	.contentRender_name_plugins_common_booking .booking-wrapper .shared-btn:hover {
		color: var(--white);
		background-color: var(--blue);
		border: 2px solid var(--blue);
	}
}

@media (min-width: 64em) {
	.contentRender_name_plugins_common_booking {
		filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.25));
		z-index: 2;
		padding: 28px 12px;
	}

	.contentRender_name_plugins_common_booking::after { content: none; }

	.contentRender_name_plugins_common_booking .booking-wrapper {
		display: flex;
		align-items: center;
		max-width: 1330px;
	}

	.contentRender_name_plugins_common_booking .booking-wrapper .booking-form {
		display: flex;
		align-items: center;
		margin-top: -8px;
	}

	.contentRender_name_plugins_common_booking .booking-wrapper .booking-title h5 {
		font-size: 30px;
		margin-bottom: 0;
		margin-right: 20px;
	}

	.contentRender_name_plugins_common_booking .booking-wrapper .check-in,
	.contentRender_name_plugins_common_booking .booking-wrapper .destination-cont {
		margin-bottom: 0;
		margin-right: var(--space-6);
	}

	.contentRender_name_plugins_common_booking .booking-wrapper .check-in i,
	.contentRender_name_plugins_common_booking .booking-wrapper .destination-cont i { font-size: 20px; }

	.contentRender_name_plugins_common_booking .booking-wrapper .check-in input,
	.contentRender_name_plugins_common_booking .booking-wrapper select#destination {
		font-size: 22px;
		line-height: 1.5;
		width: 100%;
		max-width: 232px;
	}

	.contentRender_name_plugins_common_booking .booking-wrapper select#destination { max-width: 165px;}

	/* Styling for when booking widget is in a two-col panel with a sidebar */
	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking {
		padding-left: 64px;
		padding-right: 64px;
	}

	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking .booking-wrapper {
		align-items: unset;
		flex-direction: column;
	}

	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking .booking-wrapper .booking-form {
		flex-direction: column;
		align-items: unset;
	}
	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking .booking-wrapper .booking-title h5 {
		font-size: 30px;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking .booking-wrapper .check-in,
	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking .booking-wrapper .destination-cont {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking .booking-wrapper .check-in input,
	.contentRender_name_plugins_common_two_col .contentRender_name_plugins_common_booking .booking-wrapper select#destination {
		max-width: 100%;
	}
}

@media (min-width: 1440px) {
	.contentRender_name_plugins_common_booking { padding: 25px 54px 30px; }

	.contentRender_name_plugins_common_booking .booking-wrapper .booking-title h5 { margin-right: 55px; }

	.contentRender_name_plugins_common_booking .booking-wrapper .check-in,
	.contentRender_name_plugins_common_booking .booking-wrapper .destination-cont { margin-right: 57px; }
}

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background: var(--white); border: 2px solid var(--gray);}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 0; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 0; }
.ui-datepicker .ui-datepicker-prev { left:2px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right:20px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next-hover { right:20px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-family: var(--font-display); font-weight: 700; color: var(--dark-blue);}
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }