/* ----------------------------------------------------------- */
/* SITE CSS -------------------------------------------------- */
/* ----------------------------------------------------------- */

/* GOOGLE FONTS */
/*
font-family: "EB Garamond", serif;
font-weight: 400-800 variable;
font-style: normal, italic;

font-family: "Roboto", sans-serif;
font-weight: 300,400,500,700;
font-style: normal;
*/

:root {
	--headlines-font: "EB Garamond", serif;
	--body-font: "Roboto", sans-serif;
	
	--site-wrapper-max-width: 1921px; /* also change the max-width:value in the @media declaration at bottom of this document */
	--wrapper-max-width: 1600px;

	--header-bar-height: 82px;
	--mobile-header-bar-height: 58px;
	
	--black: #231f20;
	--black-rgb: 35,31,32;
	--white: #fff;
	--white-rgb: 255,255,255;
	--primary-color: #5d462b;
	--primary-color-rgb: 93,70,43;
	--secondary-color: #4f6f18;
	--secondary-color-rgb: 79,111,24;
	--accent-color: #6fa143;
	--accent-color-rgb: 111,161,67;
	--light-green: #7ac142;
	--light-green-rgb: 122,193,66;
	--blue-green: #798f9d;
	--blue-green-rgb: 121,143,157;
	--light-gray: #f8f8f8;
	--light-gray-rgb: 248,248,248;
	--medium-gray: #999;
	--medium-gray-rgb: 153,153,153;
	--dark-gray: #777;
	--dark-gray-rgb: 119,119,119;
	--xdark-gray: #555;
	--xdark-gray-rgb: 85,85,85;
	
	--available: #6fa143;
	--leased: #f21d16;
	--showhome: #003a62;
	--pending: #fca12e;
	--guest: #798f9d;
	--unavailable: #cccccc;
	
	--medical: #c53535;
	--dining: #7a62b2;
	--shopping: #d38d10;
	--services: #997b40;
	--recreation: #798f9d;
	
	--border: 2px solid var(--light-gray);
}

html { scroll-behavior: smooth; scroll-padding-top: var(--header-bar-height); }

body {
	font-family: var(--body-font);
	background-color: #fff;
	color: var(--black);
}

.site-wrapper {
	/* if you want to contain the entire design within a max width with a background or border.
	   sections, hero sections, etc will no longer span the entire width  */
	position: relative;
	width: 100%;
	max-width: var(--site-wrapper-max-width);
	margin: 0 auto;
	border-left: 1px solid var(--light-gray);
	border-right: 1px solid var(--light-gray);
	border-bottom: 1px solid var(--light-gray);
}

.wrapper {
	width: 90%;
	max-width: var(--wrapper-max-width);
	margin: 0 auto;
	position: relative;
}


/* ALIGNMENTS -------------------------------------------------- */

.center, .text-align-center { text-align: center !important; }
.left, .text-align-left 	{ text-align: left !important; }
.right, .text-align-right 	{ text-align: right !important; }
.zero-auto-center 			{ margin: 0 auto !important; }



/* DISPLAYS -------------------------------------------------- */

.display-none			{ display: none !important; }
.display-block			{ display: block !important; }
.display-inline-block 	{ display: inline-block !important; }
.display-inline			{ display: inline !important; }


/* POSITIONS -------------------------------------------------- */

.position-relative	{ position: relative !important; }
.position-absolute 	{ position: absolute !important; }
.position-inherit  	{ position: inherit !important; }
.position-fixed	  	{ position: fixed !important; }
.position-sticky   	{ position: sticky !important; }


/* BORDERS -------------------------------------------------- */

.b-0  	{ border: none; }
.bt-0  	{ border-top: none; }
.br-0  	{ border-right: none; }
.bb-0	{ border-bottom: none; }
.bl-0  	{ border-left: none; }

.b	{ border: var(--border); }
.bt	{ border-top: var(--border); }
.br	{ border-right: var(--border); }
.bb	{ border-bottom: var(--border); }
.bl	{ border-left: var(--border); }

.br-0		{ border-radius: 0; }
.br-1px		{ border-radius: 1px; }
.br-2px		{ border-radius: 2px; }
.br-3px		{ border-radius: 3px; }
.br-4px		{ border-radius: 4px; }
.br-5px		{ border-radius: 5px; }
.br-6px		{ border-radius: 6px; }
.br-7px		{ border-radius: 7px; }
.br-8px		{ border-radius: 8px; }
.br-9px		{ border-radius: 9px; }
.br-10px	{ border-radius: 10px; }


/* MARGINS -------------------------------------------------- */

.m-0  { margin: 0; }
.mt-0 { margin-top: 0; }
.mr-0 { margin-right: 0; }
.mb-0 { margin-bottom: 0; }
.ml-0 { margin-left: 0; }

.m-1px { margin: 1px; } 
.m-2px { margin: 2px; }
.m-3px { margin: 3px; }
.m-4px { margin: 4px; }
.m-5px { margin: 5px; }
.m-6px { margin: 6px; }
.m-7px { margin: 7px; }
.m-8px { margin: 8px; }
.m-9px { margin: 9px; }
.m-10px { margin: 10px; }

.mt-1px { margin-top: 1px; }
.mt-2px { margin-top: 2px; }
.mt-3px { margin-top: 3px; }
.mt-4px { margin-top: 4px; }
.mt-5px { margin-top: 5px; }
.mt-6px { margin-top: 6px; }
.mt-7px { margin-top: 7px; }
.mt-8px { margin-top: 8px; }
.mt-9px { margin-top: 9px; }
.mt-10px { margin-top: 10px; }

.mb-1px { margin-bottom: 1px; }
.mb-2px { margin-bottom: 2px; }
.mb-3px { margin-bottom: 3px; }
.mb-4px { margin-bottom: 4px; }
.mb-5px { margin-bottom: 5px; }
.mb-6px { margin-bottom: 6px; }
.mb-7px { margin-bottom: 7px; }
.mb-8px { margin-bottom: 8px; }
.mb-9px { margin-bottom: 9px; }
.mb-10px { margin-bottom: 10px; }

.ml-1px { margin-left: 1px; }
.ml-2px { margin-left: 2px; }
.ml-3px { margin-left: 3px; }
.ml-4px { margin-left: 4px; }
.ml-5px { margin-left: 5px; }
.ml-6px { margin-left: 6px; }
.ml-7px { margin-left: 7px; }
.ml-8px { margin-left: 8px; }
.ml-9px { margin-left: 9px; }
.ml-10px { margin-left: 10px; }

.mr-1px { margin-right: 1px; }
.mr-2px { margin-right: 2px; }
.mr-3px { margin-right: 3px; }
.mr-4px { margin-right: 4px; }
.mr-5px { margin-right: 5px; }
.mr-6px { margin-right: 6px; }
.mr-7px { margin-right: 7px; }
.mr-8px { margin-right: 8px; }
.mr-9px { margin-right: 9px; }
.mr-10px { margin-right: 10px; }

.m-1pct { margin: 1%; }
.m-2pct { margin: 2%; }
.m-3pct { margin: 3%; }
.m-4pct { margin: 4%; }
.m-5pct { margin: 5%; }
.m-6pct { margin: 6%; }
.m-7pct { margin: 7%; }
.m-8pct { margin: 8%; }
.m-9pct { margin: 9%; }
.m-10pct { margin: 10%; }

.mt-1pct { margin-top: 1%; }
.mt-2pct { margin-top: 2%; }
.mt-3pct { margin-top: 3%; }
.mt-4pct { margin-top: 4%; }
.mt-5pct { margin-top: 5%; }
.mt-6pct { margin-top: 6%; }
.mt-7pct { margin-top: 7%; }
.mt-8pct { margin-top: 8%; }
.mt-9pct { margin-top: 9%; }
.mt-10pct { margin-top: 10%; }

.mb-1pct { margin-bottom: 1%; }
.mb-2pct { margin-bottom: 2%; }
.mb-3pct { margin-bottom: 3%; }
.mb-4pct { margin-bottom: 4%; }
.mb-5pct { margin-bottom: 5%; }
.mb-6pct { margin-bottom: 6%; }
.mb-7pct { margin-bottom: 7%; }
.mb-8pct { margin-bottom: 8%; }
.mb-9pct { margin-bottom: 9%; }
.mb-10pct { margin-bottom: 10%; }

.ml-1pct { margin-left: 1%; }
.ml-2pct { margin-left: 2%; }
.ml-3pct { margin-left: 3%; }
.ml-4pct { margin-left: 4%; }
.ml-5pct { margin-left: 5%; }
.ml-6pct { margin-left: 6%; }
.ml-7pct { margin-left: 7%; }
.ml-8pct { margin-left: 8%; }
.ml-9pct { margin-left: 9%; }
.ml-10pct { margin-left: 10%; }

.mr-1pct { margin-right: 1%; }
.mr-2pct { margin-right: 2%; }
.mr-3pct { margin-right: 3%; }
.mr-4pct { margin-right: 4%; }
.mr-5pct { margin-right: 5%; }
.mr-6pct { margin-right: 6%; }
.mr-7pct { margin-right: 7%; }
.mr-8pct { margin-right: 8%; }
.mr-9pct { margin-right: 9%; }
.mr-10pct { margin-right: 10%; }

