/*
| Epoxy Modern WordPress Layout Layer
| Adapted from the Epoxy.com Modern Framework v1.0.
*/

:root{
	--epoxy-navy:#173f5f;
	--epoxy-blue:#236b8e;
	--epoxy-pale:#edf5f8;
	--epoxy-border:#ccd9df;
	--epoxy-text:#263238;
	--epoxy-muted:#5d6b73;
	--epoxy-red:#7f1009;
	--epoxy-link:#000080;
	--epoxy-yellow:#ffff82;
	--epoxy-page-blue:#0066ff;
}

html{box-sizing:border-box;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}

body{
	margin:0;
	background:var(--epoxy-page-blue);
	color:#111;
	font-family:"Times New Roman",Times,serif;
	line-height:1.55;
}

#page{
	width:min(98%,1750px);
	margin:0 auto;
	background:#fff;
	min-height:100vh;
	padding:0 6px 12px;
}

.site-content{padding:1rem 0 2rem}
.inside-article,
.page-header{
	max-width:1180px;
	margin:0 auto 1rem;
}

.content-area{width:100%}
.widget-area{display:none}

.epoxy-modern-header{
	background:#fff;
	padding:.5rem 0 .2rem;
}
.epoxy-modern-header-inner{
	width:100%;
	margin:0 auto;
}
.epoxy-modern-tagline{
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:600;
	font-size:clamp(1rem,1.5vw,1.4rem);
	margin:.55rem 0 .25rem;
	color:#333;
}
.epoxy-modern-branding{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1.25rem;
	padding:.35rem 1rem;
	text-align:center;
}
.epoxy-modern-brand-link{display:block;line-height:0}
.epoxy-modern-logo{
	max-width:min(280px,70vw);
	height:auto;
}
.epoxy-modern-publication{
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
}
.epoxy-modern-publication p{margin:.18rem 0}
.epoxy-modern-publication-name{
	color:var(--epoxy-navy);
	font-size:clamp(1.5rem,3vw,2.25rem);
	font-weight:700;
	line-height:1.1;
}
.epoxy-modern-publication-tagline{font-size:1rem;color:#3d4a52}
.epoxy-modern-byline{font-size:.9rem;color:var(--epoxy-muted)}
.epoxy-modern-contact-row{
	text-align:center;
	margin:.35rem 0 .75rem;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:700;
}
.epoxy-modern-contact-row a{color:var(--epoxy-red)}

.main-navigation{
	width:100%;
	margin:0 0 .65rem;
	background:transparent;
	position:relative;
	z-index:1000;
	font-family:Georgia,"Times New Roman",serif;
}
.main-navigation .inside-navigation{
	max-width:none;
	padding:0;
}
.main-navigation .main-nav>ul{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:.45rem .55rem;
	width:100%;
	margin:0;
	padding:.15rem 0;
	background:transparent;
}
.main-navigation .main-nav>ul>li{
	float:none;
	width:auto;
	position:relative;
}
.main-navigation .main-nav>ul>li>a{
	line-height:1.2;
	padding:.38rem .72rem;
	border:1px solid #c9c9c9;
	border-radius:4px;
	background:linear-gradient(#fff,#f1f1f1);
	box-shadow:0 2px 4px rgba(0,0,0,.16);
	color:var(--epoxy-red);
	font-size:clamp(.95rem,1.28vw,1.2rem);
	font-weight:700;
	white-space:nowrap;
}
.main-navigation .main-nav>ul>li:nth-child(4n+1)>a,
.main-navigation .main-nav>ul>li:nth-child(4n+4)>a{color:var(--epoxy-link)}
.main-navigation .main-nav ul ul{
	min-width:270px;
	max-width:360px;
	padding:.35rem;
	background:#fff;
	border:1px solid #bbb;
	border-radius:4px;
	box-shadow:0 6px 15px rgba(0,0,0,.22);
}
.main-navigation .main-nav ul ul li a{
	padding:.5rem .65rem;
	color:var(--epoxy-red);
	background:#fff;
	font-size:.98rem;
	font-weight:600;
	line-height:1.25;
	white-space:normal;
	border-bottom:1px solid #e6e6e6;
}
.main-navigation .main-nav ul ul li:last-child a{border-bottom:0}
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li:focus-within>a{
	background:#fff8d9;
	color:var(--epoxy-link);
}

.entry-header h1,
.page-header h1,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4{
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.2;
	color:var(--epoxy-navy);
}
.entry-title{
	text-align:center;
	font-size:clamp(1.8rem,4vw,2.65rem);
}
.entry-meta{
	text-align:center;
	color:var(--epoxy-muted);
	font-size:.92rem;
}
.entry-content{font-size:1.05rem}
.entry-content p{margin:.65rem 0 1rem}
.entry-content a{color:var(--epoxy-link)}
.entry-content a:visited{color:maroon}
.entry-content a:hover,
.entry-content a:focus{background:var(--epoxy-yellow)}

.post-image,
.featured-image{
	max-width:1180px;
	margin-left:auto;
	margin-right:auto;
}
.post-image img,
.featured-image img{
	width:100%;
	height:auto;
	border-radius:9px;
}

.epoxy-modern-footer{
	clear:both;
	border-top:2px solid #d8d8d8;
	margin-top:2rem;
	padding:1rem 0 0;
	background:#fff;
	font-size:.95rem;
}
.footer-top-links{
	text-align:center;
	margin:0 0 1.5rem;
	padding-bottom:.75rem;
	border-bottom:1px solid #d8d8d8;
	font-family:Arial,Helvetica,sans-serif;
}
.footer-top-links a{
	display:inline-block;
	margin:.37rem .75rem;
	color:#7a1d12;
	text-decoration:none;
	font-weight:600;
}
.footer-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:1.5rem;
	max-width:1180px;
	margin:1rem auto;
	padding:0 1rem;
}
.footer-block h2{
	font-family:Arial,Helvetica,sans-serif;
	font-size:1rem;
	margin-bottom:.4rem;
	color:var(--epoxy-navy);
}
.footer-bottom{
	border-top:1px solid #d8d8d8;
	margin-top:1rem;
	padding:1rem;
	text-align:center;
	font-size:.9rem;
}
.footer-website{font-weight:700}

@media(max-width:800px){
	#page{width:100%;padding:0 .75rem 1.25rem}
	.epoxy-modern-branding{flex-direction:column;gap:.35rem}
	.epoxy-modern-publication{text-align:center}
	.main-navigation .main-nav>ul{display:block}
	.main-navigation .main-nav>ul>li{margin:0 0 .35rem}
	.main-navigation .main-nav>ul>li>a{white-space:normal}
	.footer-grid{grid-template-columns:1fr}
}
