.acf-map {
    margin: 0 !important;
}

.acf-map button,
.gm-ui-hover-effect {
    outline: none !important;
}

.gm-style-iw-t button {
    display: none !important;
}

.clc-locations-list ul {
    display: flex;
    flex-wrap: wrap;
}

.clc-locations-list ul li {
    margin-left: 30px;
}



/* Service Areas Map Block Styles */

.lpe-service-areas-stripe {
    background: var(--yellow);
    padding-top: 2em;
}


.lpe-service-area-intro {
    padding: 0 1em;
}

.clc-locations-list {
    padding: 1em;
}

.clc-locations-list ul {
    margin: 0;
}



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

    .lpe-service-areas-stripe {
        background: none;
    }

     .acf-map {
         min-height: 70vh;
     }

    .lpe-service-areas-stripe .lpe-service-area-intro {
        margin: unset;
        padding: unset;
        width: 50%;
        max-width: 300px;
        position: relative;
        z-index: 9;
        background: rgba( 255,255,255,.8);
        padding: 1em;
    }

    .lpe-service-areas-stripe .lpe-service-area-intro .wp-block-group__inner-container {
        margin: 0 !important;
    }

    .lpe-service-areas-stripe .locations-maps {
        margin-top: -320px;
    }

    .lpe-service-areas-stripe .clc-locations-list {
        display: flex;
        justify-content: flex-end;
        margin-top: -375px;
        position: relative;
        z-index: 9;
        max-width: 600px;
        float: right;
    }

    .lpe-service-areas-stripe .clc-locations-list ul {
        max-width: 300px;
        padding-right: 1em;
    }

}


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

    .lpe-service-areas-stripe .lpe-service-area-intro,
    .lpe-service-areas-stripe .clc-locations-list ul {
        max-width: 400px;
    }

    .lpe-service-areas-stripe .lpe-service-area-intro {
        padding: 1em !important;
    }

    .lpe-service-areas-stripe .clc-locations-list ul {
        margin-right: 6vw;
    }

}