.bivb-locations,
.bivb-locations * { box-sizing: border-box; }

.bivb-locations {
    display: flex;
    flex-direction: column;
    gap: 35px;
    padding: 30px 50px;
    border-radius: var(--bivb-radius-6);
    background: var(--bivb-color-primary);
    color: var(--bivb-color-white);
    font-family: var(--bivb-font-family-base-stack);
}
.bivb-locations__location { min-width: 0; }
.bivb-locations__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--bivb-color-white) 20%, transparent);
}
.bivb-locations__header h2 {
    flex: 1;
    margin: 0;
    color: inherit;
    font-size: 1.1875rem;
    font-weight: var(--bivb-font-weight-semibold);
    line-height: normal;
}
.bivb-locations__location:first-child h2 { text-transform: uppercase; }
.bivb-locations .bivb-locations__phone,
.site-template__sidebar-content .site-sidebar__list .bivb-locations .bivb-locations__phone {
    display: inline-flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 35px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--bivb-radius-6);
    background: var(--bivb-color-white);
}
.bivb-locations__phone:focus-visible {
    outline: var(--bivb-control-focus-width) solid var(--bivb-color-white);
    outline-offset: var(--bivb-control-focus-offset);
}
.bivb-locations__phone:disabled { cursor: default; }
.bivb-locations__line {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 8px 0 0;
    font-size: .9375rem;
    line-height: normal;
    overflow-wrap: anywhere;
}
.bivb-locations__line img { flex-shrink: 0; margin-top: 2px; object-fit: contain; }
.bivb-locations__phone img { display: block; width: 19px; height: 19px; }

/* phone */
@media (max-width: 767px) {
    .bivb-locations { padding: 30px 20px; }
}
/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .bivb-locations { padding: 30px; }
}
