/* CSS Document */
img.mobileImage{
    display: none;
}

div.welcome-splash {
	background-blend-mode: darken;
	background-color: rgba(0,0,0,.5);
}

.primary-navigation-open .menu-button-container {
	width: initial;
}

@media only screen and (min-width: 1142px) {
	#residences .home-media-text{ 
		padding-left: 10%;
		padding-right: 5%;
	}
	
	#experience .home-media-text{
		padding-right: 10%;
		padding-left: 19%;
	}
	body.sub-page .wpcf7{
		max-width: 1000px;
		width: 1000px;
	}
}

/* Neighborhood Heading Break Points */
@media (max-width: 1830px) and (min-width: 1530px) {
	#sub-page-neighborhood .sub-info-holder-new h1 {
		font-size: 36px;
	}
}

@media (max-width: 1529px) and (min-width: 1320px) {
	#sub-page-neighborhood .sub-info-holder-new h1 {
		font-size: 29px;
	}
}

@media (max-width: 1319px) and (min-width: 941px) {
	#sub-page-neighborhood .sub-info-holder-new h1 {
		font-size: 24px;
	}
	
	.sub-info-holder-new > div {
		padding: 200px 40px !important;
	}
}

@media (min-width: 1000px) {
	.customButtonHolder {
		margin-top: 120px !important;
	}

}

@media (max-width: 1000px) {
	.new-site-header {
		justify-content: center;
	}

	
}

@media (min-width: 751px) and (max-width: 1250px){

	.custom-logo{
		width: 100px;
	}
	
}

@media only screen and (max-width: 983px) {
	footer .site-logo{
		text-align: center;
	}
	
	footer .site-logo a{
		display: block !important;
	}
	
	footer .site-logo img {
		float: none!important;
		margin-bottom: 20px;
	}
	
	footer .site-logo img.tag {
		margin-left: auto;
		display: block;
		text-align: center;
		margin-right: auto;
	}
	
	footer .site-logo span {
		float: none;
		margin-left: 0;
		display: block;
	}
	
	.site-header > .site-logo a {
		padding: 3px 2%;
	}
}

@media only screen and (max-width: 940px) {
	#splashFloorplanMapHolder {
		display: none !important;
	}
	
	.sub-info-holder-new h1 {
	  font-size: 36px;
	}
	
	.sub-info-holder-new > div {
		padding: 80px 20px !important;
	}
    
    #sub-page-art .sub-info-holder-new > div:first-child {
        padding-top: 0 !important;
    }
	
	#page-content-sub h2 {
/*		text-align: center;*/
		font-size: 32px;
	}
	
	.customButtonHolder {
		margin-left: 0 !important;
		margin-right: 0 !important;
		display: flex;
		justify-content: center;
	}
}

@media (max-width: 600px) {
	.sub-info-holder-new h1 {
	  font-size: 28px;
	}
}

@media only screen and (max-width: 572px) {
	#landing-image-section .main-heading-inner, .landing-content h2 {
		font-size: 36px;
	}
}

@media (max-width: 380px) {
	#landing-image-section .main-heading-inner, .landing-content h2 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 810px) {
	.site-header > .site-logo a {
		padding: 3px 2vw;
	}
}

@media only screen and (min-width: 650px) and (max-width: 769px) {
	div.about {
		margin-top: -30px;
	} 
}

.animatedBackgroundImage {
	display: none;
}

.home-page-animated-background {
	display: none;
}

