#main {
  width: 100%;
  padding: 0px;
}
#puff {
  display: none;
}

html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}

#menu {
  flex: 0 0 auto;
  width: 100%;
}

#outer-main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 auto;
  width: 100%;
}

#main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
}

#eventlist {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 401;
}

#eventmap {
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
  min-height: 350px;
}

.leaflet-popup-content .details {
  font-size: 13pt;
}

.leaflet-popup-content h1 .subtitle {
  font-size: 13pt;
}

.leaflet-popup-content a h1 .title::after {
  content: url("/static/assets/graphics/external_link.svg");
  position: relative;
  left: 0.5ch;
  margin-right: 0.5ch;
}

.leaflet-control-locate a {
  padding: 0;
  font-size: 18px;
  vertical-align: middle;
}

.leaflet-control-locate.requesting a {
  padding: 0;
}

.leaflet-control-show-all {
  font-size: 18px;
  vertical-align: middle;
}