/*******************************************************
 *
 * Neighborhoods
 *
 *******************************************************/

header.main-header{
    background: #000;
}

#inner-page-wrapper {
    margin-bottom: 0;
}

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

.ip-neighbor-wrap #breadcrumbs {
    padding: 0 20px;
    line-height: 1.6;
}

.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 {
    padding: 230px 0 100px;
}

.ip-banner {
    display: none;
}


/* Welcome */
.ip-neighbor-welc {
    padding: 40px 20px 10px;
}

    .ip-neighbor-welc-title {
        font-family: var(--font-family-title);
        font-size: clamp(35px,3.750vw,60px);
        text-align: center;
    }

        .ip-neighbor-welc-title h2 {
            width: fit-content;
            margin: 0 auto;
            position: relative;
        }

            .ip-neighbor-welc-title h2:before {
                position: absolute;
                content: '';
                width: 100vw;
                height: 1px;
                top: 50%;
                transform: translateY(-50%);
                left: calc(100% + 40px);
                background: #ccc;
            }

        .ip-neighbor-welc-text {
            text-align: center;
            padding-top: 10px;
            max-width: 1045px;
            margin: 0 auto;
        }
            .ip-neighbor-welc-text p {
                font-size: 15px;
                letter-spacing: 0.02em;
                line-height: 24px;
                margin: 0px 0 25px;
            }

.ip-neighbor-details{
    display: flex;
    padding-top: 10px;
}

    .ip-neighbor-det-slider {
        width: 50%;
    }

        .ip-neighbor-main-slide-text {
            background: #000;
            padding: 40px 40px 30px;
        }

            .ip-neighbor-main-slide-text h2 {
                font-size: 24px;
                font-family: var(--font-family-title);
                margin: 0px 0 15px;
                color: #fff;
            }

            .ip-neighbor-main-slide-text p {
                font-size: 15px;
                letter-spacing: 0.02em;
                line-height: 24px;
                color: #fff;

            }

        .ip-neighbor-thumb-slider {
            padding-top: 4px;
        }

            .ip-neighbor-thumb-slider .slick-slide > div {
                padding: 0 2px;
            }

            .ip-neighbor-thumb-slider .slick-list.draggable {
                margin-left: -2px;
            }

    .ip-neighbor-det-content {
        width: 50%;
        padding: 0 clamp(50px,6.25vw,100px) 0 clamp(30px,3.75vw,60px);
    }

        .ip-neighbor-det-content ul li {
            padding: 20px 0;
            border-top: 1px solid #ccc;
        }

        .ip-neighbor-det-content ul li:first-child {
            border: navajowhite;
            padding-top: 0;
        }

        .ip-neighbor-det-content ul li h3 {
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 600;
        }

            .ip-neighbor-det-content ul li h3 {
                font-size: 20px;
                text-transform: uppercase;
                font-weight: 600;
            }

            .ip-neighbor-det-content ul li p {
                font-size: 15px;
                letter-spacing: 0.02em;
                line-height: 24px;
                margin: 10px 0 0;
            }


/* Stat */

.ip-neighbor-stats {
    display: flex;
    padding-top: 110px;
}

.ip-neighbor-stats-left, .ip-neighbor-stats-right {
    width: 50%;
}

.ip-neighbor-stats-title {
    font-family: var(--font-family-title);
    font-size: clamp(35px,3.750vw,60px);
    text-align: center;
}

    .ip-neighbor-stats-title h2 {
        width: fit-content;
        position: relative;
    }

        .ip-neighbor-stats-title h2:before {
            position: absolute;
            content: '';
            width: 100vw;
            height: 1px;
            top: 50%;
            transform: translateY(-50%);
            left: calc(100% + 40px);
            background: #ccc;
        }

    .ip-neighbor-stats-caption{}

        .ip-neighbor-stats-caption h3 {
            font-size: clamp(20px,1.875vw,30px);
            text-transform: uppercase;
            color: #666;
            letter-spacing: 0.16em;
            font-weight: 300;
        }


