/* 
 * Locations Map Component Styles 
*/
.location-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.location-list .location-item {
    position: relative;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    background: var(--color-white-40);
    border-radius: 8px;
    margin-bottom: 2px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}
.location-contact {
    display: flex;
    flex-direction: column;
}
@media(min-width: 1200px) {
    .location-list .location-item {
        aspect-ratio: 840 / 330;
    }
}