#map
  height: 20em
  transition: none
  padding-left: 4em
  list-style-type: none
  *
    /* Popup are better displayed with this: */
    max-width: initial
  li
    a
      display: inline-block
    .awesome-marker
      display: inline-block !important
      position: relative !important
body.maps #map
  height: 60em
body.events.index #map
  margin-bottom: 3em

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

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