@font-face {
	font-family:  'Noto Sans';
	font-style:   italic;
	font-weight:  400;
	font-display: block;
	src:          url(../fonts/noto-sans-italic.ttf) format('truetype');
}
@font-face {
	font-family:  'Noto Sans';
	font-style:   italic;
	font-weight:  700;
	font-display: block;
	src:          url(../fonts/noto-sans-bold-italic.ttf) format('truetype');
}
@font-face {
	font-family:  'Noto Sans';
	font-style:   normal;
	font-weight:  400;
	font-display: block;
	src:          url(../fonts/noto-sans.ttf) format('truetype');
}
@font-face {
	font-family:  'Noto Sans';
	font-style:   normal;
	font-weight:  700;
	font-display: block;
	src:          url(../fonts/noto-sans-bold.ttf) format('truetype');
}
@font-face {
	font-family:  'Noto Sans';
	font-style:   normal;
	font-weight:  400;
	font-stretch: condensed;
	font-display: block;
	src:          url(../fonts/noto-sans-condensed.ttf) format('truetype');
}
@font-face {
	font-family:  'Noto Sans';
	font-style:   normal;
	font-weight:  700;
	font-stretch: condensed;
	font-display: block;
	src:          url(../fonts/noto-sans-bold-condensed.ttf) format('truetype');
}


