/*------------------------------------*\
    Half Locations Half Text
\*------------------------------------*/

.map {
    background: var(--yellow);
    position: relative;
}

.map__text {
    padding: 50px 0;
    position: relative;
    z-index: 2;
    color: #3e4545;
}

.map__text h1,
.map__text h2,
.map__text h3,
.map__text h4,
.map__text h5,
.map__text h6 {
    color: #1a1a1a;
}

.map__text p,
.map__text li,
.map__text span,
.map__text a:not(.btn) {
    color: #3e4545;
}

.map__text li:before {
    color: var(--dark-grey);
}

.map__text .btn-primary {
    background: var(--white);
    border-color: #dedcd9;
    color: var(--black);
}

/* Hide zip-search chrome from [locations-map] inside this block */
.map > .col-sm-4,
.map .wpcm-zip,
.map .map-search {
    display: none !important;
}

.map #locations_map {
    position: relative;
    width: 100%;
    height: 500px !important;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
}

@media (min-width: 768px) {
    .map__text {
        padding: 60px 0;
    }
}

@media (min-width: 1200px) {
    .map {
        overflow: hidden;
    }

    .map__text {
        padding: 100px 40px 100px 0;
    }

    /* Map wrapper: right half only; left stays solid yellow */
    .map .map-section {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 50%;
        margin: 0;
        padding: 0;
        z-index: 0;
    }

    .map #locations_map {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        min-height: 0;
        margin: 0;
        box-shadow: none;
        border-radius: 0;
    }
}