/*
	Small additions on top of the Massively (HTML5 UP) template to make it
	work with Blazor's NavLink and component model. Keep main.css untouched
	so template updates can be dropped in cleanly.
*/

/* NavLink puts "active" on the <a>; the template styles li.active instead. */
#nav ul.links li a.active {
	background-color: #ffffff;
	color: #1e252d;
}

	#nav ul.links li a.active:hover {
		color: #18bfef !important;
	}

/* Only the home page gets the full photo hero treatment; every other
   route falls back to a plain solid background instead of bg.jpg. */
#wrapper.no-bg > .bg {
	background-image: none;
	background-color: #1e252d;
}

/* Feature icons in the posts grid on the home page. */
.posts article .icon {
	display: block;
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

	.posts article .icon:before {
		color: #18bfef;
	}

/* main.css sets body copy to font-weight: 300 (a light serif), which reads
   faint at normal reading sizes. Bump to a regular weight and darken the
   color slightly instead of hand-bolding individual paragraphs. */
body, input, select, textarea {
	font-weight: 600;
}

p, li {
	color: #101418;
	font-weight: 900 !important;
	font-size: 1.2rem;
}