/* Leaflet Map */
/***************/
.mapTooltipValues {
    display:         flex;
    justify-content: space-between;
    gap:             5px;
}

/* rank legend */
.legend span.rankLabel,
.legend span.rankKey {
    display:    inline-block;
    text-align: center;
}

.legend span.rankKey { text-shadow: none !important; }

.legend span.rankKey > * { vertical-align: middle; }

.legend span.rankLabel:first-of-type { margin-right: 2px; }
.legend span.rankLabel:last-of-type { margin-left: 2px; }

.legend span.left-arrow,
.legend span.right-arrow {
    display: inline-block;
}

@media (max-width: 575px) {
    .legend span.rankrankKey,
    .legend span.rankLabel {
        font-size: 12px;
    }

    .legend span.rankKey:nth-of-type(3),
    .legend span.rankKey:nth-of-type(7) { width: 22px; }
    
    .legend span.rankKey:nth-of-type(4),
    .legend span.rankKey:nth-of-type(6) { width: 46px; }
    
    .legend span.rankKey:nth-of-type(5) { width: 66px; }

    .legend span.left-arrow,
    .legend span.right-arrow {
        vertical-align: -5px;
        border:         solid 9px transparent;
    }

    .legend span.value-arrow {
        vertical-align: -6px;
        border-width: 6px !important;
    }
}
@media (min-width: 576px) {
    .legend span.rankKey,
    .legend span.rankLabel {
        font-size: 14px;
    }

    .legend span.rankKey:nth-of-type(3),
    .legend span.rankKey:nth-of-type(7) { width: 33px; }
    
    .legend span.rankKey:nth-of-type(4),
    .legend span.rankKey:nth-of-type(6) { width: 60px; }
    
    .legend span.rankKey:nth-of-type(5) { width: 100px; }

    .legend span.left-arrow,
    .legend span.right-arrow {
        vertical-align: -7px;
        border:         solid 11px transparent;
    }

    .legend span.value-arrow {
        border-width: 7px !important;
    }
}

.legend span.left-arrow {
    border-left: none;
}

.legend span.right-arrow {
    border-right: none;
}

/* Legend */
.legend {
    white-space: nowrap;
    text-shadow: 1px 1px #ffffff;
}

.legend span.key,
.legend span.label {
    display:     inline-block;
    text-align:  center;
    white-space: nowrap;
}

.legend span.key {
    height:        1em;
    margin-bottom: -0.5em;
}

@media (max-width: 575px) {
    .legend span.key,
    .legend span.label {
        font-size: 12px;
        width:     25px;
    }
    .legend span.label:first-of-type { margin-left: -10px; }
}

@media (min-width: 576px) {
    .legend span.key,
    .legend span.label {
        font-size: 14px;
        width:     30px;
    }
    .legend span.key:first-of-type { margin-left: 10px; }
}
/* End Legend */
/***************/
/* Leaflet Map */

/* Return Radio Buttons */
/************************/
#return {
    margin:          1em 0;
    display:         flex;
    justify-content: center;
}

/* hide radio button */
input.return-selection { position: absolute; opacity: 0; }

@media (min-width: 576px) {
    label.return-selection-label {
        margin: 0 5px;
        width:  110px;
    }
}

@media (max-width: 575px) {
    label.return-selection-label {
        margin:    0 1px;
        font-size: 14px !important;
        width:     82px;
    }
    #download strong { display: none; }
}

.return-selection:checked ~ label.return-selection-label,
.return-selection:checked ~ label.return-selection-label:hover {
    cursor:           default !important;
    color:            #dcdee0 !important;
    background-color: #3d4551 !important;
}
/************************/
/* Return Radio Buttons */