:root {
    --bobcat-red: #FF3600;
    --bobcat-red-dark: #D62D00;
    --bobcat-dark: #2A2A2A;
}

body {
    font-family: 'Roboto', sans-serif;
}

.font-display {
    font-family: 'Roboto Condensed', sans-serif;
}

.chevron-btn {
    clip-path: polygon(0 0, 92% 0, 100% 20%, 100% 100%, 8% 100%, 0 80%);
}

#storelocator-leftcolumn,
#storelocator-map_canvas,
#storelocator-map_container {
    min-height: 600px !important;
}

.storelocator-acnumber,
.storelocator-canumber,
.storelocator-url,
.storelocator-website {
    display: none !important;
}

.storelocator-btn-primary {
    background-color: var(--bobcat-red) !important;
    border-color: var(--bobcat-red) !important;
}

.storelocator-btn.storelocator-btn-danger.storelocator-directions-link {
    background-color: var(--bobcat-red) !important;
    background-image: none !important;
    color: #fff !important;
}

.storelocator-directions-map-span .storelocator-directions-link {
    display: inline-block !important;
    background-color: var(--bobcat-red) !important;
    color: #fff !important;
    padding: 6px 14px !important;
    text-decoration: none !important;
}

.storelocator-phone a {
    color: var(--bobcat-red) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.storelocator-phone i {
    color: var(--bobcat-red) !important;
}

.mapboxgl-popup-close-button {
    right: 2px!important;
}

@media only screen and (max-width: 820px) {
    .storelocator-search-bar-row1 {
        flex-direction: column !important;
    }

    #storelocator-search_address {
        max-width: none !important;
    }

    .storelocator-btn.storelocator-btn-primary {
        width: 100% !important;
        margin: 10px;
    }
}