html, body {
	font-family: 'Noto Sans';
	margin:      0;
	padding:     0;
}
body#process span.yes {
	color:     green;
	font-size: 300%;
}
body#process span.no {
	color:     red;
	font-size: 300%;
}
body#process span.limited {
	color:       #cccc33;
	font-size:   300%;
	font-weight: bold;
}
body#process span.unknown {
	color: black;
	font-size: 200%;
}
body#process table {
	border: 1px solid #000;
	border-collapse: collapse;
	font-size: 75%;
}
body#process table tbody tr.done th,
body#process table tbody tr.done td {
	background: #afa;
}
body#process table tbody tr.todo th,
body#process table tbody tr.todo td {
	background: #ffa;
}
body#process table th, table td {
	border: 1px solid #000;
	padding: 0.25em 0.5em;
	text-align: left;
}
table thead th {
	vertical-align: bottom;
}
table thead th.flag {
	text-align: left;
	writing-mode: vertical-rl;
	transform: rotate(-180deg);
	vertical-align: middle;
}
td.capacity {
	text-align: right;
}
td.wikidata {
	text-align: center;
}
td.wikidata img {
	height: 3em;
}
td.accessible {
	text-align: center;
}
td.accessible img {
	height: 3em;
}
td.lit {
	text-align: center;
}
td.lit img {
	height: 3em;
}
td.safety-net {
	text-align: center;
}
td.safety-net img {
	height: 3em;
}
td.scoreboard {
	text-align: center;
}
td.scoreboard img {
	height: 3em;
}
td.bleachers {
	text-align: center;
}
td.bleachers img {
	height: 3em;
}
td.bullpen {
	text-align: center;
}
td.bullpen img {
	height: 3em;
}
td.warningtrack {
	text-align: center;
}
td.warningtrack img {
	height: 3em;
}
td.raisedmound {
	text-align: center;
}
td.raisedmound img {
	height: 3em;
}
td.fence {
	text-align: center;
}
td.fence img {
	height: 3em;
}
td.openstreetmap {
	text-align: center;
}
td.openstreetmap img {
	height: 3em;
}
td.bing-maps {
	text-align: center;
}
td.bing-maps img {
	height: 3em;
}
td.calendar {
	text-align: center;
}
td.calendar img {
	height: 3em;
}
td.google-maps {
	text-align: center;
}
td.google-maps img {
	height: 3em;
}
td.drinking-water {
	text-align: center;
}
td.drinking-water img {
	height: 3em;
}
td.restaurant {
	text-align: center;
}
td.restaurant img {
	height: 3em;
}
td.toilets {
	text-align: center;
}
td.toilets img {
	height: 3em;
}
td.photo img {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

html {
	min-height: 100%;
	height: 100%;
}
body.parkbody {
	/*
	background-color: #705060;
	background-image: url('../images/dirt.webp');
	*/
	background-color: #333;
	background-size: cover;
	padding: 0 1em 1em 1em;
	min-height: calc(100% - 2em);
	height: calc(100% - 2em);
	margin-bottom: 1em;
}
body.parkbody div#prepage {
	padding: 0.5em 1em;
	font-size: smaller;
	color: #fff;
	background: transparent;
}
body.parkbody div#prepage p {
	margin: 0;
	padding: 0;
}
body.parkbody div#page {
	border-radius: 1em;
	background: #eee;
	padding: 1em;
	display: flex;
	min-height: calc(100vh - 4em);
	flex-direction: column;
	justify-content: flex-start;
}
body.parkbody div#header {
	border-radius: 1em 1em 0 0;
	/* background-color screws up the blend */
	/* background-color: #779955; */
	background-image: linear-gradient(#fff, #000), url(../images/field.webp);
	background-size: cover;
	background-blend-mode: multiply;
	background-position-x: center;
	background-position-y: 55%;
	margin: -1em -1em 1em -1em;
	display: flex;
}
body.parkbody div#header div#headertitle {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1em;
}
body.parkbody div#header div.headerbox {
	width: calc(25% - 2em);
	min-width: calc(288px - 2em);
	margin: 1em 1em 1em 0;
	color: #fff;
	background-color: #00000099;
	border-radius: 0 1em 0 0;
	padding: 0.5em 1em;
	text-shadow: #000 0px 0px 1em, #000 0px 0px 0.5em, #000 0px 0px 0.25em, #000 0px 0px 0.125em;
}
body.parkbody h1 {
	font-size: 300%;
	font-stretch: condensed;
	color: #fff;
	text-shadow: #000 0px 0px 1em, #000 0px 0px 0.5em, #000 0px 0px 0.25em, #000 0px 0px 0.125em;
	padding: 0;
	margin: 0 0 0 0.333em;
	line-height: 1;
	vertical-align: middle;
}
body.parkbody h1 span.nopark {
	display: block;
	padding: 0.5em 0 0.5em 0;
	max-width: 16.5em;
	margin: 0 auto;
}
body.parkbody div#location {
	font-size: 150%;
	font-stretch: condensed;
	color: #fff;
	text-shadow: #000 0px 0px 1em, #000 0px 0px 0.5em, #000 0px 0px 0.25em, #000 0px 0px 0.125em;
	padding: 0.25em 0 0 0;
	/* h1 has a large default bottom margin and line-height. */
	margin: 0 0 0 0.666em;
	vertical-align: middle;
	line-height: 1;
}
body.parkbody div#page h2 {
	margin-bottom: 0.166em;
}
body.parkbody div#maincontents h2::before,
body.parkbody div#infoboxes    h2::before {
	content: "\0026BE";
	vertical-align: middle;
	line-height: 1;
	font-size: 50%;
	padding-right: 0.5em;
	filter: brightness(0.867);
	text-align: left;
}
body.parkbody div#infoboxes h2 {
	text-align: left;
}

body.parkbody div#maincontents div#longtext {
	margin: 0 auto;
	max-width: 48em;
}
body.parkbody div#maincontents div#longtext p {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}
body#parkbody table {
	font-size: 100%;
	border: 0.125em solid #aaa;
	border-collapse: collapse;
	background: #fff;
}

body#parkbody table th,
body#parkbody table td {
	border: 0.125em solid #aaa;
}

