#inner-page-wrapper {



    margin-bottom: 20px;



}



#inner-page-wrapper> .container {



    width: 100%;



    padding: 0;



}



#ip-neighborhood-details {



	position: relative;



	overflow: hidden;



}





.ip-nd-contents {



	position: relative;



	background: #fff url(../../images/neighborhood-details/accent-logo-b.png) 100% 38% no-repeat;

	padding: 50px 0 0;



}



	.ip-nd-title {



		font-family: var(--title-font);



		font-size: 44px;



		line-height: 0.93;



		font-weight: 400;



		letter-spacing: 0.02em;



		color: #3e3e3f;



		text-transform: uppercase;



		margin-bottom: 53px;



	}



		.ip-nd-title span {



			display: block;



		}



		.ip-nd-title span.ip-nd-title-blue {



			color: #6fb5e4;



		}



		.ip-nd-title span.ip-nd-title-accent-line {



			display: inline-block;



			position: relative;



		}



			.ip-nd-title span.ip-nd-title-accent-line:before {



				content: '';



				position: absolute;



				width: 2000px;



				height: 2px;



				background: #d7d7d7;



				right: 100%;



				top: 0;



				bottom: 0;



				margin: auto;



				margin-right: 40px;



			}



			.ip-nd-title span.ip-nd-title-accent-line.is-align-right:before {



				left: 100%;



				right: initial;



				margin-right: 0;



				margin-left: 40px;



			}



		.ip-nd-title.is-align-right {



			text-align: right;



		}







	.ip-nd-contents p {



		font-weight: 300;



		font-size: 16px;



		letter-spacing: 0.02em;



		line-height: 28px;



		color: #3e3e3f;



		margin: 28px 0;



	}





/*OTHER COMMUNITIES START*/