@media (min-width: 950px) {
	.animatedBackgroundImage {
		display: block;
		position: absolute;
		width: 50%;
	}
	
	.animatedBackgroundImage.animatedBackgroundOne {
		top: -25px;
		right: 0;
	}
	
	.animatedBackgroundImage.animatedBackgroundTwo {
		top: 850px;
		left: 0;
	}
	
	.animatedBackgroundImage.animatedBackgroundThree {
		top: 1515px;
		right: 0;
	}
	
	.flipped {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}
	
	.animatedBackgroundImage.animatedBackgroundOne.flipped {
		top: 2500px;
		left: 0;
		right: unset;
	}
	
	.animatedBackgroundImage.animatedBackgroundTwo.flipped {
		top: 3250px;
		right: 0;
		left: unset;
	}
	
	.animatedBackgroundImage.animatedBackgroundThree.flipped {
		top: 4000px;
		left: 0;
		right: unset;
	}
	
	.splash-section {
		position: relative;
	}
	
	.splash-image-square {
		z-index: 1;
	}
	
	.home-page-animated-background {
		display: block;
		width: 44%;
		position: absolute;
	}
	
	.splash-section-one-animated-background {
		top: 0;
		right: 0;
	}
	
	.splash-section-two-animated-background {
		top: -60px;
		left: 0;
	}
	
	.splash-section-three-animated-background {
		bottom: -48px;
		right: 0;
	}
	
	.sub-page-neighborhood {
		background-image: url("assets/images/IsolatedNeighborhoodBackground.svg");
		background-repeat: no-repeat;
		background-position: right bottom -2px; 
	}
}
@media (min-width: 751px) {
	.primary-menu-container {
		max-width: 413px;
	}
}
@media (min-width: 650px) {

	
	.sub-page-retail .wp-block-group__inner-container * {
		margin-left: 10% !important;
		margin-right: 10% !important;	
	}
	
	#custom-block-gallery {
/*		background-image: url("assets/images/HomepageAlternating.svg");*/
		background-repeat: no-repeat;
		background-position: right top;
		background-size: contain;
		margin: 0 0 3em;
		padding: 3em 6em 0;
		position: relative;
	}
	
	#custom-block-gallery > div {
		z-index: 1;
		position: relative;
	}
}

@media only screen and (max-width: 769px) {
	h2{
		font-size: 3rem;
	}
	/*.primary-menu-container {
		display: block;
	}
	
	.menu-button-container {
		display: flex;
	}*/
	
	.spx-sitemap > div > ul {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
		padding: 1em 0 !important;
	}
	
	.spx-sitemap > div > ul > li {
		width: 100% !important;
	}
		
	.site-footer a {
		color: #E7E2DE !important;
		text-decoration-color: #E7E2DE !important;
	}
	
	.wpcf7 table td{
		float: left;
		width: 100%;
	}
	
	.site-logo a{
		font-size: .9rem;
		padding: 3px 1%;
	}
	.home-media-text{
		padding-right: var(--global--spacing-horizontal);
		padding-left: var(--global--spacing-horizontal);
		text-align: center;
	}
	
	.site-main > :first-child {
		margin-bottom: 0;
	}	
	
	.footer-bottom-section {
		padding-top: 45px;
		margin-bottom: 60px;
	}
	
	div.about>div{
		width: inherit !important;
		padding-right: var(--global--spacing-horizontal);
	}

	div.contact>div{
		/* width: inherit !important; */
		padding-right: var(--global--spacing-horizontal);
		padding-left: var(--global--spacing-horizontal);
	}
	
	.site-info {
		padding-top: 30px !important;
	}
	
	span.text-group{
		display: inline !important;
        width: inherit;
	}
    
    div.content-left-align, div.content-right-align {
        padding-right: 5vw;
        padding-left: 5vw;
    }
	
	.primary-navigation > div > .menu-wrapper {
		padding-bottom: 0 !important;
	}
	
	footer .site-name{
		margin: 0 auto;
	}
	
	.powered-by{
		text-align: center;
	}
	.powered-by a:first-of-type {
		display: block;
	}
	.social-icons{
		display: none;
	}
	

	/*hyly styles*/
	.hyly-form-wrap .hywrap .control-group, .hyly-form-wrap .hywrap .hytag_name li {
		width: 100%;
	}
	.hyly-form-wrap .hywrap .name-fields li:first-child {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 572px) {
	
	
	.site-header > .site-logo a {
		padding: 3px 1vw;
	}
}

.welcome-splash-mobile {
	display: none !important;
}

@media (max-width: 1300px) {
	.sub-container-new-alternate > div h1 {
		font-size: 64px;
	}
}

@media (max-width: 830px) {
	.sub-container-new-alternate > div h1 {
		font-size: 52px;
	}
}

@media (max-width: 649px) and (max-height: 720px) {
	.primary-navigation > div > .menu-wrapper li {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 1200px) {
	.changePaddingOnMobile h2 {
		font-size: 32px;
	}
	
	.changePaddingOnMobile p {
		font-size: 14px !important;
	}
}

@media (max-width: 950px) {
	.changePaddingOnMobile h2 {
		font-size: 24px;
	}
	
	.changePaddingOnMobile > div {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		padding-left: var(--global--spacing-horizontal) !important;
	}
	
	.changePaddingOnMobile > div:first-of-type {
		padding-top: 24px !important;
	}
}

@media (max-width: 1250px) {
	.new-header-links {
		font-size: 12px;
	}
	
	.site-header > .new-site-header a {
		padding: 3px 22px;
	}
}

@media (max-width: 1080px) {
	header .menu-button-container {
		right: 10px;
	}
}

@media (max-width: 1050px) {
	.footer-bzt {
		width: 100%;
		display: block;
		margin-bottom: 8px;
	}
	.footer-bottom-section .association-logos {
		min-width: 30%;
	}
	.footer-schedule-div {
		margin-left: 2.5%;
	}
}

@media (max-width: 900px) {
	.site-header > .new-site-header a {
		padding: 3px 12px;
	}
}

@media (max-width: 800px) {
	.site-header > .new-site-header a {
		padding: 3px 6px;
	}
	
	.menu-button-container {
		right: 5px;
	}
}

@media (max-width: 760px) {
	.new-header-links {
		flex-wrap: wrap;
	}
}

@media (min-width: 941px) {
	#amenities-map.wp-block-media-text > .wp-block-media-text__content h2 {
		margin-left: 20px !important;
		margin-right: 0 !important;
		min-width: 100%;
		display: block;
	}
	
	#amenities-map.wp-block-media-text > .wp-block-media-text__content p {
		margin-left: 20px !important;
	}
}

@media (max-width: 750px) {
	.floorplan-detail .wp-block-media-text .wp-block-media-text__content {
  		width: 90% !important;
	}
	
	.floorplan-detail {
		padding-top: 40px;
	}
	
	.floorplan-detail + .header-links {
		margin-top: 20px !important;
	}
}

@media (max-width: 750px) {
	.new-header-links {
		display: none;
	}
}

@media only screen and (max-width: 649px) {
	
	.amen-contact-but{
	margin-left:auto !important;
	}
	.amen-but{
		margin: auto;
	}
	.changePaddingOnMobile {
		margin-left: initial !important;
	}
	
	#amenities-media {
		min-height: 0 !important;
		padding-bottom: 15px;
	}
	
	#amenities-map {
		min-height: 60vh;
	}
	
	.wpcf7-form p {
		margin-bottom: calc(var(--global--spacing-vertical) / 3);
	}
	
	input[type="date"] {
		min-height: 48px !important;
	}
	
	#amenities-map {
        display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
    
    #amenities-map.wp-block-media-text.is-stacked-on-mobile div.wp-block-media-text__content {
        -ms-grid-row: 1;
        grid-row: 1;
    }
    
    #amenities-map.wp-block-media-text.is-stacked-on-mobile div.wp-block-media-text__content .wp-block-group__inner-container,
    #amenities-map.wp-block-media-text.is-stacked-on-mobile div.wp-block-media-text__content .wp-block-group__inner-container p,
    #amenities-map.wp-block-media-text.is-stacked-on-mobile div.wp-block-media-text__content .wp-block-group__inner-container h2{
        text-align: center;
    }
    
    #amenities-map.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 2;
        
        max-height: 450px;
        height: 450px;
    }
    
    #amenities-map.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media img{
        max-height: 450px;
        height: 450px;
        max-width: 338px;
        margin: 0 auto;
    }
	

	
	.thank-you-page {
		background-size: 45vw, 50vw;
	}
	
	.close > .svg-icon {
		color: black;
	}
	

	

	.sub-container-new-alternate > div {
		max-width: 90%;
	}
	
	.sub-container-new-alternate > div h1 {
		font-size: 40px;
	}
	

	

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

	
	.contact-nameHolder {
		flex-direction: column;
		align-items: flex-start;
	}
	
	#custom-select-div {
		display: none;
	}

	.wp-block-media-text__content h2, .wp-block-media-text__content p, .contact .address .phone {
		text-align: left;
	}
	
	.wp-block-media-text__media {
		width: 100%;
		max-height: 250px;
	}
	
	.wp-block-media-text__media img {
		max-height: 250px;
		object-fit: contain;
	}
	
	.wp-block-media-text.alignfull.is-stacked-on-mobile {
		display: flex;
		flex-direction: column;
	}
	
	#primary {
		margin-top: -8px;
	}
	
	.contact-nameHolder label {
		width: 100%;
		min-height: 100px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	
	.contact-nameHolder br {
		display: none !important;
	}
	
	.contact-nameHolder label label {
		display: none !important;
	}
	
	.welcome-splash{
		background-position-x: -235px;
	}
	
	.splash-section.reverse {
		flex-direction: row;
	} 
	

	
	.welcome-splash-mobile {
		display: flex !important;
		background-position-x: 0 !important;
	}
	
	div.about, div.residences, div.experience {
		margin-bottom: 0;
	}
	
	div.about, div.residences, div.experience, div.contact {
		height: auto !important;
		min-height: unset;
		padding-top: 35px;
		padding-bottom: 1em;
		background-image: none;
	}
	
	span.anchor {
		top: -267px
	}
	
	input[type="submit"], .new-btn {
		/*border-radius: 10px;*/
		padding: 8px 24px;
		min-width: 230px;
		display: inline-block;
		text-align: center;
	}
	
	div.contact input[type="submit"] {
		padding: 9px 24px;
	}
	
	.welcome-splash {
		background-position-x: -90px;
	}
	
	.welcome-splash-text {
		align-items: center;
	}
	
	.welcome-splash-text p {
		max-width: 225px;
	}
	
	.welcome-splash-text h1{
		font-size: 3rem;
	}
	
	.splash-section {
		min-height: unset;
		padding-top: 35px;
		padding-bottom: 80px;
	}
	
	.mobile-tag-text{
		display: block;
		margin: 0 !important;
		background-color: #E7E2DE;
		text-align: center;
		padding: 20px 35px;
		font-size: 1rem;
        padding: 80px 0;
	}
	
	#contactform-info {
		padding-bottom: 50px;
	}
    
    .mobile-tag-text h1{
        color: #394C52;
        font-size: 38px;
    }
	
	.mobile-tag-text p {
		max-width: 250px;
		margin: 0 auto;
        color: #C8B2A8;
        font-size: 14px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	
	.mobile-tag-text h1 {
		color: #394C52;
		font-size: 53px;
		line-height: 63px;
	}
	
	div.about h2, div.residences h2, div.experience h2, div.contact h2 {
		font-size: 28px;
/*		max-width: 275px;*/
		line-height: 38px;
	}
	
	div.content-left-align, div.content-right-align {
		padding-right: 35px;
		padding-left: 20px; 
	}
	
	div.experience h2 {
		max-width: 260px;
	}
	
	div.about p, div.residences p, div.experience p, div.contact p {
		font-size: 14px;
		line-height: 24px;
	}
	
	div.contact span.text-group p:last-of-type {
		padding-top: 20px;
		padding-bottom: 0;
	}
	
	div.contact form.wpcf7-form > p:last-of-type {
		display: flex;
		flex-direction: column;
	}
	
	div.contact form.wpcf7-form > p:last-of-type > input {
		border-radius: 0;
	}
	
    img.mobileImage{
        display: block;
		width: 100%;
    }
	

	
	.site-logo a{
		display: none;
	}
	
	.mobile-header-icons{
		display: block;
		position: absolute;
		top: 32px;
		z-index: 10000;
		left: 13px;
	}
	
	.mobile-header-icons img{
		width: 20px;
		margin: 5px;	
	}
	
	.wp-block-media-text__media img, .wp-block-media-text__media video{
		display: none;
	}
	
	body.sub-page .wp-block-media-text__media img{
		display: block;
	}
	
	body.sub-page .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		-ms-grid-row: 3;
		grid-row: 3;
	}
	
	#page-content-sub .wp-block-media-text.is-stacked-on-mobile {
		margin-bottom: 40px;
	}
	
	/*#masthead{
		position: fixed;
		z-index: 999;
		width: 100%;
		top: 0;
	}*/    
    
	.header-padding{
		height: 74px;
		margin: 0;
	}
	.site-address{
		max-width: 273px;
		margin-right: auto;
	}
	.spx-bk{
/*		margin-bottom: 015px;*/
	}
	
	.no-widgets .site-footer {
		margin-top: 0;
	}
	
	body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
		position: relative;
		top: 12px;
	}
	
	.site .button, button, input[type=submit], input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button {
		font-size: .9rem
	}
}

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

