.top-banner {
	background: #000 url(/wp-content/uploads/2025/08/Fieldstone-banner.webp) no-repeat;
    background-size: cover;
	background-position: center;
	height: 680px;
}
.top-banner .coming-soon {
	margin-top: 190px;	
}
.top-banner .coming-soon span {
	font: 500 28px/35px "Roboto", sans-serif;
	color: #fff;
	display: block;
}
.top-banner .coming-soon span.construction-text {
	padding-top: 30px;	
}
.pre-selling-callout {
	color: #B2292D;
	font: 700 40px/50px "Roboto";
	text-align: center;
	display: block;
	padding-bottom: 10px;	
}
@media (max-width: 991px) { 
	.pre-selling-callout {
		font: 700 28px/30px "Roboto";
	}
}
.intro {
	padding: 40px 0;
	border-radius: 50px;
 	position: relative;
 	background-color: #fff;
}
.intro h1, .home-sweet-home h2, .love-where-you-live h2 {
	font: 700 55px/50px "Roboto";
	color: #707070;
	padding-bottom: 20px;
}
.intro p, .home-sweet-home p, .love-where-you-live p, .location p, .construction p {
	font: 400 18px/28px "Roboto";
	color: #707070;
}
.home-sweet-home {
	background: url(/wp-content/uploads/2025/08/Fieldstone-bg-1.webp) no-repeat;
	background-size: contain;
    background-position: 60% center;
	padding-bottom: 20px;
}
.love-where-you-live {
	padding: 50px 0;
	background: url(/wp-content/uploads/2025/08/Fieldstone-bg-2.webp) no-repeat;
	background-size: contain;
    background-position: 50% center;
}
.love-where-you-live em {
	font-weight: 500;	
}
.love-where-you-live .register {
	padding-top: 40px;
}
.register p {
	font: 400 25px/35px "Roboto";
	color: #707070;
}
.register .round-button {
	background-color: #000;
	border-radius: 0;
	width: 210px;
	font-weight: 400;
	font-size: 25px;
}
.location h3, .construction h3 {
	font: 700 40px/50px "Roboto";
	color: #707070;
	padding-bottom: 20px;
}
.amenities {
	padding: 40px 0;	
}
.amenities .seperator {
    border-right: 1px solid #707070;
	margin-right: 40px;
	height: 150px;
    margin-top: 75px
}
.amenities span {
	color: #707070;
    display: block;
}
.amenities span.location-name {
  	font: 500 18px/28px "Roboto", sans-serif;
}
.amenities span.description {
  	font: 300 18px/28px "Roboto", sans-serif;
	padding-top: 5px;
}
section.register {
	background: url(/wp-content/uploads/2025/08/Fieldstone-bg-3.webp) no-repeat;
	background-size: 50%;
    background-position: center -45%;
	padding: 40px 0;
}
.construction {
	padding-top: 30px;
	background-color: #EEF4E3;
}
.construction h3, .construction p {
	color: #000;
}
.construction .swiper-slide img{
	border-radius: 40px;
}
#video-link-modal .modal-dialog {
	  max-width: 70%;
	}
.btn-construction.round-button {
	background-color: #B7D584;
	color: #000;
	border-radius: 0;
	width: 320px;
	font: 500 22px/28px "Roboto", sans-serif;
	text-transform: none;
}
.videoplay:hover{
	cursor: pointer;
}
.modal-content .close{
	z-index:9;
	}
@media (max-width: 991px) {
	.top-banner {
		height: 400px;
	}
	.top-banner .coming-soon {
		margin-top: 60px;	
	}
	.intro {
	    padding: 30px 0;
	    border-radius: 25px;
	}
	.top-banner .coming-soon span {
		font: 500 19px/24px "Roboto", sans-serif;
	}
	.top-banner .coming-soon span.construction-text {
		padding-top: 15px;	
	}
	.btn-construction.round-button {
		width: 250px;
		font: 500 18px/20px "Roboto", sans-serif;
	}
	.love-where-you-live, .home-sweet-home {
		padding-top: 0;	
	}
	.love-where-you-live {
		padding-bottom: 30px;
	}
	.home-sweet-home h2 {
		padding-top: 30px;
	}
	.intro h1, .home-sweet-home h2, .love-where-you-live h2 {
		font: 700 30px/35px "Roboto";
	}
	.intro p, .home-sweet-home p, .love-where-you-live p, .location p, .construction p {
		font: 400 17px/25px "Roboto";
	}
	.love-where-you-live .register {
		padding-top: 20px;
	}
	.register p {
		font: 400 18px/28px "Roboto";
	}
	.register .round-button { 
		font-size: 22px;
		width: 200px;
	}
	.location h3, .construction h3 {
		font: 700 25px/30px "Roboto";
	}
	.amenities {
		padding-bottom: 0;	
	}
	.amenities .seperator {
		display: none;
	}
	.amenities span.location-name, .amenities span.description {
		text-align: center;
	}
	#video-link-modal .modal-dialog {
		max-width: 90%;
	}
}
	
/** CTA CSS */
.quick-comm {
    background-color: #fff;
    padding: 30px 0;
}
.quick-comm__header {
    font-size: 18px;
    font-weight: 700;
}
.quick-comm__location-icon {
    color: #dc3545;
    font-size: 24px;
}
.quick-comm__location-info {
    font-size: 16px;
}
.quick-comm__location-info span {
    color: #B2292D;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    display: block;
}
.quick-comm__location-info a {
    margin-bottom: 0;
    color: inherit;
    text-decoration: underline;
}
.quick-comm__location-info p {
    margin-bottom: 0;
	font-weight:500;
}
.quick-comm__btn {
    border-width: 1px;
    font-weight: 500;
    border-radius: 5px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    border: solid 1px #707070;
    color: #000;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.quick-comm__btn.register {
	color: #FFF;
  	background-color: #B2292D;
  	display: block;
}
.quick-comm__btn.register:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #B2292D;
}
.quick-comm__btn.question:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #333;
}
@media (max-width: 768px) {
.quick-comm__header {
    font-size: 15px;
}
.quick-comm__location-info, .quick-comm__location-info span, .quick-comm__location-info p {
    font-size: 14px;
}
}
	
.promo {
	background: #f7f7f7;
}
.promo h2 {
	font: 500 1.25rem/1.563rem "Roboto";
	color: #005683;
}
.promo h3 {
	color: #333;
	font: 500 1.438rem/1.75rem "Roboto";
	margin-bottom: 0;
}
.promo p.disclaimer {
	font: 400 0.75rem/1rem 'Roboto', sans-serif;
	color: #666;
}
.promo .community-link-btn {
  background-color: #333;
  color: #fff;
  font: 700 1.125rem/1.375rem 'Roboto', sans-serif;
  text-transform: uppercase;
  border-radius: 0.3125rem;
  width: 15rem;
  padding: 0.625rem;
  height: auto;
  border: 0;
}
@media (max-width: 768px) {
	.promo-container {
		padding: 0;
	}
}