.gpx { border: 2px #aaa solid; border-radius: 5px;
    box-shadow: 0 0 3px 3px #ccc;
    width: 100%; margin: 1em auto; }
.gpx header { padding: 0.5em; }
.gpx h3 { margin: 0; padding: 0; font-weight: bold; }
.gpx .start { font-size: smaller; color: #444; }
.gpx .map { border: 1px #888 solid; border-left: none; border-right: none;
    width: 100%; height: 80vh; margin: 0; }
.gpx footer { background: #f0f0f0; padding: 0.5em; }
.gpx ul.info { list-style: none; margin: 0; padding: 0; font-size: smaller; }
.gpx ul.info li { color: #666; padding: 2px; display: inline; }
.gpx ul.info li span { color: black; }

/* photo/video popup */
.leaflet-popup-photo a.leaflet-popup-close-button {
    font-size: 25px !important;
    padding-top: 7px !important;
    width: 23px !important;
}
.leaflet-popup-photo a.leaflet-popup-close-button:hover {
	color: white;
}
.leaflet-popup-photo .leaflet-popup-content-wrapper { 
	padding: 6px;
	border-radius: 4px;
}
.leaflet-popup-photo .leaflet-popup-content { 
	margin: 0;
}
.leaflet-popup-photo .leaflet-popup-tip {
	background: white;
}
.leaflet-popup-photo img, 
.leaflet-popup-photo video {
	display: block;
	width: 100%;
}
.leaflet-popup-photo p {
	margin: 5px 0 0 0;
}