@charset "utf-8";
/*
 Modern Typography for posts/pages
 Scope: content containers only, to avoid breaking legacy layout
*/

/* content containers */
.content-text,
.entry-content,
.post-content,
.page-content {
	color: #222;
	line-height: 1.8;
	font-size: 17px;
}

/* headings */
.content-text h1,
.entry-content h1 { font-size: 32px; line-height: 1.35; margin: 1.2em 0 .6em; }
.content-text h2,
.entry-content h2 { font-size: 28px; line-height: 1.4; margin: 1.25em 0 .6em; }
.content-text h3,
.entry-content h3 { font-size: 22px; line-height: 1.5; margin: 1.2em 0 .5em; }
.content-text h4,
.entry-content h4 { font-size: 18px; line-height: 1.6; margin: 1.1em 0 .5em; }

/* paragraphs */
.content-text p,
.entry-content p { margin: 10px 0; text-align: justify; }

/* links */
.content-text a,
.entry-content a { color: #23456b; text-decoration: underline; text-underline-offset: 2px; }
.content-text a:hover,
.entry-content a:hover { color: #2b8aff; }

/* images, figure */
.content-text img,
.entry-content img { max-width: 100%; height: auto; }
.content-text figure,
.entry-content figure { margin: 1.25em 0; }
.content-text figcaption,
.entry-content figcaption { color: #777; font-size: 0.95em; text-align: center; margin-top: .5em; }

/* lists: restore bullets and spacing, handle nesting */
.content-text ul,
.entry-content ul { list-style: disc; list-style-position: outside; margin: .8em 0 1.2em; padding-left: 1.5em; }
.content-text ol,
.entry-content ol { list-style: decimal; list-style-position: outside; margin: .8em 0 1.2em; padding-left: 1.5em; }
.content-text li,
.entry-content li { margin: .3em 0; }
.content-text ul ul { list-style-type: circle; margin-top: .3em; }
.content-text ul ul ul { list-style-type: square; }
.content-text ol ol { list-style-type: lower-alpha; }
.content-text ol ol ol { list-style-type: lower-roman; }

/* remove legacy pseudo bullets inside content to avoid double markers */
.content-text ul li:before,
.entry-content ul li:before { content: none !important; display: none !important; }

/* blockquote */
.content-text blockquote,
.entry-content blockquote {
	margin: 1.2em 0;
	padding: .8em 1.2em;
	background: #fafafa;
	border-left: 4px solid #d8643f;
	border-radius: 4px;
}

/* code */
.content-text pre,
.entry-content pre {
	background: #282b2f;
	color: #d7d7d7;
	padding: 1em 1.2em;
	overflow: auto;
	border-radius: 4px;
	margin: 1.2em 0;
}
.content-text code,
.entry-content code {
	background: #f6f8fa;
	color: #d8643f;
	padding: .15em .35em;
	border-radius: 3px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.content-text pre code,
.entry-content pre code { background: transparent; color: inherit; padding: 0; }

/* table */
.content-text table,
.entry-content table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 16px; }
.content-text th,
.entry-content th { background: #ffecd1; color: #111; font-weight: 600; }
.content-text th,
.content-text td,
.entry-content th,
.entry-content td { border: 1px solid #e5e5e5; padding: .6em .8em; text-align: left; }
.content-text tbody tr:nth-child(odd),
.entry-content tbody tr:nth-child(odd) { background: #fbfbfb; }

/* hr */
.content-text hr,
.entry-content hr { border: 0; border-top: 1px solid #eee; margin: 2em 0; }

/* alignment helpers (WP core) */
.content-text .alignleft,
.entry-content .alignleft { float: left; margin: .3em 1em .5em 0; }
.content-text .alignright,
.entry-content .alignright { float: right; margin: .3em 0 .5em 1em; }
.content-text .aligncenter,
.entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }


