/*
 Theme Name:   Spx Twenty Twenty-One Child
 Theme URI:    https://www.spherexx.com
 Description:  Twenty Twenty-One Child Theme
 Author:       Spherexx.com
 Author URI:   https://www.spherexx.com
 Template:     twentytwentyone
 Version:      1.5.2
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3f3693");
@import url("https://use.typekit.net/yyv7axr.css");
  
@font-face {
  font-family: "NeueHaasUnicaW1G-Light";
  src: url('/wp-content/themes/spxtheme/assets/fonts/webFonts/NeueHaasUnicaW1GLight/font.woff2') format('woff2'), url('/wp-content/themes/spxtheme/assets/fonts/webFonts/NeueHaasUnicaW1GLight/font.woff') format('woff');
}

@font-face { 
  font-family: 'NeueHaasUnicaW1G-Pro';
  src:  url('/wp-content/themes/spxtheme/assets/fonts/Linotype - Neue Haas Unica Pro Light.otf') format('opentype');
}

@font-face {
  font-family: 'SulphurPoint';
  src:  url('/wp-content/themes/spxtheme/assets/fonts/SulphurPoint-Regular.ttf') format('truetype');
}


@font-face {
  font-family: 'BodyFont';
  src:  url('/wp-content/themes/spxtheme/assets/fonts/IvyMode.woff2') format('woff2'), url('/wp-content/themes/spxtheme/assets/fonts/IvyMode.woff') format('woff');
}

:root {
	/* Font Family */
	--global--font-primary: 'neue-haas-unica';
	--global--font-secondary: 'neue-haas-unica';
	--global--font-size-base: 16px;
	--heading--font-family: 'ivymode';
	--heading--font-size-h1: 84px;
	--heading--font-size-h2: 46px;
	--heading--line-height-h2: 1.1;
	--form--border-width: 1px;
	--button--padding-vertical: 10px;
	--button--padding-horizontal: calc(4 * var(--button--padding-vertical));
	--branding--logo--max-width-mobile: 130px;
	--branding--logo--max-height-mobile: 100px;
	/*--branding--logo--max-width: 60px;*/
}

html {
	scroll-behavior: smooth;
}

h1, .h1, h2, .h2 {
	color: #FFFFFF;
}

p {
	color: #E7E2DE;
}

input {
	text-transform: none;
}

/* New Splash Page Styles */

.splash-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4em 5vw;
	min-height: 850px;
	min-height: calc(100vh - 40vw);
}

.splash-section .new-btn {
	padding: 0;
	height: 40px;
	display: flex;
	width: 300px;
	justify-content: center;
	align-items: center;
}

#splash-body {
	padding-bottom: 3em;
}

@media (max-width: 649px) {
	#splash-body {
		padding-bottom: 0;
	}
}

ul.list-unstyled.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 2em;
	padding: 4em;
	min-height: 75vh;
}

a.h-btn, a.h-btn:focus {
	color: #33383B !important;
}

.map_btn button, .map_btn button:active, .map_btn button:hover {
	background-color: #33383B !important;
	color: #E7E2DE !important;
}

ul.list-unstyled.row > li {
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.list-unstyled.row > li > a {
	width: max-content;
	text-align: center;
	display: block;
	color: var(--primary-nav--color-link-hover);
	font-size: 18px;
}

ul.list-unstyled.row > li > a:visited {
	color: var(--primary-nav--color-link-hover);
}

ul.list-unstyled.row > li > a:hover {
	color: #DD6D1D;
}

@media only screen and (max-width: 900px) {
	ul.list-unstyled.row {
		padding: 4em 0;
		gap: 1em;
	}
}

.splash-section.reverse {
	flex-direction: row-reverse;
}

.splash-section p, .splash-section h2 {
	color: #33383B;
}

.splash-section a.new-btn:hover {
	background-color: #394C52 !important;
	color: white !important;
}

.splash-image-square {
	box-shadow: -6px 6px 12px rgba(0,0,0,0.2);
	background-size: cover;
	background-position: center;
	width: 40vw; 
	height: 40vw;
}

.missing-splash-image {
	background-color: #33383B !important;
	height: 50vh !important;
}

.contact {
	background-color: #394C52;
}

/*
.home-page-background {
	background-image: url("assets/images/Homepage.svg");
	background-size: cover;
	background-repeat: repeat-y;
}
*/

@media (max-width: 1315px) {
	.splash-section .text-group h2 {
		font-size: 36px;
	}
}

@media (max-width: 1120px) {
	.splash-section .text-group h2 {
		font-size: 24px;
	}
	
	.splash-section .text-group p {
		max-width: 350px;
	}
	
	.splash-section .text-group .new-btn {
		font-size: 12px;
	}
}

@media (max-width: 750px) {
	.splash-section .text-group p {
		max-width: 300px;
	}
}

@media (max-width: 649px) {
	.splash-image-square {
		display: none;
	}
	
	.home-page-background, #custom-block-gallery {
		background-image: none !important;
	}
	
	.chevron-holder {
		top: -68px !important;
	} 
}

#thankyou-div .sec-heading {
	text-align: center;
	max-width: none;
}

@media only screen and (min-width: 650px) { 
	.contact a {
		color: #FFFFFF;
	}
	
	.contact a:focus {
		color: #E7E2DE !important;
	}
	
	.welcome-splash-desktop {
		display: flex !important;
	}
}

#masthead {
	position: sticky !important;
	transition: background-color 1s, box-shadow 1s;
	background-color: #394c52;
}

.masthead-backcolor {
	background-color: #394c52 !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.25);
}

div.contact form.wpcf7-form > p:last-of-type {
	display: flex;
	flex-direction: column;
	align-items: center;
}

div.contact form.wpcf7-form > p:last-of-type > *:first-child {
	margin-bottom: 1em;
}

body{
	letter-spacing: .05em;
}

/* New Header Styles */

.primary-menu-container {
	height: 100vh !important;
}

#masthead {
	padding: 0 !important;
}

.primary-menu-container {
	display: none;
	top: 0 !important;
	right: 0;
	position: absolute;
	margin: 0;
	background-color: #33383B !important;
}

.close {
	top: -30px !important;
	right: 30px !important;
}

#fpLightBox .close {
	top: 0 !important;
}

.svg-icon {
	height: 32px !important;
	width: 32px !important;
}

.dropdown-icon.close .close-icon-svg {
	fill: none;
	stroke: #E7E2DE;
}

@media (max-width: 750px) {
	.dropdown-icon.close .close-icon-svg {
		stroke: black;
	}
	
	.close {
		top: 10px !important;
		right: 10px !important;
	}
}

#site-navigation {
	top: 0;
	position: absolute;
	right: 0;
	width: 400px;
}

.primary-navigation-open .primary-menu-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 3em;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#spxPopUpButton-ID {
	border-radius: 0 !important;
	line-height: 28px !important;
}

.menu-button-container {
	display: block;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

header .menu-button-container {
	right: 100px;
}

.primary-navigation-open header .menu-button-container {
	right: 0;
}

#main > div.contact {
	height: min-content;
	padding-top: 120px;
	background-size: cover;
    /*min-height: 2500px;*/
}

.contact-nameHolder {
	display: flex;
	justify-content: space-between;
}

.contact-nameHolder label {
	color: white;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 48%;
}

.contact-nameHolder label span {
	width: 100%;
}

.new-site-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 95%;
	height: 100%;
}
/* Landing Page Styles */

#landingpageMain {
	margin-top: 0 !important;
	background-color: #e7e2de;
	color: black !important;
}

#landingpageMain form a:focus {
	color: black !important;
}

#landingpageMain input[type="date"] {
	background-image: url("./assets/images/dateIconBlack.svg") !important;
}

#landingpageMain #landing-image-section {
	height: 50vh;
	height: calc(50vh - 120px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,0.5);
	background-blend-mode: darken;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#landingpageMain #landing-image-section.tall-splash-image {
	height: 100vh;
	height: calc(100vh - 120px);
}

