.map-wrap {
    --map-state-default-fill: #B7DDE1;
    --map-state-line-stroke: #000;
    --map-state-current-fill: #003057;
    --map-state-same-region-fill: #06AAB5;
}

.map-wrap svg path {
    fill: var(--map-state-default-fill);
    stroke: #fff;
    stroke-dasharray: none;
    stroke-miterlimit: 4;
    stroke-opacity: 1;
    stroke-width: .8;
}

.map-wrap svg .lines path {
    stroke: var(--map-state-line-stroke);
    stroke-width: .5;
}

.map-wrap svg path.active, .map-wrap svg path.hover {
    fill: #003057;
    cursor: pointer
}

.map-wrap svg :where(text,tspan) {
    fill: #003057;
    font-family: 'Poppins', sans-serif;
    font-size: 10px
}

.map-wrap svg :where(text.clickable,tspan.clickable) {
    cursor: pointer
}

.map-wrap svg :where(text:not(.clickable),tspan:not(.clickable)) {
    pointer-events: none
}

.map-wrap svg :where(text.active,text.hover,text.hover tspan,text.active tspan) {
    fill: #fff
}

.map-wrap svg .outside {
    fill: #000
}

.map-wrap svg text.smaller, .map-wrap svg text.smaller tspan {
    font-size: 8px !important
}

.state-map .dropdown {
    justify-content: center;
    margin-block: 4rem 8rem;
}

.media-block-container.state-map figure {
    max-width: var(--content-width-wide);
    grid-column: 2;
}

.map-wrap.tiny svg :is(text,tspan, .lines path) {
    display: none;
}

.map-wrap.tiny,
.map-wrap.tiny :is(svg, svg *) {
    cursor: default;
}

.top-nav .state .map-wrap.tiny svg {
    width: 55rem;
    height: 34rem;
}

.media-block-container .map-wrap svg #PR,
.single-state .map-wrap svg #PR {
    display: none;
}

.media-block-container .map-wrap svg #TXT-PR,
.single-state .map-wrap svg #TXT-PR {
    display: none;
}

.media-block-container select option[data-short="PR"],
.single-state select option[data-short="PR"] {
    display: none;
}

@media screen and (max-width: 1024px) {

    .top-nav .state .map-wrap.tiny svg {
        max-width: 45rem;
        max-height: 28rem;
        width: 100%;
        height: auto;
    }

    .top-nav-dropdown .state-area {
        display: flex;
        align-items: center;
        justify-content: right;
    }

}

@media screen and (max-width: 45em) {

    .map-wrap.tiny svg {
        width: 100%;
        height: auto;
        max-width: 35rem
    }
}