body.parkbody div#infoboxes {
	width: 25%;
	min-width: 256px;
}
body.parkbody div#citygrid a,
body.parkbody div#citygrid a:link,
body.parkbody div#citygrid a:visited,
body.parkbody div#citygrid a:active,
body.parkbody div#longtext a,
body.parkbody div#longtext a:link,
body.parkbody div#longtext a:visited,
body.parkbody div#longtext a:active,
body.parkbody div.infobox a,
body.parkbody div.infobox a:link,
body.parkbody div.infobox a:visited,
body.parkbody div.infobox a:active {
	color: #000;
	text-decoration-color: #aaa;
}
body.parkbody div#citygrid a:focus,
body.parkbody div#citygrid a:hover,
body.parkbody div#longtext a:focus,
body.parkbody div#longtext a:hover,
body.parkbody div.infobox a:focus,
body.parkbody div.infobox a:hover {
	color: #000;
	text-decoration-color: #000;
}
body.parkbody div#infoboxes div#occupantsinside {
	border: 0.125em solid #aaa;
	width: calc(100% - 1.25em);
	padding: 0.125em 0.5em;
	font-weight: bold;
	background: #fff;
}
body.parkbody div.infobox table {
	width: 100%;
	border: 0.125em solid #aaa;
	border-collapse: collapse;
}
body.parkbody div.infobox table td,
body.parkbody div.infobox table th {
	border: 0.125em solid #aaa;
	background: #fff;
	padding: 0.125em 0.5em;
}
body.parkbody div.infobox table th {
	text-align: left;
}
body.parkbody div.infobox table tr td.featureicon,
body.parkbody div.infobox table tr td.featureicon-occupant {
	border-right-width: 0;
	text-align: center;
	width: 2em;
}
body.parkbody div.infobox table td.featureicon-occupant img,
body.parkbody div.infobox table td.featureicon img {
	height: 2em;
}
body.parkbody div.infobox table tr td.featurename {
	border-left-width: 0;
	font-weight: bold;
}
body.parkbody div.infobox table tr td.featurestate {
	width: 2em;
	text-align: center;
}
body.parkbody span.team-initials {
	font-stretch: condensed;
	font-weight: bold;
	font-size: 200%;
	text-stroke-width: 0.05em;
	-webkit-text-stroke-width: 0.05em;
}
body.parkbody div#citygrid {
	column-width: 24em;
	column-gap: 2em;
	margin-bottom: 2em;
}
body.parkbody div#citygrid div.citybox {
	break-inside: avoid-column;
}
body.parkbody div#citygrid ul {
	margin-top: 0;
}
body.parkbody div#citygrid ul li {
	font-size: 125%;
	line-height: 1;
}
body.parkbody div#citygrid ul li span {
	font-size: 80%;
}
body.parkbody div#citygrid ul li.pix {
	list-style-type: disc;
	color: #000;

	/* list-style-type: "\1F5BC"; */
}
body.parkbody div#citygrid ul li.nopix {
	list-style-type: circle;
	/* list-style-type: "\1F5BC"; */
	/* filter: saturate(0); */
	color: #666;
}
body.parkbody div.divpix {
	display: list-item;
	list-style-type: disc;
	margin-left: 1em;
}
body.parkbody div.divnopix {
	display: list-item;
	list-style-type: circle;
	margin-left: 1em;
}