#landingpageMain .txt-sec p, #landingpageMain .txt-sec h1, #landingpageMain .txt-sec h2, #landingpageMain .txt-sec h3 {
	color: black !important;
}

#landingpageMain #landing-image-section.txt-sec p, #landingpageMain #landing-image-section.txt-sec h1, #landingpageMain #landing-image-section.txt-sec h2, #landingpageMain #landing-image-section.txt-sec h3 {
	color: white !important;
}

.landing-content {
	max-width: 80vw;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	margin: 0 auto;
	padding-top: 3em;
}

.landing-content > * + * {
	margin: 1em 0 0 0;
}

.landing-content > * {
	width: 100%;
}

#landingpageMain .landing-content > .wpcf7 {
	max-width: unset;
	width: 100%;
}

#landing-image-section .main-heading-inner {
	text-align: center;
	margin-bottom: 0.5em;
}

#landingpageMain .landing-content .wpcf7 p:last-of-type {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5em;
}

.landing-content p {
	text-align: left;
}

#landingpageMain .landing-content select, #landingpageMain .landing-content input, #landingpageMain .landing-content textarea, #landingpageMain .landing-content label {
	color: black !important;
	border-color: black !important;
}

#landingpageMain .landing-content select:focus, #landingpageMain .landing-content input:focus, #landingpageMain .landing-content textarea:focus {
	outline-color: black !important;
}

#landingpageMain .landing-content input[type="submit"] {
	outline-color: white !important;
}

#landingpageMain .landing-content select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='11' viewBox='0 0 19 11' fill='none'><path d='M17.9999 0.757812L9.51458 9.24309L1.0293 0.757812' stroke='black' stroke-width='2'/></svg>");
}

#landingpageMain .landing-content input[type=submit] {
	color: white !important;
	background-color: #394C52 !important;
}

#landingpageMain .landing-content input[type=submit]:hover {
	background-color: #394C52 !important;
}

#landingpageMain .landing-content input[type="radio"]::after {
	border-color: black;
	background-color: transparent;
}

#landingpageMain .landing-content input[type="checkbox"]::after {
	border-color: black;
}


/* End Landing Page*/

.spx-sitemap {
	margin-bottom: 3em !important;
	max-width: none !important;
}

.spx-sitemap a:focus {
	color: black !important;
}

.dropdown-icon {
	color: #E7E2DE;
}

#primary-menu-list {
	margin-top: 50px;
}

#primary-menu-list > li {
	display: flex;
	justify-content: center;
}

@media (max-width: 750px) {
	#primary-menu-list > li {
		justify-content: flex-start;
	}
}

#primary-menu-list > li > a {
	font-size: 16px;
	letter-spacing: 2px;
}

.new-site-header {
	padding-left: 0;
}

#contactform-info {
	/* padding-bottom: 100px; */
}

@media only screen and (min-width: 1000px) {
	.new-site-header {
		padding: 0 85px 0 85px;
	}
}
@media only screen and (min-width: 1250px) {
	.new-site-header {
		padding: 0 85px 0 150px;
	}
}
.new-header-links {
	display: flex;
}

#masthead{
	display: flex;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	max-height: 120px;
	height: 120px;
}

.all-caps{
	text-transform: uppercase;
}

.site-logo .custom-logo {
	width: 175px;
	max-width: 175px;
}

.custom-logo {
	position: relative;
	outline: none !important;
}

a.custom-logo-link:focus-visible > img.custom-logo {
	outline: 2px dashed white !important;
	outline-offset: 10px;
}

.header-padding{
	display: none;
	margin: 0;
}

/* Splash Images */

div.welcome-splash, div.contact {
	display: flex;
	justify-content: center;
	align-content: center;
  flex-direction: column;
}

div.contact > .txt-sec {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

div.welcome-splash {
	min-height: 600px;
	height: calc(100vh - 120px);
}

.welcome-splash > .welcome-splash-text {
	position: initial;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

div.content-left-align {
	display: flex;
	align-content: center;
	justify-content: flex-start;
}

div.content-right-align {
	display: flex;
	align-content: center;
	justify-content: flex-end;
}

@media (min-width: 770px) {
	div.content-left-align > .txt-sec {
		padding-left: 10vw;
	}

	div.content-right-align > .txt-sec {
		padding-right: 10vw;
	}
}

.chevron-holder > a {
	outline: none !important;
	border: none !important;
}

.content-right-align > .txt-sec, .content-left-align > .txt-sec {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.site-footer a {
	color: #C8B2A8 !important;
	text-decoration-color: #C8B2A8 !important;
}

div.contact a {
	color: white;
}

div.contact input, div.contact select {
	outline-color: white !important;
}

div.contact form a:focus {
	color: white !important;
}

div.about {
	margin-top: 4em !important;
}

div.about, div.residences, div.experience, div.contact {
	background-size: cover;
	min-height: 800px;
	height: 100vh;
	background-repeat: no-repeat;
}

div.about p, div.residences p, div.experience p, div.contact p {
	letter-spacing: 2px;
}

div.about, div.residences, div.experience {
	margin-bottom: -30px;
}

.desktop-only {
	display: none !important;
}

@media only screen and (min-width: 770px) {
	.desktop-only {
		display: initial !important;
	}
}

.footer-icon-group a:focus img.tag {
	outline: none !important;
}

.down-arrow-chevron {
	height: 20px;
	width: 30px;
	position: relative;
	top: -4px;
	animation: .5s ease-in-out infinite alternate chevronAnimation;
	border: none !important;
	outline: none !important;
}

.down-arrow-chevron > a, .down-arrow-chevron > a > img {
	outline: none !important ;
}

@keyframes chevronAnimation {
	from { top: -4px; }
	to { top: 4px; }
}

.chevron-holder {
	position: relative;
	top: -27px;
	height: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
} 

/* End of Splash Images */

/* New Sub Page Styles */

#page-content-sub h2, #page-content-sub p {
	color: #33383B;
}

#page-content-sub .blocks-gallery-grid, #page-content-sub .wp-block-gallery {
/*	height: 50em;*/
}

#page-content-sub .wp-block-media-text, #page-content-sub .wp-block-nextend-smartslider3 {
	margin-bottom: 75px;
}

#page-content-sub .wp-block-image {
	margin-bottom: 0;
}

#custom-block-gallery {
	padding: 3em 6vw;
}

#custom-block-gallery img {
	object-fit: cover;
}

@media (min-width: 650px) {
	#custom-block-gallery .custom-gallery-row-2 .wp-block-column:first-of-type,
	#custom-block-gallery .custom-gallery-row-7 .wp-block-column:first-child {
		flex-basis: 34.5% !important; 
	}

	#custom-block-gallery .custom-gallery-row-3 .wp-block-column:first-child {
		flex-basis: 70.5% !important;
	}

	#custom-block-gallery .custom-gallery-row-1 img { height: 375px; }
	#custom-block-gallery .custom-gallery-row-2 img { height: 500px; }
	#custom-block-gallery .custom-gallery-row-3 img { height: 660px; }
	#custom-block-gallery .custom-gallery-row-4 img { height: 500px; }
	#custom-block-gallery .custom-gallery-row-5 img { height: 660px; }
	#custom-block-gallery .custom-gallery-row-6 img { height: 375px; }
	#custom-block-gallery .custom-gallery-row-7 img { height: 500px; }
	#custom-block-gallery .custom-gallery-row-8 img { height: 660px; }
	#custom-block-gallery .custom-gallery-last-image img { height: 660px; }
}

.sub-container-new {
	display: flex;
	width: 100%;
	background-color: #33383B;
}

@media (min-width: 650px) {
	.sub-container-new {
		margin-bottom: 75px !important;
	}
}

.selectivo__dropdown {
	transform: translateZ(5px);
}

.sub-container-new-alternate {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 75px !important;
	background-color: rgba(0,0,0,0.5);
	background-blend-mode: darken;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh !important;
	min-height: calc(100vh - 120px) !important;	
}

