/* @group Homes Map
------------------------------------ */
.map-view {
    isolation: isolate;
}

.map-view .mapContainer {
    height: calc(100vh - 32.7rem);
    margin-top: -9rem;
}

.map-view .overBox {
    position: absolute;
    opacity: 1;
    visibility: visible;
}

.map-view .homes-item {
    background: var(--ivory);
    padding: 0;
}

.map-view .overBox article {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.map-view .box:hover {
    transform: none;
}

.map-view .overBox .splide__arrows {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -1.5rem;
    top: 9rem;
    gap: 0.5rem;
}

.map-view .splide:not(.is-initialized) .splide__arrows {
    opacity: 0;
}

.map-view .overBox .splide__arrow {
    position: static;
    height: 3.9rem;
    width: 3.9rem;
    z-index: 2;
    opacity: 1;
}


.mapContainer .cluster span {
    color: var(--ivory);
    font: 800 2.4em / 1.210em proxima-nova, Arial, helvetica sans-serif;
    letter-spacing: 0.4px;
    position: relative;
    top: 0.5rem;
}

#homeMap {
    width: 100%;
    height: 100%;
    isolation: isolate;
}

#homeMap .gm-bundled-control {
    opacity: 0;
}

.mapContainer .control {
    position: absolute;
    width: 4.6rem;
    border-radius: 3rem;
    display: flex;
    flex-direction: column;
    padding-block: 2.5rem;
    gap: 1.25rem;
    background: var(--alt-orange);
}

.mapContainer .control svg {
    width: 2.5rem;
    height: 2.5rem;
}

.mapContainer .control hr {
    background-color: var(--orange);
    width: 100%;
    height: 1px;
    border: none;
}


@media only screen and (min-width : 961px) {
    .map-view .mapContainer {
        min-height: 112rem;
    }

    .mapContainer .control {
        bottom: 6.8rem;
        left: 9.6rem;
    }

    .map-view .overBox {
        left: 12.6rem;
        top: 17vh;
        opacity: 1;
        visibility: visible;
        width: 34.6rem;
    }
}


@media only screen and (min-width : 0) and (max-width : 960px) {

    .map-view {
        padding: 0;
    }

    .map-view .mapContainer {
        height: calc(100vh - 16.9rem);
        margin-top: -8.1rem;
        margin-bottom: 43.8rem;
    }


    .map-view .overBox {
        left: 50%;
        translate: -50% 0;
        width: calc(100% - 6rem);
        opacity: 1;
        visibility: visible;
        bottom: 5rem;
    }

    .map-view .splide {
        padding: 0;
    }

    .map-view .splide__slide {
        width: 100%;
    }

    .showMapSlider .map-view .mapContainer {
        margin-bottom: 43.8rem;
        overflow: visible;
    }

    .map-view .overBox button {
        display: none;
    }

    /* List Item
  ----------------------*/
    .find-content .overBox .homes-list .homes-item {
        padding: 0 1.95rem;
        margin: 0 0 3.2rem;
    }

    .overBox .slick-list {
        padding: 0 13.6rem;
    }

    .overBox .homes-item .img-box {
        height: 25.7rem;
        margin: 0 0 3.2rem;
    }

    .overBox .homes-item .img-box p {
        font-size: 1.8em;
        letter-spacing: 3px;
        line-height: 1.225em;
        padding: .7rem 1.9rem .8rem 1.8rem;
        margin: 0 0 -1.5rem;
    }

    .overBox .homes-item .content {
        padding: 0 1.9rem 0 2.9rem;
    }

    .overBox .homes-item .content p:first-child {
        font-size: 2em;
        letter-spacing: 0.43px;
    }

    .overBox .homes-item .content p {
        font-size: 2em;
        line-height: 1.5em;
    }

    .overBox .homes-item .content h3 {
        font-size: 3em;
        letter-spacing: 0.64px;
    }

    .overBox .homes-item .content h4 {
        font-size: 2.2em;
        letter-spacing: 0.47px;
        margin: 0 0 .6rem;
    }

    .overBox .homes-item .content ul {
        margin: 1.7rem 0 1.3rem;
    }

    .overBox .homes-item .content li {
        font-size: 2.4em;
        letter-spacing: 0.51px;
    }

    .overBox .homes-item .content li::before {
        margin: 0 1.5rem;
    }

    .overBox .homes-item footer {
        height: 7rem;
        padding: 0 2.6rem 0 3rem;
    }

    .overBox .homes-item footer p {}

    .overBox .homes-item footer i {
        font-size: 3.4em;
    }
}

/* @end */