html,
body {
	font-family: futura-pt, sans-serif;
	--border-radius-medium: 10px;
	--windrock-green: #949300;
	--windrock-red: #d33e40;
}

a {
	color: #d33e40;
}
a:visited {
	color: #d33e40;
}


.warning_notice {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #a82e0b;
	padding: 0.3em;
}
@media print {
	.warning_notice {
		display: none;
	}
}

a.warning_notice_link,
a.warning_notice_link:visited {
	color: white;
}


.gst-caught {
    padding: 0;
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.gst-caught li {
	border-width: 0;
    padding: 2em;
	text-align: center;
}


@media all and (min-width: 600px) {
	.generic__2up,
	.generic__3up {
		display: flex;
		column-gap: 1em;
		justify-content: space-between;
	}
	.generic__4up {
		display: flex;
		column-gap: 0.5;
		justify-content: space-between;
	}

	.generic__part {
		flex: 1;
	}
}


.generic__inner .fb3__field {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.fb3__field-input,
.fb3__field-select {
	padding: .5em;
}



.dropdown-choice:hover {
	background-color: rgb(170, 193, 98);
	color: white;
}

.dropdown-choice[data-value="cabin"]::before      { background-image: url(../../images/map/pin.png); }
.dropdown-choice[data-value="campsite"]::before   { background-image: url(../../images/map/tent.png); }
.dropdown-choice[data-value="rv_parking"]::before { background-image: url(../../images/map/rv_normal.png); }
.dropdown-choice[data-value="yurt"]::before       { background-image: url(../../images/map/yurt.png); }





.sites-reserve__summary {
    max-width: 30em;
    width: 100%;
	margin: 1em auto;
}

.sites-reserve__summary td, .sites-reserve__summary th {
    padding: .3em;
    color: #929292;
}

.sites-reserve__summary tfoot td {
    border-top: 1px solid #929292;
}

.sites-reserve__summary-total {
	text-align: right;
}


.sites-view__form fieldset:focus-within,
.titanium-buddy_site__resform fieldset:focus-within {
	outline: 2px dashed rgba(255, 80, 80, 1);
}



/* ---------------- Sunlight Box ---------------- */

@keyframes sunlightbox-zoom {
	0% {
	  transform: scale(0.25, 0.25);
	}
	100% {
	  transform: scale(1, 1);
	}
}

.sunlightbox-box {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	align-items: center;
	background-color: rgb(255, 255, 255, 0.8);
	column-gap: 1em;
	flex-direction: column;
	justify-content: center;
	row-gap: 1em;
}
.sunlightbox-box-open {
	display: flex;
}

.sunlightbox-control {
	padding: 4px 20px;
	background: url(/images/titanium/btn-red-bg.jpg) center bottom;
	border: 2px solid #d23d3f;
	color: #fffffe;
	cursor: pointer;
	box-shadow: 0 3px 8px rgb(0 0 0 / 16%);
	border-radius: var(--border-radius-medium);
	font-size: 18px;
	font-family: futura-pt, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	transition: 0.2s ease;
	user-select: none;
	z-index: 5;
}
.sunlightbox-control:hover {
	background-position: 0 top;
	color: #d23d3f;
	transform: scale(1.05);
}

.sunlightbox-close {
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 10;
}

.sunlightbox-media {
	width: 80%;
	border: 2px solid #d23d3f;
	background-color: #ccc;
	box-shadow: -0.25em 0.5em 2em rgba(0, 0, 0, 0.25);
	min-height: 1em;
	z-index: 1;

	position: relative;
}
.sunlightbox-box-open .sunlightbox-media{
    animation: sunlightbox-zoom 0.6s ease 1;
}

@media all and (min-width: 768px) {
	.sunlightbox-box {
		column-gap: 1em;
		flex-direction: row;
		row-gap: 0;
	}

	.sunlightbox-media {
		width: 50%;
	}
}

.sunlightbox-media-img,
.sunlightbox-media video,
.sunlightbox-media iframe {
	display: block;
	width: 100%;
	height: auto;
}

.sunlightbox-media-sponsor {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	width: 20%;
	display: block;
	height: auto;
}

.sunlightbox-next {
	background-color: goldenrod;
}

.sunlightbox-prev {
	background-color: lawngreen;
}


/* ---------------- Titanium (Map & Site View 2022) ---------------- */

/*
input[type="date"] {
    margin-left: 0.5em;
	margin-top:0;
}
*/


button,
.generic__link-button,
button:visited,
.generic__link-button:visited {
    padding: 4px 20px;
	background: url(/images/titanium/btn-red-bg.jpg) center bottom;
    border: 2px solid #d23d3f;
    color: #fffffe;
    box-shadow: 0 3px 8px rgb(0 0 0 / 16%);
    border-radius: 100px;
    font-size:18px;
	font-family: futura-pt, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.2s ease;
}
button:hover,
.generic__link-button:hover {
    background-position: 0 top;
    color: #d23d3f;
	transform: scale(1.05);
}


.main {
	background-color:white;
}


.titanium-header-nav {
	background: url(/images/titanium/mapheaderbg.jpg) center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
}

.titanium-header-first,
.titanium-header-last {
	_width: 20%;
}
.titanium-header-first .generic__link-button{
	_display:none;
}

.titanium-header-middle {
	_flex: 1;
}


.titanium-logo-link {
	display: block;
	max-width: 250px;
	margin: 0 auto;
}

.titanium-logo {
	display: block;
	_width: 100%;
	width: 125px;
	height: auto;
}


h1 {
    font-size: 35px;
    padding-bottom: 30px;
	color: #d33e40;
}
.titanium-buddy_site__gallery + h1 {
	margin-top: 1em;
}


/* Footer */

.titanium-footer{
	background: url(/images/titanium/mapheaderbg.jpg) center;
	text-align:center;
	font-family: futura-pt, sans-serif;
	font-weight:bold;
}
.titanium-footer a,
a.call{
	color:#d33e40;
}
.titanium-footer .generic__inner {
    max-width: 1100px;
	margin:0 auto;
}


/* Range pick */

.ti-rangepick {
	position: relative;
	
	background-color: #ffd993;
	color: #2c2c2c;
}
.ti-rangepick-popup .ti-rangepick {
	position: absolute;
	top: 100%;
	right: 0;
	width: 40em;

	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;

	border-radius: var(--border-radius-medium);
	box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.25);
	padding: 1em 0;
	display: flex;
	column-gap: 0.5em;
	justify-content: space-around;
	align-items: center;
}
.ti-rangepick-popup .ti-rangepick.open {
	opacity: 1;
	pointer-events: auto;
	z-index: 500;
}

.ti-rangepick-clear {
	position: absolute;
	top: 10px;
	right: 10px;
	display: none;
}

.ti-rangepick-close {
	position: absolute;
	top: 10px;
	right: 110px;
	display: none;
}

.ti-rangepick-prev,
.ti-rangepick-next {
	display: none;
}

.ti-rangepick-popup .ti-rangepick-prev,
.ti-rangepick-popup .ti-rangepick-next,
.ti-rangepick-popup .ti-rangepick-clear {
	display: inline-block;
}


.ti-rangepick-months {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.ti-rangepick-popup .ti-rangepick-months {
	flex-direction: row;
	align-items: flex-start;
	column-gap: 1em;
}

.ti-rangepick-month1,
.ti-rangepick-month2 {
	flex: 1;
}

.ti-rangepick-label {
	padding: 1em 0 .5em;
	border-bottom: 1px solid gray;
	text-align: center;
}

.ti-rangepick-weeks {
    padding-top: 1em;
}

.ti-rangepick .week,
.ti-rangepick .weekdays {
	_display: flex;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.ti-rangepick .weekday,
.ti-rangepick .pad,
.ti-rangepick .day {
	_flex: 1;
	padding: 0.25em;
	text-align: center;
	outline-width: 0;
}
.ti-rangepick .day {
	position: relative;

	cursor: pointer;
	outline: 2px solid transparent;
	transition: outline 0.2s;
}
.ti-rangepick .day.in {
	background-image: linear-gradient(
		to bottom right,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 50%,
		#888 50%,
		#888 100%);
}
.ti-rangepick .day.out {
	background-image: linear-gradient(
		to top left,
		rgba(0,0,0,0) 0%,
		rgba(0,0,0,0) 50%,
		#888 50%,
		#888 100%);
}
.ti-rangepick .day.full,
.ti-rangepick .day.past {
	cursor: default;
	outline-width: 0;
	background-image: none;
	background-color: #888;
}



/* Helium - the 2-up used by site and buddy site view pages */

.titanium__helium {
	display: flex;
    grid-template-columns: 2fr 1fr;
	justify-content: space-between;
}

.titanium__helium-proton {
	width: 63%;
}

.titanium__helium-neutron {
	width: 33%;
}

@media all and (max-width: 1099px) {
	.titanium__helium-proton {
		width: 50%;
	}

	.titanium__helium-neutron {
		width: 45%;
	}
}

@media all and (max-width: 820px) {
	.titanium__helium {
		display: block;
	}

	.titanium__helium-proton {
		width: auto;
	}

	.titanium__helium-neutron {
		width: auto;
	}
}



.check-in-out {
    border: 1px solid lightgray;
	border-radius: var(--border-radius-medium);
	box-sizing: border-box;
    display: flex;
	margin-bottom: 1em;
	width: 100%;
}
.check-in-out label {
	display: block;
	flex: 1;
	font-weight: bold;
    padding: 1.25em;
    border-left: 1px solid #ddddde;
}
.check-in-out label:first-child {
	border-width: 0;
}
.check-in-out input {
	display: block;
	box-sizing: border-box;
	width: 8em;
}

/* Range pick classic, now with more Surge */

.check-in-out-calendar {
	position: relative;
	height: 24em;
}

.check-in-out-calendar iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.check-in-out-live {
	--bg-normal: #ffd993;
	--bg-lighter: #ffe8b0;
	background-color: var(--bg-normal);
	color: #2c2c2c;
	--color-taken: #d33e4080;
	--color-selected: #8f8a;
	--color-selected-opaque: #8f8;
	border-radius: var(--border-radius-medium);
	padding: var(--border-radius-medium);
	margin-bottom: 1em;
	text-align: center;
}

.check-in-out-live .weekdays,
.check-in-out-live .week {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	column-gap: 0.125em;
}

.check-in-out-live .weekdays {
	font-weight: bold;
}

.check-in-out-live .sites-view__calendar-day__past {
	cursor: default;
	outline-width: 0;
	background-image: none;
	background-color: #888;
}

.check-in-out-live .day {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	font-size: 120%;
	background-color: var(--bg-lighter);
}

.check-in-out-live .in {
	_background-color: #f88;
	background: linear-gradient(to right, var(--bg-lighter) 0%, var(--bg-lighter) 50%, var(--color-taken) 50%, var(--color-taken) 100%);
}
.check-in-out-live .out {
	_background-color: #8f8;
	background: linear-gradient(to right, var(--color-taken) 0%, var(--color-taken) 50%, var(--bg-lighter) 50%, var(--bg-lighter) 100%);
}
.check-in-out-live .full {
	_background-color: #88f;
	background-color: var(--color-taken);
	background-image: none;
}
.check-in-out-live .past {
	_background-color: #8888;
	opacity: 0.5;
}

.check-in-out-live .selected,
.check-in-out-live .selected-20240510 {
	position: relative;
}
.check-in-out-live .selected::before,
.check-in-out-live .selected-20240510::before {
	background-color: var(--color-selected-opaque);
	opacity: 0.75;
	position: absolute;
	left: 0;
	top: 0;
	content: " ";
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
}

.check-in-out-live.overlaps ~ .titanium-view__submit button {
	pointer-events: none;
	opacity: 0.5;
}

.check-in-out-live .legend {
	padding-top: 0.5em;
}

.check-in-out-live .legend-item {
	display: inline-block;
	margin: 0 0.5em;
}
.check-in-out-live .legend-item::before {
	content: " ";
	display: inline-block;
	width: 1.75em;
	height: 1.25em;
	line-height: 1;
	vertical-align: bottom;
	background-color: var(--bg-lighter);
	border: 1px solid;
	margin-right: 0.25em;
}
.check-in-out-live .legend-selected::before {
	background-color: var(--color-selected);
}
.check-in-out-live .legend-in::before,
.check-in-out-live .legend-gbo::before,
.check-in-out-live .legend-full::before {
	background-color: var(--color-taken);
}


.sites-view__calendar-legend {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.sites-view__calendar-legend-available,
.sites-view__calendar-legend-selected,
.sites-view__calendar-legend-unavailable {
	width: 1em;
	height: 1em;
	background-color: #e0e0e0;
	display: block;
	margin-left: 1em;
	margin-right: 0.25em;
}

.sites-view__calendar-day__out-of-month {
	opacity: 0.5;
}

.sites-view__calendar-day__past {
	opacity: 0.25;
}



/* Individual spot calendar */

.sites-view__calendar-days {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.sites-view__calendar-day-of-week,
.sites-view__calendar-day {
	padding: 0.125em 0.125em;
	float: none;
	width: auto;
}

.sites-view__calendar-day-of-week {
	font-weight: bold;
}

.titanium-preview_month__label {
	text-align: center;
	padding: 0.25em;
}




.titanium-spot-prices {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    border-bottom: 1px solid lightgray;
	margin: 1em 0 2em 0;
}
.titanium-spot-prices__price {
	border-left: 1px solid #ddddde;
	padding: 1em 1.5em;
}
.titanium-spot-prices__price:first-child {
	border-left-width: 0;
	padding-left: 0;
}
.titanium-spot-prices__price:last-child {
	padding-right: 0;
}


/* titanium/buddy-site */

/*
.titanium-buddy_site__prices {
    padding: 2em 0;
    display: flex;
    border-bottom: 1px solid lightgray;
    column-gap: 1px;
}
.titanium-buddy_site__price {
	border-left: 1px solid #ddddde;
	padding: 0 2em;
}
.titanium-buddy_site__price:first-child {
	border-left-width: 0;
	padding-left: 0;
}

disabled.titanium-buddy_site__2up {
	display: grid;
    grid-template-columns: 2fr 1fr;
	column-gap: 2em;
	margin: 0 auto;
	max-width: 1200px;
}
*/

.titanium-buddy_site__description {
	margin-top: 1em;
}

.titanium-buddy_site__gallery {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1em;
	column-gap: 1em;
}

.titanium-buddy_site__gallery-image {
	flex: 1;
	height: 8em;
	border-radius: var(--border-radius-medium);
	background-position: center;
	background-size: cover;
}
.titanium-buddy_site__gallery__primary .titanium-buddy_site__gallery-image {
	height: 30vw;
}

/* titanium/buddy-confirmation */

.titanium-buddy_confirmation {
	text-align: center;
}

.reservations-receipt__wrap {
	background-color: #ffffff;
	padding: 2em;
	_color: #929292;
	text-align: center;
	margin: 1em auto;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}


.reservations-receipt__table {
    width: 100%;
}

.reservations-receipt__table td,
.reservations-receipt__table th {
    padding: .5em;
}

.reservations-receipt__table th {
	width: 50%;
}


.reservations-receipt__helpful-links {
	text-align: center;
}

.reservations-receipt__helpful-link {
    padding: 2em;
    background-color: #ffffff;
    display: inline-block;
    margin: 1em;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
	-webkit-transition: box-shadow .3s; /* Safari */
    transition: box-shadow .3s;
}
.reservations-receipt__helpful-link:hover {
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
	-webkit-transition: box-shadow .3s; /* Safari */
    transition: box-shadow .3s;
}



.sites-view__pet-note {
	font-size: 100%;
	text-align: center;
	padding: 0.5em 1em;
	color: white;
	background-color: #a82e0b;
	background-color: #d33e40;
	margin-bottom: 1em;
}




/* titanium/home (map) */

.dropdown{
	margin-left: 5.1px;
}
.dropdown-choices {
	width: 8em;
}
.dropdown-choice {
	padding: 2px 10px 2px 2em;
    background-color: white;
    color: #2c2c2c;
}





.titanium-page-home .titanium-footer {
	display: none;
}

.titanium-home__map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.titanium-home__map button {
	box-shadow: none;
}

.titanium-home__map-form .ti-rangepick {
	left: 0;
}

.titanium-home__map-form {
	--map-form-fg: white;
	--map-form-bg: #2c2c2c;
    background-color: #2c2c2c;
    padding: 1em;
    color: white;
    font-weight: bold;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	column-gap: 2em;
}
.titanium-home__map-form-checkin,
.titanium-home__map-form-checkout {
	font-family: futura-pt, sans-serif;
	text-transform: uppercase;
	_padding-left: 3em;
	display: flex;
    align-items: center;
	column-gap: 1em;
}

.titanium-home__map-form-checkin input,
.titanium-home__map-form-checkout input {
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	width: 10em;
	line-height: 1.4;
	padding: 0.125em 0.25em;
}

/*
.form_type {
    margin-left: 3em;
}
.titanium-home__map-form .generic__link-button{
	margin-left: 3em;
}
*/

.titanium-home__map-form-alert-wrap {
	display: none;
	flex: 1;
	padding-left: 3em;
}
.titanium-home__map-form__alert-show .titanium-home__map-form-alert-wrap {
	display: block;
}

.titanium-home__map-form-alerts {
	font-weight: normal;
	font-size: 90%;
	max-width: 30em;
	margin-left: auto;
}

.titanium-home__map-form {
	padding-right: 7em;
}

.titanium-home__map-form-all {
	position: absolute;
	right: 1em;
}
.titanium-home__map-form-all__active {
	background-position: 0 top;
    color: #d23d3f;
}
[name='unavailable'][value='1'] ~ .titanium-home__map-form-all {
	display: none;
}
.titanium-home__map-form-available {
	position: absolute;
	right: 1em;
}
.titanium-home__map-form-available__active {
	background-position: 0 top;
    color: #d23d3f;
}
.titanium-home__map-form-available {
	display: none;
}
[name='unavailable'][value='1'] ~ .titanium-home__map-form-available {
	display: block;
}

.titanium-home__map-form-all-links {
	position: absolute;
	right: 1em;
	top: 1em;
	font-weight: normal;
	line-height: 1.4;
	padding: 0.125em 0.25em;
}

.titanium-home__map-form-all-links label {
	position: relative;
	cursor: pointer;
	margin-left: 1em;
}

.titanium-home__map-form-all-links input {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

.titanium-home__map-form-all-links span {
	border-radius: 0.75em;
	padding: 0 0.5em;
}

.titanium-home__map-form-all-links input:checked + span {
	cursor: default;
	_font-weight: bold;
	background-color: var(--map-form-fg);
	color: var(--map-form-bg);
}

.titanium-home__map-2col {
	display: grid;
    grid-template-columns: 2fr 1fr;
}

.titanium-home__map-2col-1 {
	position: relative;
	min-height: 50vh;
}

.titanium-home__map-2col-2 {
	_max-height: 90vh;
}

.titanium-home__result-link {
    background-color: #ffd993;
	border-radius: var(--border-radius-medium);
    display: flex;
    margin: 2px;
    overflow: hidden;
}
.marker-pop .titanium-home__result-link {
	background-color: transparent;
}

.titanium-home__result-sponsor-logo {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	width: 20%;
	display: block;
	height: auto;
	pointer-events: none;
}

.titanium-home__result-content {
    padding: 15px;
	width: 60%;
}
.marker-pop .titanium-home__result-content {
	padding-top: 0;
	padding-bottom: 0;
}

.titanium-home__result-content h2{
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
    color: #d33e40;
	font-family: futura-pt, sans-serif;
}
.titanium-home__result-content p{
	font-size: 16px;
	font-weight: 500;
	font-family: futura-pt, sans-serif;
	margin: 1em 0;
	color:#4d4d4d;
	font-weight: 400;
}


/* -------- titanium/reservation-history -------- */

.titanium__reservation-single-table {
	width: 100%;
	margin-bottom: 1em;
}

.titanium__reservation-single-table th {
	width: 40%;
	padding-bottom: 0.25em;
}

.titanium-reservation_history__h2 {
	margin: 2em 0 1em 0;
	border-bottom: 1px solid;
	padding-bottom: 0.25em;
}


/* -------- titanium/view -------- */

.titanium-view .ti-rangepick {
	top: 100%;
	right: 0;
}

.titanium-view__2up-2 input[type="date"] {
    margin-left: 0;
	margin-top:.5em;
}

.sites-view__call-office{
	padding-bottom: 1em;
    padding-top: 0.5em;
}

.titanium-view.generic__inner{
	padding: 3em 1em;
	max-width: 1200px;
}

.titanium-view h2,
.titanium-buddy_site h2 {
	font-size: 150%;
	padding: 1.25em 0 0.5em;
}


.titanium-view__2up h3{
	padding: 1em 0 .3em;
}
h2.type,
h2.nightly,
h2.weekly,
h2.cleaning,
h2.pets {
    font-size: 20px;
	padding: 0 0 0.3em;
}
.type__style,
.nightly__price,
.weekly__price,
.cleaning__fee,
.pet__fee{
	color:gray;
}

/*
.titanium-view__prices {
    padding: 2em 0 2em 0;
    display: flex;
	flex-wrap: wrap;
    border-bottom: 1px solid lightgray;
    column-gap: 1px;
}
.type__container {
	flex: 1;
    border-left: 1px solid #ddddde;
    background-color: white;
    padding: 0 1em;
}
.type__container:first-child {
	border-width: 0;
	_padding-left: 0;
}
.type__container:last-child {
	_padding-right: 0;
}

.titanium-view__prices h2 + h2 {
    padding-left: 3em;
}
*/

.titanium-view__description {
	margin-top: 1em;
}

ol.titanium-view__amenities,
.titanium-view__description ul{
	list-style-type: disc;
	margin-left: 2em;
}
.titanium-view__description ul{
	padding: 0.5em 0;
}

disabled.titanium-view__2up {
    display: grid;
    grid-template-columns: 2fr 1fr;
	column-gap: 2em;
}

.titanium-view__2up-2 h2 {
    padding-top: 0;
}

.sites-view__map {
	_max-width: 969px;
	width: 100%;
    border: 1px solid #d9d9e4;
    height: 400px;
	margin: 1em auto;
}

.titanium-view__gallery {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1em;
	column-gap: 1em;
}

.titanium-view__gallery-item {
	position: relative;

	flex: 1;
	min-width: 12em;
}

.titanium-view__gallery-image {
	display: block;
	width: 100%;
	min-height: 10em;
	background-position: center;
	background-size: cover;
	border-radius: var(--border-radius-medium);
}

.titanium-view__sponsor-h1 {
	display: block;
	font-size: 60%;
}

.titanium-view__sponsor-logo {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	width: 20%;
	display: block;
	height: auto;
	pointer-events: none;
}

.titanium-view__account-note {
	border-top: 1px solid lightgray;
	margin-top: 2em;
	padding-top: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.titanium-view__account-user {
	margin: 0.5em 0;
}



.marker-pop {
	width: 250px;
}

/*
.marker-pop img,
.titanium-home__result img {
	display: block;
	width: 44%;
	height: auto;
}
*/

.titanium__site {
	position: relative;
	overflow: hidden;
	width: 44%;
	background-size: cover;
	background-position: center;
	min-height: 130px;
}

.titanium-home__result-thumb {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
}

li.titanium-view__gallery-image {
    border-radius: var(--border-radius-medium);
}


.titanium-view__guests label{
	display: flex;
    align-items: center;	
}


/* Calendar Reservation */
.guests button,
.pets button,
.ti-rangepick .ti-rangepick-prev,
.ti-rangepick .ti-rangepick-next {
    color: black;
    border: 0;
    background: none;
    box-shadow: none;
	padding: 3px 10px 0;
	padding: 0;
	box-shadow: none;
	box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
	padding: 0.25em;
}

.sites-view__form button .material-icons,
.titanium-buddy_site__resform button .material-icons {
	vertical-align: top;
}



fieldset.guests,
fieldset.pets {
    display: flex;
	padding: 0.5em 0;
	align-items: center;
	column-gap: 0.25em;
}

span.guest__number,
span.pet__number {
    font-weight: bold;
    padding-right: 1em;
}
fieldset.guests input[type="number"],
fieldset.pets input[type="number"] {
    max-width: 60px;
}

fieldset.guests label,
fieldset.pets label {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.dropdown-choice:hover {
    background-color: #d23d3f;
    color: white;
}

/* 2025-04-04: Pretty sure we're trying to NOT use these
.day:hover, .day.selected:hover {
    outline-color: #d33e40;
}
.day.selected {
	background-color: rgba(255,0,0,0.3);
}
.day.checking-in {
	background-color: #d33e40;
	outline-color: #d33e40;
	color:white;
	border-radius: 2px;
}
.day.checking-out {
	background-color: #d33e40;
	outline-color: #d33e40;
	color:white;
	border-radius: 2px;
}
*/



/* -------- /reserve (and /buddy-reserve) -------- */

.titanium-reserve,
.titanium-buddy_reserve {
	max-width: 50em;
}


.titanium-reserve__payselect-new,
.titanium-buddy_reserve__payselect-new {
	display: none;
}
.titanium-reserve__payselect-new__show,
.titanium-buddy_reserve__payselect-new__show {
	display: block;
}


.titanium-reserve__popover,
.titanium-buddy_reserve__popover {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 400;

	background: rgba(255, 255, 255, 0.75);
	color: #a82e0b;
	display: none;
	font-size: 200%;
}
.titanium-reserve__popover__show,
.titanium-buddy_reserve__popover__show {
	display: block;
}

.titanium-reserve__popover-inner,
.titanium-buddy_reserve__popover-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	width: 400px;

	text-align: center;
}

.titanium-reserve__popover-text,
.titanium-buddy_reserve__popover-text {
	margin-bottom: 0.5em;
}



/* -------- /buddy-site/#/... -------- */

.titanium-buddy_site.generic__inner {
	padding: 3em 1em;
	max-width: 1200px;
}



/* -------- Responsive styles -------- */

@media all and (min-width: 701px) {
	html, body {
		height: 100%;
	}
	.titanium-page-home {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.titanium-page-home > main {
		flex: 1;
	}
	
	.titanium-home {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.titanium-home__map-2col {
		display: block;
		position: relative;
		height: 100%;
		flex: 1;
	}
	
	.titanium-home__map-2col-1 {
		_min-height: 50vh;
		position: absolute;
		left: 0;
		top: 0;
		width: 50%;
		height: 100%;
		min-height: 10vh;
	}
	
	.titanium-home__map-2col-2 {
		_max-height: 90vh;
		overflow-y: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 50%;
		height: 100%;
	}
}

@media all and (min-width: 1000px) {
	.titanium-home__map-2col-1 {
		width: 66.7%;
	}
	.titanium-home__map-2col-2 {
		width: 33.3%;
	}
}


@media all and (max-width: 1099px) {

	.titanium-view .ti-rangepick {
		left: 0;
		right: auto;
	}
}
/*
@media all and (max-width: 1000px) {
	.titanium-home__map-2col {
		grid-template-columns: 1fr 1fr;
	}
}
*/

@media all and (max-width: 930px) {
	form.titanium-home__map-form {
		flex-direction: column;
	}
	.titanium-home__map-form-checkin, 
	.titanium-home__map-form-checkout {
		padding-left: 0;
		padding: 1em 0 0.2em;
	}
	.form_type {
		margin-left: 0;
		padding: 1em 0;
	}
	
}

@media all and (max-width: 820px) {
	disabled.titanium-buddy_site__2up {
		display: grid;
		grid-template-columns: 1fr;
	}
	
	disabled.titanium-view__2up {
		grid-template-columns: 1fr;
	}

	/*
	.titanium-buddy_site__resform,
	.sites-view__form{
		text-align: center;
		padding-top: 2em;
	}
	*/
}

/*
@media all and (max-width: 800px) {
	.titanium-view__prices {
		flex-direction: column;
	}
	.titanium-view__prices h2,
	.titanium-view__prices h2 + h2,
	.type__container,
	.type__container:nth-child(5) {
		padding-left: 0;
	}
	.type__container,
	.type__container:nth-child(1) {
		padding-bottom:.75em;
		border-right: 0;
	}
	.type__container:nth-child(5){
		padding-bottom:0;
	}
}
*/

/*
@media all and (max-width: 760px) {
	.ti-rangepick{
		flex-direction: column;
	}
	.ti-rangepick.open{
		left: 0;
		right: auto;
		width: auto;
		max-width: 100%;
	}
}
*/

@media all and (max-width: 700px) {
	.titanium-header-nav {
		flex-direction: column;
	}
	.titanium-logo {
		padding: 1em 0;
	}

	.titanium-home__map-form {
		padding-right: 1em;
	}
	.titanium-home__map-form-all,
	.titanium-home__map-form-available,
	.titanium-home__map-form-all-links {
		position: static;
	}

	.titanium-home__map-2col {
		grid-template-columns: 1fr;
	}

	/*
	.ti-rangepick-months {
		flex-direction: column;
	}
	.titanium-home__map-form .ti-rangepick {
		width: 100%;
	}
	*/

	.titanium-view .ti-rangepick,
	.titanium-home__map-form .ti-rangepick {
		position: fixed;
		top: 5%;
		left: 5%;
		width: 90%;
	    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	}

	.ti-rangepick-months {
		flex-direction: column;
	}
}

@media all and (max-width: 500px) {
	/*
	fieldset.guests, 
	fieldset.pets {
		flex-direction: column;
	}
	*/
	.check-in-out {
		flex-direction: column;
	}
}


@media all and (max-width: 400px) {
	li.titanium-home__result {
		flex-direction: column;
	}
	.marker-pop img, 
	.titanium-home__result img {
		_width: 100%;
	}
	.titanium__site{
		height: 150px;
		width:100%;
	}
	.titanium-home__result-content {
		width: 100%;
	}
	.day{
		font-size: 14px;
	}

	.titanium-spot-prices {
		flex-direction: column;
	}
	.titanium-spot-prices__price {
		border-left-width: 0;
		padding-left: 0;
	}

	/*
	.titanium-buddy_site__prices {
		flex-direction: column;
	}

	.check-in-out {
		padding: 1.25em 0.5em 1.25em 1.25em;
	}
	.check-in-out label:nth-child(1) {
		padding: 0;
	}
	.check-in-out label:nth-child(2) {
		border-left:0;
	}
	*/
}