#mapNavi {
    padding: 1rem 1rem 1rem 0.5rem;

}
#mapNavi ul {
    padding-bottom: 2rem;
}

#mapNavi li {
    padding: 0.5rem 0 0.5rem 1rem;
    color: var(--ci001);
    text-decoration: underline;
    transition: all 0.3s, ease-in-out 0.2s;
    cursor: pointer;
}
#mapNavi li:hover {
    color: var(--ci002);
    transition: all 0.3s, ease-in-out 0.2s;
}
#mapNavi li.active {
    color: var(--ci002);
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s, ease-in-out 0.2s;
}

#mapNavi li.navhead {
    text-decoration: none;
    font-family: var(--font_headline);
    font-size: var(--font_size05);
    color: var(--col05);
    cursor:default;
    padding: 0 0.5rem 0 0;
}
#mapNavi li i.fas {
    margin-right: 0.5rem;
}


.map {
 width: 0;
 height: 0;   
 transition: all 0.5s, ease-in-out 0.2s;
}

.map.mapshow {
    width: 100%;
    height: 100%;
    transition: all 0.5s, ease-in-out 0.2s;
}

.map figure {
    margin: 0;
}

/* Select Maps */
.mapsMenu, .citySheets {
    padding-top: 0.75rem;
    position: relative;
    z-index: 200;
}
.mapsTrigger, .sheetTrigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: var(--ci008);
    border: 1px solid var(--ci009);
    border-radius: var(--radius_standard);
    cursor: pointer;
    position: relative;
    z-index: 300;
    overflow: hidden;
}
.mapsTrigger span, .sheetTrigger span {
    padding: 0.75em 5em 0.75em 1em;
    font-size: var(--font_size04);
}
.mapsTrigger i, .sheetTrigger i {
    height: 100%;
    background-color: var(--ci001);
    color: var(--col15);
    padding: 1rem 0.75em ;
    font-size: var(--font_size05);
    transform:rotate(180deg);
    transition: all 0.5s;
}
.mapsTrigger.close i {
    transform:rotate(0deg);
    transition: all 0.5s;

}

.downloadMapsLayer {
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0rem;
    padding: 1rem 1.5rem;
    background-color: var(--ci008);
    border: 1px solid transparent;
    border-radius: var(--radius_standard) var(--radius_standard) 0 0;
    border-top-color: var(--col15);
    overflow: hidden;
    transition: all 0.5s;
}

.downloadMapsLayer.openLayer {
    height: auto;
    bottom: 2.75rem;
    transition: all 0.5s;
}

#cityDatasheets {
    padding: 2rem 4rem;
}
/*
#cityDatasheets a {
    white-space: nowrap;
    -ms-hyphens: none;
    hyphens: none;
}
*/

#cityDatasheets .rs-column {
    padding: 0 0.5rem;
}