.ip-nd-other-communities {



	position: relative;



	padding: 119px 0 121px;



}



	.ip-nd-other-communities .container {



		position: relative;



		width: 1370px;



		max-width: 100%;



	}



	.communities-title {



	    align-self: center;



	    margin-bottom: 30px;



	}



		.communities-title h2 {



			font-family: var(--title-font);



			font-weight: 400;



			font-size: 50px;



			letter-spacing: 0.02em;



			line-height: 0.93;



			color: #3e3e3f;



			text-transform: uppercase;



		}



			.communities-title h2 span {



				display: inline-block;



				color: #6fb5e4;



				position: relative;



			}



				.communities-title h2 span:before {



					content: '';



					position: absolute;



					width: 200px;



					height: 2px;



					background: #d7d7d7;



					left: 100%;



					top: 0;



					bottom: 0;



					margin: auto;



					margin-left: 40px;



				}







	.communities-list {



		margin: 0 -3px;



	}







		.communities-item {



			width: 50%;



			padding: 3px;



		}







			.communities-item a {



				display: block;



				position: relative;



				overflow: hidden;



			}







				.communities-image {



					position: relative;



					background: #2675ab;



					z-index: 1;



					overflow: hidden;



				}







					.communities-image::before, .communities-image::after {



						content: '';



						display: block;



						position: absolute;



						top: 0;



						bottom: 0;



						left: 0;



						right: 0;



						z-index: 3;



						-webkit-transition: all 0.35s ease-in-out;



						transition: all 0.35s ease-in-out;



					}







					.communities-image::before {



						background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.45)));



						background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);



					}







					.communities-image::after {



						background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(111, 181, 228, 0.85)));



						background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(111, 181, 228, 0.85) 100%);



						opacity: 0;



					}







					.communities-image canvas {



						display: block;



						position: relative;



						width: 100%;



						z-index: 1;



						-webkit-transition: all 0.35s ease-in-out;



						transition: all 0.35s ease-in-out;



					}







				.communities-logo {



					position: absolute;



					top: 0;



					bottom: 0;



					left: 0;



					right: 0;



					background: url(../../images/logo-mono.png) no-repeat left 57%/64.46% auto;



					opacity: 0;



					-webkit-transform: translateX(-20%);



					      transform: translateX(-20%);



					z-index: 2;



					-webkit-transition: all 0.35s ease-in-out;



					transition: all 0.35s ease-in-out;



				}







			.communities-item a:hover .communities-image::before {



				opacity: 0;



			}







			.communities-item a:hover .communities-image::after {



				opacity: 1;



			}







		.communities-item a:hover .communities-image canvas {



			-webkit-filter: grayscale(1);



			      filter: grayscale(1);



			opacity: 0.5;



		}







		.communities-item a:hover .communities-logo {



			opacity: 0.4;



			-webkit-transform: translateX(0);



			      transform: translateX(0);



		}







		.communities-text {



			position: absolute;



			/*width: calc( 100% - 60px);*/



			width: calc( 100% - 40px);



			left: 0;



			right: 0;



			bottom: -10%;



			margin: auto;



			/*padding: 32px 22px 70px;*/



			padding: 40px 15px 0;



			/* -webkit-transform: translateY( calc(100% - 200px) );



			      transform: translateY( calc(100% - 200px) ); */



			z-index: 2;



			-webkit-transition: all 0.35s ease-in-out;



			transition: all 0.35s ease-in-out;



		}







		.communities-text::before {



			content: '';



			display: block;



			position: absolute;



			width: 3px;



			height: 72px;



			top: 20px;



			left: 0;



			background: var(--primary-color);



			-webkit-transition: all 0.35s ease-in-out;



			transition: all 0.35s ease-in-out;



		}







		.communities-item a:hover .communities-text {



			bottom: 0;

			padding-bottom: 70px;



		}







		.communities-item a:hover .communities-text::before {



			background: #ffffff;



		}







		.communities-name {



			/*font: 400 52px/1 var(--title-font);*/



			font: 400 36px/1 var(--title-font);



			color: #ffffff;



			letter-spacing: 0.02em;



			text-transform: uppercase;



		}



		.communities-name em {

			display: block;

			font-size: 0.45em;

			font-weight: 500;

			margin-top: 10px;

		}







		.communities-description {



			font-size: 16px;



			color: #ffffff;



			line-height: 1.8;



			letter-spacing: 0.02em;



			text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);



			margin-top: 22px;



			opacity: 0;



			-webkit-transition: all 0.35s ease-in-out;



			transition: all 0.35s ease-in-out;



		}







		.communities-item a:hover .communities-description {



			opacity: 1;



		}







		.communities-holder a.site-button {



			display: block;



			width: 280px;



			margin: 60px auto 0;



		}





/*OTHER COMMUNITIES END*/



@media only screen and (max-width: 1366px) {



	/* Communities : START */

	.communities-text {

        width: calc( 100% - 30px );

        padding: 40px 15px 0;

    }

	/* Communities : END */



}







@media only screen and (max-width: 1199px) {



	/*OTHER COMMUNITIES START*/



	.communities-title h2 {



	    font-size: 60px;



	}



    .communities-title .site-title {



        width: calc( (100vw - 940px) / 2 + 100%);



        margin-left: calc( (100vw - 940px) / -2);



    }



    .communities-text {



        width: calc( 100% - 20px);



        padding-left: 10px;



        padding-right: 10px;



        padding-bottom: 0;




    }



    .communities-text::before {



        height: 48px;

		top: 32px;



    }



    .communities-name {



        font-size: 25px;



    }



    .communities-description {



        font-size: 14px;



    }

	.communities-item a:hover .communities-text {


		padding-bottom: 30px;


	}



    /*OTHER COMMUNITIES END*/



}