@media (max-width: 481px) {
	.site-header > .new-site-header a {
		padding: 0;
	}
	
	#page-content-sub h2 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 360px) {
	.mobile-tag-text > h1 {
		font-size: calc(42px + 30 * ((100vw - 375px) / 1065));
	}
}

@media only screen and (max-width: 769px) {
	.mobile-only {
		display: initial !important;
	}
	
	.association-logos > *:first-child {
		margin-right: 25px;
	}
}

@media only screen and (max-width: 769px) {
	.site-footer {
		padding: 0 5%;
	}
	
	.site-footer * {
		color: #E7E2DE !important;
	}
	
	.site-name {
		flex-direction: column !important;
		align-items: center;
		border-bottom: 1px solid #E7E2DE;
	}
	
	.footer-icon-group {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		border-bottom: 1px solid #E7E2DE;
		width: 100%;
	}
	
	.footer-icon-group > a, .footer-privacy-links > a {
		padding-bottom: 30px;
	}
	
	.footer-privacy-links {
		padding-top: 30px;
		flex-direction: column-reverse;
	}
	
	.footer-privacy-links > a:last-of-type {
		padding-bottom: 14px;
	}
	
	.footer-privacy-links > :first-child {
		margin-right: 0;
	}
	
	.footer-privacy-links > a {
		font-size: 12px;
		text-align: center;
	}
	
	.asher-a-logo {
		position: initial;
	}
	
	.footer-bottom-section {
		flex-direction: column-reverse;
		align-items: center;
	}
	
	.footer-bottom-section > div {
		display: flex;
		justify-content: center;
		padding: 0;
		margin: 0;
		flex-direction: column;
	}
	
	.footer-bottom-section > div > p {
		font-size: 12px;
		text-align: center;
	}
	
	.footer-bottom-section > .association-logos {
		margin-top: 1em;
		display: flex;
		/*justify-content: space-between !important;*/
	}
	
	.site-address > p:first-of-type {
		margin-right: 0.5em;
	}
	.footer-bottom-section .association-logos{
		flex-direction: row;
	}
	.footer-bzt {
		margin-bottom: 0;
	}
	.footer-bottom-section .association-logos {
		min-width: 0;
	}
}
/* amenity banner */