.sub-container-new-alternate > div {
	max-width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sub-container-new-alternate > div > p {
	max-width: 500px;
	margin-bottom: 50px;
}

.sub-container-new-alternate a.alternate-button {
	height: 40px;
	width: 300px;
	color: #33383B;
	background-color: white;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	transition: color .5s, background-color .5s;
}

.sub-container-new-alternate a.alternate-button:hover {
	color: #33383B;
	background-color: white;
}

.sub-container-new.splash-light-background {
	background-color: #E7E2DE;
}

.sub-container-new #splashFloorplanMap {
	color: white;
}

.sub-container-new.splash-light-background #splashFloorplanMap {
	color: #33383B;
}

.sub-container-new.splash-image-left {
	flex-direction: row-reverse;
}

.sub-container-new > div {
	min-height: 100vh;
}

.sub-info-holder-new {
	width: 50%;
	background-color: #33383B;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sub-container-new .sub-info-holder-new .splash-sub-title > p {
	color: white;
}

.sub-container-new.splash-light-background .sub-info-holder-new .splash-sub-title > p {
	color: #33383B;
}

.sub-container-new.splash-light-background .sub-info-holder-new {
	background-color: #E7E2DE;
}

.sub-container-new.splash-light-background .sub-info-holder-new * {
	color: #33383B;
}

.wp-block-media-text__media img, .wp-block-media-text__media video {
	height: calc(100vh - 120px);
	object-fit: contain;
}

@media (min-width: 941px) {
	.wp-block-media-text > .wp-block-media-text__content > .wp-block-group > .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		height: 100%;
	}

	.wp-block-media-text > .wp-block-media-text__content > .wp-block-group > .wp-block-group__inner-container > div > .wp-block-group__inner-container > h2 {
		margin-left: 0 !important;
	}

	.features-tall-media-section > .wp-block-media-text__content {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		height: 100% !important;
	}

	.features-tall-section, .features-tall-section > .wp-block-group__inner-container:first-of-type {
		height: 100% !important;
		display: flex;
		flex-direction: column;
		justify-content: center !important;
		align-items: center;
	}
	
	.customButtonHolder {
		margin-left: calc(2 * var(--global--spacing-horizontal)) !important;
		padding-bottom: 1em;
	}
}

li::marker {
	font-size: 11px;
}

.sub-info-holder-new h1 {
	font-size: 46px;
}

.sub-info-holder-new a.button {
	background-color: #E7E2DE;
	border-color: transparent;
	border-width: 1px;
	color: #33383B !important;
	text-transform: uppercase;
	transition: color .3s, background-color .3s;
	height: 40px;
	width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sub-info-holder-new a.button:hover {
	background-color: #33383B;
	border-color: #E7E2DE;
	border-width: 1px;
	color: #E7E2DE !important;
}

.sub-info-holder-new > div:first-child * {
	text-align: left;
}

.sub-info-holder-new > div:first-child {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 200px 100px;
	padding-bottom: 50px;
}

.sub-image-holder-new {
	width: 50%;
	height: auto;
	display: flex;
	align-items: center;
}

div.sub-page-neighborhood .sub-image-holder-new {
	width: 63%;
}

.sub-image-holder-new > div:first-child {
	height: 90%;
	width: 100%;
	background-size: cover;
}

.sub-container-new.sub-splash-full-height-image .sub-image-holder-new > div:first-child {
	height: 100%;
}

@media only screen and (max-width: 940px) {
	.sub-container-new, .sub-container-new.splash-image-left {
		flex-direction: column-reverse;
	}
	
	.sub-info-holder-new, .sub-image-holder-new, div.sub-page-neighborhood .sub-image-holder-new {
		width: 100%;
	}
	
	.sub-info-holder-new > div:first-child * {
		text-align: center;
		max-width: 600px;
	}
	
	.sub-info-holder-new > div:first-child {
		align-items: center;
		padding: 80px 20px;
	}
	
	.sub-image-holder-new > div:first-child {
		height: 400px !important;
	}
	
	.sub-container-new > div {
		min-height: 350px;
	}
	
	#page-content-sub .wp-block-media-text.alignfull.is-stacked-on-mobile.is-vertically-aligned-center {
		display: flex;
		flex-direction: column;
	}
}

/* End New Sub Page Styles */

/* New Footer Layout */

.association-logos > a:focus > img {
	outline: none !important;
}

.asher-a-container {
	position: absolute;
	left: 46%;
	bottom: 13px;
	right: 46%;
	text-align: center;
}

.site-address p {
	font-size: 10px;
	letter-spacing: 3px;
	text-align: center;
}

.site-address > a {
	text-decoration: none !important;
}

.site-address > a:hover {
	text-decoration: #C8B2A8 underline !important;
}

.site-name a {
	text-decoration: none;
	font-size: 10px;
	letter-spacing: 3px;
}

.site-name a:hover {
	text-decoration: underline;
}

.footer-privacy-links {
	vertical-align: bottom;
	display: inherit;
}

.site-footer > .site-info {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

span.wpcf7-acceptance {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-evenly;
}

.site-info {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: space-between;
	padding-top: 0 !important;
}

.site-name {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	max-width: none !important;
	border-bottom: 1px solid #C8B2A8;
	padding-bottom: 14px;
	position: relative;
}

.footer-bottom-section {
	padding-top: 12px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}

/* Contact Styles */

div.contact span.text-group > p {
	padding-bottom: 50px;
}

aside.widget-area {
	display: none !important;
}

.home-media-text{
	padding-right: 20%;
	padding-left: 10%;
}

input[type="submit"], .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type="submit"]:not(:hover):not(:active):not(.has-background), input[type="reset"]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background){
	background-color: #fff;
	border-color: #28231b;
	border-width: 1px;
	color: #28231b;
	text-transform: uppercase;
}

.site-main{
	padding: 0;
}

main, #content {
	background-color: #E7E2DE;
}

.site-main > * {
	
	margin-top: 0;
	margin-bottom: 0;
	
/*
    margin-top: calc(4 * var(--global--spacing-vertical));
    margin-bottom: calc(4 * var(--global--spacing-vertical));
*/
}


body.sub-page .site-main > :first-child{
	min-height: 41vh;
}

#showcase-columns figure img {
	height: 750px;
	object-fit: cover;
}

.site-header{
	background-color: transparent;
	padding: 0 27px;
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	padding-top: 20px;
}

.site-header > .site-logo{
	border-bottom: none;
	padding-bottom: 5px;
}

