.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;
}