/*!
 * Datepicker styling for the booking form.
 *
 * Gravity Forms 3.0 replaced its jQuery UI datepicker and dropped every front-end
 * `.ui-datepicker` rule along with it. The booking form still drives the date field
 * through jQuery UI (see library/js/project.js, blockOutStoreDays), so the theme now
 * ships the styling itself.
 *
 * These rules are lifted verbatim from Gravity Forms 2.10.5, the last version that
 * supplied them, and are kept in source order so the file stays diffable against the
 * original:
 *   assets/css/dist/basic.min.css   - base layout, including `display: none`
 *   assets/css/dist/theme.min.css   - the gravity-theme appearance on top of it
 *
 * Only the `.gravity-theme` scope is carried over. That is the only one that ever
 * applied here: project.js adds `gravity-theme` and `gform-theme-datepicker` to
 * `#ui-datepicker-div` by hand, and the booking form renders with
 * `data-form-theme="gravity-theme"`.
 *
 * Two notes on fidelity:
 *   - `var(--gform-theme-font-weight-*)` is carried over unchanged. Gravity Forms
 *     never defined those custom properties, in 2.10.5 or since, so the declarations
 *     were already inert. Left in place rather than silently resolved.
 *   - The `down-arrow.svg` URL is repointed at the theme's own copy. Everything else
 *     is byte-identical to the Gravity Forms source.
 *
 * Not part of the laravel-mix build. It is vendor CSS, so it is registered on its own
 * rather than compiled into theme.css where it would be reformatted on every rebuild.
 */

/* --- from basic.min.css --- */

.gravity-theme.ui-datepicker {
	background-color:#fff;
	border:1px solid rgba(0,0,0,.1);
	box-shadow:0 1px 5px rgba(0,0,0,.1);
	display:none;
	margin:2.4px;
	padding:8px;
}

.gravity-theme.ui-datepicker[style] {
	z-index:9999!important;
}

.gravity-theme.ui-datepicker .ui-datepicker-header {
	border-bottom:1px solid rgba(0,0,0,.1);
	margin:0 -8px 8px;
	padding:0 8px 8px;
	position:relative;
}

.gravity-theme.ui-datepicker .ui-datepicker-next,
.gravity-theme.ui-datepicker .ui-datepicker-prev {
	cursor:pointer;
	position:absolute;
}

.gravity-theme.ui-datepicker .ui-datepicker-next::before,
.gravity-theme.ui-datepicker .ui-datepicker-prev::before {
	border-style:solid;
	border-width:.18em .18em 0 0;
	content:"";
	display:inline-block;
	height:.55em;
	left:.15em;
	position:relative;
	top:.3em;
	transform:rotate(-135deg);
	vertical-align:top;
	width:.55em;
}

.gravity-theme.ui-datepicker .ui-datepicker-next .ui-icon,
.gravity-theme.ui-datepicker .ui-datepicker-prev .ui-icon {
	display:none;
}

.gravity-theme.ui-datepicker .ui-datepicker-prev {
	left:16px;
}

.gravity-theme.ui-datepicker .ui-datepicker-next {
	right:16px;
}

.gravity-theme.ui-datepicker .ui-datepicker-next::before {
	left:0;
	transform:rotate(45deg);
}

.gravity-theme.ui-datepicker .ui-datepicker-title {
	text-align:center;
}

.gravity-theme.ui-datepicker .ui-datepicker-title select {
	margin:0 4px;
}

.gravity-theme.ui-datepicker .ui-datepicker table {
	border-spacing:0;
	margin:0;
}

.gravity-theme.ui-datepicker .ui-datepicker thead {
	font-size:.85em;
}

.gravity-theme.ui-datepicker .ui-datepicker td {
	padding:0;
	width:35.2px;
}

.gravity-theme.ui-datepicker a.ui-state-default {
	border-radius:50%;
	color:#222;
	display:block;
	line-height:35.2px;
	text-align:center;
	text-decoration:none;
	width:100%;
}

.gravity-theme.ui-datepicker a.ui-state-default:hover {
	background-color:rgba(0,0,0,.1);
}

.gravity-theme.ui-datepicker a.ui-state-active,
.gravity-theme.ui-datepicker a.ui-state-active:hover {
	background-color:#3498db;
	color:#fff;
}

/* --- from theme.min.css --- */

