/*
* Template Name: Our Communities
*/

.ip-banner{
	display: none;
}
#inner-page-wrapper{
	margin-bottom: 0;
}

#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}

#ocomm-ip{}
.ocomm-top{
	padding: 40px 0;
	position: relative;
}
.ocomm-top:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: calc(100% - 100px);
	max-height: 1458px;
	background: url(../../images/our-communities/ocom-bg_01.jpg) center center no-repeat var(--site-primary-color);
	background-size: cover;
}
.ocomm-top #home-neighborhood {
	padding-bottom: 50px;
	background: #fff;
}
.ocomm-exrentcomm{
	position: relative;
	z-index: 1;
}
.exrentcomm-container{
	max-width: calc(100% - 30px);
	margin: 0 auto;
	width: 1333px;
}
.exrentcomm-wrap{}
.exrentcomm-top{}
.exrentcomm-title{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}
.exrentcomm-intro{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.875;
	letter-spacing: 0.050em;
	color: #565656;
	text-decoration: underline;
	margin: 24px 0 38px;
}
.exrentcomm-list{}
.exrentcomm-single{}
.exrentcomm-single a{
	display: block;
	position: relative;
	text-decoration: none;
}
.exrentcomm-single a .exrentcomm-hdr{
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-flow: row wrap;
    padding: 10px;
    font-size: 26px;
    font-weight: 200;
    letter-spacing: 0.040em;
    color: #fff;
    background: var(--site-accent-color);
    min-height: 49px;
    margin-bottom: 15px;
}
.exrentcomm-single a .exrentcomm-img{}
.exrentcomm-single a .exrentcomm-img:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/our-communities/ocomm_play.png) center center no-repeat;
	background-size: 23.708% auto;
	opacity: 0;
}
.exrentcomm-single a:hover .exrentcomm-img:before{
	opacity: 1;
}
.exrentcomm-single a .exrentcomm-img img{
	aspect-ratio: 329/331;
}
.home-slideshow-search-wrapper{
	position: relative;
	z-index: 1;
}
.ocomm-featrent{
	padding: 81px 0 85px;
}
.ocomm-neigh .home-neighborhood-feed-slider{
	width: 1332px;
	margin: 0 auto;
	max-width: calc(100% - 30px);
	gap: 0;
}
.ocomm-neigh .home-neighborhood-feed{
	gap: 0;
}
.ocomm-neigh .home-neighborhood-feed-item{

}
.ocomm-neigh .home-neighborhood-feed-item-text.hover-phase .site-button {
    max-width: 22.6vw;
}
.ocomm-neigh{
	padding: 81px 0 85px;
    background: url(../../../../../uploads/2024/01/hp-neighborhood-bg.jpg) center center no-repeat #fff;
    background-size: cover;
    position: relative;
}
.ocomm-neigh:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%);
}
.ocomm-neigh .home-neighborhood-inner{
	position: relative;
	z-index: 1;
}
.home-about-img{
	padding: 73px 0 0;
}
.home-about-img:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 10px;
	bottom: 0;
	right: 10px;
	margin: 0 auto;
	background: url(../../images/our-communities/ocom-bg_02.jpg) center bottom no-repeat;
	background-size: cover;
	max-width: 465px;
}
.home-about-img img{
	position: relative;
	z-index: 2;
	aspect-ratio: 584/773;
}
.ocomm-arm {
    padding: 40px 0 141px;
}
@media only screen and (min-width: 768px) {
	.exrentcomm-list{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: center;
	}
	.exrentcomm-single{
		margin-left: min(0.367vw,5px);
		width: calc(25% - min(0.294vw,4px));
	}
	.exrentcomm-single:nth-child(4n + 1){
		margin-left: 0;
	}
	.exrentcomm-single:nth-child(n + 5){
		margin-top: min(2.568vw,35px);
	}
	.exrentcomm-single a .exrentcomm-hdr{
	    padding: min(0.734vw,10px);
	    font-size: min(1.75vw,26px);
	    min-height: min(3.595vw,49px);
	    margin-bottom: min(1.101vw,15px);
	}
	.ocomm-top:before{
		/* max-height: min(115.951vw,1066px); */
		height: 75%;
	}
}
@media only screen and (min-width: 992px) {

	header.header .header-main-container {
	    background: var(--site-primary-color);
	}
	.ocomm-top {
	    /* padding: min(11.3125vw,181px) 0 65px; */
		padding: min(8.3125vw,181px) 0 65px;
	}
	.ocomm-top #home-neighborhood {
		padding-bottom: 5.2vw;
	}
	.ocomm-neigh .home-neighborhood-feed-slider{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		width: 83.25vw;
	}

	.ocomm-neigh .home-neighborhood-feed-item {
	    margin-left: min(2.203vw,30px);
	    width: calc(100% / 3 - min(1.615vw,22px));
	}

	.ocomm-neigh .home-neighborhood-feed-item:nth-child(n + 4) {
	    margin-top: min(2.203vw,30px);
	}
	.ocomm-neigh .home-neighborhood-feed-item:nth-child(3n + 1){
		margin-left: 0;
	}

	.home-about-img::after {
	    content: '';
	    position: absolute;
	    bottom: -3vw;
	    left: -3vw;
	    width: 16.8vw;
	    height: 91%;
	    background: rgb(206,143,102);
	    background: var(--site-gradient-background);
	    z-index: 0;
	}
	.home-about-feed{
		align-items: flex-end;
	}
	.home-about-photo {
	    width: 45.511%;
	}
	.home-about-text {
	    width: 53.7%;
	}
	.home-about-blurb {
	    padding-left: 0;
	}
	.home-about-button {
	    padding-left: 0;
	}
}
@media only screen and (min-width: 1200px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 991px) {
	.ocomm-top:before {
	    height: calc(100% - 340px);
	    max-height: none;
	}
	.ocomm-neigh .home-neighborhood-feed-item-text.hover-phase .site-button {
	    max-width: 370px;
	}
	.ocomm-neigh .home-neighborhood-feed-item:nth-child(n + 2){
		margin-top: 20px;
	}
	.home-about-photo {
	    max-width: 600px;
	}
	.home-about-text {
	    padding: 40px 0 0;
	}
	.home-about-button {
	    padding: 40px 0 15px;
	}
}
@media only screen and (max-width: 767px) {
	.exrentcomm-single {
	    max-width: 329px;
	    margin: 20px auto 0;
	}
	.exrentcomm-single:first-child{
		margin-top: 0;
	}
}
@media only screen and (max-width: 567px) {
	.exrentcomm-intro {
	    font-size: 14px;
	}
}
@media only screen and (max-width: 480px) {
	.ocomm-top:before {
	    height: calc(100% - 400px);
	}
}