body.parkbody div#citygrid h2 {
	margin-top: 0;
	display: flex;
	text-align: left;
}
body.parkbody div#citygrid h2::before {
	content: "\0026BE";
	vertical-align: middle;
	line-height: 1;
	font-size: 50%;
	padding-right: 0.5em;
	padding-top: 1em;
	filter: brightness(0.867);
	text-align: left;
}
body.parkbody div#citygridcontainer form {
	font-size: 125%;
	margin: 0 auto 1em 0;
	padding: 0 0 1em 0;
	border-color: #ccc;
	border-width: 0 0 0.1em 0;
	border-style: solid;
}
body.parkbody div#citygridcontainer form label span {
	margin: 0 1em 0 0;
}
body.parkbody div#citygridcontainer form select {
	font-size: inherit;
	font-stretch: condensed;
	margin: 0 1em 0 0;
}
body.parkbody div#citygridcontainer form select option {
	font-size: inherit;
	font-stretch: condensed;
}
body.parkbody div#footer {
	clear: both;
	text: #ccc;
	background: #333;
	padding: 1em 0;
	margin: auto -1em -1em -1em;
}
body.parkbody div#footer p {
	text-align: center;
	color: #eee;
}
body.parkbody div#footer p span.heart {
	color: #f44133;
}
body.parkbody div#footer div#attributions ul {
	display: block;
	margin: 0;
	padding: 0;
}
body.parkbody div#footer div#attributions ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 0.5em;
}
body.parkbody div#attributions {
	text-align: center;
}
body.parkbody div#map {
	font-size: 100%;
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 0.25em);
	border: 0.125em solid #aaa;
}
body.parkbody div.infobox div#map {
	height: 24em;
}
body.parkbody div#maincontents div#map {
	height: 48em;
	max-height: 80vh;
}
body.parkbody div#maincontents div#map span.pointcount {
	font-size: smaller;
	line-height: 1;
	vertical-align: middle;
	color: #777;
}
body.parkbody div.leaflet-container {
	font-family: 'Noto Sans';
}
body.parkbody div#maincontents div#map input.leaflet-control-layers-selector {
	display: none;
}
body.parkbody div#maincontents div#map input.leaflet-control-layers-selector + span {
	vertical-align: middle;
	line-height: 1;
}
body.parkbody div#maincontents div#map input.leaflet-control-layers-selector:not(:checked) + span {
	text-decoration: underline;
	text-underline-offset: -0.333em;
	text-decoration-skip-ink: none;
	opacity: 0.5;
}
body.parkbody div#maincontents div.mappopup p {
	text-align: center;
}
body.parkbody div#maincontents div.mappopup p.mappopup-city {
	font-size: smaller;
	font-style: italic;
}
body.parkbody div#infoboxes div.infobox {
	margin-bottom: 1.5em;
}
body.parkbody table td.featurestate span.yes {
	color: #779955;
	font-size: 200%;
	font-weight: bold;
}
body.parkbody table td.featurestate span.no {
	color: red;
	font-size: 200%;
	font-weight: bold;
}
body.parkbody table td.featurestate span.limited {
	color: #cccc33;
	font-size: 200%;
	font-weight: bold;
}
body.parkbody table td.featurestate span.unknown {
	color: #aaa;
	font-size: 200%;
}
body.parkbody div#main {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: row-reverse;
	padding-bottom: 1em;
}
body.parkbody div#stats table td {
	text-align: right;
}
body.parkbody abbr {
	text-decoration: none;
	outline: 0;
}
body.parkbody div.clearboth {
	clear: both;
}
body.parkbody div.adr {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-width: 0 0 0.125em 0;
	border-color: #aaa;
	border-style: solid;
}
body.parkbody div.headerbox ul {
	margin: 1em 0 0.5em 0;
	padding: 0;
	display: block;
	line-height: 2em;
}

