html, body
{
	background-color: #ddd;
}

.font
{
	font-family: Verdana, sans-serif;
	font-size: 4mm;
}

.hide
{
	display: none;
}

.shadow
{
	box-shadow: 5px 5px 20px 0px rgba( 0, 0, 0, 0.15 );
}

a
{
	/*color: #3f3571;*/
	color: #053782;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* Dark Theme */

.show-dark
{
	display: none;
}

.theme-dark .show-dark
{
	display: initial;
}

.theme-dark .hide-dark
{
	display: none;
}

html.theme-dark,
body.theme-dark
{
	/*background-color: #676867;*/
	background: #333;
}

.theme-dark section
{
	/*background-color: #676867;*/
	background: #333;
}

.theme-dark main h3
{
	color: white;
}

.theme-dark main a
{
	/*color: #5D4FA8;*/
	/*color: #feef11;*/
	color: white;
}

.theme-dark .card
{
	background: #3f3571;
	color: white;
}

.theme-dark .card h2
{
	background: #5D4FA8;
}

.theme-dark .card .icon
{
	color: #5D4FA8;
}

.theme-dark .card details summary::after
{
	/*color: #5D4FA8;*/
	color: white;
}

.theme-dark #map
{
	background: inherit;
}

.theme-dark footer
{
	background: black !important;
}

.theme-dark nav
{
	background: #3f3571;
	color: white;
}

.theme-dark nav li
{
	color: white;
}

.theme-dark nav li ul
{
	/*background: #3F3571;
	color: white;*/
	background: white;
}

.theme-dark nav li ul li
{
	color: #3f3571;
}

.theme-dark nav li ul li:hover
{
	color: white;
}

@media ( max-width: 699px )
{
	.theme-dark nav .opener,
	.theme-dark nav .menu .closer
	{
		color: white;
	}

	.theme-dark nav .menu a,
	.theme-dark nav .menu button
	{
		color: black;
	}

	.theme-dark nav .menu a:hover,
	.theme-dark nav .menu button:hover
	{
		color: white;
	}
}

footer a
{
	color: white;
}