/* Contact things */

:root {
    --store-card-margin: 2rem;
}

.personell-card {
    border-radius: var(--border-radius);
    background-color: var(--lightgray);
}

.personell-card a {
    display: block;
    word-break: break-word;
    text-decoration: none;
    color: var(--dark);
    font-weight: 500;
}

.personell-card a:last-of-type {
    margin-bottom: 0px !important;
}

.personell-card img {
    border-radius: var(--border-radius);
}

.store-banner-card {
    color: var(--white);
    text-align: center;
}

.store-inline-col {
    border-left: 2px solid var(--highlight-secondary);
}

.store-col {
    border-left: 1px solid var(--lightgray);
}

.store-col:first-of-type {
    border-left: none;
}

.store-card {
    height: calc(100% - var(--store-card-margin));
    margin-bottom: var(--store-card-margin);
    position: relative;
    display: flex;
    flex-direction: column;
}

.store-card .store-image {
    aspect-ratio: 16 / 10;
    border-radius: var(--border-radius);
}

.store-card a {
    text-decoration: none;
}

.store-card a:hover, 
.store-card a:focus, 
.store-card a:active {
    text-decoration: underline;
}

#storeList .store-inline-col:first-of-type,
#storeList .store-inline-col:nth-child(4n + 1) {
    border-left: none;
}

.store-banner-card a,
.store-banner-card a:focus,
.store-banner-card a:active,
.store-banner-card a:hover {
    color: var(--white);
    text-decoration: none;
}

.store-banner-card a:focus,
.store-banner-card a:active,
.store-banner-card a:hover {
    text-decoration: underline;
}

@media (max-width: 1200px){
    .store-col:nth-of-type(odd) {
        border-left: none;
    }
}

@media (max-width: 991px){
    .personell-card a {
        font-size: 0.8rem;
    }

    #storeList .store-inline-col:nth-child(odd) {
        border-left: none;
    }
}

@media (max-width: 767px){
    .store-col {
        border-left: none;
    }
}