.page-adventure-map .map {

margin-bottom: -3.5em;
margin-top: -3.75em;

}

.page-adventure-map .map, .page-review .map {

min-height: 429px;
width: 100%;

.leaflet-popup-content,
.leaflet-popup-content-wrapper {
  padding: 0;
}

h2 {
  @extend %fancy-type;

  margin: 0;
  padding: 0.5em;
}

img {
  border-radius: 3px 3px 0 0;
  margin: 0;
  max-width: 100%;
}

}

.external-true h2::after {

content: "\f14c";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: $font-xs;
margin-left: 3px;
text-rendering: auto;
transform: translate(0, 0);

}

.map-select {

background: rgba($white, 0.5);
bottom: 0;
font-size: $font-xs;
height: 450px;
overflow: scroll;
position: absolute;
right: 0;
top: 4.9em;
width: 200px;
z-index: 100;

.filter,
.year-group {
  display: none;
}

.filter:checked + .filter-label {
  font-weight: bold;

  + .year-group {
    display: block;
  }
}

.filter-label {
  background: $white;
  cursor: pointer;
  display: block;
  padding: 0.25em 1em;

  &:hover {
    background: darken($accent, 10%);
  }
}

.year-child {
  cursor: pointer;
  padding: 0.2em 1em;

  &:hover {
    background: darken($accent, 10%);
  }
}

}

.map-attribution {

bottom: 1em;
color: rgba($text-color, 0.7);
display: block;
font-size: 13px;
position: absolute;
right: 1em;

}