/* GOTTA CLEAN THIS ALL UP... */










html {
	scroll-behavior: smooth;
}









/* layout */
body {
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}


/* header */

body > header {
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
body > header a {
	color: inherit;
	transition: color .15s ease;
}
body > header a:hover {
	color: #FF0081;
}


/* main */

body > main {
	flex-grow: 1;
}
body > main > section {
	padding: 10vh 1.5rem;
}

body > main ul,
body > footer ul {
	margin: 0;
	padding: 0 0 .35em;
	list-style: none;
}
body > main ul li,
body > footer ul li {
	margin: .3rem 0;
	padding: .15rem 0 .15rem 1.65rem;
	background: transparent url("/svg/bullet.svg") no-repeat left .35em / 1.25rem;
}
body > footer ul li {
	background: transparent url("/svg/bullet-reverse.svg") no-repeat left .35em / 1.25rem;
}
body > main ul.grey li {
	background: transparent url("/svg/bullet-grey.svg") no-repeat left .35em / 1.25rem;
}


/* footer */

body > footer {
	padding-top: 10vh;
	padding-bottom: 10vh;
}
body > footer > * {
	padding: 1.5rem;
}
body > footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 700px) {
	body > footer {
		display: grid;
		grid-gap: 4rem;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}





/* logo */

img.logo {
	height: 4rem;
	vertical-align: middle;
	/* padding: 1.0rem 0; */
}
@media (max-width: 600px) {
	img.logo {
		height: 3rem;
	}
	header ul {
		font-size: .8rem;
	}
}









@media screen and (min-width: 1400px) {
	body > * {
		box-sizing: border-box;
		width: 100vw;
		border-left: calc((100vw - 1400px) / 2) solid transparent;
		border-right: calc((100vw - 1400px) / 2) solid transparent;
	}
	.full {
		position: relative;
		box-sizing: border-box;
		width: 100vw;
		left: calc((100vw - 1400px) / -2);
		border-left: calc((100vw - 1400px) / 2) solid transparent;
		border-right: calc((100vw - 1400px) / 2) solid transparent;
	}
}
















header {
	background: #fff;
}
main {
	background: #fff;
}
footer {
	background: #FF0081;
}


.status-1 { /* Coming Soon */
	background: cornflowerblue;
}
.status-2 { /* Availabe Now */
	background: rgb(26, 176, 26);
}
.status-3 { /* Almost Sold Out */
	background: rgb(235, 130, 50);
}
.status-4 { /* Sold Out */
	background: rgba(255, 0, 0, 0.87);
}




/* typography */
body {
	color: #111;
	font: 13pt/160% "Hind", sans-serif;
	font-weight: 300;
}

footer {
	font-size: 85%;
	line-height: 160%;
	color: #fff;
}

footer a {
	color: #fff;
}

address {
	font-style: normal;
}









code {
	font-size: .9em;
	color: #FF0081;
}




a {
	text-decoration: none;
}
h1, h2, h3 {
	font-family: "Hind", sans-serif;
	font-weight: 600;
	margin: 0;
	padding: 0 0 .35em;
	/* color: rgb(120, 120, 119); */
}
h1 {
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 115%;
}
h2 {
	font-size: 1.25rem;
}
* + h2,
* + h3 {
	padding-top: 1rem
}
h3 {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	opacity: .6;
}
p {
	margin: 0;
	padding: 0 0 .35em;
}

header {
	text-transform: uppercase;
	letter-spacing: .025em;
	font-size: .9rem;
}

a {
	color: rgb(32, 141, 255);
}
b {
	font-weight: 500;
}




	

@media screen and (min-width: 700px) {
	.half {
		display: grid;
		grid-gap: 4rem;
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 800px) {
	.thirds {
		display: grid;
		grid-gap: 4rem;
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width: 799px) {
	.thirds > * + * {
		padding-top: 1rem;
	}
}


.minihead {
	background-color: transparent;
	background-image: url();
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-size: cover !important;
	background-origin: border-box !important;
	text-align: center;
	box-shadow: 0 1rem 0 #fff;
}


img.max {
	display: block;
	width: 100%;
}

img.extra {
	border-radius: .5rem;
	box-shadow: 0 1em 1em -.5em #0004;
	margin-bottom: 1.5rem;
}



a.button {
	text-transform: uppercase;
	letter-spacing: .025em;
	font-size: .9rem;
	font-weight: 500;
	display: inline-block;
	color: #333;
	border: 1px solid #333;
	border-radius: 2em;
	padding: 0em 1.5em;
}


.bg-wood {
	background: #eee url(/@gui/wood_floor___seamless_by_agf81_d2t36ow-fullview.jpg) no-repeat 50% 50% / cover !important;
	background-origin: border-box !important;
}

.whiteshadow {
	box-shadow: 0 1rem 0 #fff;
}

/* @media (max-width: 700px) { */
	blockquote {
		margin: 0;
		padding: 0;
	}
	blockquote cite {
		font-style: normal;
		font-weight: 500;
		display: block;
		text-align: right;
	}
/* } */

.pullquote + .testimonial {
	background: rgba(33,33,33,.5);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	text-shadow: 0 .05em .2em #0009;
	overflow: hidden;
	border-radius: .5rem;
	box-shadow: 0 1em 1em -.5em #0007;
	padding: 1rem;
}
@media (min-width: 800px) {
	.pullquote + .testimonial {
		padding: 2rem;
	}
}



















/* mobile/desktop nav */
/* breakpoint = 1000px */

header > ul {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: flex-end;
	align-items: center;
	line-height: 110%;
}
header > ul li {
	margin: 0;
	padding: 1.4em 0 0 1.5em;
}



hr {
	margin: 1.5rem 0;
	border: 0;
	height: 1px;
	background: #3333;
}


.realtor {
	display: flex;
	align-items: center;
	margin: 1rem 0;
}
.realtor img {
	display: inline-block;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	margin-right: 1rem;
	border: 1.5px solid #fff;
	box-shadow: 0 0 0 1.5px #3333;
}










/* animations */

@keyframes up-in {
	0%	{
		opacity: 0;
		transform: translateY(100%);
		}
	100%{
		opacity: 1;
		transform: translateY(0);
		}
	}

@keyframes left-in {
	0%	{
		opacity: 0;
		transform: translateX(3rem);
		}
	100%{
		opacity: 1;
		transform: translateX(0);
		}
	}

@keyframes fade-in {
	0%	{
		opacity: 0;
		}
	100%{
		opacity: 1;
		}
	}