.adventure-map-container, .adventures {
display: none; &.show { display: block; margin-top: 2em; }
}
.adventure-full-map {
height: 400px; width: 100%;
}
.adventure {
@extend %flex; background: $white; display: block; margin-bottom: 1em; @include breakpoint(small) { padding: 1em; } &:hover { text-decoration: none; }
}
.adventure-image, .adventure-map {
width: 25%; @include breakpoint(small) { display: none; }
}
.adventure-image {
background-size: cover; padding-bottom: 25%;
}
.adventure-map {
margin: 0;
}
.adventure-group {
@include breakpoint(medium) { padding-left: 1.5em; width: 50%; } h2 { margin-top: 0; } .icon { width: 1em; } .adventure-meta { color: $text-color; font-size: $font-small; margin-bottom: 0.5em; }
}