/* Fixed fullscreen map */
#story-map{
    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    z-index:1;transform: translateY(40px);
}
/* Fake page used only for scrolling */
#story-scroll{
    position:relative;
    width:1px;
    height:50000px;
    pointer-events:none;
}
/* =========================================================
   STORY MAP POPUP DIRECTION
   ========================================================= */

/* Southern / lower cities:
   popup sits ABOVE the pin */
.story-popup.popup-opens-up {
    margin-bottom: 40px;
}

/* Northern / upper cities:
   popup sits BELOW the pin */
.story-popup.popup-opens-down {
    margin-top: 40px;
}
/* =========================================================
   ACTIVE STORY MAP PIN
========================================================= */

.city-marker.active-city-marker {
    z-index: 9999 !important;
}

.city-marker.active-city-marker svg {
    transform: scale(1.3);
    transform-origin: 50% 100%;
    transition: transform 0.25s ease;
}

.city-marker svg {
    transition: transform 0.25s ease;
}