.site-header > .new-site-header a{
	color: #ffffff;
	padding: 3px 17px;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

.site-header > .new-site-header a:hover, .site-header > .new-site-header a.spx_active_link{
	text-decoration: underline;
	text-decoration-color: #ffffff;
}

.site-footer{
	padding: 0 10%;
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	min-height: 300px;
	background-color: #394c52;
}

.site-footer p, .site-footer span, .site-footer a {
	color: #C8B2A8;
}

footer .site-name{
    max-width: 278px;
}

footer .site-logo img.primary{
	width: 80px;
	float: left;
}

div.contact .wpcf7-response-output {
	color: white;
}

.wpcf7-not-valid-tip {
	text-align: left;
} 

footer .site-logo img.tag{
	width: 185px;
	float: left;
	margin-top: 15px;
	margin-left: 12px;
}

footer .site-logo span{
	float: right;
	text-align: center;
	margin-left: 12px;
	color: #f3e4cd;
	line-height: 1.2;
	margin-top: 11px;
}

.site-footer > .site-info{
	border-top: none;
}

.site-address{
	text-align: right;
	color: #faa569;
	text-transform: uppercase;
}

div.welcome-splash-text > h1 {
    padding-top: 20px;
}

span.text-group{
	display: inline-block;
	max-width: 510px;
}

@media only screen and (min-width: 650px) {
	span.text-group h2{
		max-width: unset;
		min-width: max-content;
	}
}

span.text-group p{
	padding-top: 15px;
	padding-bottom: 15px;
}

span.text-group p:last-of-type{
	padding-top: 30px;
}

.spx-bk{
	background-repeat:none;
	background-size:cover;
	height: calc(100vw * .6665);
	max-height: 1333px;
}

.welcome-splash{
	height: 1000px;
	position: relative;
	background-color: #dcebf2;
}
.welcome-splash-text{
	text-align: center;
	max-width: 700px;
}

div.welcome-splash-text > p{
	text-align: center;
	text-transform: uppercase;
}

div.contact>div{
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

div.wpcf7 {
	width: 100%;
	max-width: 620px;
}

.wp-block-flip .wp-block-media-text__media{
	-ms-grid-column: 2;
	grid-column: 2;
	text-align: right;
}

.wp-block-flip .wp-block-media-text__content{
	-ms-grid-column: 1;
	grid-column: 1;
}

.wpcf7{
	max-width: 850px;
	display: inline-block;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .site textarea, select {
	color: #FFFFFF !important;
	background-color: transparent;
	border: 1px solid #E7E2DE;
	width: 100%;
	letter-spacing: 3px;
	font-size: 14px;
	line-height: 26px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, .site textarea:focus {
	outline-offset: 2px;
	outline: 2px dotted #FFFFFF;
}

.new-btn {
	padding: 16px 48px;
	text-decoration: none;
	text-transform: uppercase;
}

.vertical-slider-holder {
	padding: 0 1em;
	height: min-content;
}

.vertical-slider {
	height: 50px;
	width: 2px;
	background-color: rgba(255, 255, 255, .3);
}

.vertical-slider-inside {
	height: 25px;
	width: 2px;
	top: 0;
	position: relative;
	background-color: rgba(255,255,255,.5);
	animation: 1s ease-in-out infinite alternate verticalSliderAnimation;
}

@keyframes verticalSliderAnimation {
	from { top: 0px; }
	to { top: 25px; }
}

.new-btn {
	background-color: #394C52 !important;
	color: #FFFFFF !important;
	letter-spacing: 3px;
	border: none !important;
	transition: color .5s, background-color .5s;
	min-width: 300px;
	min-height: 40px;
	text-decoration: none;
}

.new-header-icons {
	display: none;
	position: absolute;
	left: 24px;
}

figure.phone-icon, figure.map-icon {
	height: 24px;
	width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
}

.new-site-header .new-header-icons > a {
	padding: 0 !important;
}

figure.phone-icon {
	background-image: url("assets/images/NewPhoneSVGIcon.svg");
}

figure.map-icon {
	background-image: url("assets/images/NewMapSVGIcon.svg");
}

form textarea {
	resize: vertical;
}

.thank-you-page {
	background-image: url("assets/images/Thank You Page/ThankYou_BottomLeft.png"), url("assets/images/Thank You Page/ThankYou_TopRight.png");
	background-position: left bottom, right top;
	background-size: 20vw, 30vw;
	background-repeat: no-repeat;
	min-height: 100vh !important;
	min-height: calc(100vh - 120px) !important;
	margin-bottom: 0 !important;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.site-title {
	display: none;
}

.primary-menu-container .mobile-nav-menu-logo {
	background-image: url("assets/images/mobile/asher_logo_black.svg");
	background-repeat: no-repeat;
	display: none;
	width: 135px;
	height: 48px;
	background-size: contain;
}

.thank-you-page .thank-you-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

.thank-you-page .thank-you-section h2, .thank-you-page .thank-you-section p {
	color: #33383B;
	text-align: center;
}

.thank-you-page .thank-you-section a.button {
	border: none !important;
	background-color: white;
	min-width: 300px !important;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.thank-you-page .thank-you-section a.button:focus, .thank-you-page .thank-you-section a.button:hover, .thank-you-page .thank-you-section a.button:active {
	background-color: white !important;
	color: #33383B !important;
}

.new-btn-amenities, .new-btn-retail {
	background-color: #394C52 !important;
	color: #FFFFFF !important;
	letter-spacing: 3px;
	border: none !important;
	transition: color .5s, background-color .5s;
	width: 300px;
	min-height: 40px;
	margin-top: 130px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.new-btn-retail {
	max-width: 300px !important;
	margin-left: 8px !important;
}

@media (min-width: 650px) {
/*
	.sub-container-new.sub-page-neighborhood {
		scroll-snap-align: start;
		scroll-margin-top: 120px;
	}
*/

	#custom-block-gallery {
		scroll-margin-top: 120px;
	}
}

#amenitiesStickyMap {
	height: 480px;
	width: 348px;
	background-repeat: no-repeat;
	background-size: contain;
	position: fixed;
	display: none;
	inset: auto 20px 20px auto !important;
	z-index: 3;
	user-select: none;
}

@media (max-width: 999px) {
	#amenitiesStickyMap {
		display: none !important;
	}
}

.amenitiesMapDot {
	position: relative;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: #C8B2A8;
	box-shadow: 0 0 0 4px #C8B2A870;
	transition: background-color 0.5s, box-shadow 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.amenitiesMapDotNameTag {
	display: none;
	position: absolute;
	top: -50px;
	right: -59px;
	background-color: #33383B;
	min-height: 30px;
	width: 140px;
	padding: 8px;
	z-index: 5;
	border-radius: 1em;
	color: white;
	font-size: 10px;
	line-height: 2px;
	justify-content: center;
	align-items: center;
	user-select: none;
}

.amenitiesMapDot:hover, .amenitiesMapDot.activeMapDot {
	background-color: #33383B;
	box-shadow: 0 0 0 4px #33383B;
}

.amenitiesMapDot:hover > .amenitiesMapDotNameTag {
	display: flex;
}

.amenitiesMapDot:focus { 
	background-color: #C8B2A8 !important;
}

.amenitiesMapDot:focus:hover, .amenitiesMapDot.activeMapDot:focus {
	background-color: #33383B !important;
}

#amenities-map, #amenities-canopy, #amenities-fitness, #amenities-entertainment, #amenities-working, #amenities-rec, #amenities-media {
/*	scroll-snap-align: end;*/
	min-height: 100vh;
	min-height: calc(100vh - 419px);
	scroll-margin-top: 88px;
	overflow: clip;
}

.alternate-sub-amenities {
/*	scroll-snap-align: start;*/
	scroll-margin-top: 120px;
}

.footer-scroll-snap {
	scroll-snap-align: end;
}

/* Remove all scroll snapping and scroll margins on mobile because iOS doesn't like scroll snapping + anchor links :( */
@media (max-width: 649px) {
	#amenities-map, #amenities-canopy, #amenities-fitness, #amenities-entertainment, #amenities-working, #amenities-rec, #amenities-media {
		scroll-snap-align: none;
		padding-bottom: 80px;
	}
	
	.footer-scroll-snap {
		scroll-snap-align: none;
	}
	
	.alternate-sub-amenities {
		scroll-snap-align: none;
		scroll-margin-top: 0;
	}
	
	.new-btn-amenities {
		margin-top: 50px !important;
	}
}

@media (min-width: 650px) {
	#amenities-canopy, #amenities-fitness, #amenities-entertainment, #amenities-working, #amenities-rec, #amenities-media {
		margin-top: 40px;
	}
}

#amenities-map img {
    height: auto;
}
#amenities-canopy, #amenities-fitness, #amenities-entertainment,
#amenities-working, #amenities-rec {
    margin-bottom: 0 !important;   
}
#amenities-canopy img, #amenities-fitness img, #amenities-entertainment img,
#amenities-working img, #amenities-rec img, #amenities-media img {
	height: calc(100vh - 120px);
	object-fit: cover;
}

@media (max-width: 649px) {
	#amenities-canopy figure, #amenities-fitness figure, #amenities-entertainment figure,
	#amenities-working figure, #amenities-rec figure, #amenities-media figure {
		width: 100%;
	}
}

input[type="submit"], .new-btn-light {
	background-color: #FFFFFF !important;
	color: #33383B !important;
	letter-spacing: 3px;
	border: none !important;
	min-width: 300px;
	min-height: 40px;
	transition: color .5s, background-color .5s;
	text-decoration: none;
}

