.wrr-radar-wrapper {
	max-width: 100%;
	margin: 0 0 1em;
}

.wrr-radar-frame {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.wrr-radar-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Eigen stip op de ingestelde locatie, altijd in het midden van de kaart
   (de kaart is standaard gecentreerd op diezelfde locatie). Blijft alleen
   exact kloppen zolang het midden van de kaart niet verschuift -- zie de
   "lock"-vlakken hieronder. */
.wrr-radar-dot {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	background: #e63946;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 4px rgba( 0, 0, 0, 0.6 );
	pointer-events: none;
	z-index: 5;
}

/* Onzichtbare vlakken die precies de kaart zelf afdekken, zodat er niet op
   gesleept/gescrold/gepincht kan worden (wat het midden van de kaart -- en
   dus onze stip -- zou verschuiven). De zoomknoppen rechtsboven en de
   afspeelknop/tijdlijn onderaan liggen buiten deze vlakken en blijven dus
   gewoon aanklikbaar. Windy plaatst die knoppen altijd op dezelfde
   pixelafstand van de rand, dus deze vaste maten blijven kloppen bij elke
   breedte/hoogte. */
.wrr-radar-lock {
	position: absolute;
	background: transparent;
	z-index: 4;
}

.wrr-radar-lock-top {
	top: 0;
	left: 0;
	right: 110px; /* laat het "Weerradar"-kadertje + de +/- knoppen vrij */
	height: 96px;
}

.wrr-radar-lock-mid {
	top: 96px;
	left: 0;
	right: 0;
	bottom: 90px; /* laat de afspeelknop, tijdlijn en dBZ-schaal onderaan vrij */
}

.wrr-radar-caption {
	margin: 0.4em 0 0;
	font-size: 0.85em;
	opacity: 0.75;
	text-align: center;
}