.m-1em { margin: 1.0em; }
.m-2em { margin: 2.0em; }
.m-3em { margin: 3.0em; }
.m-4em { margin: 4.0em; }
.m-5em { margin: 5.0em; }

.mt-1em { margin-top: 1.0em; }
.mt-2em { margin-top: 2.0em; }
.mt-3em { margin-top: 3.0em; }
.mt-4em { margin-top: 4.0em; }
.mt-5em { margin-top: 5.0em; }

.mb-1em { margin-bottom: 1.0em; }
.mb-2em { margin-bottom: 2.0em; }
.mb-3em { margin-bottom: 3.0em; }
.mb-4em { margin-bottom: 4.0em; }
.mb-5em { margin-bottom: 5.0em; }

.ml-1em { margin-left: 1.0em; }
.ml-2em { margin-left: 2.0em; }
.ml-3em { margin-left: 3.0em; }
.ml-4em { margin-left: 4.0em; }
.ml-5em { margin-left: 5.0em; }

.mr-1em { margin-right: 1.0em; }
.mr-2em { margin-right: 2.0em; }
.mr-3em { margin-right: 3.0em; }
.mr-4em { margin-right: 4.0em; }
.mr-5em { margin-right: 5.0em; }


/* PADDING -------------------------------------------------- */

.p-0  { padding: 0; }
.pt-0 { padding-top: 0; }
.pr-0 { padding-right: 0; }
.pb-0 { padding-bottom: 0; }
.pl-0 { padding-left: 0; }

.p-1px { padding: 1px; } 
.p-2px { padding: 2px; }
.p-3px { padding: 3px; }
.p-4px { padding: 4px; }
.p-5px { padding: 5px; }
.p-6px { padding: 6px; }
.p-7px { padding: 7px; }
.p-8px { padding: 8px; }
.p-9px { padding: 9px; }
.p-10px { padding: 10px; }

.pt-1px { padding-top: 1px; }
.pt-2px { padding-top: 2px; }
.pt-3px { padding-top: 3px; }
.pt-4px { padding-top: 4px; }
.pt-5px { padding-top: 5px; }
.pt-6px { padding-top: 6px; }
.pt-7px { padding-top: 7px; }
.pt-8px { padding-top: 8px; }
.pt-9px { padding-top: 9px; }
.pt-10px { padding-top: 10px; }

.pb-1px { padding-bottom: 1px; }
.pb-2px { padding-bottom: 2px; }
.pb-3px { padding-bottom: 3px; }
.pb-4px { padding-bottom: 4px; }
.pb-5px { padding-bottom: 5px; }
.pb-6px { padding-bottom: 6px; }
.pb-7px { padding-bottom: 7px; }
.pb-8px { padding-bottom: 8px; }
.pb-9px { padding-bottom: 9px; }
.pb-10px { padding-bottom: 10px; }

.pl-1px { padding-left: 1px; }
.pl-2px { padding-left: 2px; }
.pl-3px { padding-left: 3px; }
.pl-4px { padding-left: 4px; }
.pl-5px { padding-left: 5px; }
.pl-6px { padding-left: 6px; }
.pl-7px { padding-left: 7px; }
.pl-8px { padding-left: 8px; }
.pl-9px { padding-left: 9px; }
.pl-10px { padding-left: 10px; }

.pr-1px { padding-right: 1px; }
.pr-2px { padding-right: 2px; }
.pr-3px { padding-right: 3px; }
.pr-4px { padding-right: 4px; }
.pr-5px { padding-right: 5px; }
.pr-6px { padding-right: 6px; }
.pr-7px { padding-right: 7px; }
.pr-8px { padding-right: 8px; }
.pr-9px { padding-right: 9px; }
.pr-10px { padding-right: 10px; }

.p-1pct { padding: 1%; }
.p-2pct { padding: 2%; }
.p-3pct { padding: 3%; }
.p-4pct { padding: 4%; }
.p-5pct { padding: 5%; }
.p-6pct { padding: 6%; }
.p-7pct { padding: 7%; }
.p-8pct { padding: 8%; }
.p-9pct { padding: 9%; }
.p-10pct { padding: 10%; }

.pt-1pct { padding-top: 1%; }
.pt-2pct { padding-top: 2%; }
.pt-3pct { padding-top: 3%; }
.pt-4pct { padding-top: 4%; }
.pt-5pct { padding-top: 5%; }
.pt-6pct { padding-top: 6%; }
.pt-7pct { padding-top: 7%; }
.pt-8pct { padding-top: 8%; }
.pt-9pct { padding-top: 9%; }
.pt-10pct { padding-top: 10%; }

.pb-1pct { padding-bottom: 1%; }
.pb-2pct { padding-bottom: 2%; }
.pb-3pct { padding-bottom: 3%; }
.pb-4pct { padding-bottom: 4%; }
.pb-5pct { padding-bottom: 5%; }
.pb-6pct { padding-bottom: 6%; }
.pb-7pct { padding-bottom: 7%; }
.pb-8pct { padding-bottom: 8%; }
.pb-9pct { padding-bottom: 9%; }
.pb-10pct { padding-bottom: 10%; }

.pl-1pct { padding-left: 1%; }
.pl-2pct { padding-left: 2%; }
.pl-3pct { padding-left: 3%; }
.pl-4pct { padding-left: 4%; }
.pl-5pct { padding-left: 5%; }
.pl-6pct { padding-left: 6%; }
.pl-7pct { padding-left: 7%; }
.pl-8pct { padding-left: 8%; }
.pl-9pct { padding-left: 9%; }
.pl-10pct { padding-left: 10%; }

.pr-1pct { padding-right: 1%; }
.pr-2pct { padding-right: 2%; }
.pr-3pct { padding-right: 3%; }
.pr-4pct { padding-right: 4%; }
.pr-5pct { padding-right: 5%; }
.pr-6pct { padding-right: 6%; }
.pr-7pct { padding-right: 7%; }
.pr-8pct { padding-right: 8%; }
.pr-9pct { padding-right: 9%; }
.pr-10pct { padding-right: 10%; }

.p-1em { padding: 1.0em; }
.p-2em { padding: 2.0em; }
.p-3em { padding: 3.0em; }
.p-4em { padding: 4.0em; }
.p-5em { padding: 5.0em; }

.pt-1em { padding-top: 1.0em; }
.pt-2em { padding-top: 2.0em; }
.pt-3em { padding-top: 3.0em; }
.pt-4em { padding-top: 4.0em; }
.pt-5em { padding-top: 5.0em; }

.pb-1em { padding-bottom: 1.0em; }
.pb-2em { padding-bottom: 2.0em; }
.pb-3em { padding-bottom: 3.0em; }
.pb-4em { padding-bottom: 4.0em; }
.pb-5em { padding-bottom: 5.0em; }

.pl-1em { padding-left: 1.0em; }
.pl-2em { padding-left: 2.0em; }
.pl-3em { padding-left: 3.0em; }
.pl-4em { padding-left: 4.0em; }
.pl-5em { padding-left: 5.0em; }

.pr-1em { padding-right: 1.0em; }
.pr-2em { padding-right: 2.0em; }
.pr-3em { padding-right: 3.0em; }
.pr-4em { padding-right: 4.0em; }
.pr-5em { padding-right: 5.0em; }


/* DARKEN LIGHTEN OVERLAY ------------------------------------------- */

.darken-5, .darken-10, .darken-15, .darken-20, .darken-25, .darken-30, .darken-35, .darken-40, .darken-45, .darken-50, .darken-55, .darken-60, .darken-65, .darken-70, .darken-75, .darken-80, .darken-85, .darken-90, .darken-95, .lighten-5, .lighten-10, .lighten-15, .lighten-20, .lighten-25, .lighten-30, .lighten-35, .lighten-40, .lighten-45, .lighten-50, .lighten-55, .lighten-60, .lighten-65, .lighten-70, .lighten-75, .lighten-80, .lighten-85, .lighten-90, .lighten-95 {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0  !important;
}
.darken-5  { background-color: rgba(0,0,0,0.05); }
.darken-10 { background-color: rgba(0,0,0,0.10); }
.darken-15 { background-color: rgba(0,0,0,0.15); }
.darken-20 { background-color: rgba(0,0,0,0.20); }
.darken-25 { background-color: rgba(0,0,0,0.25); }
.darken-30 { background-color: rgba(0,0,0,0.30); }
.darken-35 { background-color: rgba(0,0,0,0.35); }
.darken-40 { background-color: rgba(0,0,0,0.40); }
.darken-45 { background-color: rgba(0,0,0,0.45); }
.darken-50 { background-color: rgba(0,0,0,0.50); }
.darken-55 { background-color: rgba(0,0,0,0.55); }
.darken-60 { background-color: rgba(0,0,0,0.60); }
.darken-65 { background-color: rgba(0,0,0,0.65); }
.darken-70 { background-color: rgba(0,0,0,0.70); }
.darken-75 { background-color: rgba(0,0,0,0.75); }
.darken-80 { background-color: rgba(0,0,0,0.80); }
.darken-85 { background-color: rgba(0,0,0,0.85); }
.darken-90 { background-color: rgba(0,0,0,0.90); }
.darken-95 { background-color: rgba(0,0,0,0.95); }