.ip-neighbor-stats-left {
    padding-left: clamp(60px,7.813vw,125px);
    padding-right: 55px;
}

    .ip-neighbor-stats-list {
        margin-top: 45px;
    }

        .ip-neighbor-stats-list ul {
            width: fit-content;
        }

            .ip-neighbor-stats-list ul li {
                display: flex;
                justify-content: end;
                padding: 16px 0;
                border-bottom: 1px solid rgba(204,204,204,0.3);
            }

            .ip-neighbor-stats-list ul li:last-child {
                border: navajowhite;
            }

                .ip-neighbor-stats-list ul li span {
                    font-size: 16px;
                    text-transform: uppercase;
                    letter-spacing: 0.05em;
                }

                 .ip-neighbor-stats-list ul li span:last-child {
                    min-width: 160px;
                    display: inline-block;
                    text-align: right;
                }

                .ip-neighbor-stats-list ul li span:first-child {
                    font-weight: 700;
                    text-align: right;
                    display: inline-block;
                    min-width: 235px;
                }

    .trail-data {
        font-size: 12px;
        text-align: right;
        margin-top: 70px;
    }


/* Properties */

.ip-neighbor-properties {
    padding: 115px 20px 0;
}

.ip-neighbor-prop-inner {
    width: 100%;
    max-width: max(1200px,75vw);
    margin: 0 auto;
}

.ip-neighbor-prop-title {
    margin-left: clamp(100px,13.125vw,210px);
}

.ip-neighbor-prop-title h2 {
    font-family: var(--font-family-title);
    font-size: clamp(35px,3.750vw,60px);
    position: relative;
    width: fit-content;
    text-transform: uppercase;
}

.ip-neighbor-prop-title h2:before {
    position: absolute;
    content: '';
    width: calc(100% + 25px);
    height: 120px;
    top: 45%;
    left: calc(100% + 40px);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.ip-neighbor-prop-title span {
    font-size: clamp(20px,1.875vw,30px);
    text-transform: uppercase;
    color: #666;
    letter-spacing: 0.16em;
    letter-spacing: 0;
    font-weight: 300;
    margin-bottom: 15px;
    display: inline-block;
}

.ip-neighbor-prop-items {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
    gap: 1px;
}

    .ip-neighbor-prop-item {
        width: 33.2%;
    }


.ip-neighbor-prop-item-label {
    text-align: center;
}

    .ip-neighbor-prop-item-label h2 {
        font-size: clamp(14px,1.250vw,20px);
        margin: 18px 0 15px;
    }

        .ip-neighbor-prop-item-label span {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.05em;
        }


.ip-neighbor-prop-btn {
    margin-top: 55px;
    text-align: center;
}

    .ip-neighbor-prop-btn .global-site-btn a {
        min-width: 325px;
        margin: 0 auto;
    }

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    .ip-neighbor-wrap {
        padding: 50px 0;
    }
	
    .ip-neighbor-details {
        flex-direction: column;
        align-items: center;
    }

    .ip-neighbor-det-slider {
        width: 100%;
    }

    .ip-neighbor-det-content {
        width: 100%;
        padding: 40px 30px;
        text-align: center;
    }

    .ip-neighbor-stats {
        flex-direction: column;
        align-items: center;
    }

    .ip-neighbor-stats > div {
        width: 100%;
    }  

    .ip-neighbor-stats-left {
        padding: 0 30px;
        text-align: center;
    }

    .ip-neighbor-stats-title h2 {
        width: fit-content;
        margin: 0 auto;
    }

    .ip-neighbor-stats-list ul {
        margin: 0 auto;
    }

    .trail-data {
        margin: 20px 0;
        text-align: center;
    }
	
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

    .ip-neighbor-prop-item {
        width: 49%;
        margin-bottom: 40px;
    }

    .ip-neighbor-prop-item-label h2{
        font-size: 18px;
    }

}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {

    .ip-neighbor-stats-list ul li {
        flex-direction: column;
    }

    .ip-neighbor-stats-list ul li span {
        text-align: center !important;
        margin: 10px 0;
        min-width: auto;
    }

    .ip-neighbor-prop-item {
        width: 100%;
    }

}