@font-face {
    font-family: "VWHead";
    src: url("../fonts/vw/VWHead-Regular.otf") format("opentype");
}
@font-face {
    font-family: "VWHead";
    font-weight: bold;
    src: url("../fonts/vw/VWHead-Bold.otf") format("opentype");
}
@font-face {
    font-family: "VWText";
    src: url("../fonts/vw/VWText-Regular.otf") format("opentype");
}
@font-face {
    font-family: "VWText";
    font-weight: bold;
    src: url("../fonts/vw/VWText-Bold.otf") format("opentype");
}

/* :root {
    --num-sellers: 5;
    --total-height: 500px;
} */

.sellers-list {
    border: None;
    box-sizing: border-box;
}

.heading {
    justify-content: space-around;
    color: #444;
    background-color: #edeef0;
    border-radius: 3px;
    font-family: "VWHead";
    height: calc(var(--total-height)/var(--num-sellers));
    padding: 3px;
}

.title {
    font-weight: normal;
    font-size: clamp(2rem, calc(var(--total-height)/var(--num-sellers)*0.3), 3rem);
    margin-bottom: 0;
}

.subtitle {
    font-size: clamp(.8rem, calc(var(--total-height)/var(--num-sellers)*0.1), 1.2rem);
    font-weight: 400;
    margin: auto;
}

.cnt-btn {
    margin: auto;
    padding: min(calc(var(--total-height)/var(--num-sellers)*0.1), 1rem) min(calc(var(--total-height)/var(--num-sellers)*0.2), 1.5rem);
    min-width: 100px;
    font-size: 1rem;
    border: white;
    background-color: #ec2128;
	border-radius: unset;
}

.cnt-btn:hover {
    background-color: #ec2128;
    box-shadow: 0 .1rem .25rem #444;
}

.cnt-sellers-list-wrapper {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
    justify-content: space-around;
    margin-top: 1px;
    margin-bottom: 1px;
    /*border-radius: 3px;*/
    border: 1px solid #edeef0;
    color: #444;
    /*font-family: "VWText";*/
    /*height: calc(var(--total-height)/var(--num-sellers));*/
}

.cnt-sellers-list-wrapper:hover {
    border: 1px solid #ec2128;
    /*box-shadow: 0 .1rem .25rem #ec2128;*/
}

.cnt-sellers-list {
    grid-row: 1;
    padding: 3px;
}

.name {
    font-size: min(calc(var(--total-height)/var(--num-sellers)/5), 0.9rem);
}

.info {
    font-size: 0.8em;
    font-weight: 400;
}

.thumb {
    max-width: min(calc(var(--total-height)/var(--num-sellers)/1.2), 4.5rem);
    /*border-radius: 50%;*/
    justify-self: center;
}

.btn.btn-outline-secondary.btn-sm.info-btn {
    font-size: 0.9em;
    border-color: #444;
    color: #444;
    height: 80%;
}

.btn.btn-outline-secondary.btn-sm.info-btn:hover {
    background-color: #edeef0;
}

a[href^="tel:"] {
    color: #444;
}

a[href^="mailto:"] {
    color: #444;
}

.list-group-item.contact-sellers-list {
    padding: .2rem;
}

.list-group-item.contact-sellers-list:hover {
    border: thin solid #ec2128;
    box-shadow: 0 .1rem .25rem #ec2128;
}

.contact-cards-group {
    margin-top: .1rem;
}