.gravity-theme.ui-datepicker {
	background:#fff;
	border:1px solid #d0d1d3;
	border-radius:3px;
	box-shadow:0 .0625rem .25rem rgba(0,0,0,.11),0 0 .25rem rgba(18,25,97,.0405344);
	color:#607382;
	font-size:.8125rem;
	font-weight:var(--gform-theme-font-weight-medium);
	margin-top:5px;
	max-width:400px;
	padding:18px 15px;
	width:auto;
}

.gravity-theme.ui-datepicker table,
.gravity-theme.ui-datepicker td,
.gravity-theme.ui-datepicker th,
.gravity-theme.ui-datepicker thead,
.gravity-theme.ui-datepicker tr {
	background:0 0;
	border:0;
	margin:0;
}

.gravity-theme.ui-datepicker td,
.gravity-theme.ui-datepicker th {
	padding:5px;
	text-shadow:none;
	text-transform:none;
}

.gravity-theme.ui-datepicker .ui-datepicker-header {
	border:0;
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin:0 0 5px;
	padding:0;
	position:relative;
	width:100%;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	align-items:center;
	background:0 0;
	border:0;
	color:#607382;
	cursor:pointer;
	display:flex;
	font-family:gform-icons-theme!important;
	font-size:24px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	height:30px;
	justify-content:center;
	line-height:1;
	position:absolute;
	speak:never;
	text-decoration:none;
	top:50%;
	transform:translateY(-50%);
	transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
	width:30px;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
	color:#2f4054;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
	display:none;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
	border:0;
	height:auto;
	position:static;
	transform:none;
	width:auto;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	left:0;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
	content:"\e910";
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	right:0;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
	content:"\e91b";
}

.gravity-theme.ui-datepicker .ui-datepicker-header select {
	-webkit-appearance:none;
	background-color:transparent;
	background-image:url(../images/down-arrow.svg);
	background-position:100% 50%;
	background-repeat:no-repeat;
	background-size:24px 24px;
	border:0;
	border-radius:0;
	box-shadow:none;
	color:#585e6a;
	cursor:pointer;
	display:inline-block;
	font-size:.875rem;
	font-weight:var(--gform-theme-font-weight-medium);
	height:auto;
	min-height:0;
	padding:0 22px 0 0;
	width:auto;
}

.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
	margin-right:20px;
	-moz-text-align-last:right;
	text-align-last:right;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar {
	table-layout:fixed;
	width:100%;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar a,
.gravity-theme.ui-datepicker .ui-datepicker-calendar span {
	font-weight:var(--gform-theme-font-weight-normal);
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar th span {
	align-items:center;
	color:#2f4054;
	display:flex;
	font-size:.8125rem;
	font-weight:var(--gform-theme-font-weight-medium);
	height:40px;
	justify-content:center;
	width:40px;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar td {
	font-size:.8125rem;
	height:50px;
	width:50px;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	align-items:center;
	background:0 0;
	border:1px solid transparent;
	border-radius:100%;
	box-shadow:none;
	color:#2f4054;
	display:flex;
	height:40px;
	justify-content:center;
	text-decoration:none;
	transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;
	width:40px;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:focus,
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
	background:0 0;
	border-color:#607382;
	outline:0;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:active {
	background:#f2f3f5;
	border-color:#607382;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
	background:#607382;
	border-color:#607382;
	box-shadow:0 .125rem .125rem rgba(58,58,87,.0596411);
	color:#fff;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus,
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover {
	border-color:#607382;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
	background:0 0;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	align-items:center;
	background:#f2f3f5;
	border:1px solid rgba(32,32,46,.079);
	border-radius:100%;
	box-shadow:0 .125rem .125rem rgba(58,58,87,.0596411);
	color:#686e77;
	cursor:text;
	display:flex;
	height:40px;
	justify-content:center;
	text-decoration:none;
	width:40px;
}

@media (max-width:640px) {
	.gravity-theme.ui-datepicker {
		max-width:235px;
	}

	.gravity-theme.ui-datepicker .ui-datepicker-header {
		margin-bottom:10px;
	}

	.gravity-theme.ui-datepicker td,
	.gravity-theme.ui-datepicker th {
		padding:3px;
	}

	.gravity-theme.ui-datepicker .ui-datepicker-calendar th span {
		height:20px;
		width:20px;
	}

	.gravity-theme.ui-datepicker .ui-datepicker-calendar td {
		height:30px;
		width:30px;
	}

	.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default {
		height:20px;
		width:20px;
	}

	.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
		height:20px;
		width:20px;
	}
}

.gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
	display:block;
	margin-left:12.8px;
	max-height:25.6px;
	max-width:25.6px;
}