.locator-container {
    letter-spacing: normal !important;
}
.locator-container img {
    max-width: none !important;
}
.locator-header {
    background-color: #222;
    overflow: visible;
    padding: 10px;
}

.locator-header label { width: 20%; color: #fff; display: block; float: left;}
.locator-header label:after { content: "" !important; }
.locator-header input[type=text] { display: block; float: left; padding: 4px; width: 60%; }
.locator-header button { padding: 4px;}

@media(min-width: 54em) {
    .locator-content { height: 500px; overflow: auto; }
    
    .locator-listings-container {
        width: 30%;
        height: 100%;
        float: left;
        overflow: scroll;
    }
    
    .locator-map {
        width: 70%;
        height: 100%;
        float: left;
        background-color: #ccc;
    }
    
    .locator-container .error {
        margin-right: 1em;
    }
}

@media(max-width: 53.999999em) {
    .locator-listings-container {
        height: 200px;
        overflow: scroll;
    }
    
    .locator-map {
        height: 400px;
        background-color: #ccc;
    }

    .locator-container .error {
        margin-bottom: 1em;
    }

}


.locator-listings-header {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0;
    margin-bottom: 6px;
}
.locator-listings {}


/* listing */
.locator-listings-container .locator-listing {
    border-top: 1px solid #ccc;
    padding: 10px 4px 10px 4px;
    cursor: pointer;
}
.gm-style-iw .locator-listing {
    min-width: 300px;
}
.locator-listings-container .locator-listing:hover {
    background-color: #f2f2f2;
}
.locator-company-name {
    font-weight: bold;
}

.locator-company-address {
    
}
.locator-company-phone {
    color: #1F75FE;
    padding-top: 4px;
}

/* error message */
.locator-container .error {
    color: #a94442;
    background-color: #f2dede;
    border: #ebccd1 solid 1px;
    border-radius: 6px;
    padding: 1em;
}