body {--header-height: 40px;}
input {height: auto;}
.leaflet-container {font-size: 1rem;}
.leaflet-control-attribution {font-size: 1em; transform: scale(.7); transform-origin: right bottom; transition: .3s; max-width: 320px; width: 100%;}
.leaflet-control-attribution:hover {transform: scale(1);}

.leaflet-popup-content {margin: 0; padding: 1em 1em;}
.leaflet-popup-content p {margin: 0 0 1em;}
.leaflet-popup-content p:last-child {margin: 0;}
.leaflet-popup-content-wrapper {border-radius: 5px; padding: 0;}

.location-tooltip-action {display: block; font-size: .85em; margin-top: var(--tooltip-content-spacing); text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow: hidden;}
.location-tooltip-name + .location-tooltip-action {margin-top: 0}
.location-tooltip-content {--tooltip-content-spacing: 1em; font-size: .9rem;}
.location-tooltip-name, .leaflet-container .location-tooltip-name {color: inherit; display: block; font-size: 1rem; font-weight: 700; margin-bottom: var(--tooltip-content-spacing); text-decoration: none; transition: .3s;}
.location-tooltip-name:hover, .leaflet-container .location-tooltip-name:hover {color: var(--color-1);}
.location-tooltip-name:only-child {margin-bottom: 0}

.map-legend {
  --symbol-size: 16px;
  border: 2px solid rgba(0,0,0,0.2); border-radius: 4px;
  display: grid;
  font-size: .85rem; position: absolute;
  /*  top: calc(10px + var(--header-height));*/
  bottom: 10px;
  left: 50%;
  z-index: 400; /* Don't know why it was to be over 399 to be visible above the map */
  transform: translateX(-50%);
  max-width: 200px;
}
.map-legend ul, .map-legend-heading {background-color: rgba(255,255,255,.8); padding: 10px;}
.map-legend ul {list-style: none; padding-top: 0; padding-bottom: .5em; transition: .3s;}
.map-legend li {margin-top: 1em; white-space: nowrap;}
.map-legend li:nth-child(1) {padding-top: .4em;}
.map-legend-heading {cursor: pointer; order: 1; text-align: center;}
.map-legend-item {cursor: pointer;}
.map-legend-item.hide {filter: grayscale(100%); text-decoration: line-through;}
.map-legend-item.hide .map-legend-label {text-decoration: line-through;}
.map-legend-symbol, .map-legend-label {display: inline-block; vertical-align: top; white-space: normal;}
.map-legend-symbol {margin-right: 10px; width: var(--symbol-size);}
.map-legend-label {max-width: calc(100% - var(--symbol-size))}
.map-legend.minimize ul {display: none; opacity: 0; pointer-events: none;}
.map-legend:hover ul {display: block; opacity: 1; pointer-events: auto;}
.map-wrapper, .template-post {height: calc(100vh - var(--header-height));}
.map-wrapper {width: 100%;}
.marker-icon {transition: .3s;}
.marker-icon:hover {filter: grayscale(00%); opacity: 1}
.marker-icon--fade {opacity: 1;}
.marker-icon.hide {display: none;}
.site-header {margin-bottom: 0;}