.map {
    width: 25rem;
    height: 25rem;
    margin: 0 auto;
}

figure {
    margin: 0 auto 1.5rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    width:  28rem;
    /* height: 28rem; */
    position: relative;
    padding: calc(1vw) calc(1vw + 1.5rem) 0;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 378 373' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.452 2.821l-3.171 367.05c125.311 2.569 250.666 2.673 376.055.905l.84-370.289c-124.617-.622-249.191.172-373.724 2.334z' fill='url(%23a)' /%3E%3Cdefs%3E%3ClinearGradient id='a' x2='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(377.176 -.281 .281 377.176 .281 .281)'%3E%3Cstop offset='0' stop-color='%23efeef3' /%3E%3Cstop offset='1' stop-color='%23E5E8ED' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") center / cover no-repeat;
}

figure:before,
figure:after {
    content: '';
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
}

figure:before {
    filter: blur(12px);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 75%, rgba(0, 0, 0, .1) 80%);
    transform: skew(-7deg, -6deg) translate(0);
}

figure:after {
    filter: blur(2px);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: rgba(0, 0, 0, .25);
    transform: skew(.75deg, 1deg) translate(-1px, -8px);
}

a figcaption, a:visited figcaption {
    color: black !important;
}

figure img, figure video {
    width: 100%;
    height: auto;
    border-radius: 3px;
    vertical-align: middle;
    margin: 1rem 0;
}

figure figcaption {
    font-family: 'Courier', sans-serif;
    font-size: 10pt;
    padding: 0 0 1rem 0;
}

.leaflet-container img {
    margin: 0 0 !important;
}

@media (max-width: 36rem) {
    figure, .fullmap {
	width: calc(100vw - 8rem);
	/*height: calc(100vw - 8rem);*/
	padding: 4vw 6vw 0vw 6vw;
    }

    figure figcaption {
	/*padding: 2.5vw 0;*/
    }
}

table.summary {
    width: auto;
    margin: 0 auto;
}

.post-line:after {
    border-bottom: none !important;
    margin: 0 !important;
}

.footnotes {
    font-size: 75%;
}

.post-navigation {
    margin: 0.5rem auto;
}

table tbody > tr > th {
    padding: 1rem 1rem;
}

table tbody > tr > td, table tbody > tr > th {
    border-radius: 5px;
}

table tbody > tr:nth-child(odd)>td, table tbody > tr:nth-child(odd)>th {
    background-color: #d0d048;
}

.post-list {
    padding: 0;
    margin-right: 25px;
    margin-left: 25px;
}

.leaflet-pane svg g path.track:hover,
.leaflet-pane svg g path.track.highlight,
.leaflet-pane svg g path.track.segment-hover,
.leaflet-pane svg g path.track.section-hover
 {
    stroke: white;
    filter: drop-shadow(0px 0px 4px #000);
 }

.leaflet-pane svg g path.odd {
    stroke: red;
}

.leaflet-pane svg g path.even {
    stroke: blue;
}

/* .leaflet-tooltip { */
/*     pointer-events: all !important; */
/* } */

.leaflet-marker-icon.end-of-segment p {
    display: block;
    width: 4rem;
    transform: translate(2rem, -1rem);
    background: white;
    color: black;
    padding: 0.3rem 0.7rem;
    border-radius: 1.0rem;
    line-height: normal;
}

.leaflet-marker-icon.end-of-section p {
    display: block;
    width: 4rem;
    transform: translate(-10rem, 1rem);
    background: green;
    color: white;
    padding: 0.3rem 0.7rem;
    border-radius: 1.0rem;
    line-height: normal;
    font-style: italic;
}

.leaflet-interactive a p:hover {
    text-decoration: underline;
}

.leaflet-marker-icon.end-of-section.section-hover p,
.leaflet-marker-icon.end-of-section.segment-hover p {
    border: 5px solid white !important;
}

.leaflet-marker-icon.end-of-segment.section-hover p,
.leaflet-marker-icon.end-of-segment.segment-hover p {
    border: 5px solid black !important;
}

div.leaflet-marker-icon.section-hover div.hoover,
div.leaflet-marker-icon.segment-hover div.hoover {
    transform: translate(-5px, -5px);
    opacity: 1.0;
}

.hoovered .leaflet-marker-icon p,
.hoovered .end-of-section p,
.hoovered .end-of-segment p,
.hoovered path.track {
    opacity: 0.5;
}

.leaflet-marker-icon.segment-hover p,
.leaflet-marker-icon.section-hover p,
.end-of-section.segment-hover p,
.end-of-section.section-hover p,
.end-of-segment.segment-hover p,
.end-of-segmentsection-hover p,
path.track.segment-hover,
path.track.section-hover {
    opacity: 1.0 !important;
}