@media only screen and (max-width: 649px) {
	.top-amenity .welcome-splash-text{
		padding: 20px;
	}
	.top-amenity .welcome-splash-text p{
		max-width: 400px !important; 
	}
}
@media only screen and (max-width: 750px){
	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		position: fixed;
		transform: translateX(100%) translateY(0);
	}
	
	.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		transform: translateX(0) translateY(0);
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.primary-menu-container .mobile-nav-button-holder, .primary-menu-container .mobile-nav-button-holder .new-btn-light-full {
		width: 100% !important;
		max-width: none !important;
	}
	.primary-menu-container {
		display: block;
	}
	.primary-menu-container .mobile-nav-menu-logo {
		display: block;
	}
	.social-icons-mobile{
		display: block;
	}
	
	#masthead.site-header {
		padding: 0 0;
	}
	.primary-menu-container {
		background-color: #E7E2DE !important;
	}
	
	.primary-menu-container ul li a {
		color: #33383B !important;
	}
	.new-site-header {
		justify-content: center !important;
		padding-left: 0 !important;
	}
	.resident-portal-link {
		display: none !important;
	}
	.mobile-nav-button-holder > span {
		display: inline;
	}
	
	.mobile-nav-button-holder {
		align-items: flex-start;
		padding-bottom: 16px;
	
	}
		.mobile-nav-button-holder .new-btn{
		align-items: flex-start;
		padding-bottom: 16px;
		display: none;
	}
	.desktop-nav-logo {
		display: none;
	}
	
	
	.primary-navigation .primary-menu-container > ul > .menu-item { 
		display: block;
	}
	
	#primary-menu-list {
		margin-top: 0;
	}
	
	.primary-menu-container {
		padding: 16px 26px !important;
	}
	#masthead {
		max-height: 82px;
		height: 82px;
	}
	
	.new-header-icons {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
	}
	
	.custom-logo {
		max-width: 130px !important;
	}
	
	.menu-button-container {
		display: flex;
	}
	.menu-button-container{
		position: absolute !important;
		right: 20px !important;
		top: 25px;
	}
}