/* Top header bar shared by every page (Home, About, Contact, Terms, Blog) */
.site-topbar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
	background: #1d3350;
	border-bottom: 3px solid #27AE60;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
}
.site-topbar-inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 10px 16px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
}
.site-brand {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	text-decoration: none;
}
.site-brand img {
	height: 40px;
	width: auto;
	background: #fff;
	border-radius: 4px;
	padding: 3px 6px;
}
.site-brand span {
	margin-left: 10px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.seed-csp4 .site-brand, .seed-csp4 .site-brand:visited, .seed-csp4 .site-brand:hover { color: #fff; text-decoration: none; }

.site-menu {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-menu li { margin: 0; }
.site-menu a {
	display: block;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 3px;
}
.seed-csp4 .site-menu a, .seed-csp4 .site-menu a:visited { color: #ffffff; }
.seed-csp4 .site-menu a:hover, .seed-csp4 .site-menu a:focus { color: #ffffff; background: rgba(255, 255, 255, 0.12); text-decoration: none; }
.seed-csp4 .site-menu a.active, .seed-csp4 .site-menu a.active:visited { color: #ffffff; background: #27AE60; }

@media (max-width: 680px) {
	.site-topbar-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 10px; }
	.site-brand { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 6px; }
	.site-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.site-menu a { padding: 6px 9px; font-size: 12px; }
}