.lighten-5  { background-color: rgba(255,255,255,0.05); }
.lighten-10 { background-color: rgba(255,255,255,0.10); }
.lighten-15 { background-color: rgba(255,255,255,0.15); }
.lighten-20 { background-color: rgba(255,255,255,0.20); }
.lighten-25 { background-color: rgba(255,255,255,0.25); }
.lighten-30 { background-color: rgba(255,255,255,0.30); }
.lighten-35 { background-color: rgba(255,255,255,0.35); }
.lighten-40 { background-color: rgba(255,255,255,0.40); }
.lighten-45 { background-color: rgba(255,255,255,0.45); }
.lighten-50 { background-color: rgba(255,255,255,0.50); }
.lighten-55 { background-color: rgba(255,255,255,0.55); }
.lighten-60 { background-color: rgba(255,255,255,0.60); }
.lighten-65 { background-color: rgba(255,255,255,0.65); }
.lighten-70 { background-color: rgba(255,255,255,0.70); }
.lighten-75 { background-color: rgba(255,255,255,0.75); }
.lighten-80 { background-color: rgba(255,255,255,0.80); }
.lighten-85 { background-color: rgba(255,255,255,0.85); }
.lighten-90 { background-color: rgba(255,255,255,0.90); }
.lighten-95 { background-color: rgba(255,255,255,0.95); }


/* FLEXBOX -------------------------------------------------- */

.flexbox-row {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
}

.flexbox-row-vertical-center 			{ align-items: center; align-content: center; }

.flexbox-justify-content-center 		{ justify-content: center; }
.flexbox-justify-content-space-between	{ justify-content: space-between; }
.flexbox-justify-content-space-around 	{ justify-content: space-around; }
.flexbox-justify-content-space-evenly 	{ justify-content: space-evenly; }
.flexbox-justify-content-flex-start 	{ justify-content: flex-start; }
.flexbox-stretch 						{ align-items: stretch; }
.flexbox-row-reverse 					{ flex-direction: row-reverse; }
.flexbox-column-reverse 				{ flex-direction: column-reverse; }
.flex-grow 								{ flex-grow: 1; }


/* CONTAINERS -------------------------------------------------- */

.container-1pct { width: 1%; } .container-2pct { width: 2%; } .container-3pct { width: 3%; } .container-4pct { width: 4%; } .container-5pct { width: 5%; } .container-6pct { width: 6%; } .container-7pct { width: 7%; } .container-8pct { width: 8%; } .container-9pct { width: 9%; } .container-10pct { width: 10%; } .container-11pct { width: 11%; } .container-12pct { width: 12%; } .container-13pct { width: 13%; } .container-14pct { width: 14%; } .container-15pct { width: 15%; } .container-16pct { width: 16%; } .container-17pct { width: 17%; } .container-18pct { width: 18%; } .container-19pct { width: 19%; } .container-20pct { width: 20%; } .container-21pct { width: 21%; } .container-22pct { width: 22%; } .container-23pct { width: 23%; } .container-24pct { width: 24%; } .container-25pct { width: 25%; } .container-26pct { width: 26%; } .container-27pct { width: 27%; } .container-28pct { width: 28%; } .container-29pct { width: 29%; } .container-30pct { width: 30%; } .container-31pct { width: 31%; } .container-32pct { width: 32%; } .container-33pct { width: 33%; } .container-34pct { width: 34%; } .container-35pct { width: 35%; } .container-36pct { width: 36%; } .container-37pct { width: 37%; } .container-38pct { width: 38%; } .container-39pct { width: 39%; } .container-40pct { width: 40%; } .container-41pct { width: 41%; } .container-42pct { width: 42%; } .container-43pct { width: 43%; } .container-44pct { width: 44%; } .container-45pct { width: 45%; } .container-46pct { width: 46%; } .container-47pct { width: 47%; } .container-48pct { width: 48%; } .container-49pct { width: 49%; } .container-50pct { width: 50%; } .container-51pct { width: 51%; } .container-52pct { width: 52%; } .container-53pct { width: 53%; } .container-54pct { width: 54%; } .container-55pct { width: 55%; } .container-56pct { width: 56%; } .container-57pct { width: 57%; } .container-58pct { width: 58%; } .container-59pct { width: 59%; } .container-60pct { width: 60%; } .container-61pct { width: 61%; } .container-62pct { width: 62%; } .container-63pct { width: 63%; } .container-64pct { width: 64%; } .container-65pct { width: 65%; } .container-66pct { width: 66%; } .container-67pct { width: 67%; } .container-68pct { width: 68%; } .container-69pct { width: 69%; } .container-70pct { width: 70%; } .container-71pct { width: 71%; } .container-72pct { width: 72%; } .container-73pct { width: 73%; } .container-74pct { width: 74%; } .container-75pct { width: 75%; } .container-76pct { width: 76%; } .container-77pct { width: 77%; } .container-78pct { width: 78%; } .container-79pct { width: 79%; } .container-80pct { width: 80%; } .container-81pct { width: 81%; } .container-82pct { width: 82%; } .container-83pct { width: 83%; } .container-84pct { width: 84%; } .container-85pct { width: 85%; } .container-86pct { width: 86%; } .container-87pct { width: 87%; } .container-88pct { width: 88%; } .container-89pct { width: 89%; } .container-90pct { width: 90%; } .container-91pct { width: 91%; } .container-92pct { width: 92%; } .container-93pct { width: 93%; } .container-94pct { width: 94%; } .container-95pct { width: 95%; } .container-96pct { width: 96%; } .container-97pct { width: 97%; } .container-98pct { width: 98%; } .container-99pct { width: 99%; } .container-100pct { width: 100%; }



/* SECTIONS ------------------------------------------- */

.section 			{ position: relative; padding: 5.0em 0; }

.section-white 		{ background-color: var(--white); }
.section-black 		{ background-color: var(--black); }
.section-primary 	{ background-color: var(--primary-color); }
.section-secondary 	{ background-color: var(--secondary-color); }
.section-accent 	{ background-color: var(--accent-color); }
.section-light-gray { background-color: var(--light-gray); }
.section-medium-gray{ background-color: var(--medium-gray); }
.section-dark-gray 	{ background-color: var(--dark-gray); }

.section-light-accent { background-color: rgba(var(--accent-color-rgb),0.04); }
.section-blue-green { background-color: rgba(var(--blue-green-rgb),0.09); }

.section-hero {
	padding: 4.0em 0;
	position: relative;
	width: 100%;
	min-height: calc(100vh - var(--header-bar-height));
	z-index: 9900;
	display: flex;
	justify-content: center; /* horizontally center content */
	align-items: center; /* vertically center content */
}
.transparent-header .section-hero {
	padding: 6.5em 0;
	min-height: 100vh;
}
.section-hero-small { min-height: 50vh; }
.transparent-header .section-hero-small { min-height: 57vh; }

.section-hero-tiny  { min-height: 25vh; }
.transparent-header .section-hero-tiny  { min-height: 32vh; }

.section-hero-content { 
	width: 90%; 
	max-width: var(--wrapper-max-width); 
	margin: 0 auto; 
	z-index: 500;
}
.site-splash .section-hero {
	min-height: 100vh;
}


/* TYPOGRAPHY ------------------------------------------- */

.color-black 		{ color: var(--black) !important; }
.color-white 		{ color: var(--white) !important; }
.color-primary 		{ color: var(--primary-color) !important; }
.color-secondary 	{ color: var(--secondary-color) !important; }
.color-accent 		{ color: var(--accent-color) !important; }
.color-light-gray 	{ color: var(--light-gray) !important; }
.color-medium-gray 	{ color: var(--medium-gray) !important; }
.color-dark-gray 	{ color: var(--dark-gray) !important; }

.font-weight-normal	{ font-weight: normal !important; }
.font-weight-100 	{ font-weight: 100 !important; }
.font-weight-200 	{ font-weight: 200 !important; }
.font-weight-300 	{ font-weight: 300 !important; }
.font-weight-400 	{ font-weight: 400 !important; }
.font-weight-500 	{ font-weight: 500 !important; }
.font-weight-600 	{ font-weight: 600 !important; }
.font-weight-700 	{ font-weight: 700 !important; }
.font-weight-800 	{ font-weight: 800 !important; }
.font-weight-900 	{ font-weight: 900 !important; }

.text-transform-lowercase 	{ text-transform: lowercase; }
.text-transform-uppercase 	{ text-transform: uppercase; }
.text-transform-capitalize 	{ text-transform: capitalize; }
.text-transform-none 		{ text-transform: none; }

h1,h2,h3,h4,h5,h6 {
	font-family: var(--headlines-font);
	font-weight: 450;
	line-height: 1.15em;
	margin: 0 0 0.85em 0;
	color: var(--black);
}
h1 {
	margin: 0 0 0.7em 0;
}

h1 { font-size: 2.6em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.15em; }
h6 { font-size: 0.9em; }

.sans-serif {
	font-family: var(--body-font);
	font-weight: 500;
}

span.sub-heading {
	display: block;
	font-family: var(--body-font);
	text-transform: uppercase;
	font-size: 0.42em;
	line-height: 1.6em;
	font-weight: 400;
	letter-spacing: 0.15em;
	color: var(--accent-color);
	margin: 0.4em 0;
}

.section-hero h1 { font-size: 2.6em; font-weight: 700; }

