/* Shared production refinements for the archived theme. */
.main-nav,
.main-nav .menu {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: visible;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.main-nav .menu {
	width: 100%;
}

.main-nav .menu > li,
.main-nav > a {
	flex: 0 0 auto;
}

.main-nav .menu > li > a,
.main-nav > a {
	padding-left: 11px;
	padding-right: 11px;
	font-size: 13px;
}

.main-nav .sub-menu {
	white-space: normal;
}

.header-showcase {
	width: 100%;
}

.header-gallery img {
	object-position: center;
}

.breadcrumbs,
.breadcrumb {
	margin: 0 0 22px;
	font-size: 13px;
}

.recent-posts {
	border-top: 1px solid #d8d8d8;
	margin-top: 30px;
	padding-top: 18px;
}

.recent-posts ul {
	margin-left: 20px;
}

/* Make text links distinguishable without relying on color alone. */
.entry-content a,
.mh-content a:not(.button),
.mh-sidebar a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.main-nav .menu > li > a,
.main-nav > a {
	color: #ffffff;
}

.main-nav .menu > li > a:hover,
.main-nav .menu > li > a:focus,
.main-nav > a:hover,
.main-nav > a:focus {
	background: #00335f;
	color: #ffffff;
	outline: 2px solid #ffffff;
	outline-offset: -2px;
}

@media screen and (max-width: 700px) {
	.main-nav .menu > li > a,
	.main-nav > a {
		padding-left: 9px;
		padding-right: 9px;
		font-size: 12px;
	}
}