.page-template-template-community-wrap {

}

.page-template-template-community-map .inner-page-banner {
    display: none;
}

.page-template-template-community-map #inner-page-wrapper {
    margin-bottom: 0 !important;
}

    .ip-community-map-wrap .community-map-wrap #content .community-map-wrap-inner .community-map-top {
        background: url('https://cdn.agentimagehosting.com/RidHAQ5lnS5GolcLqaT5q/2025/12/explore-banner.jpg') #000000 no-repeat;
        background-position: center center;
        background-size: cover;
        padding-bottom: 110px;
        position: relative;
    }

        .ip-community-map-wrap .community-map-wrap #content .community-map-title {
            font-size: 18px;
            font-weight: 300;
            line-height: 1;
            text-transform: uppercase;
            color: #fff;
            margin: 226px 0 0 0;
            position: relative;
            z-index: 3;
        }

        .ip-community-map-wrap .community-map-wrap #content .community-map-title strong {
            display: block;
            font-size: 116px;
            font-weight: 300;
            line-height: 0.84;
            margin-top: 20px;
        }

    .ip-community-map-wrap .community-map-wrap #content .community-map-wrap-inner .community-map-main {
        padding: 75px 15px 108px;
        background: url(../../images/community-map/map-bg.jpg) #000000 no-repeat center center / cover;
    }
        .map-outer {
            width: 1340px;
            max-width: 100%;
            margin: auto;
            font-size: 0;
        }
            .map-inner {
                position: relative;
                width: 1211px;
                margin: auto;
            }
                #transparent {
                    position: absolute;
                    top: 0;
                    left: 0;
                    /*z-index: 6;*/
                }
                #trueMap {
                    position: relative;
                    z-index: 2;
                }
                .map-hovers {

                }
                    .map-hovers > div {
                        position: absolute;
                        z-index: 3;
                    }
                        .map-hovers img {
                            opacity: 0;
                            -webkit-transition: all 0.35s ease-in-out;
                            -moz-transition: all 0.35s ease-in-out;
                            -o-transition: all 0.35s ease-in-out;
                            transition: all 0.35s ease-in-out;
                        }
                        .map-hovers > div.elem-active img {
                            opacity: 1;
                        }
                        .map-hovers > div:hover img {
                            opacity: 1;
                            cursor: pointer;
                        }
                        .map-hovers span {
                            display: block;
                            position: absolute;
                            font-size: 11px;
                            color: #ffffff;
                            line-height: 1.2;
                            text-align: center;
                            text-transform: uppercase;
                            white-space: nowrap;
                            pointer-events: none;
                        }
                            .map-hovers  span.is-text-gray {
                                color: #898989;
                            }
                            .map-hovers  span.is-with-line::before,
                            .map-hovers  span.is-with-line-02::after {
                                content: '';
                                display: block;
                                position: absolute;
                                width: 1px;
                                height: 1px;
                                background-color: #636363;
                            }
                    div[data-area="Downtown LA"] {
                        top: 334px;
                        left: 826px;
                    }
                        div[data-area="Downtown LA"] span {
                            top: 83px;
                            left: 8px;
                        }
                    div[data-area="Mid Wilshire"] {
                        top: 302px;
                        left: 777px;
                    }
                        div[data-area="Mid Wilshire"] span {
                            top: 20px;
                            left: -2px;
                        }
                    div[data-area="Hancock Park Wilshire"] {
                        top: 303px;
                        left: 705px;
                    }
                        div[data-area="Hancock Park Wilshire"] span {
                            top: 18px;
                            left: 9px;
                        }
                    div[data-area="Beverlywood Vicinity"] {
                        top: 367px;
                        left: 587px;
                    }
                        div[data-area="Beverlywood Vicinity"] span {
                            top: 257px;
                            left: 96px;
                        }
                        div[data-area="Beverlywood Vicinity"] span.is-with-line::before {
                            width: 238px;
                            transform: rotate(64deg) translate(-158px,62px);
                        }
                    div[data-area="Playa Vista"] {
                        top: 525px;
                        left: 528px;
                    }
                        div[data-area="Playa Vista"] span {
                            top: 75px;
                            left: 116px;
                        }
                        div[data-area="Playa Vista"] span.is-with-line::before {
                            width: 108px;
                            transform: rotate(26deg) translate(-80px,4px);
                        }
                    div[data-area="Beverly Center Miracle Mile"] {
                        top: 306px;
                        left: 618px;
                    }
                        div[data-area="Beverly Center Miracle Mile"] span {
                            top: 9px;
                            left: 33px;
                        }
                    div[data-area="Cheviot Hills"] {
                        top: 376px;
                        left: 543px;
                    }
                        div[data-area="Cheviot Hills"] span {
                            top: 22px;
                            left: 4px;
                        }
                    div[data-area="Culver City"] {
                        top: 432px;
                        left: 558px;
                    }
                        div[data-area="Culver City"] span {
                            top: 36px;
                            left: 21px;
                        }
                    div[data-area="Palms Mar Vista"] {
                        top: 427px;
                        left: 485px;
                    }
                        div[data-area="Palms Mar Vista"] span {
                            top: 39px;
                            left: 9px;
                        }
                    div[data-area="West LA"] {
                        top: 373px;
                        left: 458px;
                    }
                        div[data-area="West LA"] span {
                            top: 48px;
                            left: 34px;
                        }
                    div[data-area="Westwood Century City"] {
                        top: 310px;
                        left: 466px;
                    }
                        div[data-area="Westwood Century City"] span {
                            top: 39px;
                            left: 27px;
                        }
                    div[data-area="Beverly Hills"] {
                        top: 232px;
                        left: 542px;
                    }
                        div[data-area="Beverly Hills"] span {
                            top: 75px;
                            left: 19px;
                        }
                    div[data-area="W Hollywood"] {
                        top: 271px;
                        left: 613px;
                    }
                        div[data-area="W Hollywood"] span {
                            top: 14px;
                            left: 1px;
                        }
                    div[data-area="Hollywood"] {
                        top: 249px;
                        left: 664px;
                    }
                        div[data-area="Hollywood"] span {
                            top: 22px;
                            left: 55px;
                        }
                    div[data-area="Mt Washington"] {
                        top: 224px;
                        left: 929px;
                    }
                        div[data-area="Mt Washington"] span {
                            top: -83px;
                            left: -72px;
                        }
                        div[data-area="Mt Washington"] span.is-with-line::before {
                            width: 75px;
                            transform: rotate(23deg) translate(46px, 29px);
                        }
                        div[data-area="Mt Washington"] span.is-with-line-02::after {
                            height: 60px;
                            transform: translate(102px, 34px);
                        }
                    div[data-area="Marina del Rey"] {
                        top: 500px;
                        left: 462px;
                    }
                        div[data-area="Marina del Rey"] span {
                            top: 46px;
                            left: 15px;
                        }
                    div[data-area="Venice"] {
                        top: 482px;
                        left: 434px;
                    }
                        div[data-area="Venice"] span {
                            top: 34px;
                            left: 17px;
                        }
                    div[data-area="Silver Lake Echo Park"] {
                        top: 240px;
                        left: 812px;
                    }
                        div[data-area="Silver Lake Echo Park"] span {
                            top: 54px;
                            left: 34px;
                        }
                    div[data-area="Santa Monica"] {
                        top: 385px;
                        left: 367px;
                    }
                        div[data-area="Santa Monica"] span {
                            top: 62px;
                            left: 24px;
                        }
                    div[data-area="Atwater Village"] {
                        top: 140px;
                        left: 834px;
                    }
                        div[data-area="Atwater Village"] span {
                            top: -37px;
                            left: 3px;
                        }
                        div[data-area="Atwater Village"] span.is-with-line::before {
                            width: 30px;
                            transform: rotate(135deg) translate(27px, -33px);
                        }
                    div[data-area="Los Feliz"] {
                        top: 122px;
                        left: 765px;
                    }
                        div[data-area="Los Feliz"] span {
                            top: 82px;
                            left: 23px;
                        }
                    div[data-area="Sunset Strip"] {
                        top: 184px;
                        left: 606px;
                    }
                        div[data-area="Sunset Strip"] span {
                            top: 44px;
                            left: 27px;
                        }
                    div[data-area="Hollywood Hills East"] {
                        top: 134px;
                        left: 703px;
                    }
                        div[data-area="Hollywood Hills East"] span {
                            top: 53px;
                            left: 2px;
                        }
                    div[data-area="Hollywood Hills"] {
                        top: 154px;
                        left: 653px;
                    }
                        div[data-area="Hollywood Hills"] span {
                            top: -48px;
                            left: 29px;
                        }
                        div[data-area="Hollywood Hills"] span.is-with-line::before {
                            width: 58px;
                            transform: rotate(130deg) translate(45px, -29px);
                        }
                    div[data-area="BH Post Office"] {
                        top: 190px;
                        left: 514px;
                    }
                        div[data-area="BH Post Office"] span {
                            top: 14px;
                            left: 14px;
                        }
                    div[data-area="Bel Air Holmby Hills"] {
                        top: 188px;
                        left: 438px;
                    }
                        div[data-area="Bel Air Holmby Hills"] span {
                            top: 78px;
                            left: 6px;
                        }
                    div[data-area="Studio City"] {
                        top: 127px;
                        left: 560px;
                    }
                        div[data-area="Studio City"] span {
                            top: 23px;
                            left: 17px;
                        }
                    div[data-area="Sherman Oaks"] {
                        top: 76px;
                        left: 445px;
                    }
                        div[data-area="Sherman Oaks"] span {
                            top: 50px;
                            left: 45px;
                        }
                    div[data-area="Malibu Beach"] {
                        top: 312px;
                        left: 60px;
                    }
                        div[data-area="Malibu Beach"] span {
                            top: 66px;
                            left: 86px;
                        }
                    div[data-area="Pacific Palisades"] {
                        top: 188px;
                        left: 198px;
                    }
                        div[data-area="Pacific Palisades"] span {
                            top: 113px;
                            left: 34px;
                        }
                    div[data-area="Topanga"] {
                        top: 173px;
                        left: 133px;
                    }
                        div[data-area="Topanga"] span {
                            top: 79px;
                            left: 28px;
                        }
                    div[data-area="Malibu"] {
                        top: 187px;
                        left: 0;
                    }
                        div[data-area="Malibu"] span {
                            top: 105px;
                            left: 65px;
                        }
                    div[data-area="Encino"] {
                        top: 84px;
                        left: 323px;
                    }
                        div[data-area="Encino"] span {
                            top: 55px;
                            left: 66px;
                        }
                    div[data-area="Tarzana"] {
                        top: 98px;
                        left: 269px;
                    }
                        div[data-area="Tarzana"] span {
                            top: 48px;
                            left: 18px;
                        }
                    div[data-area="Woodland Hills"] {
                        top: 113px;
                        left: 173px;
                    }
                        div[data-area="Woodland Hills"] span {
                            top: 20px;
                            left: 28px;
                        }
                    div[data-area="Calabasas"] {
                        top: 98px;
                        left: 49px;
                    }
                        div[data-area="Calabasas"] span {
                            top: 55px;
                            left: 41px;
                        }
                    div[data-area="Brentwood"] {
                        top: 192px;
                        left: 355px;
                    }
                        div[data-area="Brentwood"] span {
                            top: 59px;
                            left: 5px;
                        }
                .map-text-labels {

                }
                    .map-text-labels > div {
                        position: absolute;
                        white-space: nowrap;
                        font: 400 14px/1 'Tahoma', sans-serif;
                        color: #949292;
                        text-transform: uppercase;
                    }
                    .map-text-labels > div:first-child {
                        top: 37px;
                        left: 151px;
                    }
                    .map-text-labels > div:nth-child(2) {
                        top: 11px;
                        left: 1036px;
                    }
                    .map-text-labels > div:nth-child(3) {
                        top: 477px;
                        left: 159px;
                    }
                    .map-text-labels > div:last-child {
                        top: 478px;
                        left: 1005px;
                    }
                .map-compass {
                    width: 323px;
                    height: 323px;
                    background: url(../../images/community-map/compass.jpg);
                    opacity: 0.1;
                    position: absolute;
                    bottom: -78px;
                    left: -115px;
                    z-index: 1;
                }