.new-btn-light-full {
	background-color: white !important;
	color: #33383B;
	letter-spacing: 3px;
	border: none !important;
	min-width: 300px;
	min-height: 40px;
	transition: color .5s, background-color .5s;
	text-decoration: none;
}

.new-btn-light-full:hover {
	box-shadow: 0 0 0 1px white;
	background-color: #33383B !important;
	color: #FFFFFF !important;
}

input[type="submit"]:hover, .new-btn-light:hover {
	background-color: white !important;
	color: #33383B !important;
}

.nav-menu-tour-link {
	text-align: center;
	max-width: 300px;
	font-size: 14px !important;
}

@media (min-width: 650px) {
	a.new-btn-light.nav-menu-tour-link {
		background-color: #33383B !important;
		box-shadow: 0 0 0 1px white !important;
		color: white !important;
	}
	
	a.new-btn-light.nav-menu-tour-link:hover {
		background-color: white !important;
		box-shadow: none !important;
		color: #33383B !important;
	}
}

.wpcf7 table td{
	border: none;
}

.wpcf7-form p{
	text-align: left;
	margin: 0;
	margin-bottom: 20px;
}

.wpcf7-form p:last-of-type {
	text-align: center;
	margin-top: 30px;
}

.wpcf7 .ajax-loader{
	display: block;
}

.fade-in {
  visibility: visible;
  opacity: 0;
  -webkit-transition: opacity 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s !important;
  -moz-transition: opacity 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s !important;
  -ms-transition: opacity 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s !important;
  -o-transition: opacity 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s !important;
  transition: opacity 0.9s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s !important; }

.fade-in.inposition {
  opacity: 1; 
}

.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: #fff;
}

.has-background .site .button:not(:hover):not(:active):not(.has-background),
.has-background button:not(:hover):not(:active):not(.has-background),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: #fff;
}

.asher-a-logo {
	outline: none !important;
}

.site .button:hover,
.site .button:active,
button:hover,
button:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
	border-width: 1px;
	color: #fff;
	text-transform: uppercase;
}

.site .button:active {
	color: #E7E2DE !important;
	background-color: transparent;
	border-color: #E7E2DE !important;
}

.floorplan-detail .button:active {
	background-color: white !important;
	color: #394C52 !important;
	border-color: #394C52 !important;
}

/* Sub Page bottom wrapper */

.bottom-wrap {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0px 8.61vw 80px;
    justify-content: center;
}
.bottom-wrap > a + a {
	margin-left: 9em;
}
.bottom-wrap .bottom-left-link,
.bottom-wrap .bottom-right-link {
	text-transform: uppercase;
	letter-spacing: .3em;
	font-weight: 500;
	font-size: 16px;
	color: #33383B;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bottom-wrap .bottom-left-link {
	padding: 0 16px;
	height: 40px;
	min-width: 300px;
	background-color: #394C52;
	color: white;
}
.bottom-wrap .bottom-left-link:focus {
	padding: 0 16px;
	height: 40px;
	min-width: 300px;
	background-color: #394C52 !important;
	color: white !important;
}
.bottom-wrap .bottom-right-link {
	padding-right: 25px;
	background-image: url("assets/images/asher_right_arrow.svg");
	background-position: right center;
	background-repeat: no-repeat; 
}

a.bottom-right-link:active, a.bottom-right-link:focus {
	color: #33383B !important;
	background-image: url("assets/images/asher_right_arrow.svg") !important;
	background-position: right center !important;
	background-repeat: no-repeat !important; 
}

@media (max-width: 1000px) {
	.bottom-wrap {
		flex-direction: column;
	}
	
	.bottom-wrap > a + a {
		margin-top: 60px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 767px) {
	.bottom-wrap {
		padding-bottom: 100px;
	}
}

@media (max-width: 500px) {
	.bottom-wrap .bottom-left-link,
	.bottom-wrap .bottom-right-link {
		font-size: 12px;
        margin: 0 auto;
	}
}

@media (max-width: 375px) {
	.bottom-wrap .bottom-left-link,
	.bottom-wrap .bottom-right-link {
		font-size: 10px;
	}
}

.sub-info-holder-new a.button.button-light-background, .customButtonHolder a.button.button-light-background {
	background-color: #394C52 !important;
	color: white !important;
	min-width: 300px;
	height: 40px;
}

.sub-info-holder-new a.button.button-light-background:hover, .customButtonHolder a.button.button-light-background:hover {
	background-color: #394C52 !important;
	color: white !important;
}

.customButtonHolder a.button {
    background-color: #E7E2DE;
    border-color: transparent;
    border-width: 1px;
    color: #33383B !important;
    text-transform: uppercase;
    transition: color .3s, background-color .3s;
    height: 40px;
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: none;
    text-decoration-style: solid;
}

.header-links > a {
	color: #394C52 !important;
}

.primary-navigation a:hover {
	text-decoration-style: solid;
}

.plan-listing .new-btn {
	width: 150px;
	min-width: 150px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mobile-tag-text{
	display: none;
}

.primary-navigation > .primary-menu-container, .primary-navigation-open .menu-button-container {
	background-color: #394C52;
}

.primary-menu-container ul li a {
	color: #FFFFFF !important;
}

.privacy-statement-block a:focus, .disclaimer-statement-block a:focus, .sale-info-statement-block a:focus {
	color: black !important;
}

.privacy-statement-block * + *, .disclaimer-statement-block * + *, .sale-info-statement-block * + * {
	margin-top: 1em;
}

.disabledSearchInput {
	opacity: .35 !important;
	pointer-events: none !important;	
}

.primary-navigation > div > .menu-wrapper li {
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.powered-by{
	font-size: .75rem;
	color: #394C52;
}
.powered-by a{
	color: #394C52 !important;
	text-decoration: none !important;
}

.social-icons{
	display: block;
	text-align: right;
	margin-bottom: 20px;
	margin-right: -10px;
}

.social-icons-mobile{
	display: none;
	text-align: center;
	margin-bottom: 20px;
}
.social-icons-mobile a{
	display: inline;
}

.social-icons img, .social-icons-mobile img{
	width: 1.5rem;
	margin-right: 10px;
}

#residences .wp-block-media-text__media{
	text-align: right;
}

.primary-navigation > .primary-menu-container{
/*	padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 30px + 5px); */
	overflow-y: scroll;
	 -webkit-overflow-scrolling: touch;	
}

.close > .svg-icon {
	color: white;
	height: 32px;
	width: 32px;
}

.desktop-nav-logo {
	height: 64px;
	width: 64px;
	background-image: url("assets/images/Icon_Asher_A_White.svg");
	color: white;
	background-repeat: no-repeat;
	background-size: contain;
}

.mobile-menu-bottom{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #28231b;
	margin: auto;
	position: absolute;
	left: 0;
	bottom: 90px;
	right: 0;
}

.mobile-menu-bottom > a {
	font-size: 18px !important;
	color: #C8B2A8 !important;
	background-color: transparent !important;
	border: 1px solid #C8B2A8 !important;
}

.mobile-nav-button-holder {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mobile-nav-button-holder .desktop-nav-logo {
	margin-bottom: 24px;
}

.mobile-nav-button-holder > span {
	display: none;
}

.mobile-nav-button-holder > span > p {
	color: #33383B;
	padding-top: 24px;
	/*font-family: NeueHaasUnicaW1G-Light;*/
	font-family: neue-haas-unica;
	font-size: 14px;
}

span.anchor {
	position: relative;
	top: 0;
	visibility: collapse;
    width: 0;
}

#primary-mobile-menu:focus-visible .dropdown-icon.close > svg, #primary-mobile-menu:focus-visible .dropdown-icon.open > svg {
	outline: 2px dashed white !important;
	outline-offset: 2px;
}

.site-main > :first-child {
	margin-bottom: -30px;
}

.grecaptcha-badge{
	display: none;
}

.wpcf7-acceptance label{
	font-size: 10px;
}
.wpcf7-acceptance input[type="checkbox"], .wpcf7-acceptance input[type="radio"] {
	width: 15px;
	height: 15px;
}
.doorway-launcher-button-wrapper,.doorway-notification-frame-wrapper{}

.singular .entry-header {
    border-bottom: 3px solid var(--global--color-border);
    padding-bottom: 0;
    margin-top: calc(3 * var(--global--spacing-vertical)) !important;
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.powered-by{
	text-align: right;
}

.mobile-header-icons{
	display: none;
}

.custom-logo-link{
	display: inline !important;
}



input[type="checkbox"]::after{
	top: 0;
	left: 4px;
}

input[type="checkbox"].privacy-policy-checkbox::after{
	top: -1px;
	left: 3px;
}

.plan-listing .wp-block-column{
	margin-top: 2em;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}

.plan-listing .wp-block-column .img {
    height: 300px;
    background: no-repeat center / contain;
        background-image: none;
    margin-bottom: 25px;
	width: 100%;
}

.plan-listing .wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap !important;
    align-items: normal !important;
}

.plan-listing .wp-block-column {
    padding: 0 3em;
    flex-basis: 0;
    flex-grow: 1;
}

.floorplan-download-link {
	color: #394C52;
	text-decoration: none;
}

.spx-unit-detail * {
	/*font-family: NeueHaasUnicaW1G-Light;*/
	font-family: neue-haas-unica;
	font-weight: normal;
	text-transform: capitalize;
}

.spx-unit-detail tr {
	border-bottom: 1px solid black; 
}

.spx-unit-detail p {
	text-align: left;
}

.spx-unit-detail th, .spx-unit-detail td {
 	padding: calc(0.5 * var(--global--spacing-unit)) !important;
}

.header-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 8.61vw 6em;
}

.header-links a {
    cursor: pointer;
    background: transparent;
    border: 0;
    height: 40px;
    padding: 0px 0;
    color: #394C52;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 3.6px;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.header-links a:last-child {
    text-align: right;
}

.header-links a img {
    margin-right: 17px;
}

.header-links a:last-child img {
    margin: 0 0 0 17px;
    transform: rotate(180deg);
}

.floorplan-detail{
	margin: 3.25em 3em;
}

.floor-plan-search-area .area-top {
    padding: 0 5vw;
    min-height: 100px;
    border-bottom: 2px solid #C8B2A8;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.floor-plan-search-area .area-top .ph {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 5vw;
}

.floor-plan-search-area .area-top .ph button {
	padding: 0 16px !important;
}

.floor-plan-search-area .area-top .ph button:hover {
	box-shadow: 0 2px 0 #C8B2A8;
}

.floor-plan-search-area .area-top .drop-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.floor-plan-search-area .area-top .drop-right .formfield .selectivo {
    width: 100%;
    background-color: transparent;
}

.floor-plan-search-area .area-bottom {
    min-height: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8vw;
    position: relative;
}

.floor-plan-search-area .area-bottom h2 {
    color: #28231b;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: calc(50% + 1px);
    transform: translate(-50%, -50%);
    font-family: var(--button--font-family);
}

.floor-plan-search-area .area-bottom .sort {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

body.sub-page .site-main > .spx-no-margin{
	margin-top: 0;
	min-height: inherit;
}

.splash-sub-title br {
	margin-bottom: 20px !important;
}

.floorplan-landing .bed-select .description {
    margin-top: 80px;
    margin-bottom: 70px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.floorplan-landing .bed-select .description p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #33383B;
}

.floorplan-landing .bed-select .description h3 {
	padding-top: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #33383B;
	font-size: 42px;
	max-width: 500px;
}

@media (max-width: 1000px) {
#floor-plan-search-form .customSelect {
		width: 80%;
	}
}

@media (max-width: 649px) {
	.floorplan-landing .bed-select .description h3 {
		font-size: 44px;
		max-width: 80%;
	}
}

.floorplan-landing .bed-select .resident-section {
    display: flex;
    padding-left: 17vw;
    padding-right: 17vw;
    justify-content: space-between;
    margin-bottom: 239px;
}

.floorplan-landing .bed-select .resident-section .symbol {
    font-style: normal;
    font-weight: 500;
    font-size: 72px;
    line-height: 82px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
	color: #394C52;
}

#modalImg {
	max-width: 100%;
	padding: 1em;
}

