/* 
==========================================================================
MAP 
========================================================================== 
*/
:root{
	--blue:rgb(99, 149, 178);
	--map:rgb(158,192,134);
}

section.map {
	/* margin: 0 auto 0 auto; */	
}

#map {
	aspect-ratio: 1.666/1; overflow: hidden; position: relative; transform-box: fill-box;		
}

#map > svg {		
	position:absolute; top: 10%; left: 0; width: 100%;
	animation-play-state: paused;
}

.in-view #places i,	
.in-view #map > svg {
	animation-play-state: running
}

.b,.c, .co{stroke-width:0}
.b{fill:rgb(240,240,240);fill-rule:evenodd}	

.c{fill:var(--map)}
.co{fill:var(--blue)}

@keyframes flash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.25; }
}

circle.c {		
	animation:flash 4s ease-in-out var(--delay) infinite normal forwards; r: 8.5px;
}

circle.co {
	opacity: 0; r: 11px;
}

#places {
	position: absolute; width: 100%; left: 0; text-align: center; color: #000; text-transform: uppercase; z-index: 99; overflow: hidden; 
	height: clamp(1.05rem + 0.5rem, 0.9127rem + 0.5858vw + 0.5rem, 1.85rem + 0.5rem); display: flex; align-items: center; justify-content: center; bottom: 4em;
}

#places i {
	font-style: normal; display:inline-block; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; opacity: 0;
	font-size: clamp(1.05rem, 0.9127rem + 0.5858vw, 1.85rem); text-transform: uppercase; letter-spacing: 0.26em; font-family: 'Gill Sans W04 Book', sans-serif; color: #000;
}