/* @group Maps
------------------------------------ */
.maps { color: var(--timeline-text); }
.maps .map-container { height: 100vh; position: relative; }
.maps h2,
.maps h3 { color: var(--timeline-title); position: relative; }
.maps h4 { color: var(--timeline-title); font-size: 1.3em; font-weight: 500; letter-spacing: 2.08px; line-height: 1.542em; margin: 0 0 1rem; }
.maps ul { margin: 0 0 5.3rem; }
.maps h4 + p,
.maps time { display: block; font: 400 3.2em / 1.375em var(--bilo-font); margin: 0 0 5.3rem; }
.maps p > time,
.maps time > p { font-size: 1em; line-height: inherit; margin: 0; }
.map-2 .map-container::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 34.5rem; background: transparent linear-gradient(180deg, rgba(23,23,39,0) 0%, rgba(23,23,39,.7) 100%); pointer-events: none; }
/* Info Bubble
----------------------*/
.maps .bubble_container .bubble { overflow: visible!important; background: var(--bg-visit)!important; box-shadow: 0 .3rem .6rem rgba(20,34,38,.4)!important;
border: none!important; padding: 0!important; width: 21.2rem!important; height: auto!important; text-align: left!important; border-radius: 6rem!important; }
.maps .bubble_container .arrow div { display: none!important; }
.maps .bubble_container .content { padding: 1.9rem 2.8rem; }
.maps .bubble_container h4 { color: var(--timeline-title); font: 500 1.4rem / 1.5em var(--bilo-fon); letter-spacing: 2.24px; margin: 0; text-transform: uppercase; }
@media only screen
and (min-width : 961px) {
    .map-1 .map-container { height: 76rem; }
    .map-2 .map-container { height: 74rem; }
    .map-3 .map-container { height: 72rem; }
    .maps header { margin-top: -9rem; }
    .maps h2 { font-size: 10em; letter-spacing: 16px; line-height: 1em; }
    .maps h3 { margin: 0 0 -2rem; position: relative; top: -2rem; }
    .maps article { padding-left: 4rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .maps header { margin-top: -7rem; }
    .maps h2 { font-size: 7em; letter-spacing: 11.2px; line-height: 1.143em; top: -1rem; }
    .map-1 aside { padding: 0; margin: 0 0 5rem; }
}

/* @end */