.wp-block-dypede-custom-blocks-plugin-health-unit-location,
.wp-block-dypede-custom-blocks-plugin-health-unit-type {
    background-color: #f0f0f0;
    padding: 20px;
    border: 1px solid #ccc;
}

h2.medium {
    font-size: 1.4rem;
}

a.network-site-link:after {
    content: "\2197";
    padding-inline-start: 0.25rem;
    vertical-align: middle;
    text-decoration: none;
    display: inline;
}

h2.main-site-heading {
   font-size: 1.6rem;
}


.unit-hierarchical-block h2,
.unit-hierarchical-block h3 a,
.unit-hierarchical-block h4 a,
.unit-hierarchical-block h5 a {
    text-align: center;
    display: block;
}

.tax-health-unit-location .top-level-terms,
.tax-health-unit-type .top-level-terms .unit-term .child-terms {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
    gap: 10px;
}

.taxonomy-health-unit-location > a:link {
    text-decoration: underline!important;
}

.top-level-terms .child-terms,
.unit-hierarchical-block {
    padding: 20px;
}

.unit-term {
    border-color: #d5e0f0;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 42px;
}

.term-posts {
    display: block;
    list-style-type: none;
    padding: 0;
    padding: 10px;
    max-width: 860px;
    margin: 0 auto;
}

.term-posts li {
    border-color: #d5e0f0;
    border-width: 1px 0 0 0;
    border-style: solid;
    text-align: left;
}

.term-posts li div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.term-posts li div>a {
    width: auto;
    text-align: left;
    font-size: larger;
    font-size: initial;
    margin: 10px 10px 10px 0;
}


a.main-internal-link, a.main-internal-link:visited {
    text-decoration: none!important;
    font-family: var(--wp--preset--font-family--noto-serif);
}

a.main-internal-link:hover {
    text-decoration: underline!important;
}

.leaflet-container {
    font-size: 0.8rem!important;
}

.leaflet-popup  .leaflet-zoom-animated, .leaflet-popup-content-wrapper {
    width: 300px!important;
}

.leaflet-container a.leaflet-popup-close-button {
  text-align: center!important;
  font: 16px/24px Tahoma, Verdana, sans-serif!important;
  color: #222!important;
}

h2.heading-popup {
    font-size: 1.2rem;
}

span.popup_location_terms {
    font-size: 0.9rem;
}

@media screen and (max-width: 782px) {

    .tax-health-unit-location .top-level-terms,
    .tax-health-unit-type .top-level-terms .unit-term .child-terms {
        margin: 0 auto;
        display: block;
    }

    .top-level-terms .child-terms,
    .unit-hierarchical-block {
        padding: 5px;
    }

    .term-posts li div {
        flex-direction: column;
    }

}

