/*******************************************************

 *

 * Neighborhood

 *

 *******************************************************/

html {

    scroll-behavior: smooth;

}



#inner-page-wrapper {

    margin-bottom: 0;

}



#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;

}



.ip-banner {

    display: block !important;

}



.img-canvas{

    position: relative;

    overflow: hidden;

}



.img-canvas canvas{

    display: block;

    width: 100%;

    height: auto;

}



.img-canvas img{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

    transition: 0.3s;

}

.ip-neighbor-wrap {

    position: relative;

    padding: 60px 0 100px;

}

.ip-neighbor-main-bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

}

.ip-neighbor-main-bg::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 50%;

    bottom: 0;

    left: 0;

    background: linear-gradient(0deg, #086c45, transparent);

}



.ip-neighbor-main-bg canvas {

    display: block;

    width: 100%;

    height: 100%;

    background: center / cover no-repeat fixed;

    filter: grayscale(1);

    opacity: 0.15;

}



.safari-true .ip-neighbor-main-bg canvas{

    background-attachment: scroll;

}

.ip-neighbor-main {

    padding: 0 20px;

}

.ip-neighbor-main-content  {

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

}

.ip-neighbor-img {

    display: block;

    /*width: calc((785 / 1440)* 100%);

    float: left;*/

    margin: 30px 0 2% 0;

}

.ip-neighbor-content h2 {

    text-transform: uppercase;

    font-size: 30px;

    font-weight: bolder;

    letter-spacing: 0.05em;

    line-height: 1.2;

}

.ip-neighbor-content p {

    font-size: 15px;

    letter-spacing: 0.05em;

    line-height: 23px;

    margin: 25px 0;

}

.ip-neighbor-events {

    clear: both;

    padding: 0 20px;

   

}



.ip-neighbor-events-inner {

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

    padding-top: 50px;

}

.ip-neighbor-events-title h2 span {

    font-size: 40px;

    display: block;

    font-weight: 100;

    margin-top: 10px;

    line-height: 1.2;

}

.ip-neighbor-events-title h2 span em {

    font-style: normal;

    font-weight: 600;

}

.ip-neighbor-events-title h2 {

    font-size: 23px;

    text-transform: uppercase;

    letter-spacing: 0.1em;

}

.ip-neighbor-events-items {

    margin-top: 40px;

}

.ip-neighbor-events-items {

    margin-top: 40px;

    display: flex;

    gap: 10px;

}

.ip-neighbor-events-item {

    width: 33.33%;

}

.ip-neighbor-events-item:hover .ip-neighbor-events-item-img img {

    transform: scale(1.2);

}

.ip-neighbor-events-item-content {

    padding: 15px 25px 40px;

    background: #fff;

    box-shadow: 0 3px 11px #ccc;

}

.ip-neighbor-events-item a {

    display: block;

}

.ip-neighbor-events-item a:hover {

    text-decoration: none;

}

.ip-neighbor-events-item-title {

    text-align: center;

    padding: 30px 10px;

}

.ip-neighbor-events-item-title h2 {

    text-transform: uppercase;

    letter-spacing: 0.1em;

    font-size: 20px;

    color: #000;

}

.ip-neighbor-events-item-text p {

    text-align: center;

    line-height: 23px;

    color: #000;

    letter-spacing: 0.05em;

    font-size: 15px;

}



.ip-neighbor-events-item-learn-more {

    margin-top: 30px;

}

.ip-neighbor-events-item-learn-more span {

    display: flex;

    text-transform: uppercase;

    padding: 20px 30px;

    border-radius: 26px;

    background: #086c45;

    width: fit-content;

    color: #fff;

    letter-spacing: 0.1em;

    margin: 0 auto;

    transition: 0.3s;

}



.ip-neighbor-events-item-learn-more span:hover {

    background: #000;

}



/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/

@media only screen and (min-width: 992px) {

    .ip-neighbor-content p {

        font-size: 1.06vw;

    }

}

 

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 

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

    .ip-neighbor-main-bg canvas {

        background-attachment: scroll;

    }

    .ip-neighbor-events-title h2 span {

        font-size: 30px;

    }

    .ip-neighbor-events-title h2 {

        font-size:18px;

    }

    .ip-neighbor-content h2 {

        font-size: 20px;

    }

} 



/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 

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

    body #gallery-1 img {

        width: 100%;

        object-fit: cover;

    }

	.ip-neighbor-img.img-canvas {

        margin: 0;

        float: none;

        width: 100%;

    }

    .ip-neighbor-content {

        padding-top: 40px;

        text-align: center;

    }



    .ip-neighbor-content h2 {

        font-size: 30px;

    }

    .ip-neighbor-events-title {

        text-align: center;

    }

    .ip-neighbor-events-items {

        flex-direction: column;

        gap: 0;

    }

    .ip-neighbor-events-item {

        width: 100%;

        max-width: 600px;

        margin: 0 auto 40px;

    }

	

} 



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 

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

    body #gallery-1 .gallery-item {

        width: 100%;

        float: none;

    }

}   



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 

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



}