/**  Media Queries */
@media only screen and (max-width: 1365px) {
    .ip-community-map-wrap .community-map-wrap #content .community-map-wrap-inner .community-map-main {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media only screen and (max-width: 1199px) {
    .ip-community-map-wrap .community-map-wrap #content .community-map-title strong {
        font-size: 100px;
    }
}

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

    .ip-community-map-wrap .community-map-wrap #content .community-map-wrap-inner .community-map-top {
        padding-bottom: 50px;
    }

        .ip-community-map-wrap .community-map-wrap #content .community-map-title {
            margin: 50px 0 0 0;
        }

            .ip-community-map-wrap .community-map-wrap #content .community-map-title strong {
                font-size: 80px;
            }

    .ip-community-map-wrap .community-map-wrap #content .community-map-wrap-inner .community-map-main {
        padding: 50px 15px;
    }
        .map-outer {
            height: auto !important;
        }
            .map-inner {
                width: 100%;
                transform: scale(1) !important;
            }
                #transparent,
                #trueMap,
                #Map,
                .map-compass,
                .map-text-labels {
                    display: none;
                }
                .map-hovers > div {
                    position: relative;
                    top: inherit !important;
                    left: inherit !important;
                    background-color: #a17a65;
                    padding: 15px 10px;
                    margin: 10px auto;
                    max-width: 360px;
                }
                    .map-hovers img {
                        display: none;
                    }
                    .map-hovers span {
                        position: relative;
                        top: inherit !important;
                        left: inherit !important;
                        font-size: 14px;
                    }
                    .map-hovers span.is-text-gray {
                        color: #ffffff;
                    }
                    .map-hovers span.is-with-line::before,
                    .map-hovers span.is-with-line-02::after {
                        display: none;
                    }
                        .map-hovers span br {
                            display: none;
                            margin: 10px 0;
                        }

}

@media only screen and (max-width: 767px) {
    .ip-community-map-wrap .community-map-wrap #content .community-map-title strong {
        font-size: 60px;
    }
}

@media only screen and (max-width: 480px) {
    .ip-community-map-wrap .community-map-wrap #content .community-map-title strong {
        font-size: 40px;
    }
}