.map {
  width: 100%; 
  height: 500px;

  &.small {
    height: 200px;
  }

  .leaflet-control-attribution, .leaflet-control-attribution > * {
    font-size: 0.8rem;

    > a:hover{
      color: #000;
    }
  }
}

.map-preview {
  margin-top: var(--space-s);
}

.map-banner {
  display: none;
  position: absolute;
  top: 0; left: 0; right: 0;
  background: rgba(0,0,0,0.8);
  color: var(--color-text);
  padding: var(--space-xs) var(--space-s);
  text-align: center;
  z-index: 450;               /* higher than Leaflet’s default (400) */
  pointer-events: auto;       /* allow clicks on links/buttons */
}

/* Override leaflet styling */

.leaflet-control-layers-toggle {
	background-image: image-url("images/map/layers.png");
}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: image-url("images/map/layers-2x.png");
}