/* 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 */

/* Leaflet Map */
/***************/
#map-canvas {
    position:         relative;
    width:            100%;
    margin:           0.5em auto;
    padding:          5px;
    border:           solid 1px #c6cace;
    background-color: #ffffff;
}

.hoverValues { float: none; width: calc(100% - 45px); }
#logo { margin-bottom: -0.5px; }

@media (max-width: 575px) {
    #map-canvas { height: 450px; }
    #reset-map-bounds,
    .leaflet-control-easyPrint { display: none; }
}
@media (min-width: 576px) and (max-width: 767px) {
  #map-canvas { height: 595px; }
}

@media (max-width: 767px) {
    #hoverInstructions,
    .leaflet-control-zoom,
    .dd-units-defn,
    .hoverReturnTitle .paramAbbr,
    .hoverReturn:not(.currentReturnType) { display: none; }
    .hoverReturnTitle .parameter { display: inline; }
}

@media (min-width: 768px) {
    .hoverReturnTitle .parameter { display: none; }
    .hoverReturnTitle .paramAbbr { display: inline; }
}

@media (min-width: 768px) and (max-width:  991px) { #map-canvas { height: 600px; } }
@media (min-width: 992px) and (max-width: 1199px) { #map-canvas { height: 675px; } }
@media (min-width: 1200px) { #map-canvas { height: 685px; } }

#mapTitle {
    color:       #000000;
    font-family: "Source Sans Pro",sans-serif;
    font-size:   24px;
    line-height: 1em;
    font-weight: bold;
    text-shadow: 1px 1px #ffffff;
    margin:      -5px 115px 0 0;
    padding:     0;
}

#dateDisplay {
    color:       #000000;
    font-family: "Source Sans Pro",sans-serif;
    font-size:   16px;
    text-shadow: 1px 1px #ffffff;
    margin:      -5px 0;
    padding:     0 10px 0 0; /* easyPrint hack: add 10px right padding */
    white-space: nowrap;
    text-align:  right;
}

/* Hover Info */
.leaflet-bottom.leaflet-left { width: 100%; }

#hoverInfo {
    padding:       6px 8px;
    background:    rgba(255,255,255,0.8);
    box-shadow:    0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

#hoverLocationName {
    font-size:   20px;
    font-weight: bold;
}

#hoverInstructions {
    font-weight: normal;
    font-style:  italic;
    font-size:   0.8em;
    color:       #3d4551;
}

#highlightValues {
    display:         flex;
    justify-content: space-between;
}

.hoverReturn {
    flex:      1;
    font-size: 16px;
}

.hoverReturnTitle {
    font-weight: bold;
    display:     inline-block;
}

.hoverReturnValue {
    display: inline-block;
    white-space: nowrap; /* easyPrint hack: keep values from wrapping */
}
/* End Hover Info */

/* Text Labels */
.textLabels {
    min-width:     50px;
    border-radius: 50px;
    left:          -20px !important;
    text-align:    center;
    min-height:    1.5em;
    font-family:   Arial, sans-serif, "open Sans", Helvetica;
    font-size:     0.9em;
    cursor:        default !important;
    color:         #000;
    text-shadow:   -1px -1px 0 #fff,
                    1px -1px 0 #fff,
                   -1px  1px 0 #fff,
                    1px  1px 0 #fff;
}

/* Connecticut */
.textLabels.location-6 {
    top: -4px !important;
}

/* Delaware */
.textLabels.location-7 {
    left: -5px !important;
}

/* Maryland */
.textLabels.location-18 {
    top: -10px !important;
}

/* Massachusetts */
.textLabels.location-19 {
    top: -5px !important;
}

/* New Hampshire */
.textLabels.location-27 {
    top: -5px !important;
}

/* New Jersey */
.textLabels.location-28 {
    left: 0 !important;
}

/* Rhode Island */
.textLabels.location-37 {
    top:  7px !important;
    left: -5px !important;
}

/* Vermont */
.textLabels.location-27 {
    top: 5px !important;
}

.cityTextLabels { top: -1.15em; }
/* End Text Labels */
@media (min-width: 576px) {
    #pdsi-labels,
    #phdi-labels,
    #pmdi-labels,
    #zndx-labels {
        margin-left: -0.5em;
    }
}
/***************/
/* Leaflet Map */

/* show-text */
input#show-text { position: absolute; opacity: 0; }

label#show-text-label {
    color:            #0076d6 !important;
    background-color: transparent !important;
}

label#show-text-label:hover {
    background-color: #a8f2ff !important;
}

#show-text:checked ~ label#show-text-label,
#show-text:checked ~ label#show-text-label:hover {
    color:            #ffffff !important;
    border-color:     #0076d6 !important;
    background-color: #0076d6 !important;
}
/* End show-text */

/* easyPrint hack */
/* replaces pop-out menu with single button */
/********************************************/
/* hide initial icon */
.leaflet-control-easyPrint-button-export { display: none !important; }

/* show export options menu */
.easyPrintHolder { display: block !important; }

/* fit border around export options menu */
.leaflet-control-easyPrint {
    height: 34px !important;
}
.easyPrintHolder {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* replace A4Landscape image with download icon */
.A4Landscape {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQzMy41IDQzMy41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzMuNSA0MzMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJmaWxlLWRvd25sb2FkIj4KCQk8cGF0aCBkPSJNMzk1LjI1LDE1M2gtMTAyVjBoLTE1M3YxNTNoLTEwMmwxNzguNSwxNzguNUwzOTUuMjUsMTUzeiBNMzguMjUsMzgyLjV2NTFoMzU3di01MUgzOC4yNXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important;
    transform: rotate(0deg) !important;
}

/* hide unused export options */
.A4Portrait,
.CurrentSize { display: none !important; }
/******************/
/* easyPrint hack */

#easyPrint-export-icon:hover { background-color: #dcdee0; }

/* Text Labels & Download */
/**************************/
#text-download {
    display:         flex;
    justify-content: space-between;
    margin-top:      0.5em;
    line-height:     2.25em;
    gap:             10px;
}
/**************************/
/* Text Labels & Download */

/* Values Table */
/****************/
@media (min-width: 768px) {
    #values-table .state-abbr { display: none; }
}
@media (max-width: 767px) {
    #values-table .state { display: none; }
}
@media (max-width: 575px) {
    #values-table { font-size: 0.7em; }
}
/****************/
/* Values Table */