.modal-content {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.plan-listing {
	min-height: calc(44vh + 8px) !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 1em 0;
}

.plan-listing > * {
	width: 100%;
}

.resident-section .floorplan-search-residence-selector {
	width: 100%;
}

.resident-section .floorplan-search-residence-selector > h1 {
	user-select: none;
}

.customSelect span.selectivo__dropdown button:hover {
	color: #28231b;
	text-decoration: 1px solid underline #28231b;
}

.plan-listing h2 {
	color: #28231b;
}

select {
	height: 48px;
}

a.button.button-floorplan-view, a.button.button-floorplan-view:active, a.button.button-floorplan-view:hover {
	background-color: #394C52 !important;
	border-color: transparent!important;
	color: #FFFFFF !important;
	max-width: 180px;
	margin-left: auto;
}

.selectivo__dropdown button:first-of-type {
	background: url("assets/images/drop-up.svg") no-repeat center right 1rem;
}

.selectivo__label, .selectivo__dropdown {
	border-color: #28231b !important;
}

section.plan-listing {
	padding: 0 1em 5em;
}

.floorplan-landing .bed-select .resident-section .resident-text {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize;
    color: #28231b;
    margin: 0 auto;
}

.floor-plan-search-area .area-top .ph button.active {
    box-shadow: 0 2px 0 #C8B2A8;
}

.floor-plan-search-area .area-top .ph button {
    text-transform: uppercase;
    border: 0;
    background: transparent;
    margin-right: 5vw;
    padding: 0;
    height: 35px;
    color: #28231b;
    font-size: 12px;
    font-weight: 500;
}

.floorplan-detail h2, .floorplan-detail p, .viewsButton, .fp-view-map, .view-map-btn {
	color: #394C52;
}

.floorplan-detail .wp-block-media-text__media {
	max-height: none !important;
	height: min-content !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.floorplan-detail .wp-block-media-text__media img {
	max-height: none !important;
	height: 100% !important;
	width: auto !important;
	max-width: 90%;
}

/* Temporarily hiding the Amenities page buttons*/
.new-btn-amenities {
	display: none !important;
}

@media (max-width: 768px) {
	.floorplan-detail .wp-block-media-text {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.floorplan-detail .wp-block-media-text__media img {
		max-width: 60% !important;
	}
	
	.floorplan-detail-content > * {
		text-align: center !important;
	}
	
	.floorplan-detail + .header-links {
		flex-direction: column;
		gap: 30px;
	}
	
	.floorplan-detail {
		margin: 0 1em;
	}
	
	.floorplan-detail th p {
		text-align: center !important;
	}
}

@media (max-width: 1000px) {
	.floor-plan-search-area .area-top .ph button:last-of-type {
		margin-right: 0;
	}
	
	.floor-plan-search-area .area-top .ph {
		margin-right: 0;
	}
	
	.resident-section .floorplan-search-residence-selector {
		padding-top: 1em;
        padding-bottom: 90px;
	}
	
	#floor-plan-search-form {
		padding-bottom: 1em;
	}
}

.floor-plan-search-area .area-top .drop-right .formfield .selectivo .selectivo__label {
    border: none;
    padding: 0 1.8rem 0 1.25rem;
    color: #28231b;
    height: 40px;
    background: url("assets/images/drop-down.svg") no-repeat center right 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floor-plan-search-area .area-top .drop-right .formfield .selectivo .selectivo__label, .floor-plan-search-area .area-top .drop-right .formfield .selectivo .selectivo__option {
    padding: 0px 2rem;
	padding-right: 7rem;
    font-weight: 500;
    letter-spacing: .1rem;
    height: 40px;
    text-align: left;
    text-transform: capitalize;
    background-color: transparent;
    font-size: 12px;
}

select option {
	color: black !important;
}

.floor-plan-search-area .area-top .drop-right .formfield .selectivo .selectivo__label {
	box-shadow: 0 12px 0 -10px #C8B2A8;
}

.selectivo__dropdown .selectivo__option:focus-visible {
	outline: 2px dashed black !important;
	outline-offset: -2px -4px;
}

.floor-plan-search-area .area-bottom button {
    text-transform: uppercase;
    border: 0;
    background: transparent;
    padding: 0;
	padding-right: 0px;
    height: 35px;
    line-height: 35px;
    color: #28231b;
    /*font-family: "Prenton Pro";*/
    font-size: 12px;
    font-weight: 500;
}

.floor-plan-search-area .area-bottom  button {
    margin-right: 25px;
    background: none;
    padding-right: 22px;
}

.floor-plan-search-area .area-bottom  button.down {
    background: url("assets/images/drop-up.svg") no-repeat center right;
}

.floor-plan-search-area .area-bottom  button.high {
    background: url("assets/images/drop-down.svg") no-repeat center right;
}

.floor-plan-search-area .area-bottom  button:last-child {
    margin-right: 0;
}

input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 25px;
    height: 25px;
	top: 6px;
    border: 1px solid #fff;
    background: transparent;
}

input[type="radio"] {
	margin-right: 3px;
}

input[type="radio"]:checked {
    border: 1px solid #fff;
	outline-offset: 2px !important;
}

input[type=radio]:after {
    content: "";
    opacity: 0;
    display: block;
    top: 1px;
    left: 7px;
    position: absolute;
    width: 9px;
	height: 16px;
    border: 3px solid white;
    border-top: 0;
    border-left: 0;
	border-radius: 0;
    transform: rotate(30deg);
}

label > input[type=checkbox]:not(.privacy-policy-checkbox) + span {
	margin-left: 4px;
}

input[type=checkbox]:not(.privacy-policy-checkbox):after {
	top: 1px;
    left: 7px;
    border: 3px solid white;
	border-top: 0;
	border-left: 0;
    width: 9px;
	height: 16px;
}

input[type=checkbox].privacy-policy-checkbox {
	top: 3px;
	right: 6px;
}

input[type=checkbox].privacy-policy-checkbox:after {
	border-color: white;
}

::-webkit-calendar-picker-indicator {
	opacity: 0;
	padding-right: 4px;
}

.mobile-nav-button-holder > a:first-of-type {
	margin-bottom: 2em;
}

input[type="date"] {
	background-image: url("./assets/images/dateIcon.svg");
	background-repeat: no-repeat;
	background-position: right 2% center;
	cursor: pointer;
}

input[type="date"] {
	-webkit-appearance: none;
	appearance: none;
}


select {
    border: var(--form--border-width) solid white;
/*
    -moz-appearance: none;
    -webkit-appearance: none;
*/
    appearance: none;
    line-height: var(--global--line-height-body);
    padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='11' viewBox='0 0 19 11' fill='none'><path d='M17.9999 0.757812L9.51458 9.24309L1.0293 0.757812' stroke='white' stroke-width='2'/></svg>");
    background-position: right var(--form--spacing-unit) top 55%;
}

select.select-open {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='11' transform='rotate(180, 0, 0)' viewBox='0 0 19 11' fill='none'><path d='M17.9999 0.757812L9.51458 9.24309L1.0293 0.757812' stroke='white' stroke-width='2'/></svg>");
}

/* 404 Page and Search Result Page */

.NotFoundBody {
	margin-top: 150px; 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3em 1em 8em;
}

.NotFoundBody {
	background-color: rgba(0,0,0,0.75);
	background-blend-mode: darken;
	min-height: 100vh !important;
	min-height: calc(100vh - 120px) !important;
	background-size: cover;
}

.NotFoundBody a {
	color: white !important;
}

.NotFoundBody > *:first-child {
	margin-bottom: .5em;
}

.spx-share-button, .viewsButton, .floorplan-download-link, .fp-view-map {
	text-decoration: solid #33383B underline !important;
}

.spx-share-button:focus, .viewsButton:focus, .floorplan-download-link:focus, .fp-view-map:focus {
	color: #33383B !important;
}

body.error404.primary-navigation-open footer {
	display: none;
	background-color: #394C52;
}

body.search.search-results #page #content, body.search.search-no-results #page #content {
	min-height: 100vh;
}

@media only screen and (max-width: 581px) {
	.NotFoundBody {
		align-items: flex-start;
	}
	
	body.search.search-results h1.page-title, body.search.search-no-results h1.page-title {
		font-size: 40px;
	}
}
	
body.search.search-results h1.page-title, body.search.search-no-results h1.page-title {
	font-size: 52px;
}

body.search.search-results h2, body.search.search-no-results h2, body.search.search-results .search-result-count {
	color: white !important;
}

body.search.search-results h2 a:hover, body.search.search-no-results h2 a:hover {
	color: white !important;
}

.search-form > label {
	color: #E7E2DE;
}

header.page-header, div.NotFoundBody.page-header {
	border-color: #E7E2DE;
}

header.page-header {
	margin-bottom: 1em !important;
	min-height: 0 !important;
}

body.search.search-results, body.search.search-no-results {
	background-color: #394C52;
}

footer.entry-footer * {
	color: white !important;
}

footer.entry-footer {
	border-color: #E7E2DE;
}

footer.entry-footer:hover * {
	color: white !important;
}

.association-logos > *:first-child {
    margin-right: 15px;
}
.footer-bottom-section .association-logos > *:not(:last-child) {
	margin-right: 12px;
}

.sub-page-features li {
	padding-bottom: 10px;
}
.floorplan-detail-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5em 2em 4em;
	margin-bottom: -40px;
}
.floorplan-detail-text  .floorplan-text-description {
	text-align: center;
	font-size: 20px;
}
.floorplan-detail-text  .floorplan-text-disclaimer {
	text-align: center;
	padding: 4em 2em 0;
	font-size: 12px;
	
}
.schedule-tour-footer{
	font-size: 10px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-decoration: none;
}
.footer-schedule-div{
	margin-left:-2.5%;
}
@media (max-width: 769px) {
	.floorplan-detail-text {
		padding: 5em 1em 3em;
		margin-bottom: 0;
	}
	.floorplan-detail-text  .floorplan-text-description {
		font-size: 18px;
	}
	.floorplan-detail-text  .floorplan-text-disclaimer {
		font-size: 12px;
		padding: 4em 0 0 0;
	}
}
img.slide__instagram {
	height: 24px;
	width: 24px;
}
body.page-template-Art-sub main{
    background-color: #fff;
}
body.page-template-amenities-sub main{
    background-color: #fff;
}