@media only screen and (max-width: 991px) {



	



	.ip-nd-title,



	.ip-nd-title.is-align-right {



		text-align: center;



	}



	.ip-nd-btn {

	    text-align: center;

	}



	.ip-nd-btn a {

	    margin: 5px 0;

	}



	/*OTHER COMMUNITIES START*/



	.communities-title h2 {



		text-align: center;



	}



	.communities-title h2 span:before,



	.ip-nd-title span.ip-nd-title-accent-line:before {

		display: none;

	}



    .communities-title .site-title {

        width: 150%;

        margin-left: -50%;

    }



    .communities-holder {

        max-width: 600px;

        margin-left: auto;

        margin-right: auto;

    }



    .communities-item {

        width: 100%;

    }



	.communities-text {

        padding-top: 30px;

		bottom: -8%;

    }

    .communities-text::before {

        display: none;

    }

    .communities-name {

        position: relative;

        /* height: 48px; */

        display: flex;

        align-items: center;

		align-items: flex-start;

        flex-direction: column;

		padding-bottom: 10px;

    }

	.communities-name em {

		margin-top: 5px;

	}

    .communities-name::before {

        content: '';

        display: block;

        position: absolute;

        width: 3px;

        height: 100%;

        top: 0;

        left: -10px;

        background: var(--primary-color);

        -webkit-transition: all 0.35s ease-in-out;

        transition: all 0.35s ease-in-out;

    }

    .communities-item a:hover .communities-name::before {

        background: #ffffff;

    }

    .communities-description {

        margin-top: 0;

    }



    /*OTHER COMMUNITIES END*/



    .ip-nd-title,

    .communities-title h2 {



	    font-size: 50px;



	    line-height: .94;



	}



 

    .ip-nd-title span.ip-nd-title-accent-line:before {



		display: none;



	}



}



@media only screen and (max-width: 767px) {



	

	/*OTHER COMMUNITIES START*/



    .communities-text {



        padding-bottom: 10px;



    }



    .communities-name {



        font-size: 15px;



    }



    .communities-description {



        font-size: 10px;



        line-height: 1.2;





    }



    /*OTHER COMMUNITIES END*/







    .ip-nd-title, .communities-title h2 {



	    font-size: 40px;



	}

	



}	



@media only screen and (max-width: 480px) {



	



}



/* PAGINATION START */

.ip-pagination-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
	margin-bottom: 40px;
	padding: 40px 20px;
}

.ip-pagination {
	width: 100%;
}

.ip-pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.ip-pagination li {
	margin: 0;
	padding: 0;
}

.ip-pagination a,
.ip-pagination span.page-numbers {
    display: inline-block;
    margin: 0 6px;
    color: #3e3e3f;
    text-decoration: none;
	font-size: 16px;
}

.ip-pagination a:hover {
    color: #6fb5e4;
}

.ip-pagination span.page-numbers.current {
    color: #6fb5e4;
}

.ip-pagination .ip-page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

/* .ip-pagination a.prev,
.ip-pagination a.next {
	font-weight: 600;
	font-size: 13px;
} */

.ip-pagination a.prev:hover,
.ip-pagination a.next:hover {
	color: #6fb5e4;
}

/* PAGINATION RESPONSIVE */

@media only screen and (max-width: 767px) {
	.ip-pagination-wrapper {
		margin-top: 60px;
		margin-bottom: 30px;
		padding: 30px 15px;
	}

	.ip-pagination ul {
		gap: 8px;
	}

	.ip-pagination a,
	.ip-pagination span.page-numbers {
		min-width: 36px;
		height: 36px;
		font-size: 13px;
		padding: 0 6px;
	}
}

@media only screen and (max-width: 480px) {
	.ip-pagination-wrapper {
		margin-top: 50px;
		margin-bottom: 20px;
		padding: 20px 10px;
	}

	.ip-pagination ul {
		gap: 6px;
	}

	.ip-pagination a,
	.ip-pagination span.page-numbers {
		min-width: 32px;
		height: 32px;
		font-size: 12px;
		padding: 0 4px;
	}

	.ip-pagination .ip-page-link {
		font-size: 11px;
	}
}

/* PAGINATION END */