body.parkbody div.headerbox ul li {
	list-style-type: none;
	margin-right: 0.333em;
	margin-bottom: 0.333em;
	display: inline-block;
	height: 1.5em;
	background: #eee;
	padding: 0.333em;
	border-radius: 0.333em;
	border: 0.125em outset #fff;
}
body.parkbody div.headerbox ul li:hover {
	background: #fff;
}
body.parkbody div.headerbox ul li img {
	width: 1.5em;
	vertical-align: top;
	height: 100%;
}
body.parkbody div.headerbox ul li span {
	vertical-align: top;
	font-size: 150%;
	height: 100%;
}
body.parkbody div.imagebox {
	display: inline-block;
	margin-right: 1em;
	margin-left: 4px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	width: 320px;
	/* This height is likely not required.
	height: calc(180px + 1.5em);
	*/
	padding: 8px;
	background: #fff;
	text-align: center;
	vertical-align: top;
	box-shadow: 0px 2px 4px #666;
}
body.parkbody div#gallery {
	padding-right: 8px;
}
.nGY2PopupTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.nGY2PopupContentLeft {
	box-shadow: 0px 2px 4px #666;
}
.nGY2PopupCloseButton {
	width: 5em;
	float: right;
}
body.parkbody div.contribute-images {
	text-align: center;
}
/* For non-park pages such as documentation, a tad smaller. */
body.parkbody div.contribute-images div.imagebox {
	width: 256px;
}
div.nGY2GallerySub span.thumb-info {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.5em 0.75em;
	color: #fff;
	text-shadow: #000 0px 0px 1em, #000 0px 0px 0.5em, #000 0px 0px 0.25em, #000 0px 0px 0.125em;
	font-size: smaller;
	font-weight: bold;
}
div.nGY2GallerySub span.thumb-info a,
div.nGY2GallerySub span.thumb-info a:link,
div.nGY2GallerySub span.thumb-info a:active,
div.nGY2GallerySub span.thumb-info a:visited {
	text-decoration: none;
	color: #fff;
	opacity: 25%;
}
div.nGY2GallerySub span.thumb-info a:hover {
	opacity: 100%;
}
div.nGY2GallerySub span.thumb-year {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.5em 0.75em;
	color: #fff;
	text-shadow: #000 0px 0px 1em, #000 0px 0px 0.5em, #000 0px 0px 0.25em, #000 0px 0px 0.125em;
	font-size: smaller;
	opacity: 25%;
}
div.nGY2GallerySub span.thumb-year:hover {
	opacity: 100%;
}
div.nGY2GallerySub span.thumb-author {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0.75em 0.75em;
	color: #fff;
	text-shadow: #000 0px 0px 1em, #000 0px 0px 0.5em, #000 0px 0px 0.25em, #000 0px 0px 0.125em;
	font-size: smaller;
	opacity: 25%;
}
div.nGY2GallerySub span.thumb-author:hover {
	opacity: 100%;
}
div.nGY2GallerySub span.thumb-author a,
div.nGY2GallerySub span.thumb-author a:link,
div.nGY2GallerySub span.thumb-author a:active,
div.nGY2GallerySub span.thumb-author a:visited {
	text-decoration: none;
	color: #fff;
}
div.nGY2GallerySub span.thumb-author::before {
	content: '\1f464\a0';
}
div.nGY2GallerySub span.thumb-license {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.75em 0.75em;
	color: #fff;
	text-shadow: #000 0px 0px 1em, #000 0px 0px 0.5em, #000 0px 0px 0.25em, #000 0px 0px 0.125em;
	font-size: smaller;
	vertical-align: bottom;
}
div.nGY2GallerySub span.thumb-license a,
div.nGY2GallerySub span.thumb-license a:link,
div.nGY2GallerySub span.thumb-license a:active,
div.nGY2GallerySub span.thumb-license a:visited {
	text-decoration: none;
	color: #fff;
}
div.nGY2GallerySub span.thumb-license a img {
	opacity: 25%;
	vertical-align: bottom;
}
div.nGY2GallerySub span.thumb-license a:hover img {
	opacity: 100%;
}
div.nGY2GallerySub > div.nGY2GThumbnail_l1 {
	box-shadow: 0px 2px 4px #666;
	margin-left: 4px;
}
table.popup-info tr,
table.popup-info tr th,
table.popup-info tr td {
	border: 0;
	padding: 0.125em 0.25em;
	margin: 0;
	vertical-align: top;
}
table.popup-info a,
table.popup-info a:link,
table.popup-info a:visited,
table.popup-info a:active,
table.popup-info a:focus {
	color: #000;
	text-decoration-color: #aaa;
}
table.popup-info a:hover {
	color: #000;
	text-decoration-color: #000;
}
body.parkbody div.imagebox a.photolink {
	display: inline-block;
	margin: 0 auto;
	height: calc(100% - 1.5em);
	vertical-align: middle;
}
body.parkbody div#maincontents div#longtext div.imagebox p.attribution {
	margin: 0 auto;
	text-align: center;
}
body.parkbody div.imagebox img.photo {
	display: block;
	vertical-align: middle;
	width: auto;
	height: auto;
	max-height: 180px;
	margin: 0 auto;
}
body.parkbody div.attribution,
body.parkbody div.nGY2GThumbnailLabel div.attribution {
	text-align: left;
	padding-top: 0.5em;
}
body.parkbody div.nGY2GThumbnailLabel span.attribution span.external-link img,
body.parkbody div.imagebox            span.attribution span.external-link img {
	opacity: 0.25;
	vertical-align: bottom;
	height: 1em;
}
body.parkbody div.nGY2GThumbnailLabel span.attribution span.external-link a:hover img,
body.parkbody div.imagebox            span.attribution span.external-link a:hover img {
	opacity: 0.5;
}
body.parkbody div.nGY2Viewer img.licenseicon {
	height: 1em;
	padding-right: 0.25em;
	vertical-align: bottom;
}
body.parkbody div.nGY2Viewer          img.licenseicon,
body.parkbody div.nGY2GThumbnailLabel img.licenseicon,
body.parkbody div.imagebox            img.licenseicon {
	height: 1em;
	padding-right: 0.25em;
	vertical-align: bottom;
	opacity: 0.25;
}
body.parkbody div.nGY2Viewer          img.licenseicon {
	opacity: 0.5;
}
body.parkbody div.nGY2GThumbnailLabel a:hover img.licenseicon,
body.parkbody div.imagebox            a:hover img.licenseicon {
	opacity: 0.5;
}
body.parkbody div.nGY2Viewer          a:hover img.licenseicon {
	opacity: 0.75;
}
body.parkbody div#maincontents {
	flex: 1;
	/*
	padding-right: 16px;
	*/
}
body.parkbody div#globalmapbox {
	/*
	padding-left: 16px; // Match maincontents right margin. //
	*/
}
body.parkbody div.leaflet-control-layers-overlays label img {
	height: 1em;
	width: auto;
	margin: 0 0.5em 0 0.25em;
}
body.parkbody div#photos {
	text-align: justify;
	padding-right: 16px;
}

