@charset "UTF-8";

.maps h3 { font-size: 1.2em;  text-align: left;}
.maps.mw details h3 { margin-bottom: 0; text-indent: 18px; }

.maps.mw details, .maps.mw summary {padding:0;}

.maps.mw  {min-height: 40px;/*IE */ min-height: unset; /*245px; */}

.maps.mw figure {margin-bottom: 0em;}

.flex-container { display:flex; flex-direction: row; flex-wrap: wrap;}

.flex-container > * { width: 1fr; }

.el-4 > * { flex-basis: 50%;}
 /* IE10+ specific styles go here */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .el-4 > * { flex-basis: 49%; box-sizing:border-box;}
}
@media (max-width: 768px){}

a.xs-hide {display:none !important;}

@media (min-width: 768px){
.el-4 > * {flex-basis: 25%;}
a.xs-hide {display: block !important; background-color: rgba(255,255,255,0.6); padding:0.5em; border-radius: 4px ; text-decoration: none !important; }
.flex-container {flex-wrap: nowrap;}
}
/**/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (min-width: 768px){  
    .el-4 > * { flex-basis: 24%; box-sizing:border-box;}
}


.maps.mw summary[aria-expanded="false"] + .flex-container figure {
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.8s ease-in-out;
	-moz-transition: all 0.8s;
	transition: opacity 0.8s ease-in-out;
}

.maps.mw summary[aria-expanded="true"] + .flex-container figure {
	max-height: auto;
	opacity: 1.0;
}

.maps.mw summary { position: relative;}
.maps.mw summary:before { transition: transform 100ms ease-in-out; }
.maps.mw summary[aria-expanded="false"], details summary[aria-expanded="true"] { background-image: none;}
.maps.mw summary[aria-expanded="false"]:before {
content: '+';
font-size:24px;
color: #94C6EB;
position: absolute;
top: 4px;
left: 8px;
z-index: 1;
}
.maps.mw summary[aria-expanded="true"]:before {
content: '+';
font-size:24px;
color: #94C6EB;
position: absolute;
top: 4px;
left: 8px;
z-index: 1;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.maps.mw summary h3:hover,.maps.mw summary h3:focus { background-color: #F7F7F7;}


h2 {font-size: 1.5em; /* per h1 ...*/}
article h1 {
	font-size: 1.3em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.2em;
}

.update { font-weight: normal; margin-left: 1em;}