.site-splash .section-hero h1, .site-home .section-hero h1 { font-size: 2.25em; letter-spacing: 0.1em; text-shadow: 0 0 6px rgba(0,0,0,0.5); }
.site-splash .section-hero span.sub-heading, .site-home .section-hero span.sub-heading { font-size: 0.46em; letter-spacing: 0.25em; font-weight: 400; }

.gm-floorplate-info-window h3 {
	margin: 0 0 0.5em 0;
}
.gm-floorplate-info-window h3 span.sub-heading { 
	font-size: 0.5em; 
	margin: 0.5em 0 0 0;
}

.splash-floor-plan h5 {
	text-align: center;
	margin: 0.6em 0 0.2em 0;
}

p {
	font-family: var(--body-font);
	color: var(--black);
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0 0 1.0em 0;
	font-weight: 300;
}

.lead-in { font-size: 1.25em; font-weight: 300; }
.section-hero .lead-in { font-size: 1.55em; line-height: 1.65em; font-weight: 300; }

.splash-move-in {
	color: #fff; 
	position: absolute;
	top: 0; 
	left: 0; 
	padding: 3.8em 1em 3.5em 1em; 
	text-align: center; 
	width: 100%; 
	background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); 
	font-size: 1.2em; 
	line-height: 1.65em; 
	font-weight: 400; 
	text-transform: uppercase; 
	letter-spacing: 0.04em; 
	text-shadow: 0 0 7px rgba(0,0,0,0.5);
	border-radius: 4px 4px 0 0;
}

.footer p {
	font-size: 1.0em;
}

.info-window-spec {
	margin: 0 0 0.1em 0;
}
.info-window-spec:last-of-type {
	margin: 0 0 1.0em 0;
}
.info-window-spec span {
	display: inline-block;
	min-width: 82px;
	font-weight: 700;
	color: var(--dark-gray);
}
span.leasing-office-hours {
	display: inline-block;
	min-width: 110px;
	font-weight: 500;
}

.fine-print {
	font-size: 0.85em;
	color: var(--medium-gray);
}
.font-size-large { font-size: 1.2em; }
.font-size-small { font-size: 0.9em; }
.font-size-tiny  { font-size: 0.8em; }

ul, ol { margin: 0 0 1.0em 1.2em; }
ul { list-style: disc; }
ol { list-style: decimal; }

ul.no-bullet, ol.no-bullet { list-style: none; margin: 0 0 1.0em 0; }
ul.fa-ul { margin-left: 1.7em; }
ul.suite-spec-list {
	list-style: none;
	margin: 0;
}

li {
	font-family: var(--body-font);
	color: var(--black);
	font-size: 1.1em;
	line-height: 1.35em;
	margin: 0 0 0.4em 0;
	font-weight: 300;
}
.suite-spec-list li {
	position: relative;
	background-color: var(--light-gray);
	padding: 0.8em 1.5em;
	margin: 0 0 2px 0;
	display: flex;
	justify-content: space-between;
}
.suite-spec-list li:first-of-type {
	border-radius: 5px 5px 0 0;
}
.suite-spec-list li:last-of-type {
	border-radius: 0 0 5px 5px;
}
.suite-spec-list li.similar-suites-list {
	margin-top: -2px;
	padding-top: 0;
}
span.spec-list-label {
	min-width: 110px;
}
span.spec-list-data {
	font-weight: 700;
	color: var(--xdark-gray);
}
span.spec-list-similar-suite {
	display: block;
}
span.spec-list-similar-suite-status {
	font-size: 0.8em;
	font-weight: 400;
	margin-left: 3px;
}

.amenity-legend-list li {
	position: relative;
	font-size: 0.95em;
	vertical-align: middle;
	line-height: 1.1em;
	padding-left: 32px;
	margin: 0 0 0.8em 0;
}
.amenity-legend-list li:last-of-type {
	margin: 0 0 1.5em 0;
}

li::marker { color: inherit; }


h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }
p strong { font-weight: 500; }
li strong { font-weight: 500; }


/* FONT AWESOME ICONS --------------------------------------------------- */

.fa-solid, .fa-regular, .fa-light, .fa-duotone, .fa-thin { margin: 0; }

li span.fa-li {
	font-size: 1.0em;
	left: -2.0em; /* this is an override of the font-awesome attribute to give a little more space between the bullet and the text */
}
.fa-ul li span.fa-li i {
	color: var(--accent-color);
}
.breadcrumb-bar i { padding: 0 0.25em; }


/* FORMS ---------------------------------------------------------------- */

input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input::placeholder { color: var(--light-gray); }

.cm-subscribe-form {
	
}
.cm-subscribe-form fieldset {
	margin-bottom: 1.2em;
}
.cm-subscribe-form label {
	display: block;
	font-size: 1.0em;
	font-weight: 500;
	font-family: var(--body-font);
	margin-bottom: 0.3em;
}
.cm-subscribe-form input[type=text], .cm-subscribe-form input[type=email] {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 1.0em;
	padding: 0.5em 0.8em;
	border-radius: 4px;
	font-family: var(--body-font);
	font-weight: 300;
	width: 300px;
}
.cm-subscribe-form input[type=text].postal-code {
	min-width: 100px;
	width: 100px;
}
.form-submit-button {
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	text-align: center;
	font-family: var(--body-font);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 500;
	font-size: 0.85em;
	line-height: 1.1em;
	padding: 0.95em 1.1em;
	border: none;
	border-radius: 4px;
	color: #fff;
	background-color: var(--accent-color);
	transition: all 200ms;
}
.form-submit-button:hover {
	color: #fff;
	background-color: var(--blue-green);
}

.suites-filter-select {
	appearance: none;
	background: url('/site-images/global/angle-down.svg') no-repeat right 10px center;
	background-size: 12px;
	font-family: var(--body-font);
	font-size: 0.9em;
	color: var(--white);
	background-color: var(--accent-color);
	border: none;
	border-radius: 6px;
	padding: 0.5em 0.5em;
	width: 100%;
	max-width: 180px;
	margin-right: 8px;
}
.suites-filter-select:last-of-type {
	margin-right: 0;
}



/* TABLES ---------------------------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* IMAGES, VIDEOS, MAPS ------------------------------------------------- */

img {
	display: inline-block;
	max-width: 100%;
}

.fancybox__container { z-index: 9999; }
.fancybox__backdrop { background: rgba(var(--black-rgb), 0.96); }
.fancybox__caption { color: var(--medium-gray); }
.fancybox__nav { 
	--f-button-color: var(--accent-color); 
	--f-button-hover-color: var(--blue-green);
	--f-button-hover-bg: rgba(var(--white-rgb), 0.2);
	--f-button-active-bg: rgba(var(--white-rgb), 0.4);
}

.fancybox-thumb {
	display: block;
	width: 190px;
	height: auto;
	margin: 5px;
	border-radius: 3px;
}

