:where(
	.editor-styles-wrapper ,
	body:not(
		.wp-admin ,
		.wp-customizer ,
		.block-editor-iframe__body
	)
) {

	:where(*) {
		font-family: var(--fontSansSerif), sans-serif;
	}

	.body-area {
		font-size: 1.1em;
	}

	h1, h2, h3, h4, h5 {
		font-weight: 700;
	}

	h1 {
		font-family: var(--fontSerif), serif;
		font-size: 2em;
		font-weight: 500;
	}

	h1 b, h1 strong {
		font-weight: 600;
	}

	.page-title, .wp-block-post-title {
		font-size: 2.1em;
	}

	h2 {
		font-size: 1.65em;
		font-family: var(--fontSerif), serif;
		font-weight: 400;
	}

	h2 b, h2 strong {
		font-weight: 700;
	}

	h3 {
		font-size: 1.5em;
		font-family: var(--fontSerif), serif;
		font-weight: 400;
	}

	h3 b, h3 strong {
		font-weight: 700;
	}

	h4 {
		font-size: 1.3em;
		font-family: var(--fontSerif), serif;
		font-weight: 400;
	}

	h4 b, h4 strong {
		font-weight: 700;
	}

	h5 {
		font-size: 1.05em;
		font-family: var(--fontSansSerif), sans-serif;
		font-weight: 600;
	}

	h5 b, h5 strong {
		font-weight: 700;
	}

	h6 {
		font-size: 1em;
		font-family: var(--fontSansSerif), sans-serif;
		font-weight: 700;
		color: hsl(164, 8%, 37%);
	}

	h6 b, h6 strong {
		font-weight: 800;
	}

	sup {
		font-size: .7em;
	}

	sub {
		font-size: .7em;
	}

	blockquote {
		line-height: 1.3em;
		font-size: 1.3em;
		font-family: var(--fontSerif), serif;
		font-weight: 500;
		font-style: italic;

		&.wp-block-quote.is-style-large {
			font-size: 2.3em;

			p {
				font-size: inherit;
				line-height: inherit;
			}

			@media (max-width: 550px) {
				padding-inline: 4em;
			}
		}
	}

	pre {
		font-family: courier, "courier new", monospace;
	}

	em, i {
		font-style: italic;
	}

	strong, b {
		font-weight: 700;
	}

	.wpcontent-area {

		&.with-totals-row tr:last-child td {
			font-weight: 400;
		}

	}

	.body-area {

		p {
			line-height: 1.4em;
		}

		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea {
			font-size: 1em;
			font-family: inherit;
		}

		input[type="submit"] {
			font-family: inherit;
		}

		input[type="submit"],
		a.button {
			font-size: .9rem;
		}
	}

	.body-area p.wp-caption-text,
	.wp-block-image figcaption,
	.wp-block-embed figcaption {
		font-size: .9em;
		font-weight: 300;
	}

	h2.widgettitle {
		font-size: 1.5em;
	}

	.date-month {
		font: 9px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
		letter-spacing: .4em;
	}

	.date-day {
		font-size: 18px;
		letter-spacing: .08em;
	}

	span.event-subtitle {
		font-size: 14px;
		font-family: var(--fontSerif), serif;
	}

	.tags {
		font-size: .9em;
	}

	.tag-desc p {
		font-size: 1.3em;
		font-family: var(--fontSerif), serif;
	}

	.archive-table {
		h3.archive-weekday {
			font-size: 1.3em;
		}

		p.archive-date-time {
			font-size: .9em;
		}
	}


	.siteTitle {
		font-size: 2.8em;
	}

	.tagline {
		font-family: var(--fontSansSerif), sans-serif;
		font-weight: 200;
	}


	@media (min-width: 550px) {

		.body-area {
			font-size: 1.2em;
		}

		h2 {
			font-size: 1.75em;
		}

		h3 {
			font-size: 1.6em;
		}

		h4 {
			font-size: 1.5em;
		}

		h5 {
			font-size: 1.2em;
		}

		h6 {
			font-size: 1em;
		}

	}

	@media (min-width: 800px) {

		h2 {
			font-size: 1.85em;
		}

		.body-area {
			font-size: 1.25em;
		}

		.monthly-archives li li a {
			font-size: .9em;
		}

	}

	@media (min-width: 1024px) {

		h2 {
			font-size: 1.9em;
		}

		h3 {
			font-size: 1.7em;
		}

		h4 {
			font-size: 1.47em;
		}

		h5 {
			font-size: 1.25em;
		}

		h6 {
			font-size: 1.1em;
		}

		.body-area {
			font-size: 1.4em;
		}
	}

	@media (min-width: 1400px) {

		/* Can't use body inside body * /
		body:not(.single-post) .page-title {
			font-size: 2.4em;
		}
		*/

		h2 {
			font-size: 2em;
		}

		h3 {
			font-size: 1.75em;
		}

		h4 {
			font-size: 1.65em;
		}

		h5 {
			font-size: 1.4em;
		}

		h6 {
			font-size: 1.2em;
		}

		.body-area {
			font-size: 1.35em;
		}

	}

	@media (min-width: 1600px) {
		.sidebar .menu,
		.sidebar .flexipages_widget ul {
			font-size: .8em;
		}

		.sidebar li.widget_bates_contact_info_widget h5,
		.sidebar .highlight-box h5 {
			font-size: 1.2em;
		}

		h2.widgettitle {
			font-size: 1.4em;
		}

	}


	p.has-drop-cap {
		&::first-letter {
			font-family: var(--fontSerif), serif;
			font-weight: 800;
			color: black;
		}
	}
}

@media (min-width: 1400px) {
	body:not(.single-post) .page-title {
		font-size: 2.4em;
	}
}