#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: 0;

			margin: auto;

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

			padding: 40px 15px 70px;

			-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 {

			-webkit-transform: translateY(0);

			      transform: translateY(0);

		}



		.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*/

/* BLOGS START*/
.ip-nd-blogs {}

.ip-nd-blogs > .container {
    position: relative;
    width: 1370px;
    max-width: 100%;
}

.ip-nd-blogs-title {
    padding-bottom: 50px;
}

.ip-nd-blogs-title .site-title span {display: -webkit-box;font-size: inherit;color: var(--secondary-color);}

.ip-nd-blogs-title .site-title h2 {text-transform: uppercase;color: var(--primary-color);}

.ip-nd-blogs-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #d9d9d9;
	flex-wrap: wrap;
}

.ip-nd-blogs-item-image {
    width: 27%;
}

.ip-nd-blogs-item-text {
    width: 70%;
}

.ip-nd-blogs-item-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 287/214;
    object-fit: cover;
    object-position: center;
}

.ip-nd-blogs-item-text h3 {
    font: 400 35px / 1 var(--title-font);
    color: var(--primary-color);
    letter-spacing: 0.025em;
    text-transform: uppercase;
    margin: 0 0 .75em;
}

.ip-nd-blogs-item-text p {
    font-family: var(--body-font);
    font-size: 15px;
    color: #3e3e3f;
    line-height: 1.7;
    letter-spacing: 0.025em;
}

.ip-nd-blogs-item-text a {
    font-family: var(--body-font);
    font-size: 15px;
    color: #3e3e3f;
    line-height: 1.7;
    letter-spacing: 0.025em;
    margin-top: 20px;
    text-decoration: none;
    display: block;
    transition: all 0.4s ease-in-out;
}

.ip-nd-blogs-item-text a:hover {
    color: var(--primary-color);
}

.ip-nd-blogs-pagination {
    text-align: center;
    font-family: var(--body-font);
    font-size: 15px;
    color: #3e3e3f;
    line-height: 1.7;
    letter-spacing: 0.025em;
}

.ip-nd-blogs-pagination .page-links * {
    margin: 0 5px;
    display: inline-block;
}

.ip-nd-blogs-pagination .page-links a{
    transition: all 0.4s ease-in-out;
}

.ip-nd-blogs-pagination .page-links .current,
.ip-nd-blogs-pagination .page-links a:hover{
    color: var(--primary-color);
}


/* BLOGS END */

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

	/* Communities : START */
	.communities-text {
        width: calc( 100% - 30px );
        padding: 40px 15px 70px;
    }
	/* 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: 20px;

        -webkit-transform: translateY( calc(100% - 140px) );

        transform: translateY( calc(100% - 140px) );

    }

    .communities-text::before {

        height: 48px;
		top: 32px;

    }

    .communities-name {

        font-size: 25px;

    }

    .communities-description {

        font-size: 14px;

    }

    /*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;
    }
    .communities-text::before {
        display: none;
    }
    .communities-name {
        position: relative;
        height: 48px;
        display: flex;
        align-items: center;
		align-items: flex-start;
        flex-direction: column;
    }
	.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;

	}

	/* BLOGS START*/
	.ip-nd-blogs-title .site-title{
		text-align: center;
	}

	.ip-nd-blogs-title .site-title span::after {
		display: none;
	}
	
	.ip-nd-blogs-title .site-title span {
		text-align: center;
		display: block;
	}

	.ip-nd-blogs-item-image {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 40px;
	}
	
	.ip-nd-blogs-item-text {
		width: 100%;
		text-align: center;
	}
	/* BLOGS END*/

}

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

	
	/*OTHER COMMUNITIES START*/

    .communities-text {

        -webkit-transform: translateY( calc(100% - 80px) );

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

        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) {

	

}