.image-fill-width {
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: middle;
	text-align: center;
}
.image-fill-height {
	display: inline-block;
	width: auto;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.image-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.header-logo {
	display: inline-block;
	width: 100%;
	max-width: 218px;
	height: auto;
}
.splash-hero-logo {
	display: block;
	width: 65%;
	max-width: 125px;
	height: auto;
	margin: 0 auto 1.0em auto;
}

.footer-logo {
	display: inline-block;
	width: 130px;
	height: auto;
	
}
.splash-footer-logo {
	display: inline-block;
	width: 130px;
	height: auto;
	
}

.section-hero video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-wrapper {
	background-color: #fff;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
}

.front-elevation-svg rect {
	opacity: 0;
	fill: var(--black);
	transition: all 200ms;
}
.front-elevation-svg rect:hover {
	opacity: 0.15;
}

.suite-floorplan {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 1000px;
}


.map-canvas {
	height: 68vh;
	border: 2px solid rgba(var(--blue-green-rgb), 0.15);
	border-radius: 7px;
}

.map-canvas * { 
	border: none !important; 
	outline: none !important; 
}
.map-canvas:focus, .map-canvas *:focus {
	border: none !important; 
	outline: none !important; 
}

.amenity-container {
	position: relative;
	background: #f9f9f9;
	border: 2px solid #eee;
	border-radius: 6px;
	margin: 0 2% 2% 2%;
	height: 80vh;
	overflow: hidden;
}
.amenity-map .map-canvas {
	border: none;
	border-radius: 0;
	height: 80vh;
}
.amenity-legend {
	height: 80vh;
	overflow-y: scroll;
	padding: 2%;
}
.amenity-legend-icon {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
}
.amenity-legend-icon-hospital {
	width: 26px;
	height: 26px;
	left: -1px;
}
.amenity-legend-dot {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.75em;
	line-height: 1.0em;
	font-weight: 500;
	padding: 0.5em;
	border-radius: 100px;
	background-color: #000;
	color: #fff;
	text-align: center;
	min-width: 23px;
	margin-right: 4px;
}
.amenity-legend-dot-medical {
	background-color: var(--medical);
}
.amenity-legend-dot-dining {
	background-color: var(--dining);
}
.amenity-legend-dot-shopping {
	background-color: var(--shopping);
}
.amenity-legend-dot-services {
	background-color: var(--services);
}
.amenity-legend-dot-recreation {
	background-color: var(--recreation);
}
.amenity-map-info-window-container {
	padding: 1.0em 1.6em 0.6em 0.6em;
	width: 170px;
	font-family: var(--body-font);
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.2em;
}
.amenity-category {
	display: block;
	font-weight: 400;
	font-size: 0.9em;
	color: var(--medium-gray);
	margin-bottom: 5px;
}

.other-community-logo {
	display: inline-block;
	width: 100%;
	max-width: 150px;
	height: auto;
	filter: grayscale(1.0);
}
.other-community-logo-heritage {
	filter: grayscale(1.0) brightness(0.7);
}
.other-community-logo-marquis {
	filter: grayscale(1.0) brightness(0.7);
}
.other-community-logo:hover {
	filter: grayscale(0.01);
}

.red-dot-leased {
	display: block;
	position: absolute;
	top: 2%;
	right: 2%;
	width: 144px;
	height: auto;
	margin: 0;
}
.red-dot-leased-corner {
	display: block;
	position: absolute;
	top: -70px;
	right: -40px;
	width: 200px;
	height: auto;
	margin: 0;
}


/* LINKS, BUTTONS, NAVIGATION, BREADCRUMBS ------------------------------------ */

a { touch-action: none; }

a:link, a:visited {
	color: var(--accent-color);
	text-decoration: none;
	outline: none;
	transition: all 200ms;
}
a:hover, a:focus {
	color: var(--blue-green);
	outline: none;
}

.main-nav a:link, .main-nav a:visited {
	display: inline-block;
	font-family: var(--body-font);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 550;
	font-size: 0.9em;
	padding: 1.0em;
	text-align: center;
	color: var(--black);
	background-color: transparent;
	border-radius: 4px;
}
.main-nav a:hover, .main-nav a:focus {
	color: var(--blue-green);
	background-color: transparent;
}

.site-home a.main-nav-home-link,
.site-about a.main-nav-about-link,
.site-suites a.main-nav-suites-link,
.site-gallery a.main-nav-gallery-link,
.site-showhome a.main-nav-showhome-link,
.site-amenities a.main-nav-amenities-link,
.site-contact a.main-nav-contact-link {
	background-color: transparent;
	color: var(--accent-color);
}

.button:link, .button:visited {
	display: inline-block;
	text-align: center;
	font-family: var(--body-font);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 550;
	font-size: 0.9em;
	line-height: 1.1em;
	padding: 1.0em 1.25em;
	border-radius: 4px;
	color: #fff;
	background-color: var(--accent-color);
}
.button:hover, .button:focus {
	color: #fff;
	background-color: var(--blue-green);
}
.button-small:link, .button-small:visited { font-size: 0.8em; padding: 0.85em 1.1em; }
.button-tiny:link, .button-tiny:visited { font-size: 0.65em; padding: 0.7em 0.9em; }

.button-white:link, .button-white:visited { background-color: var(--white); color: var(--black); }
.button-white:hover, .button-white:focus { background-color: var(--black); color: var(--white); }
.button-black:link, .button-black:visited { background-color: var(--black); color: var(--white); }
.button-black:hover, .button-black:focus { background-color: var(--white); color: var(--black); }
.button-primary:link, .button-primary:visited { background-color: var(--primary-color); color: var(--white); }
.button-primary:hover, .button-primary:focus { background-color: var(--accent-color); color: var(--white); }
.button-secondary:link, .button-secondary:visited { background-color: var(--secondary-color); color: var(--white); }
.button-secondary:hover, .button-secondary:focus { background-color: var(--accent-color); color: var(--white); }
.button-accent:link, .button-accent:visited { background-color: var(--accent-color); color: var(--white); }
.button-accent:hover, .button-accent:focus { background-color: var(--primary-color); color: var(--white); }

.breadcrumb-bar a:last-of-type { color: rgba(var(--black-rgb),0.5); }

.breadcrumb-bar-sticky {
	position: sticky;
	top: var(--header-bar-height);
	z-index: 9989;
}
.hero-scroll-to-content {
	position: absolute;
	bottom: 1.6em;
	left: 50%;
	transform: translateX(-50%);
}

.floor-selector a:link, .floor-selector a:visited {
	display: inline-block;
	margin: 0;
	padding: 0.7em;
	text-align: center;
	font-size: 1.0em;
	min-width: 52px;
	color: var(--accent-color);
	background-color: rgba(var(--blue-green-rgb),0.1);
	border-right: 1px solid #fff;
}
.floor-selector a:hover, .floor-selector a:focus {
	background-color: rgba(var(--blue-green-rgb),0.25);
}
.floor-selector a:first-of-type {
	border-radius: 6px 0 0 6px;
}
.floor-selector a:last-of-type {
	border-radius: 0 6px 6px 0;
	border-right: none;
}
.floor-selector a.active {
	font-weight: 600;
	background-color: var(--accent-color);
	color: #fff;
}
.toggle-similar-suites {
	position: absolute;
	right: -12px;
	top: 51%;
	transform: translateY(-50%);
	padding: 0.5em;
	background-color: var(--light-gray);
	border-radius: 100%;
}
.suites-filter-select-reset:link,
.suites-filter-select-reset:visited {
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: var(--light-gray);
	border: 1px solid rgba(var(--medium-gray-rgb), 0.2 );
	font-family: var(--body-font);
	font-size: 0.8em;
	color: var(--accent-color);
	padding: 0.6em 0.8em;
	margin: 1.5em 0 0 0;
	cursor: pointer;
	border-radius: 5px;
	transition: all 200ms;
}
.suites-filter-select-reset:hover {
	border: 1px solid var(--accent-color);
	background: var(--accent-color);
	color: #fff;
}

/* HEADER BAR & MAIN NAV -------------------------------------------------------- */

.header-bar {
	width: 100%;
	padding: 15px 0;
	background-color: #fff;
	border-bottom: 1px solid var(--light-gray);
	position: sticky;
	top: 0;
	z-index: 9990;
}

.transparent-header .header-bar { 
	background-color: transparent; 
	position: fixed;
	border-bottom: 1px solid transparent;
}
.transparent-header .site-wrapper .header-bar {
	max-width: var(--site-wrapper-max-width);
}
.transparent-header .transparent-header-bar-opaque-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white); 
	display: none;
}
.transparent-header-bar-switch-reference {
	background-color: transparent;
	position: absolute;
	top: 70px;
	left: 0;
	width: 2px;
	height: 2px;
	z-index: 9999;
}

.main-nav {
	--logo-width: 220px;
	width: calc(100% - var(--logo-width) - 50px);
	max-width: 960px;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.breadcrumb-bar {
	padding: 1.1em 0;
	font-family: var(--body-font);
	line-height: 1.5em;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--dark-gray);
	background-color: rgba(var(--blue-green-rgb),0.1);
	vertical-align: middle;
}


/* FOOTER --------------------------------------------------------------- */

.footer {
	padding: 1.6em 0;
	background-color: var(--black);
}
.splash-footer {
	padding: 2.0em 0;
	background-color: var(--black);
}
.other-communities {
	padding: 3.5em 0;
	background-color: rgba(var(--black-rgb),0.93);
}


/* PAGE ELEMENTS -------------------------------------------------------- */