body.parkbody div#footer div#footerlinks {
	display: flex;
	justify-content: center;
	padding-bottom: 2em;
}
body.parkbody div#footer div.footerbox {
	padding: 0 1em;
}
body.parkbody div#footer div#footerlinks ul,
body.parkbody div#footer div#footerlinks li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body.parkbody div#footer div#footerlinks h2 {
	color: #fff;
	padding: 0;
	margin: 0 0 0.166em 0;
}
body.parkbody div#prepage a,
body.parkbody div#prepage a:link,
body.parkbody div#prepage a:active,
body.parkbody div#prepage a:visited,
body.parkbody div#footer div#footerlinks a,
body.parkbody div#footer div#footerlinks a:link,
body.parkbody div#footer div#footerlinks a:active,
body.parkbody div#footer div#footerlinks a:visited {
	color: #fff;
	text-decoration-color: #777;
}
body.parkbody div#prepage a:focus,
body.parkbody div#prepage a:hover,
body.parkbody div#footer div#footerlinks a:focus,
body.parkbody div#footer div#footerlinks a:hover {
	color: #fff;
	text-decoration-color: #fff;
}
body.parkbody .nGY2Viewer {
	color: #999;
	text-decoration: none;
}
body.parkbody .nGY2Viewer a,
body.parkbody .nGY2Viewer a:visited,
body.parkbody .nGY2Viewer a:active,
body.parkbody .nGY2Viewer a:link,
body.parkbody .nGY2Viewer a:focus {
	color: #ccc;
	text-decoration: none;
}
body.parkbody .nGY2Viewer a:hover {
	color: #fff;
	text-decoration: none;
}
body.parkbody .nGY2Viewer .toolbarBackground {
	background: rgba(0, 0, 0, 0.8);
	border-radius: 1em 1em 0 0;
}
body.parkbody .nGY2 .nGY2Viewer .ngy2viewerToolAction:hover {
	opacity: 1;
}
body.parkbody .marker-cluster-haspix {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.25);
}
body.parkbody .marker-cluster-haspix div {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(0, 0, 0, 0.75);
}
body.parkbody .marker-cluster-hassomepix {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(48, 128, 196, 0.25);
}
body.parkbody .marker-cluster-hassomepix div {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(48, 128, 196, 0.75);
}
body.parkbody .marker-cluster-hassomepix2 {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(12, 32, 46, 0.25);
}
body.parkbody .marker-cluster-hassomepix2 div {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(12, 32, 46, 0.75);
}
body.parkbody .marker-cluster-hassomepix1 {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(24, 64, 92, 0.25);
}
body.parkbody .marker-cluster-hassomepix1 div {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(24, 64, 92, 0.75);
}
body.parkbody .marker-cluster-hassomepix0 {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(36, 96, 138, 0.25);
}
body.parkbody .marker-cluster-hassomepix0 div {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(36, 96, 138, 0.75);
}
body.parkbody .marker-cluster-hasnopix {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(48, 128, 196, 0.25);
}
body.parkbody .marker-cluster-hasnopix div {
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(48, 128, 196, 0.75);
}
/* Crutch. */
body.parkbody .NGY2GThumbnailImageTitle {
	width: 100%;
}
@media screen and (max-width: 1080px) {
	body.parkbody span.team-initials {
		font-stretch: condensed;
		font-weight: bold;
		font-size: 100%;
		text-stroke-width: 0.05em;
		-webkit-text-stroke-width: 0.05em;
	}
	body.parkbody div.infobox table tr td.featurename,
	body.parkbody div.infobox table tr th.numbername,
	body.parkbody div#occupants div#occupantsinside {
		font-stretch: condensed;
	}
	body.parkbody div.infobox table tr td.featureicon-occupant {
		width: 1em;
		padding-right: 0;
	}
	body.parkbody div.infobox table tr td.featurepark div.divpix,
	body.parkbody div.infobox table tr td.featurepark div.divnopix {
		display: block;
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	body.parkbody div#header {
		flex-direction: column;
	}
	body.parkbody div#header div#headertitle {
		padding: 1em 0;
	}
	body.parkbody div#header div.headerbox {
		width: auto;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		border-radius: 0;
		padding: 0.5em 1em;
	}
	body.parkbody h1 {
		margin: 0.333em 0.333em 0 0.333em;
	}
	body.parkbody h1 span.nopark {
		display: block;
		/* Above h1 already has 0.333em top-margin and headertitle has 1em padding
		 * Reducing extra-padding from the non-mobile CSS.
		 */
		padding: 0 0 0.333em 0;
		max-width: 16.5em;
		margin: 0 auto;
	}
	body.parkbody div#location {
		margin-bottom: 0;
		padding-bottom: 0.5em;
	}
	body.parkbody div#main {
		flex-direction: column;
	}
	body.parkbody div#photos {
		padding-right: 0;
	}
	body.parkbody div#infoboxes {
		width: auto;
	}
	body.parkbody div#maincontents {
		margin-top: 1em;
	}
	body.parkbody div#footer div.footerbox {
		margin-bottom: 1.5em;
	}
	body.parkbody div#footer div#footerlinks {
		flex-direction: column;
	}
	table#jslicense-labels1 thead,
	table#jslicense-labels1 tbody {
		display: block;
		border: 0;
	}
	table#jslicense-labels1 thead th {
		display: none;
	}
	table#jslicense-labels1 tr {
		display: block;
		margin-bottom: 1em;
		border: 0;
		padding: 0;
	}
	table#jslicense-labels1 td {
		display: block;
		border: 0;
		padding: 0;
	}
	table#jslicense-labels1 td:first-child {
		font-weight: bold;
	}
	table#jslicense-labels1:lang(en) td::before {
		content: attr(title) ': ';
	}
	table#jslicense-labels1:lang(fr) td::before {
		content: attr(title) '\a0: ';
	}
	table#jslicense-labels1 td:first-child::before {
		content: '';
	}
	/* For non-park pages such as documentation, a tad smaller. */
	body.parkbody div.contribute-images div.imagebox {
		width: calc(100% - 1em - 16px);
	}
	body.parkbody div.contribute-images div.imagebox img {
		max-width: 100%;
	}
	body.parkbody div.leaflet-control-container {
		font-size: smaller;
		font-stretch: condensed;
	}
}