@media (min-width: 942px){
    .sub-page-art .wp-block-media-text .wp-block-media-text__media img{
        object-position: right;
    }
	
	.sub-page-amenities .wp-block-media-text .wp-block-media-text__media img{
        object-position: right;
    }

    .sub-page-art .has-media-on-the-right .wp-block-media-text__media img{
        object-position: left;
    }
	
	.sub-page-amenities .has-media-on-the-right .wp-block-media-text__media img{
        object-position: left;
    }
    /*#sub-page-art{
        height: 720px;
    }*/
}

@media (max-width: 941px){
    #splash_video{
        display: none;
    }
}
.artdivsize1{
	max-height: 752px;
}

div.sub-page-art .wp-block-media-text__media img {
    height: auto;
    object-fit: contain;
}

div.sub-page-amenities .wp-block-media-text__media img {
    height: auto;
    object-fit: contain;
}

div.sub-page-art .sub-info-holder-new{
    width: 100%;
}

div.sub-page-amenities .sub-info-holder-new{
    width: 100%;
}

div.sub-page-art .sub-info-holder-new > div:first-child{
    display: block;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

div.sub-page-amenities .sub-info-holder-new > div:first-child{
    display: block;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

div.sub-page-art .sub-info-holder-new .intro-center-text{
    padding: 70px 100px;
}

div.sub-page-amenities .sub-info-holder-new .intro-center-text{
    padding: 70px 100px;
}

div.sub-page-art .art-slider {
  width: 100%;
  position: relative;
  padding: 0 6.4vw;
  max-height: 720px;
}


div.sub-page-art .art-slider .flexslider ul .slide_item {
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 720px;
    align-items: center;
    justify-content: center;
    position: relative; 
} 
.privacy_footer{
	margin-right: 25px;
}
.disclaimer_footer{
	text-decoration: initial;
	text-transform: none;
}
.privacy_policy_footer{
	text-decoration: initial;
	text-transform: none;
}
.amen_p{
	display: block; 
	margin-bottom: 50px;
	margin-left: 100px;
}
@media (max-width:769px){
	.privacy_footer{margin-right: 0px;}
}
.Amenities-title-cont{
	width:100%; 
}
@media screen and (max-width:1320px){
	.Amenities-title-cont{padding-top:0px !important;}
	.sub-info-holder-new.amen > div{padding-top:0px!important;}
}
@media screen and (max-width:940px){
	.amenities-page-video{width: 100% !important;} 
	.sub-info-holder-new.amen > div:first-child *{width: 100% !important;max-width:100% !important;}
	.amen_p{margin-left: 0px;}
}
.sub-title-text{
	color: white;
	margin-top: 20px; 
	
}
/*hyly styles*/
.hyly-form-wrap .hywrap .top_align .control-label, .hyly-form-wrap .hywrap .radio {
	color: white;
	font-size: var(--form--font-size);
	font-weight: var(--form--label-weight);
	font-family: var(--global--font-primary);
}
.hyly-form-wrap .hywrap input, .hyly-form-wrap .hywrap input[type="text"], .hyly-form-wrap .hywrap select, .hyly-form-wrap .hywrap textarea {
	margin: 0;
	color: #FFFFFF !important;
	background-color: transparent;
	border: 1px solid #E7E2DE;
	width: 100%;
	letter-spacing: 3px;
	font-size: 14px;
	line-height: 26px;
	border-radius: 0;
	padding: var(--form--spacing-unit);
	height: auto;
}
.hyly-form-wrap{
	width: 100%;
}
.hyly-form-wrap .hywrap {
	width: 100% !important;
	max-width: 100%;
}
.hyly-form-wrap #form-fields, .hyly-form-wrap .hywrap .hytag_name ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hyly-form-wrap .hywrap .control-group, .hyly-form-wrap .hywrap .hytag_name li {
	width: 48%;
}
.hyly-form-wrap .hywrap .hytag_name, .hyly-form-wrap .hywrap .hytag_form_comment {
	width: 100%;
}
.hyly-form-wrap #more-info a {
	color: #E7E2DE;
	font-family: var(--global--font-primary);
	font-size: 10px;
	font-weight: var(--form--label-weight);
	letter-spacing: 2px;
}
.hyly-form-wrap .hywrap .name-fields li:first-child {
	margin-bottom: 0;
}
.hyly-form-wrap .hywrap .form-actions {
	text-align: center;
	margin-top: 15px;
}
.hyly-form-wrap .hywrap button[type="submit"] {
	background-color: #FFFFFF !important;
	color: #33383B !important;
	letter-spacing: 3px;
	border: none !important;
	min-width: 300px;
	min-height: 40px;
	transition: color .5s, background-color .5s;
	text-decoration: none;
	border-radius: 0;
}
.hyly-form-wrap .hywrap input:focus, .hyly-form-wrap .hywrap input[type="text"]:focus, .hyly-form-wrap .hywrap select:focus, .hywrap textarea:focus {
	border-color: #E7E2DE;
	outline-offset: 2px;
	outline: 2px dotted #FFFFFF;
}
.hyly-form-wrap .hywrap .radio input {
	padding: 12px;
	min-height: 0;
	float: left;
	margin-right: 5px;
}
.hyly-form-wrap .hywrap input[type=radio]:after {
	background: transparent;
}
.hyly-form-wrap .hywrap .controls {
	text-align: left;
}
.hyly-form-wrap .hywrap .radio {
	margin-right: 15px !important;
	line-height: 33px !important;
}
div.contact-no-map {
	width: 100%;
	max-width: 1000px;
	min-height: 0;
	height: auto;
}
@media only screen and (min-width: 649px) {
	div.contact-no-map {
		margin-bottom: 30px;
	}
}
div.contact-no-map .wp-block-media-text {
	display: flex;
	justify-content: center;
}
.office-hours h5 {
	color: #E7E2DE;
	margin-bottom: 10px;
}
.contact .address .phone{
	display: block;
}
.sitemap-wrapper {
	padding-top: 5.5vw;
	padding-right: 7.5vw;
	padding-bottom: 7.5vw;
	padding-left: 7.5vw;
	width:100%;
	height: 1000px;
}
.sitemap-wrapper iframe {
	max-height: 1000px !important;
}
.disabled {
	opacity: 0.4;
	pointer-events: none;
}
#tour-wrapper {
	height: calc(100vh - 120px);
	margin-bottom: 0;
	min-height: 600px;
}
/* amenity banner */
.top-amenity{
	margin-bottom: -30px !important;	
}
.top-amenity .welcome-splash-text{
	max-width: 960px;
}
.top-amenity .splash-sub-title{
	display: flex;
	justify-content: center;
	width: 100%;
}
.top-amenity .splash-sub-title p{
	display: flex;
	justify-content: center;
	max-width: 700px;
}
/* home video banner*/
.home-banner-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
}
.home div.home-banner-sec {
	overflow: hidden;
	background-color: transparent;
}
.home-banner-sec .welcome-splash-text{
	position: relative;
	z-index: 4;
}
.home-banner-sec:after{
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: rgba(0,0,0,.5);
}