.splash-floor-plan {
	border-radius: 5px;
	border: 1px solid #eee;
	overflow: hidden;
	background-color: #fff;
	padding: 1.1em 1.0em;
	margin: 0.8em 0;
}
.legend-item {
	display: block;
	font-size: 0.85em;
	margin: 0 2.0em 1.0em 0;
}
.legend-item:last-of-type {
	margin: 0 0 1.0em 0;
}
.legend-item-count {
	display: inline-block;
	padding: 0.5em;
	text-align: center;
	min-width: 30px;
	background-color: var(--light-gray);
	border-radius: 5px;
	margin-right: 0.2em;
}
.legend-item-available .legend-item-count { background-color: var(--available); color: #fff;}
.legend-item-leased .legend-item-count { background-color: var(--leased); color: #fff;}
.legend-item-pending .legend-item-count { background-color: var(--pending); color: #fff;}
.legend-item-showhome .legend-item-count { background-color: var(--showhome); color: #fff;}
.legend-item-guest .legend-item-count { background-color: var(--guest); color: #fff;}
.legend-item-unavailable .legend-item-count { background-color: var(--unavailable); color: #fff;}

/* set the infowindow width */
.gm-style-iw {
  min-width: 210px !important; 
}
/* move the Google Maps info window close button to positioned absolutely so there isn't a huge gap at the top */
.gm-style-iw-chr {
	display: block;
	position: absolute;
	top: -1.2em;
	right: 0;
}
.gm-floorplate-info-window {
	padding: 1.3em 0.75em 1.0em 1.2em;
	margin: 0;
}
.suite-tile-container {
	width: 23%;
	margin: 0 0 3% 0;
	padding: 1.0em 1.2em;
	background-color: var(--light-gray);
	border: 2px solid var(--light-gray);
	border-radius: 6px;
	transition: all 200ms;
}
.suite-tile-container:hover {
	border: 2px solid #e0e0e0;

}

/* ------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE STYLES ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */

@media all and (min-width: 1px) and (max-width: 1023px) /* if you change this, change in the JS file too for operating the nav bar sizing */
{
	html { scroll-padding-top: var(--mobile-header-bar-height); }


	/* MOBILE ALIGNMENTS -------------------------------------------------- */
	
	.mobile-center, .mobile-text-align-center	{ text-align: center !important; }
	.mobile-left, .mobile-text-align-left 		{ text-align: left !important; }
	.mobile-right, .mobile-text-align-right		{ text-align: right !important; }
	.mobile-zero-auto-center 					{ margin: 0 auto !important; }
	
	
	/* MOBILE DISPLAYS -------------------------------------------------- */
	
	.mobile-display-none			{ display: none !important; }
	.mobile-display-block			{ display: block !important; }
	.mobile-display-inline-block	{ display: inline-block !important; }
	.mobile-display-inline			{ display: inline !important; }
	
	
	/* MOBILE POSITIONS -------------------------------------------------- */
	
	.mobile-position-relative { position: relative !important; }
	.mobile-position-absolute { position: absolute !important; }
	.mobile-position-inherit  { position: inherit !important; }
	.mobile-position-fixed	  { position: fixed !important; }
	.mobile-position-sticky   { position: sticky !important; }
	
	
	/* MOBILE BORDERS -------------------------------------------------- */
	
	.mobile-b-0  	{ border: none; }
	.mobile-bt-0  	{ border-top: none; }
	.mobile-br-0  	{ border-right: none; }
	.mobile-bb-0	{ border-bottom: none; }
	.mobile-bl-0  	{ border-left: none; }
	
	.mobile-b	{ border: var(--border); }
	.mobile-bt	{ border-top: var(--border); }
	.mobile-br	{ border-right: var(--border); }
	.mobile-bb	{ border-bottom: var(--border); }
	.mobile-bl	{ border-left: var(--border); }
	
	.mobile-br-0		{ border-radius: 0; }
	.mobile-br-1px		{ border-radius: 1px; }
	.mobile-br-2px		{ border-radius: 2px; }
	.mobile-br-3px		{ border-radius: 3px; }
	.mobile-br-4px		{ border-radius: 4px; }
	.mobile-br-5px		{ border-radius: 5px; }
	.mobile-br-6px		{ border-radius: 6px; }
	.mobile-br-7px		{ border-radius: 7px; }
	.mobile-br-8px		{ border-radius: 8px; }
	.mobile-br-9px		{ border-radius: 9px; }
	.mobile-br-10px		{ border-radius: 10px; }
	
	
	/* MOBILE MARGINS --------------------------------------------------- */
	
	.mobile-m-0  { margin: 0; }
	.mobile-mt-0 { margin-top: 0; }
	.mobile-mr-0 { margin-right: 0; }
	.mobile-mb-0 { margin-bottom: 0; }
	.mobile-ml-0 { margin-left: 0; }
	
	.mobile-m-1px { margin: 1px; } 
	.mobile-m-2px { margin: 2px; }
	.mobile-m-3px { margin: 3px; }
	.mobile-m-4px { margin: 4px; }
	.mobile-m-5px { margin: 5px; }
	.mobile-m-6px { margin: 6px; }
	.mobile-m-7px { margin: 7px; }
	.mobile-m-8px { margin: 8px; }
	.mobile-m-9px { margin: 9px; }
	.mobile-m-10px { margin: 10px; }
	
	.mobile-mt-1px { margin-top: 1px; }
	.mobile-mt-2px { margin-top: 2px; }
	.mobile-mt-3px { margin-top: 3px; }
	.mobile-mt-4px { margin-top: 4px; }
	.mobile-mt-5px { margin-top: 5px; }
	.mobile-mt-6px { margin-top: 6px; }
	.mobile-mt-7px { margin-top: 7px; }
	.mobile-mt-8px { margin-top: 8px; }
	.mobile-mt-9px { margin-top: 9px; }
	.mobile-mt-10px { margin-top: 10px; }
	
	.mobile-mb-1px { margin-bottom: 1px; }
	.mobile-mb-2px { margin-bottom: 2px; }
	.mobile-mb-3px { margin-bottom: 3px; }
	.mobile-mb-4px { margin-bottom: 4px; }
	.mobile-mb-5px { margin-bottom: 5px; }
	.mobile-mb-6px { margin-bottom: 6px; }
	.mobile-mb-7px { margin-bottom: 7px; }
	.mobile-mb-8px { margin-bottom: 8px; }
	.mobile-mb-9px { margin-bottom: 9px; }
	.mobile-mb-10px { margin-bottom: 10px; }
	
	.mobile-ml-1px { margin-left: 1px; }
	.mobile-ml-2px { margin-left: 2px; }
	.mobile-ml-3px { margin-left: 3px; }
	.mobile-ml-4px { margin-left: 4px; }
	.mobile-ml-5px { margin-left: 5px; }
	.mobile-ml-6px { margin-left: 6px; }
	.mobile-ml-7px { margin-left: 7px; }
	.mobile-ml-8px { margin-left: 8px; }
	.mobile-ml-9px { margin-left: 9px; }
	.mobile-ml-10px { margin-left: 10px; }
	
	.mobile-mr-1px { margin-right: 1px; }
	.mobile-mr-2px { margin-right: 2px; }
	.mobile-mr-3px { margin-right: 3px; }
	.mobile-mr-4px { margin-right: 4px; }
	.mobile-mr-5px { margin-right: 5px; }
	.mobile-mr-6px { margin-right: 6px; }
	.mobile-mr-7px { margin-right: 7px; }
	.mobile-mr-8px { margin-right: 8px; }
	.mobile-mr-9px { margin-right: 9px; }
	.mobile-mr-10px { margin-right: 10px; }
	
	.mobile-m-1pct { margin: 1%; }
	.mobile-m-2pct { margin: 2%; }
	.mobile-m-3pct { margin: 3%; }
	.mobile-m-4pct { margin: 4%; }
	.mobile-m-5pct { margin: 5%; }
	.mobile-m-6pct { margin: 6%; }
	.mobile-m-7pct { margin: 7%; }
	.mobile-m-8pct { margin: 8%; }
	.mobile-m-9pct { margin: 9%; }
	.mobile-m-10pct { margin: 10%; }
	
	.mobile-mt-1pct { margin-top: 1%; }
	.mobile-mt-2pct { margin-top: 2%; }
	.mobile-mt-3pct { margin-top: 3%; }
	.mobile-mt-4pct { margin-top: 4%; }
	.mobile-mt-5pct { margin-top: 5%; }
	.mobile-mt-6pct { margin-top: 6%; }
	.mobile-mt-7pct { margin-top: 7%; }
	.mobile-mt-8pct { margin-top: 8%; }
	.mobile-mt-9pct { margin-top: 9%; }
	.mobile-mt-10pct { margin-top: 10%; }
	
	.mobile-mb-1pct { margin-bottom: 1%; }
	.mobile-mb-2pct { margin-bottom: 2%; }
	.mobile-mb-3pct { margin-bottom: 3%; }
	.mobile-mb-4pct { margin-bottom: 4%; }
	.mobile-mb-5pct { margin-bottom: 5%; }
	.mobile-mb-6pct { margin-bottom: 6%; }
	.mobile-mb-7pct { margin-bottom: 7%; }
	.mobile-mb-8pct { margin-bottom: 8%; }
	.mobile-mb-9pct { margin-bottom: 9%; }
	.mobile-mb-10pct { margin-bottom: 10%; }
	
	.mobile-ml-1pct { margin-left: 1%; }
	.mobile-ml-2pct { margin-left: 2%; }
	.mobile-ml-3pct { margin-left: 3%; }
	.mobile-ml-4pct { margin-left: 4%; }
	.mobile-ml-5pct { margin-left: 5%; }
	.mobile-ml-6pct { margin-left: 6%; }
	.mobile-ml-7pct { margin-left: 7%; }
	.mobile-ml-8pct { margin-left: 8%; }
	.mobile-ml-9pct { margin-left: 9%; }
	.mobile-ml-10pct { margin-left: 10%; }
	
	.mobile-mr-1pct { margin-right: 1%; }
	.mobile-mr-2pct { margin-right: 2%; }
	.mobile-mr-3pct { margin-right: 3%; }
	.mobile-mr-4pct { margin-right: 4%; }
	.mobile-mr-5pct { margin-right: 5%; }
	.mobile-mr-6pct { margin-right: 6%; }
	.mobile-mr-7pct { margin-right: 7%; }
	.mobile-mr-8pct { margin-right: 8%; }
	.mobile-mr-9pct { margin-right: 9%; }
	.mobile-mr-10pct { margin-right: 10%; }
	
	.mobile-m-1em { margin: 1.0em; }
	.mobile-m-2em { margin: 2.0em; }
	.mobile-m-3em { margin: 3.0em; }
	.mobile-m-4em { margin: 4.0em; }
	.mobile-m-5em { margin: 5.0em; }
	
	.mobile-mt-1em { margin-top: 1.0em; }
	.mobile-mt-2em { margin-top: 2.0em; }
	.mobile-mt-3em { margin-top: 3.0em; }
	.mobile-mt-4em { margin-top: 4.0em; }
	.mobile-mt-5em { margin-top: 5.0em; }
	
	.mobile-mb-1em { margin-bottom: 1.0em; }
	.mobile-mb-2em { margin-bottom: 2.0em; }
	.mobile-mb-3em { margin-bottom: 3.0em; }
	.mobile-mb-4em { margin-bottom: 4.0em; }
	.mobile-mb-5em { margin-bottom: 5.0em; }
	
	.mobile-ml-1em { margin-left: 1.0em; }
	.mobile-ml-2em { margin-left: 2.0em; }
	.mobile-ml-3em { margin-left: 3.0em; }
	.mobile-ml-4em { margin-left: 4.0em; }
	.mobile-ml-5em { margin-left: 5.0em; }
	
	.mobile-mr-1em { margin-right: 1.0em; }
	.mobile-mr-2em { margin-right: 2.0em; }
	.mobile-mr-3em { margin-right: 3.0em; }
	.mobile-mr-4em { margin-right: 4.0em; }
	.mobile-mr-5em { margin-right: 5.0em; }
	
	
	/* MOBILE PADDING -------------------------------------------------- */
	
	.mobile-p-0  { padding: 0; }
	.mobile-pt-0 { padding-top: 0; }
	.mobile-pr-0 { padding-right: 0; }
	.mobile-pb-0 { padding-bottom: 0; }
	.mobile-pl-0 { padding-left: 0; }
	
	.mobile-p-1px { padding: 1px; } 
	.mobile-p-2px { padding: 2px; }
	.mobile-p-3px { padding: 3px; }
	.mobile-p-4px { padding: 4px; }
	.mobile-p-5px { padding: 5px; }
	.mobile-p-6px { padding: 6px; }
	.mobile-p-7px { padding: 7px; }
	.mobile-p-8px { padding: 8px; }
	.mobile-p-9px { padding: 9px; }
	.mobile-p-10px { padding: 10px; }
	
	.mobile-pt-1px { padding-top: 1px; }
	.mobile-pt-2px { padding-top: 2px; }
	.mobile-pt-3px { padding-top: 3px; }
	.mobile-pt-4px { padding-top: 4px; }
	.mobile-pt-5px { padding-top: 5px; }
	.mobile-pt-6px { padding-top: 6px; }
	.mobile-pt-7px { padding-top: 7px; }
	.mobile-pt-8px { padding-top: 8px; }
	.mobile-pt-9px { padding-top: 9px; }
	.mobile-pt-10px { padding-top: 10px; }
	
	.mobile-pb-1px { padding-bottom: 1px; }
	.mobile-pb-2px { padding-bottom: 2px; }
	.mobile-pb-3px { padding-bottom: 3px; }
	.mobile-pb-4px { padding-bottom: 4px; }
	.mobile-pb-5px { padding-bottom: 5px; }
	.mobile-pb-6px { padding-bottom: 6px; }
	.mobile-pb-7px { padding-bottom: 7px; }
	.mobile-pb-8px { padding-bottom: 8px; }
	.mobile-pb-9px { padding-bottom: 9px; }
	.mobile-pb-10px { padding-bottom: 10px; }
	
	.mobile-pl-1px { padding-left: 1px; }
	.mobile-pl-2px { padding-left: 2px; }
	.mobile-pl-3px { padding-left: 3px; }
	.mobile-pl-4px { padding-left: 4px; }
	.mobile-pl-5px { padding-left: 5px; }
	.mobile-pl-6px { padding-left: 6px; }
	.mobile-pl-7px { padding-left: 7px; }
	.mobile-pl-8px { padding-left: 8px; }
	.mobile-pl-9px { padding-left: 9px; }
	.mobile-pl-10px { padding-left: 10px; }
	
	.mobile-pr-1px { padding-right: 1px; }
	.mobile-pr-2px { padding-right: 2px; }
	.mobile-pr-3px { padding-right: 3px; }
	.mobile-pr-4px { padding-right: 4px; }
	.mobile-pr-5px { padding-right: 5px; }
	.mobile-pr-6px { padding-right: 6px; }
	.mobile-pr-7px { padding-right: 7px; }
	.mobile-pr-8px { padding-right: 8px; }
	.mobile-pr-9px { padding-right: 9px; }
	.mobile-pr-10px { padding-right: 10px; }
	
	.mobile-p-1pct { padding: 1%; }
	.mobile-p-2pct { padding: 2%; }
	.mobile-p-3pct { padding: 3%; }
	.mobile-p-4pct { padding: 4%; }
	.mobile-p-5pct { padding: 5%; }
	.mobile-p-6pct { padding: 6%; }
	.mobile-p-7pct { padding: 7%; }
	.mobile-p-8pct { padding: 8%; }
	.mobile-p-9pct { padding: 9%; }
	.mobile-p-10pct { padding: 10%; }
	
	.mobile-pt-1pct { padding-top: 1%; }
	.mobile-pt-2pct { padding-top: 2%; }
	.mobile-pt-3pct { padding-top: 3%; }
	.mobile-pt-4pct { padding-top: 4%; }
	.mobile-pt-5pct { padding-top: 5%; }
	.mobile-pt-6pct { padding-top: 6%; }
	.mobile-pt-7pct { padding-top: 7%; }
	.mobile-pt-8pct { padding-top: 8%; }
	.mobile-pt-9pct { padding-top: 9%; }
	.mobile-pt-10pct { padding-top: 10%; }
	
	.mobile-pb-1pct { padding-bottom: 1%; }
	.mobile-pb-2pct { padding-bottom: 2%; }
	.mobile-pb-3pct { padding-bottom: 3%; }
	.mobile-pb-4pct { padding-bottom: 4%; }
	.mobile-pb-5pct { padding-bottom: 5%; }
	.mobile-pb-6pct { padding-bottom: 6%; }
	.mobile-pb-7pct { padding-bottom: 7%; }
	.mobile-pb-8pct { padding-bottom: 8%; }
	.mobile-pb-9pct { padding-bottom: 9%; }
	.mobile-pb-10pct { padding-bottom: 10%; }
	
	.mobile-pl-1pct { padding-left: 1%; }
	.mobile-pl-2pct { padding-left: 2%; }
	.mobile-pl-3pct { padding-left: 3%; }
	.mobile-pl-4pct { padding-left: 4%; }
	.mobile-pl-5pct { padding-left: 5%; }
	.mobile-pl-6pct { padding-left: 6%; }
	.mobile-pl-7pct { padding-left: 7%; }
	.mobile-pl-8pct { padding-left: 8%; }
	.mobile-pl-9pct { padding-left: 9%; }
	.mobile-pl-10pct { padding-left: 10%; }
	
	.mobile-pr-1pct { padding-right: 1%; }
	.mobile-pr-2pct { padding-right: 2%; }
	.mobile-pr-3pct { padding-right: 3%; }
	.mobile-pr-4pct { padding-right: 4%; }
	.mobile-pr-5pct { padding-right: 5%; }
	.mobile-pr-6pct { padding-right: 6%; }
	.mobile-pr-7pct { padding-right: 7%; }
	.mobile-pr-8pct { padding-right: 8%; }
	.mobile-pr-9pct { padding-right: 9%; }
	.mobile-pr-10pct { padding-right: 10%; }
	
	.mobile-p-1em { padding: 1.0em; }
	.mobile-p-2em { padding: 2.0em; }
	.mobile-p-3em { padding: 3.0em; }
	.mobile-p-4em { padding: 4.0em; }
	.mobile-p-5em { padding: 5.0em; }
	
	.mobile-pt-1em { padding-top: 1.0em; }
	.mobile-pt-2em { padding-top: 2.0em; }
	.mobile-pt-3em { padding-top: 3.0em; }
	.mobile-pt-4em { padding-top: 4.0em; }
	.mobile-pt-5em { padding-top: 5.0em; }
	
	.mobile-pb-1em { padding-bottom: 1.0em; }
	.mobile-pb-2em { padding-bottom: 2.0em; }
	.mobile-pb-3em { padding-bottom: 3.0em; }
	.mobile-pb-4em { padding-bottom: 4.0em; }
	.mobile-pb-5em { padding-bottom: 5.0em; }
	
	.mobile-pl-1em { padding-left: 1.0em; }
	.mobile-pl-2em { padding-left: 2.0em; }
	.mobile-pl-3em { padding-left: 3.0em; }
	.mobile-pl-4em { padding-left: 4.0em; }
	.mobile-pl-5em { padding-left: 5.0em; }
	
	.mobile-pr-1em { padding-right: 1.0em; }
	.mobile-pr-2em { padding-right: 2.0em; }
	.mobile-pr-3em { padding-right: 3.0em; }
	.mobile-pr-4em { padding-right: 4.0em; }
	.mobile-pr-5em { padding-right: 5.0em; }
	
	
	/* MOBILE FLEXBOX -------------------------------------------------- */
	
	.mobile-flexbox-row-reverse 	{ flex-direction: row-reverse; }
	.mobile-flexbox-column-reverse	{ flex-direction: column-reverse; }
	
	
	/* MOBILE CONTAINERS -------------------------------------------------- */
	
	.mobile-container-1pct { width: 1%; } .mobile-container-2pct { width: 2%; } .mobile-container-3pct { width: 3%; } .mobile-container-4pct { width: 4%; } .mobile-container-5pct { width: 5%; } .mobile-container-6pct { width: 6%; } .mobile-container-7pct { width: 7%; } .mobile-container-8pct { width: 8%; } .mobile-container-9pct { width: 9%; } .mobile-container-10pct { width: 10%; } .mobile-container-11pct { width: 11%; } .mobile-container-12pct { width: 12%; } .mobile-container-13pct { width: 13%; } .mobile-container-14pct { width: 14%; } .mobile-container-15pct { width: 15%; } .mobile-container-16pct { width: 16%; } .mobile-container-17pct { width: 17%; } .mobile-container-18pct { width: 18%; } .mobile-container-19pct { width: 19%; } .mobile-container-20pct { width: 20%; } .mobile-container-21pct { width: 21%; } .mobile-container-22pct { width: 22%; } .mobile-container-23pct { width: 23%; } .mobile-container-24pct { width: 24%; } .mobile-container-25pct { width: 25%; } .mobile-container-26pct { width: 26%; } .mobile-container-27pct { width: 27%; } .mobile-container-28pct { width: 28%; } .mobile-container-29pct { width: 29%; } .mobile-container-30pct { width: 30%; } .mobile-container-31pct { width: 31%; } .mobile-container-32pct { width: 32%; } .mobile-container-33pct { width: 33%; } .mobile-container-34pct { width: 34%; } .mobile-container-35pct { width: 35%; } .mobile-container-36pct { width: 36%; } .mobile-container-37pct { width: 37%; } .mobile-container-38pct { width: 38%; } .mobile-container-39pct { width: 39%; } .mobile-container-40pct { width: 40%; } .mobile-container-41pct { width: 41%; } .mobile-container-42pct { width: 42%; } .mobile-container-43pct { width: 43%; } .mobile-container-44pct { width: 44%; } .mobile-container-45pct { width: 45%; } .mobile-container-46pct { width: 46%; } .mobile-container-47pct { width: 47%; } .mobile-container-48pct { width: 48%; } .mobile-container-49pct { width: 49%; } .mobile-container-50pct { width: 50%; } .mobile-container-51pct { width: 51%; } .mobile-container-52pct { width: 52%; } .mobile-container-53pct { width: 53%; } .mobile-container-54pct { width: 54%; } .mobile-container-55pct { width: 55%; } .mobile-container-56pct { width: 56%; } .mobile-container-57pct { width: 57%; } .mobile-container-58pct { width: 58%; } .mobile-container-59pct { width: 59%; } .mobile-container-60pct { width: 60%; } .mobile-container-61pct { width: 61%; } .mobile-container-62pct { width: 62%; } .mobile-container-63pct { width: 63%; } .mobile-container-64pct { width: 64%; } .mobile-container-65pct { width: 65%; } .mobile-container-66pct { width: 66%; } .mobile-container-67pct { width: 67%; } .mobile-container-68pct { width: 68%; } .mobile-container-69pct { width: 69%; } .mobile-container-70pct { width: 70%; } .mobile-container-71pct { width: 71%; } .mobile-container-72pct { width: 72%; } .mobile-container-73pct { width: 73%; } .mobile-container-74pct { width: 74%; } .mobile-container-75pct { width: 75%; } .mobile-container-76pct { width: 76%; } .mobile-container-77pct { width: 77%; } .mobile-container-78pct { width: 78%; } .mobile-container-79pct { width: 79%; } .mobile-container-80pct { width: 80%; } .mobile-container-81pct { width: 81%; } .mobile-container-82pct { width: 82%; } .mobile-container-83pct { width: 83%; } .mobile-container-84pct { width: 84%; } .mobile-container-85pct { width: 85%; } .mobile-container-86pct { width: 86%; } .mobile-container-87pct { width: 87%; } .mobile-container-88pct { width: 88%; } .mobile-container-89pct { width: 89%; } .mobile-container-90pct { width: 90%; } .mobile-container-91pct { width: 91%; } .mobile-container-92pct { width: 92%; } .mobile-container-93pct { width: 93%; } .mobile-container-94pct { width: 94%; } .mobile-container-95pct { width: 95%; } .mobile-container-96pct { width: 96%; } .mobile-container-97pct { width: 97%; } .mobile-container-98pct { width: 98%; } .mobile-container-99pct { width: 99%; } .mobile-container-100pct { width: 100%; }
	
	
	/* MOBILE SECTIONS ------------------------------------------- */
	
	.section { position: relative; padding: 3.0em 0; }
		
	.section-hero {
		padding: 3.0em 0;
		min-height: calc(100vh - var(--mobile-header-bar-height));
	}
	
	.section-hero-small { min-height: 50vh; }
	.transparent-header .section-hero-small { min-height: 57vh; }
	
	.section-hero-tiny  { min-height: 25vh; }
	.transparent-header .section-hero-tiny  { min-height: 32vh; }
	
	
	/* MOBILE TYPOGRAPHY ------------------------------------------- */
	
	h1 { font-size: 2.2em; }
	h2 { font-size: 1.75em; }
	h3 { font-size: 1.45em; }
	h4 { font-size: 1.25em; }
	h5 { font-size: 1.1em; }
	h6 { font-size: 0.9em; }
	
	.section-hero h1 { font-size: 2.1em; }
	
	p {
		font-size: 1.0em;
	}
	.lead-in { font-size: 1.2em; }
	.section-hero .lead-in { font-size: 1.3em; }
	
	.splash-move-in {
		padding: 1.5em 1em 3.5em 1em; 
	}
	
	
	
	/* MOBILE FORMS ------------------------------------------------- */
		
	.cm-subscribe-form input[type=text], .cm-subscribe-form input[type=email] {
		width: 100%;
	}
	.cm-subscribe-form input[type=text].postal-code {
		min-width: 100px;
		width: 100%;
	}
	
	.suites-filter-select {
		width: 80%;
		max-width: none;
		margin-right: 0;
		margin: 3px 0;
		font-size: 1.0em;
	}
	
	
	/* MOBILE IMAGES, VIDEOS, MAPS ------------------------------------------------- */
	
	.fancybox-thumb {
		display: block;
		width: 132px;
		height: auto;
		margin: 5px;
	}
	
	.header-logo {
		width: 100%;
		max-width: 174px;
	}
	.map-canvas {
		height: 68vh;
		margin: 0 1.5%;
	}
	
	.amenity-container {
		position: relative;
		background: #f9f9f9;
		border: 2px solid #eee;
		border-radius: 6px;
		margin: 0 5% 5% 5%;
		height: auto;
		overflow: hidden;
	}
	.amenity-map .map-canvas {
		border: none;
		border-radius: 0;
		height: 60vh;
	}
	.amenity-legend {
		height: 27vh;
		overflow-y: scroll;
		padding: 5%;
		border-bottom: 2px solid #eee;
	}
	
	.red-dot-leased {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		width: 130px;
		height: auto;
		margin: 1.0em auto;
	}
	
	
	
	/* MOBILE LINKS, BUTTONS, NAVIGATION ------------------------------------------- */
	
	.main-nav a:link, .main-nav a:visited {
		display: block;
		font-size: 0.9em;
		padding: 1.1em;
		margin: 4px 0;
		color: var(--accent-color);
		background-color: rgba(var(--blue-green-rgb),0.1);
	}
	.main-nav a:hover {
		color: #fff;
		background-color: var(--light-green);
	}
	.site-home a.main-nav-home-link,
	.site-about a.main-nav-about-link,
	.site-suites a.main-nav-suites-link,
	.site-gallery a.main-nav-gallery-link,
	.site-showhome a.main-nav-showhome-link,
	.site-amenities a.main-nav-amenities-link,
	.site-contact a.main-nav-contact-link {
		background-color: var(--accent-color);
		color: #fff;
	}
	.breadcrumb-bar-sticky {
		top: var(--mobile-header-bar-height);
	}
	.mobile-breadcrumb-bar-unsticky {
		position: relative;
		top: auto;
	}
	
	
	/* MOBILE HEADER BAR & MAIN NAV -------------------------------------------------------- */
	
	.header-bar {
		padding: 8px 0;
	}
	.main-nav {
		display: none;
		width: 100%;
		max-width: none;
		padding: 10px 0;
	}
	.mobile-nav-control:link, .mobile-nav-control:visited {
		font-size: 1.6em;
		padding: 0.1em 0 0.1em 0.2em;
		color: var(--accent-color);
	}
	
	
	/* FOOTER --------------------------------------------------------------- */
	
	.footer {
		padding: 2.0em 0;
	}
	
	
	/* MOBILE PAGE ELEMENTS -------------------------------------------------------- */
	
	.gm-floorplate-info-window {
		padding: 1.0em 0.5em 0.7em 0.7em;
	}
	
	
	
} /* END MOBILE  1023px */




@media all and (min-width: 1px) and (max-width: 1921px) /* set this to the same as the max-width of .site-wrapper declared near the top of the document */
{
	.site-wrapper {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
}


/* breakpoints for the suite tiles */
@media all and (min-width: 1px) and (max-width: 727px)
{
	.suite-tile-container {
		width: 47%;
		margin: 0 auto 5% auto;
		padding: 1.0em 1.0em;
	}
}
@media all and (min-width: 728px) and (max-width: 1023px)
{
	.suite-tile-container {
		width: 31%;
		margin: 0 0 3% 0;
	}
}
@media all and (min-width: 1024px) and (max-width: 1279px)
{
	.suite-tile-container {
		width: 23%;
		margin: 0 0 3% 0;
	}
}
@media all and (min-width: 1280px) and (max-width: 1649px)
{
	.suite-tile-container {
		width: 18%;
		margin: 0 0 3% 0;
	}
}
@media all and (min-width: 1650px)
{
	.suite-tile-container {
		width: 15%;
		margin: 0 0 2% 0;
	}
}