#map
  height: 60em
  box-shadow: 0 0 1em SteelBlue
  transition: none
  *
    /* Popup are better displayed with this: */
    max-width: initial

  &.event, &.orga
    height: 20em

  li
    .awesome-marker
      display: inline-block !important

.tags #map
  width: 40%
  height: 60em
  margin: 1.6em 2%
  display: inline-block

// Left align the map controls place in the top right corner
section.leaflet-control-layers-list label
  text-align: left
  .awesome-marker
    height: auto !important
    display: inline-block !important
    position: relative !important

html.iframe
  &, body, main, #map
    width: 100%
    height: 100%