#resSetup {
	display:grid;
	grid-template:
		"email right"
		"where right"
		"when right"
		"guests right"
		"contact right"
		"riginfo right"
		"submit right";
	grid-template-columns:1fr 25%;
	grid-column-gap:calc(var(--base-margin) * 2);
	grid-row-gap:calc(var(--base-margin) * 2);
	max-width:100%;
	margin:auto 0 calc(var(--base-margin) * 2);
	width:100%;
}
#resSetup .form-floating {
	width:100%;
}
#resSetup .qcc-h2 {
	background: linear-gradient(0deg, rgb(144 211 144) 0%, rgb(234 255 235), rgb(183 246 183) 80%);
	border-bottom: var(--brd-lt);
	border-radius: var(--radius);
	box-shadow: var(--ds-sm-lt);
	font-size: var(--base-rem);
	font-weight: bold;
	margin: calc(-1 * var(--base-margin)) calc(-1 * var(--base-margin)) var(--base-margin);
	padding: var(--base-margin);
}
#resRight {
	display:flex;
	grid-area:right;
	flex:1 1 auto;
	flex-direction:column;
}
#resEmail {
	grid-area:email;

}
#resWhere {
	grid-area:where;

}
#resWhen {
	grid-area:when;

}
#dResStandardDates {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: var(--base-margin);
}

#resGuests {
	grid-area:guests;

}
#resContact {
	border:0;
	display:grid;
	grid-area:contact;
	grid-template:
		"header header"
		"address phone";
	grid-row-gap:var(--base-padding);
	grid-template-columns:65% 35%;
	width:100%;
}
#resContactHeader {
	grid-area:header;
}
#resContactAddress {
	grid-area:address;
	padding:0 var(--base-padding);
}
#resContactPhone {
	grid-area:phone;
	padding:0 var(--base-padding);
}
#resContactAddressBottom {
	display:grid;
	grid-template:
		"city state zip";
	grid-row-gap:var(--base-padding);
	grid-template-columns:1fr 120px 120px;
	width:100%;
}
#resContactAddressBottom .city  {
	grid-area:city;
}
#resContactAddressBottom .state {
	grid-area:state;
	padding:0 var(--base-margin);
}
#resContactAddressBottom .zip {
	grid-area:zip;
}

#resRigInfo {
	border:0;
	display:grid;
	grid-area:riginfo;
	grid-template:
		"header header header"
		"type type type"
		"model model model"
		"color plate length"
		"note note note";
	grid-column-gap:var(--base-margin);
	grid-row-gap:var(--base-padding);
	width:100%;
}
#resRigHeader {
	grid-area:header;
}
#resRigType {
	grid-area:type;
}
#resRigModel {
	grid-area:model;
}
#resRigColor {
	grid-area:color;
}
#resRigPlate {
	grid-area:plate;
}
#resRigLength {
	grid-area:length;
}
#resRigNote {
	grid-area:note;
}
#resSubmit {
	grid-area:submit;
}

#resQuestions {
	grid-area:resquestions;

}
#resQuestionsDesk {
	display:none;
	grid-area:resquestionsdesk;
}
#resInfo {
	grid-area:info;
}
#resSetup div.f-a {
	background:linear-gradient(145deg, #fff 15%, #fffffb 85%);
	border:var(--brd);
	border-radius:var(--radius);
	box-shadow:var(--ds-lg);
	padding:var(--base-margin);
	max-width:800px;
	margin:auto;
	width:100%;
}


.res-siteopt {
	border: 1px solid rgb(200,200,200);
	border-radius:var(--radius);
	display: flex;
	margin-bottom:var(--base-padding);
	opacity:1;
	overflow:hidden;
	padding:0;
	transition:all .3s ease;
	width:100%;
}
.qcc-filt-restype-edit {
	display:none;
}
.qcc-special-offer-title {
	text-shadow:1px 1px 2px rgba(0,0,0,0.25);
	font-family: 'Satisfy', serif;
	font-size: 1.25rem;
	margin-bottom: -.375rem;
	z-index: 10;
}
.res-siteopt.qcc-filt-offer {

}
.res-siteopt.chosen {
	border: 1px solid rgb(168,168,168);
	border-radius:var(--radius);
	z-index:+1;
}
.res-siteopt.not-chosen {
	border: 0;
	border-radius:var(--radius);
	height: 0;
	opacity:0;
	padding:0;
	position:absolute;
	transition:all .3s ease;
	top:0;
	width:0;
}
.res-siteopt input[type="radio"] {
	display:none;
}

.qcc-filt-note {
	display:inline-block;
	font-size:0.85em;
	font-style:italic;
	padding-left:var(--base-padding);
}

