/* General font and background */
body { font-family: "Mako", sans-serif; background-color: whitesmoke; color: #3d3d3d; }

/* Leaflet popup style */
.custom .leaflet-popup-tip,
.custom .leaflet-popup-content-wrapper {
  background: #000;
  color: #fff;
}

/* Scrollable description links */
#description a { color: #005daa; text-decoration: none; }
#description a:hover { text-decoration: underline; }

#description {
  position: fixed;
  right: 35px;
  bottom: 75px;
  width: 400px;
  height: 315px;
  max-width: calc(100vw - 20px);
  padding: 0 15px;
  background: whitesmoke;
  border: 1px solid #777;
  border-radius: 6px;
  z-index: 800;
  font-size: 0.95rem;
}

#footer {
  position: fixed;
  bottom: 0;
  left: 12px;
  width: 300px;
  font-size: 0.95;
  font-family: "EB Garamond", serif;
  letter-spacing: .04em;
  text-align-last: center;
  margin: 0;
  padding: 10px 15px;
  background: rgba(148, 253, 204, 0.5);
  border: 1px solid #777;
  border-radius: 6px;
  z-index: 800;
}

/* LEAFLET VISUAL CLICK, EX 5 Plugin #2 */
.leaflet-visualclick-icon {
    border-radius: 100%;
    pointer-events: none;
}

.leaflet-visualclick-icon:after {
    content: "";
    border-radius: 100%;
    height: 60px;
    width: 60px;
    position: absolute;
    margin-left: -30px;
    margin-top: -30px;
    pointer-events: none;

    box-shadow: inset 0 0 25px -1px #E1E3E4, 0 0 10px -1px #C5C5C5;

    animation: visualclick-pulsate 0.7s ease-out;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
}

.leaflet-visualclick-icon-touch:after {
    content: "";
    border-radius: 100%;
    height: 140px;
    width: 140px;
    position: absolute;
    margin-left: -70px;
    margin-top: -70px;
    pointer-events: none;

    box-shadow: inset 0 0 25px -1px #E1E3E4, 0 0 10px -1px #C5C5C5;

    animation: visualclick-pulsate-touch 0.7s ease-out;
    animation-iteration-count: 1;
    animation-delay: 0s;
    opacity: 0;
}

@keyframes visualclick-pulsate {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}


@keyframes visualclick-pulsate-touch {
    from {
        transform: scale(1);
        opacity: 0.8;
    }
    to {
        transform: scale(0.2);
        opacity: 0.0;
    }
}


.leaflet-pane.leaflet-ie10-visual-click-pane-pane { z-index: 300; }