/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}
ol,ul {
	list-style: none;
}
blockquote,q {
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*,
*:before,
*:after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
html {
	scroll-behavior: smooth;
}
/* end reset */

/* general */
@view-transition {
	navigation: auto;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat-Regular.ttf')  format('truetype'),
}
@font-face {
  font-family: 'MontserratIT';
  src: url('fonts/Montserrat-Italic.ttf')  format('truetype'),
}
@font-face {
  font-family: 'MontserratSB';
  src: url('fonts/Montserrat-SemiBold.ttf')  format('truetype'),
}

img {
	max-width: 100%;
}

small,
.small {
	font-size: 85%;
}
.xsmall {
	font-size: calc(0.75 * 85%);
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-em {
	font-style: italic;
}
.text-strong {
	font-weight: bold;
}
p {
	text-wrap: pretty;
}
strong {
	font-weight: bold;
	font-family: MontserratSB;
}
em {
	font-style: italic;
	font-family: MontserratIT;
}
.lead {
	font-size: 115%;
	text-wrap: pretty;
}
a {
	text-decoration: none;
}

h1 {
	font-size: 2rem;
}
h2 {
	font-size: 1.75rem;
}
h3 {
	font-size: 1.5rem;
}
h4 {
	font-size: 1.25rem;
}
h5 {
	font-size: 1.15rem;
}
h6 {
	font-size: 1rem;
}
.h1 {
	font-size: 2em;
}
.h2 {
	font-size: 1.75em;
}
.h3 {
	font-size: 1.5em;
}
.h4 {
	font-size: 1.25em;
}
.h5 {
	font-size: 1.15em;
}
.h6 {
	font-size: 1em;
}

.mt-1 {
	margin-top: 1rem;
}
.mb-1 {
	margin-bottom: 1rem;
}
.my-1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.imgzoom-in,
.imgzoom-out {
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.imgzoom-in {
	cursor: zoom-in;
}
.imgzoom {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: transparent;
	.imgzoom-out {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		cursor: zoom-out;
		padding: 1rem;
	}
	&::backdrop {
		background-color: rgba(0,0,0,0.75);
	}
}
.side {
	float: right;
	margin: 0 0 0.5rem 1rem;
}
/* end general */

body {
	font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: clamp(14px, -0.404px + 1.878vw, 18px);
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	display: grid;
	place-content: center;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	&.home {
		grid-template-rows: 1px auto 1px;
		color: #e9e9eb;
		background-color: #003e40;
		a {
			color: #e9e9eb;
			&:visited {
				color: #e9e9eb;
			}
			&:hover {
				color: #cccc00;
			}
		}
	}
	&.home1,
	&.about,
	&.surround,
	&.find,
	&.rooms,
	&.contact {
		grid-template-rows: 110px auto 1fr;
		a {
			color: #006e70;
			&:visited {
				color: #006e70;
			}
			&:hover {
				color: #cccc00;
			}
		}
		#brand {
			margin-top: 2rem;
			width: 100px;
		}
		header {
			background-image: url('images/top.png');
			background-repeat: no-repeat;
			background-position: center top;
			background-size: cover;
		}
		main {
			background-image: url('images/mid.png');
			background-repeat: repeat-y;
			background-position: center top;
			background-size: contain;
		}
		footer {
			background-image: url('images/bot.png');
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: cover;
			.content {
				padding-bottom: 0.5rem;
			}
		}
		header,
		main,
		footer {
			.content {
				padding-left: 2rem;
				padding-right: 2rem;
			}
		}
		main {
			nav {
				margin-bottom: 1rem;
				ul {
					text-align: center;
					li {
						display: inline-block;
						margin: 0 0.5rem 0.5rem;
						letter-spacing: -0.5px;
						.active {
							color: #cccc00;
						}
					}
				}
			}
			.content {
				padding-bottom: 1rem;
			}
		}
	}
	&.home1 {
		background-color: #600;
	}
	&.about {
		background-color: #960;
	}
	&.surround {
		background-color: #036;
	}
	&.find {
		background-color: #399;
	}
	&.rooms {
		background-color: #636;
	}
	&.contact {
		background-color: #363;
	}
}

.content {
	max-width: 360px;
	padding-right: 1rem;
	padding-left: 1rem;
}

@media (min-width: 768px) {
	body {
		&.home1,
		&.about,
		&.surround,
		&.find,
		&.rooms,
		&.contact {
			grid-template-rows: 200px auto 1fr;
			#brand {
				margin-top: 3.5rem;
				width: auto;
			}
			header,
			main,
			footer {
				background-size: initial;
			}
		}
	}
	.content {
		max-width: 618px;
		.cols-2eq {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 1rem;
		}
		.cols-auto {
			display: grid;
			grid-template-columns:  repeat(auto-fit, minmax(150px, 1fr));
			gap: 1rem;
		}
	}
}

#TA_selfserveprop844 > div {
	width: 100% !important;
	max-width: 100% !important;
}