/*
Theme Name: Patriot
Theme URI: https://example.com/patriot
Author: Custom theme recreation
Description: A lean editorial WordPress theme with a bold, highly readable editorial layout.
Version: 1.0.11
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: patriot
*/

@import url('https://fonts.googleapis.com/css2?family=Marck+Script&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Open+Sans:wght@400;700;800&family=Permanent+Marker&family=Rock+Salt&display=swap');

:root {
	--patriot-text: #3a4145;
	--patriot-heading: #2e2e2e;
	--patriot-link: #005689;
	--patriot-link-hover: #be1011;
	--patriot-link-visited: #800080;
	--patriot-muted: #888;
	--patriot-yellow: #fffc96;
	--patriot-blue: #e3f0f2;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	padding-top: 31px;
	background: #fff;
	color: var(--patriot-text);
	font-family: Merriweather, Georgia, "Times New Roman", serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: .01rem;
	line-height: 31px;
	-webkit-font-smoothing: antialiased;
	font-kerning: normal;
}
a { color: var(--patriot-link); text-decoration: none; }
a:visited { color: var(--patriot-link-visited); }
a:hover, a:focus { color: var(--patriot-link-hover); text-decoration: underline; }
img { display: block; max-width: 100%; height: auto; }
.site { width: 700px; margin: 0 auto; }
.site-header { padding: 31px; }
.site-header.has-custom-logo { padding-right: 0; padding-left: 0; }
.top-tabs { display: flex; justify-content: flex-end; margin: -31px 0 20px; }
.site-header.has-custom-logo .top-tabs { margin-right: 31px; margin-left: 31px; }
.top-tabs-list { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 0; padding: 0; list-style: none; }
.top-tabs-list li { margin: 0 0 0 2px; }
.top-tabs-list a {
	display: block;
	border: 1px solid #ddd;
	background: #eee;
	color: var(--patriot-link);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .3px;
	line-height: 1;
	padding: 9px 13px;
	text-transform: uppercase;
}
.top-tabs-list a:visited { color: var(--patriot-link-visited); }
.top-tabs-list a:hover, .top-tabs-list a:focus { border-color: #ccc; background: #f7f7f7; color: var(--patriot-link-hover); text-decoration: none; }
.top-tabs-list .current-menu-item a, .top-tabs-list .current-page-ancestor a { background: #fff; border-bottom-color: #fff; color: var(--patriot-link); }
.site-branding { color: #7a7a7a; }
.site-title {
	margin: 0 0 5px;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: -3px;
	line-height: 40px;
}
.site-title a { color: var(--patriot-link); }
.site-title a:visited { color: var(--patriot-link-visited); }
.site-title a:hover, .site-title a:focus { color: var(--patriot-link-hover); text-decoration: none; }
.site-description {
	margin: 0;
	font-family: "Permanent Marker", cursive;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: .1px;
	line-height: 1.32em;
}
.custom-logo-link { display: block; }
.custom-logo { display: block; width: 100%; max-width: 100%; height: auto; max-height: none; }
.site-content { width: 100%; }
.entry { padding: 0 31px; }
.entry-header:empty { display: none; }
.entry-title, .entry-content h1 {
	margin: 0 0 31px;
	color: var(--patriot-heading);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -2px;
	line-height: 47px;
}
.entry-content h2 {
	margin: 47px 0 16px;
	color: var(--patriot-heading);
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 36px;
	font-weight: 800;
	letter-spacing: -2px;
	line-height: 40px;
}
.entry-content h3 {
	margin: 31px 0 16px;
	color: var(--patriot-heading);
	font-size: 20px;
	font-weight: 700;
	line-height: 31px;
}
.entry-content p, .entry-content ul, .entry-content ol, .entry-content blockquote,
.entry-content figure, .entry-content .wp-block-image { margin: 0 0 31px; }
.entry-content p { text-indent: 30px; }
.entry-content h2 + p, .entry-content h3 + p, .entry-content figure + p,
.entry-content .wp-block-image + p, .entry-content .hand-patriot, .entry-content .script-patriot,
.entry-content .patriot-sig { text-indent: 0; }
.entry-content ul, .entry-content ol { padding-left: 31px; }
.entry-content li { padding: .5em 0; }
.entry-content li > ul, .entry-content li > ol { margin-bottom: 0; }
.entry-content blockquote {
	margin-left: 16px;
	padding-left: 16px;
	border-left: 1px solid #ddd;
	color: var(--patriot-muted);
}
.entry-content blockquote p { text-indent: 0; }
.entry-content .alignleft { float: left; margin: 0 31px 31px 0; }
.entry-content .alignright { float: right; margin: 0 0 31px 31px; }
.entry-content .aligncenter { clear: both; margin-right: auto; margin-left: auto; }
.entry-content .wp-block-image.aligncenter img { margin: auto; }
.entry-content .wp-block-embed { margin: 0 auto 31px; }
.entry-content .wp-caption, .entry-content figcaption { color: var(--patriot-muted); font-size: 16px; line-height: 26px; }
.hand-patriot { font-family: "Rock Salt", cursive; font-size: 16px; line-height: 30px; }
.script-patriot { font-family: "Marck Script", cursive; font-size: 16px; line-height: 30px; }
.patriot-sig { margin-bottom: 5px; font-family: "Permanent Marker", cursive; font-size: 30px; line-height: 1.25; }
.highlight { background: var(--patriot-yellow); }
.highlight-blue { background: var(--patriot-blue); }
.site-footer {
	padding: 16px 31px;
	color: var(--patriot-muted);
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	line-height: 26px;
	text-align: right;
}
.site-footer p { margin: 0 0 13px; }
.site-footer a { color: var(--patriot-link); }
.site-footer a:visited { color: var(--patriot-link-visited); }
.site-footer a:hover, .site-footer a:focus { color: var(--patriot-link-hover); }
.screen-reader-text {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus { clip: auto; width: auto; height: auto; margin: 0; padding: 12px; background: #fff; color: #111; z-index: 100000; }

@media (max-width: 700px) {
	body { padding-top: 0; }
	.site { width: auto; max-width: 700px; }
}
@media (max-width: 450px) {
	.site-header, .entry, .site-footer { padding-right: 16px; padding-left: 16px; }
	.site-header.has-custom-logo { padding-right: 0; padding-left: 0; }
	.top-tabs { margin-top: -16px; }
	.site-header.has-custom-logo .top-tabs { margin-right: 16px; margin-left: 16px; }
	.top-tabs-list { justify-content: flex-start; }
	.top-tabs-list li { margin: 0 2px 4px 0; }
	.entry-content .alignleft, .entry-content .alignright { float: none; margin-right: 0; margin-left: 0; }
	.entry-content blockquote { margin-left: 0; }
}