/* for the label of a reservation type */
.qcc-opt-choice {
	background-image: linear-gradient(135deg, #fff9fa, #ffffff 50%);
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	padding:0;
	position:relative;
	white-space:nowrap;
	width:100%;
}
.qcc-opt-choice:hover {
	box-shadow:var(--ds-halo-xs);
}
.qcc-opt-choice > i {
	align-items: center;
	aspect-ratio:1 / 1;
	background-image: linear-gradient(270deg, #fa6923 0%, #fb8146 50%);
	border-right:var(--brd);
	color:#fff;
	display:flex;
	font-size: 2rem;
	height:100%;
	justify-content: center;
	max-height:70px;
}
.qcc-opt-choice > span.info {
	display:block;
	padding:var(--base-padding);
}

.res-siteopt.chosen .qcc-opt-choice {
	background-image: linear-gradient(3deg, #cfc 25%, #e9ffe9 60%, #dfd 85%);
	font-weight: bold;
}
.res-siteopt.chosen .qcc-opt-choice > i {
	background-image: linear-gradient(270deg, #339933 0%, #2b802b 50%);

}
.res-siteopt.chosen > .qcc-filt-restype-edit {
	background-color: #E7A339;
	border: var(--brd-lt);
	border-radius: var(--radius);
	box-shadow: inset -1px -1px 2px rgba(0,0,0,0.15);
	bottom: 2px;
	color: white;
	display: block;
	font-size: calc(var(--base-rem) * .75);
	font-weight: 600;
	padding: .25rem .5rem;
	position: absolute;
	right: 2px;
	text-rendering: optimizeLegibility;
	z-index: 5;
}

.qcc-res-guest-opt {
	align-items:center;
	display:flex;
	flex-direction:column;
	flex:0 0 auto;
	justify-content:start;
	margin-bottom:.75rem;
	position:relative;
}
.qcc-res-guest-opt .form-floating {
	width:100%;
}
#resGuestPetInfo {
	align-items:center;
	display: flex;
	height:auto;
	justify-content: center;
	max-height:0;
	opacity:0;
	text-decoration:none;
	width: 100%;
	transition:.5s ease;
}
.qcc-guest-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: var(--base-margin);
}
.qcc-no-pets {
	align-items: center;
	background-color: rgba(255,0,0,.25);
	border-radius: .375rem;
	display: flex;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	height: 100%;
	justify-content: center;
	margin: auto;
	min-height:60px;
	padding: .375rem;
	width: 100%;
}

.qcc-no-pets div {
	font-size: .85rem;
	font-weight: bold;
	line-height: 1.1;
}

.resset-right-sticky {
	background: rgba(255,255,240,1);
	border-radius: var(--radius);
	box-shadow: var(--ds-halo-sm);
	padding: var(--base-padding);
	position:sticky;
	top:var(--base-padding);
}

.site-type-options {
	display:none;
}
.f-a.type-set .site-type-options {
	display:grid;
	grid-template:
		"head"
		"opts";
	margin:0;
}
.site-type-options .head {
	grid-area:head;
}
.site-type-options .opts {
	display:grid;
	grid-area:opts;
	grid-template:
		"spec spec spec"
		"numsites fhu pt";
	grid-template-columns:1fr 150px 150px;
	grid-column-gap:var(--base-padding);
	grid-row-gap:var(--base-padding);
	margin:var(--base-margin) 0;
}
#optNS {
	border:0;
	grid-area:numsites;
}
#optFHU {
	grid-area:fhu;
}
#optPT {
	grid-area:pt;
}
#optFHU, #optPT {
	align-items: center;
	color:var(--color);
	cursor:pointer;
	font-size: calc(var(--base-rem) * .85);
	font-style:normal;
	justify-content: center;
	opacity:1;
	min-height: 55px;
	pointer-events:all;
}
#optSPEC {
	border:0;
	grid-area:spec;
}
.site-type-options .opts .opt {
	border:var(--brd);
	border-radius:var(--radius);
	display:flex;
	margin:0
	padding:var(--base-padding);
}
.site-type-options .opts .opt.check label {
	align-items:center;
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	height:100%;
	justify-content:center;
	max-height:60px;
	max-width:150px;
	text-align:center;
}
.site-type-options .opts .opt.check label:has(input:disabled) {
	background:var(--gray-ltr);
	color:var(--gray-dkst);
}
.res-tc-agree {
	align-items:start;
	display:flex;
	flex:1 1 auto;
	flex-wrap:nowrap;
	font-size:calc(var(--base-rem) * .85);
	justify-content:start;
	width:100%;
}
.res-tc-agree span {
	display:block;
	padding:0 var(--base-padding);
}
.qcc-res-submit-wrapper {
	text-align:end;
}
@media (max-width:990px) {
	#resSetup {
		display:grid;
		grid-template:
			"resquestionsdesk"
			"email"
			"where"
			"when"
			"guests"
			"contact"
			"riginfo"
			"submit"
			"right";
		grid-template-columns:100%;
	}

	.resset-right-sticky {
	    padding:var(--base-margin);
	    position:relative;
	}
	#resQuestionsDesk {
		display:block;
	}
	#resQuestions {
		display:none;
	}
	#resContact {
		grid-template:
			"header"
			"address"
			"phone";
		grid-template-columns:100%;
	}
	#resContactAddressBottom {
		display:grid;
		grid-template:
			"city city"
			"state zip";
		grid-template-columns:50% 50%;
	}
	#resContactAddressBottom .state {
		grid-area:state;
		padding:0;
		padding-right:var(--base-margin);
	}
	#resRight {
		padding-top: var(--base-rem);
		border-top: var(--brd);
	}
	#resRigInfo {
		grid-template:
			"header header"
			"type type"
			"model model"
			"color color"
			"plate length"
			"note note";
		width:100%;
	}
	.qcc-res-submit-wrapper {
		text-align:center;
	}
	.qcc-res-submit {
		width:100%;
	}
	#resSubmit {
		margin-bottom: calc(var(--base-margin) * 2)!important;
	}
}
@media (max-width:767px) {
	#resRigInfo {
		grid-template:
			"header"
			"type"
			"model"
			"color"
			"plate"
			"length"
			"note";
		width:100%;
	}
	.site-type-options .opts {
		grid-template:
			"spec spec"
			"numsites numsites"
			"fhu pt";
		grid-template-columns: 1fr 1fr;
		max-width: 100%;
	}
}
@media (max-width:568px) {
	#dResStandardDates {
		grid-template-columns: 1fr;
	}
	.qcc-guest-row {
		grid-template-columns: 1fr;
	}
}