#map {}

.acf-map {
    height: 360px;
    width: 100%;
    background-color: grey;
    border: #ccc solid 1px;
}

.acf-map img {
    max-width: inherit !important;
}

.acf-map .marker {
    display: none;
}

.street-number {
    text-transform: uppercase;
}

.branch-manager-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

h1.entry-title {
    display: none;
}

h1.entry-title span.company {
    display: block;
    font-size: 75%;
}

h1.entry-title span.separator {
    display: none;
}

h1.entry-title span.branch {
    display: block;
}

.address-block {line-height: 1.2em;}

p.title {
  font-family: var(--font-family-secondary);
  font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.1rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--abc-blue);
}

.service-areas p:has(+ ul) {
    margin-bottom: 0.25rem;
}

.branch-manager-flex p {}

.branch-manager-left {
    display: flex;
    flex-direction: column;
}

.branch-manager-right {
    display: flex;
    flex-direction: column;
}

.branch-manager-right img {
    width: 72px;
    margin-top: 5px;
}

.branch-manager-photo {
    width: 100px;
    height: auto;
    margin-right: 15px;
}

.products-we-carry-section {
    background-color: var(--abc-grey-lightest);
}

.products-we-carry-section h2 {text-transform: uppercase; font-family: var(--font-family-secondary); font-size: var(--font-size-title-2); line-height: 1;}
.products-we-carry-section h3 {text-transform: uppercase; font-family: var(--font-family-secondary); font-size: var(--font-size-title-6); line-height: 1; margin-bottom: 0.2em; text-wrap: balance;}

.location-products {
    columns: 1;
}

.location-product {
    break-inside: avoid;
}

.location-products ul {
    margin: 0 0 1em 0;
    padding: 0 1.6em;
    break-inside: avoid;
    line-height: 1.375em;
}

.location-products li {
    padding-left: 0.1em;
    break-inside: avoid;
}

.branch-service-areas-wrapper ul,
.branch-services-wrapper ul {
  line-height: 1.375em;
}

@media (min-width: 576px) {
    .location-products {
        columns: 1;
    }
}

@media (min-width: 768px) {
    h1.entry-title span.company {
        display: inline-block;
        font-size: 100%;
    }
    h1.entry-title span.separator {
        display: inline-block;
    }
    h1.entry-title span.branch {
        display: inline-block;
    }
    .branch-manager-photo {
        width: 140px;
    }
    .branch-manager-right img {
        width: 84px;
    }
    .location-products {
        columns: 2;
        column-gap: 100px;
    }
}

@media (min-width: 992px) {
    .location-products {
        columns: 2;
    }
}

@media (min-width: 1200px) {
    .location-products {
        columns: 3;
    }
}