/*

* 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-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;

}

.home-neighborhood-feed-slider {

	width: 1332px;

	margin: 0 auto;

	max-width: calc(100% - 30px);

	gap: 0;

}

.home-neighborhood-feed {

	gap: 0;

}

.home-neighborhood-feed-item {}

.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%);

}

.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;

}

.exclusivity {
	position: absolute;
	z-index: 10000;
	right: 10px;
	top: 10px;
	font-weight: 200;
	letter-spacing: 0.040em;
	color: #fff;
	background: var(--site-accent-color);
	padding: 5px;
}

@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(65.938vw, 1000px); */

		height: 65%;

	}

}

@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;

	}

	.home-neighborhood-feed-slider {

		display: flex;

		flex-flow: row wrap;

		align-items: center;

		justify-content: center;

		width: 83.25vw;

	}



	.home-neighborhood-feed-item {

		margin-left: min(2.203vw, 30px);

		width: calc(100% / 3 - min(1.615vw, 22px));

	}



	.home-neighborhood-feed-item:nth-child(n + 4) {

		margin-top: min(2.203vw, 30px);

	}

	.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% - 330px);

		max-height: none;

	}

	.home-neighborhood-feed-item-text.hover-phase .site-button {

		max-width: 370px;

	}

	.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% - 380px);

	}

}