@media (orientation: landscape) {
	.home-banner-video video {
		/*width: 110vw;
		height: calc(110vw / 0.5625);*/
		width: 100vw;
		height: 56.25vw;
		min-height: 100vh;
		min-width: 177.77vh;
	}
}
@media (orientation: portrait) {
	.home-banner-video video {
		width: calc(100vh / 0.5625);
    	height: 100vh;
	}
}
/*@media screen and (device-aspect-ratio: 16/9) {
	.home-banner-video video {
		height: calc(100vw * 0.5625);
		width: 100vw;
	}
}*/
@media screen and (device-aspect-ratio: 4/3) {
	.home-banner-video video {
		width: calc(100vh / 0.5625);
		height: 100vh;
	}
}
@media (max-height: 600px) and (max-width: 1080px) and (orientation: landscape){
	.home-banner-video video {
		/*width: calc(100vh / 0.5625);
    	height: calc(100vw / 0.5625);*/
		width: calc(600px / 0.5625);
    	height: 600px;
	}
}
@media (max-height: 600px) and (min-width: 1081px) and (orientation: landscape){
	.home-banner-video video {
		width: 100vw;
    	height: 56.25vw;
	}
}
@media (min-width: 751px){
	.top-link{
display: none!important;
	}

}
@media (max-width: 750px){

	.new-header-icons {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
	}
}
@media (max-width: 1260px){
    .new-header-links {
        font-size: 12px;
    }
}
.video_control{
    position: absolute;
	z-index: 10;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.video_control svg{
	width: 100%;
	height: auto;
}
.video_control .pause{
	display: block;
}
.video_control .play{
	display: none;
}
.video_control.pause_me .pause{
		display: none;
	
}
.video_control.pause_me .play{
	display: block;
}
#intro-video{
	position: relative;
}

.poster_img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
display: none;
object-fit: cover;
}
.home-banner-sec{
	background: no-repeat center/cover;
}
.poster_showing::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,.5);
	z-index: 2;
}

.page-template-page-art-sub .art_page_explore_button{
	margin-top: 100px;
}

@media (max-width: 941px) {
	.page-template-page-art-sub .art_page_explore_button a{
		margin: auto;
	}
}

body .uwy.userway_p5 .userway_buttons_wrapper{
	display: none;
}