/* For use with Bootstrap v2 */

.full-width {
    width: 100%;
}

.vendor-card-row {
    width: 100%;
    display: flex;
    align-content: center;
}

.column-6 {
    width: 48%;
    margin: 1%;
    display: inline-block;
}

.exhibitor-heading-platinum {
    color: #e7dded;
    border-bottom: thick solid #e7dded;
}

.exhibitor-heading-gold {
    color: #e8bf38;
    border-bottom: thick solid #e8bf38;
}

#vendor-cards-container {
    background-color: #e7ebed;
    color: white;
}

.vendor-card {
    display: inline-block;
    background-color: white;
    color: black;
    width: 100%;
    height: 12.5vw;
    transition: background-color 0.25s;

    box-shadow: 0 1rem 3rem #00000022;
    border-radius: calc(min(1vw, 20px));
}
.vendor-card:hover {
    background-color: rgb(190, 208, 241);
    cursor: pointer;
    
}

.d-flex {
    display: flex;
}

.vendor-card-img-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.vendor-card-img-container img {
    align-self: center;
    object-fit: contain;
    width: 80%;
    max-height: 75%;
    height: auto;
    position: relative;

    /* For alt text when images don't load*/
    font-size: 4.5vw;
    text-align: center;
}

.vendor-modal-img-container {
    width: 100%;
    text-align: center;
}
.vendor-modal-img-container img {
    max-height: 10vh;
}


#vendorModal button {
    text-transform: uppercase;
}