Browse Source

Refactor body type scale.

Jeffrey Pearce 6 years ago
parent
commit
493880a663

+ 2 - 2
stratford/sass/_config-child-theme-deep.scss

@@ -10,9 +10,9 @@
 // Vertical Rhythm Multiplier
 $baseline-unit: 8px;
 
-$typescale-root: 16px; // Set 16px/1em default on html
+$typescale-root: 20px; // Set 16px/1em default on html
 $typescale-base: 1rem; // Set 1em default on body == $typescale-root;
-$typescale-ratio: 1.25; // Run ratio math on 1em == $typescale-base * $typescale-root;
+$typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
 $config-global: (
 

+ 84 - 87
stratford/sass/_extra-child-theme.scss

@@ -26,10 +26,6 @@ $button_background_hover: #{map-deep-get($config-button, "color", "background-ho
 
 // General
 
-body {
-	font-size: $font_size_md;
-}
-
 h1,
 h2,
 h3,
@@ -52,101 +48,102 @@ a {
 	-webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
-}
 
-.site-header-wrapper {
-	display: flex;
-	flex-wrap: wrap;	
-	position: relative;
-	z-index: 1;
-	-webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    width: calc(100% - 1.5em);
-	.site-branding {
-		-webkit-transition: margin-top .25s ease-in-out;
-		-moz-transition: margin-top .25s ease-in-out;
-		transition: margin-top .25s ease-in-out;
-		margin-left: 1.5em;
-		margin-right: auto;
-		.site-description {
-			display: none;
-		}
-		.site-title {
-			a {
-				text-decoration: none;
+	.site-header-wrapper {
+		display: flex;
+		flex-wrap: wrap;	
+		position: relative;
+		z-index: 1;
+		-webkit-align-items: center;
+		-ms-flex-align: center;
+		align-items: center;
+		width: calc(100% - 1.5em);
+		.site-branding {
+			-webkit-transition: margin-top .25s ease-in-out;
+			-moz-transition: margin-top .25s ease-in-out;
+			transition: margin-top .25s ease-in-out;
+			margin-left: 1.5em;
+			margin-right: auto;
+			.site-description {
+				display: none;
 			}
-		}
-	}
-	.site-menu {
-		display: block;
-		-webkit-flex: 0 1 auto;
-		-ms-flex: 0 1 auto;
-		flex: 0 1 auto;
-	}
-	.main-navigation {
-		> ul {
-			> li {
-				&:first-child {
-					margin-left: 0;
-				}
-				&.current-menu-item {
-					a {
-						border-color: $color_secondary;
-						border-style: solid;
-						border-width: 0 0 .125em;
-						color: $color_primary_hover;
-					}
+			.site-title {
+				a {
+					text-decoration: none;
 				}
 			}
 		}
-		ul {
-			li {
-				margin: 0 .75em;
-				&:first-child {
-					margin-left: 0;
-				}
-				&:hover {
-					ul {
-						left: auto;
-						right: 0;
+		.site-menu {
+			display: block;
+			-webkit-flex: 0 1 auto;
+			-ms-flex: 0 1 auto;
+			flex: 0 1 auto;
+		}
+		.main-navigation {
+			> ul {
+				> li {
+					&:first-child {
+						margin-left: 0;
 					}
-				}
-				&.current-menu-item {
-					> a {
-						border-color: $color_secondary;
-						border-style: solid;
-						border-width: 0 0 .125em;
-						color: $color_primary_hover;
+					&.current-menu-item {
+						a {
+							border-color: $color_secondary;
+							border-style: solid;
+							border-width: 0 0 .125em;
+							color: $color_primary_hover;
+						}
 					}
 				}
-				a {
-					padding: .25em 0;
-					&::after {
-						color: $color_primary_hover;
+			}
+			ul {
+				li {
+					margin: 0 .75em;
+					&:first-child {
+						margin-left: 0;
 					}
-				}
-				ul {
-					color: $color_background_light;
-					li {
-						border-bottom: 1px solid;
-						margin: 0;
-						&:first-child {
-							border-top: 1px solid;
+					&:hover {
+						ul {
+							left: auto;
+							right: 0;
 						}
-						&.current-menu-item {
+					}
+					&.current-menu-item {
+						> a {
+							border-color: $color_secondary;
+							border-style: solid;
+							border-width: 0 0 .125em;
+							color: $color_primary_hover;
+						}
+					}
+					a {
+						padding: .25em 0;
+						&::after {
+							color: $color_primary_hover;
+						}
+					}
+					ul {
+						color: $color_background_light;
+						li {
+							border-bottom: 1px solid;
+							margin: 0;
+							&:first-child {
+								border-top: 1px solid;
+							}
+							&.current-menu-item {
+								a {
+									border: none;
+								}
+							}
 							a {
-								border: none;
+								padding: .75em;
 							}
 						}
-						a {
-							padding: .75em;
-						}
 					}
 				}
 			}
 		}
 	}
+
 }
 
 // Social Links Footer Menu
@@ -193,7 +190,7 @@ input[type="submit"],
 			cursor: pointer;
 			font-weight: $button_font_weight;
 			font-family: $button_font_family;
-			font-size: $button_font_size;
+			// font-size: $button_font_size;
 			padding: $button_spacing_vertical $button_spacing_horizontal;
 			display: inline-block;
 			&:focus,
@@ -253,14 +250,14 @@ body {
 			padding-top: $spacing_horizontal;
 			padding-bottom: $spacing_horizontal;
 			> a {
-				font-size: $font_size_base;
+				// font-size: $font_size_base;
 				font-weight: normal;
 				font-family: $font_family_secondary;
 				line-height: $font_line_height_body;
 			}
 			> time {
 				&.wp-block-latest-posts__post-date {
-					font-size: $font_size_base;
+					// font-size: $font_size_base;
 				}
 			}
 		}
@@ -279,13 +276,13 @@ body {
 	}
 	p {
 		font-family: $font_family_secondary;
-		font-size: $font_size_md;
+		// font-size: $font_size_md;
 		line-height: $font_line_height_body;
 		opacity: 0.6;
 	}
 	cite {
 		color: inherit;
-		font-size: $font_size_md;
+		// font-size: $font_size_md;
 	}
 }
 
@@ -301,7 +298,7 @@ body {
 	.wp-block-latest-comments__comment-meta {
 		font-family: $font_family_secondary;
 		.wp-block-latest-comments__comment-date {
-			font-size: $font_size_xs;
+			// font-size: $font_size_xs;
 		}
 	}
 }

+ 25 - 25
stratford/style-editor.css

@@ -171,7 +171,7 @@ body {
 	color: #7a7c84;
 	background-color: white;
 	font-family: "Lato", sans-serif;
-	font-size: 16px;
+	font-size: 20px;
 	font-weight: normal;
 	line-height: 1.5;
 	-moz-osx-font-smoothing: grayscale;
@@ -179,7 +179,7 @@ body {
 }
 
 .editor-post-title__block {
-	font-size: 16px;
+	font-size: 20px;
 }
 
 p {
@@ -213,14 +213,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
@@ -242,7 +242,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	max-width: inherit;
 	width: inherit;
 }
@@ -250,13 +250,13 @@ blockquote.alignleft p, blockquote.alignright p {
 blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	letter-spacing: normal;
 }
 
 figcaption {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -310,7 +310,7 @@ object {
 	font-size: 1em;
 	line-height: 1;
 	background-color: #3e69dc;
-	border-radius: 8px;
+	border-radius: 10px;
 	padding: 16px 16px;
 }
 
@@ -360,7 +360,7 @@ object {
 
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
-	font-size: 3.05176em;
+	font-size: 2.48832em;
 	letter-spacing: normal;
 	line-height: 1.125;
 	padding: 0;
@@ -395,37 +395,37 @@ object {
 }
 
 .wp-block-heading h1, h1, .h1 {
-	font-size: 3.8147em;
+	font-size: 2.98598em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h2, h2, .h2 {
-	font-size: 3.05176em;
+	font-size: 2.48832em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h3, h3, .h3 {
-	font-size: 1.95312em;
+	font-size: 1.728em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h4, h4, .h4 {
-	font-size: 1.5625em;
+	font-size: 1.44em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h5, h5, .h5 {
-	font-size: 1.25em;
+	font-size: 1.2em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h6, h6, .h6 {
-	font-size: 1.25em;
+	font-size: 1.2em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -487,7 +487,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625em;
+	font-size: 1.44em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -500,7 +500,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
 	color: #767676;
-	font-size: 0.8em;
+	font-size: 0.83333em;
 	letter-spacing: normal;
 }
 
@@ -546,7 +546,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625em;
+	font-size: 1.44em;
 	letter-spacing: normal;
 }
 
@@ -557,7 +557,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.95312em;
+	font-size: 1.728em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -609,7 +609,7 @@ table th,
 	color: #7a7c84;
 	font-family: "Poppins", sans-serif;
 	font-weight: 700;
-	font-size: 3.05176em;
+	font-size: 2.48832em;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -728,32 +728,32 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.8em;
+	font-size: 0.83333em;
 }
 
 .is-regular-text,
 .has-regular-font-size,
 .has-normal-font-size,
 .has-medium-font-size {
-	font-size: 1.25em;
+	font-size: 1.2em;
 }
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.5625em;
+	font-size: 1.44em;
 	line-height: 1.125;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.95312em;
+	font-size: 1.728em;
 	line-height: 1.125;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Poppins", sans-serif;
-	font-size: calc(2 * 3.8147em);
+	font-size: calc(2 * 2.98598em);
 	font-weight: 700;
 }
 

+ 80 - 84
stratford/style-rtl.css

@@ -588,14 +588,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 12.8px;
+	font-size: 16.66667px;
 	font-family: "Lato", sans-serif;
 	line-height: 1.5;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 16px;
+		font-size: 20px;
 	}
 }
 
@@ -646,7 +646,7 @@ a {
 	clip-path: none;
 	color: #7a7c84;
 	display: block;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	font-weight: bold;
 	height: auto;
 	right: 5px;
@@ -912,14 +912,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	max-width: inherit;
 	width: inherit;
 }
@@ -949,7 +949,7 @@ blockquote.alignleft p, blockquote.alignright p {
 blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	letter-spacing: normal;
 }
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 figcaption {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1080,7 +1080,7 @@ input[type="submit"],
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	background-color: #3e69dc;
-	border-radius: 8px;
+	border-radius: 10px;
 	border-width: 0;
 	padding: 16px 16px;
 }
@@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
 
 .wp-block-code {
 	color: #7a7c84;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	padding: 16px;
 	border-color: #DDDDDD;
 }
@@ -1248,7 +1248,7 @@ input.has-focus[type="submit"],
 
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
-	font-size: 3.05176rem;
+	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 	max-width: inherit;
@@ -1320,7 +1320,7 @@ input.has-focus[type="submit"],
 .wp-block-file .wp-block-file__button {
 	background-color: #3e69dc;
 	color: white;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	margin-right: 16px;
 	margin-left: 16px;
 }
@@ -1345,7 +1345,7 @@ input.has-focus[type="submit"],
 .wp-block-gallery .blocks-gallery-item figcaption {
 	margin: 0;
 	color: white;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 }
 
 .wp-block-gallery .blocks-gallery-image,
@@ -1419,44 +1419,44 @@ h6, .h6 {
 }
 
 h1, .h1 {
-	font-size: 3.8147rem;
+	font-size: 2.98598rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h2, .h2 {
-	font-size: 3.05176rem;
+	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h3, .h3 {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h4, .h4 {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h5, .h5 {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h6, .h6 {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-image figcaption {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1474,7 +1474,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1.5;
 	/* Vertical margins logic */
 	margin-top: 32px;
@@ -1495,11 +1495,11 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1.5;
 	margin: 0;
 }
@@ -1524,19 +1524,19 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	font-weight: 700;
 	line-height: 1.125;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	line-height: 1.5;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1.5;
 	margin: 0;
 }
@@ -1682,7 +1682,7 @@ p.has-background:not(.has-background-background-color) a {
 	background-color: #2c313f;
 	font-family: "Poppins", sans-serif;
 	font-weight: bold;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
@@ -1718,7 +1718,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
@@ -1754,7 +1754,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -1767,7 +1767,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 	display: block;
 }
@@ -1829,7 +1829,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -1838,7 +1838,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote cite,
 .wp-block-quote footer {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
@@ -1859,7 +1859,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -1870,7 +1870,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
@@ -1893,9 +1893,9 @@ hr.is-style-wide {
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
 	color: #DDDDDD;
-	font-size: 1.95312rem;
-	letter-spacing: 0.8rem;
-	padding-right: 0.8rem;
+	font-size: 1.728rem;
+	letter-spacing: 0.83333rem;
+	padding-right: 0.83333rem;
 }
 
 .wp-block-jetpack-slideshow ul {
@@ -1943,7 +1943,7 @@ table th,
 
 .wp-block-video figcaption {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -2103,32 +2103,32 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .is-regular-text,
 .has-regular-font-size,
 .has-normal-font-size,
 .has-medium-font-size {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 }
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	line-height: 1.125;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	line-height: 1.125;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Poppins", sans-serif;
-	font-size: calc(2 * 3.8147rem);
+	font-size: calc(2 * 2.98598rem);
 	font-weight: 700;
 	line-height: 0.66;
 	text-transform: uppercase;
@@ -2274,7 +2274,7 @@ table th,
 .site-title {
 	color: #3e69dc;
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2295,7 +2295,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Lato", sans-serif;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .main-navigation {
@@ -2478,7 +2478,7 @@ table th,
 	.main-navigation > div > ul > .menu-item-has-children > a::after {
 		content: "\00a0\25BC";
 		display: inline-block;
-		font-size: 0.64rem;
+		font-size: 0.69444rem;
 		height: inherit;
 		width: inherit;
 	}
@@ -2596,7 +2596,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Lato", sans-serif;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	font-weight: 700;
 	padding: 16px;
 	color: currentColor;
@@ -2611,7 +2611,7 @@ table th,
 }
 
 .entry-title {
-	font-size: 3.05176rem;
+	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -2621,7 +2621,7 @@ table th,
 	color: #767676;
 	clear: both;
 	float: none;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	display: block;
 }
 
@@ -2720,17 +2720,17 @@ table th,
 }
 
 .author-bio .author-title {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 }
 
 /* Next/Previous navigation */
 .post-navigation .meta-nav {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .post-navigation .post-title {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	font-weight: 600;
 }
 
@@ -2757,7 +2757,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	font-weight: 600;
 	padding-right: calc(0.66 * 16px);
 	padding-left: calc(0.66 * 16px);
@@ -2805,12 +2805,12 @@ table th,
  * Comment Title
  */
 .comments-title {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	letter-spacing: normal;
 }
 
 .comment-reply-title {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -2912,7 +2912,7 @@ table th,
 
 .comment-metadata,
 .reply {
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	line-height: 1.125;
 }
 
@@ -3040,7 +3040,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	font-weight: 600;
 }
 
@@ -3072,13 +3072,13 @@ img#wpstats {
 	background-color: #2c313f;
 	font-family: "Poppins", sans-serif;
 	font-weight: bold;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
 
 .page-title {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 }
 
 /**
@@ -3377,10 +3377,6 @@ img#wpstats {
 /**
  * Extra Child Theme Styles
  */
-body {
-	font-size: 1.25rem;
-}
-
 h1,
 h2,
 h3,
@@ -3405,7 +3401,7 @@ a {
 	transition: all .25s ease-in-out;
 }
 
-.site-header-wrapper {
+#masthead .site-header-wrapper {
 	display: flex;
 	flex-wrap: wrap;
 	position: relative;
@@ -3416,7 +3412,7 @@ a {
 	width: calc(100% - 1.5em);
 }
 
-.site-header-wrapper .site-branding {
+#masthead .site-header-wrapper .site-branding {
 	-webkit-transition: margin-top .25s ease-in-out;
 	-moz-transition: margin-top .25s ease-in-out;
 	transition: margin-top .25s ease-in-out;
@@ -3424,78 +3420,78 @@ a {
 	margin-left: auto;
 }
 
-.site-header-wrapper .site-branding .site-description {
+#masthead .site-header-wrapper .site-branding .site-description {
 	display: none;
 }
 
-.site-header-wrapper .site-branding .site-title a {
+#masthead .site-header-wrapper .site-branding .site-title a {
 	text-decoration: none;
 }
 
-.site-header-wrapper .site-menu {
+#masthead .site-header-wrapper .site-menu {
 	display: block;
 	-webkit-flex: 0 1 auto;
 	-ms-flex: 0 1 auto;
 	flex: 0 1 auto;
 }
 
-.site-header-wrapper .main-navigation > ul > li:first-child {
+#masthead .site-header-wrapper .main-navigation > ul > li:first-child {
 	margin-right: 0;
 }
 
-.site-header-wrapper .main-navigation > ul > li.current-menu-item a {
+#masthead .site-header-wrapper .main-navigation > ul > li.current-menu-item a {
 	border-color: #3e69dc;
 	border-style: solid;
 	border-width: 0 0 .125em;
 	color: #3e69dc;
 }
 
-.site-header-wrapper .main-navigation ul li {
+#masthead .site-header-wrapper .main-navigation ul li {
 	margin: 0 .75em;
 }
 
-.site-header-wrapper .main-navigation ul li:first-child {
+#masthead .site-header-wrapper .main-navigation ul li:first-child {
 	margin-right: 0;
 }
 
-.site-header-wrapper .main-navigation ul li:hover ul {
+#masthead .site-header-wrapper .main-navigation ul li:hover ul {
 	right: auto;
 	left: 0;
 }
 
-.site-header-wrapper .main-navigation ul li.current-menu-item > a {
+#masthead .site-header-wrapper .main-navigation ul li.current-menu-item > a {
 	border-color: #3e69dc;
 	border-style: solid;
 	border-width: 0 0 .125em;
 	color: #3e69dc;
 }
 
-.site-header-wrapper .main-navigation ul li a {
+#masthead .site-header-wrapper .main-navigation ul li a {
 	padding: .25em 0;
 }
 
-.site-header-wrapper .main-navigation ul li a::after {
+#masthead .site-header-wrapper .main-navigation ul li a::after {
 	color: #3e69dc;
 }
 
-.site-header-wrapper .main-navigation ul li ul {
+#masthead .site-header-wrapper .main-navigation ul li ul {
 	color: #f3f3f3;
 }
 
-.site-header-wrapper .main-navigation ul li ul li {
+#masthead .site-header-wrapper .main-navigation ul li ul li {
 	border-bottom: 1px solid;
 	margin: 0;
 }
 
-.site-header-wrapper .main-navigation ul li ul li:first-child {
+#masthead .site-header-wrapper .main-navigation ul li ul li:first-child {
 	border-top: 1px solid;
 }
 
-.site-header-wrapper .main-navigation ul li ul li.current-menu-item a {
+#masthead .site-header-wrapper .main-navigation ul li ul li.current-menu-item a {
 	border: none;
 }
 
-.site-header-wrapper .main-navigation ul li ul li a {
+#masthead .site-header-wrapper .main-navigation ul li ul li a {
 	padding: .75em;
 }
 
@@ -3652,7 +3648,7 @@ input[type="submit"].has-background:visited,
 .wp-block-quote[style*="text-align:center"] p,
 .wp-block-quote[style*="text-align:right"] p {
 	font-family: "Lato", sans-serif;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	line-height: 1.5;
 	opacity: 0.6;
 }
@@ -3661,7 +3657,7 @@ input[type="submit"].has-background:visited,
 .wp-block-quote[style*="text-align:center"] cite,
 .wp-block-quote[style*="text-align:right"] cite {
 	color: inherit;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 }
 
 .site-footer .widget-area .widget-title {
@@ -3673,5 +3669,5 @@ input[type="submit"].has-background:visited,
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 }

+ 77 - 96
stratford/style.css

@@ -588,14 +588,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 12.8px;
+	font-size: 16.66667px;
 	font-family: "Lato", sans-serif;
 	line-height: 1.5;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 16px;
+		font-size: 20px;
 	}
 }
 
@@ -646,7 +646,7 @@ a {
 	clip-path: none;
 	color: #7a7c84;
 	display: block;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	font-weight: bold;
 	height: auto;
 	left: 5px;
@@ -912,14 +912,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	max-width: inherit;
 	width: inherit;
 }
@@ -949,7 +949,7 @@ blockquote.alignleft p, blockquote.alignright p {
 blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	letter-spacing: normal;
 }
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 figcaption {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1080,7 +1080,7 @@ input[type="submit"],
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	background-color: #3e69dc;
-	border-radius: 8px;
+	border-radius: 10px;
 	border-width: 0;
 	padding: 16px 16px;
 }
@@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
 
 .wp-block-code {
 	color: #7a7c84;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	padding: 16px;
 	border-color: #DDDDDD;
 }
@@ -1248,7 +1248,7 @@ input.has-focus[type="submit"],
 
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
-	font-size: 3.05176rem;
+	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 	max-width: inherit;
@@ -1320,7 +1320,7 @@ input.has-focus[type="submit"],
 .wp-block-file .wp-block-file__button {
 	background-color: #3e69dc;
 	color: white;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	margin-left: 16px;
 	margin-right: 16px;
 }
@@ -1345,7 +1345,7 @@ input.has-focus[type="submit"],
 .wp-block-gallery .blocks-gallery-item figcaption {
 	margin: 0;
 	color: white;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 }
 
 .wp-block-gallery .blocks-gallery-image,
@@ -1419,44 +1419,44 @@ h6, .h6 {
 }
 
 h1, .h1 {
-	font-size: 3.8147rem;
+	font-size: 2.98598rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h2, .h2 {
-	font-size: 3.05176rem;
+	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h3, .h3 {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h4, .h4 {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h5, .h5 {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h6, .h6 {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-image figcaption {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1474,7 +1474,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1.5;
 	/* Vertical margins logic */
 	margin-top: 32px;
@@ -1495,11 +1495,11 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1.5;
 	margin: 0;
 }
@@ -1524,19 +1524,19 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	font-weight: 700;
 	line-height: 1.125;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	line-height: 1.5;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1.5;
 	margin: 0;
 }
@@ -1682,7 +1682,7 @@ p.has-background:not(.has-background-background-color) a {
 	background-color: #2c313f;
 	font-family: "Poppins", sans-serif;
 	font-weight: bold;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
@@ -1718,7 +1718,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
@@ -1754,7 +1754,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -1767,7 +1767,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 	display: block;
 }
@@ -1829,7 +1829,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -1838,7 +1838,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote cite,
 .wp-block-quote footer {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
@@ -1859,7 +1859,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -1870,7 +1870,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
 	color: #767676;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
@@ -1893,9 +1893,9 @@ hr.is-style-wide {
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
 	color: #DDDDDD;
-	font-size: 1.95312rem;
-	letter-spacing: 0.8rem;
-	padding-left: 0.8rem;
+	font-size: 1.728rem;
+	letter-spacing: 0.83333rem;
+	padding-left: 0.83333rem;
 }
 
 .wp-block-jetpack-slideshow ul {
@@ -1943,7 +1943,7 @@ table th,
 
 .wp-block-video figcaption {
 	color: #767676;
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -2108,32 +2108,32 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .is-regular-text,
 .has-regular-font-size,
 .has-normal-font-size,
 .has-medium-font-size {
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 }
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	line-height: 1.125;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	line-height: 1.125;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Poppins", sans-serif;
-	font-size: calc(2 * 3.8147rem);
+	font-size: calc(2 * 2.98598rem);
 	font-weight: 700;
 	line-height: 0.66;
 	text-transform: uppercase;
@@ -2279,7 +2279,7 @@ table th,
 .site-title {
 	color: #3e69dc;
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2300,7 +2300,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Lato", sans-serif;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .main-navigation {
@@ -2483,7 +2483,7 @@ table th,
 	.main-navigation > div > ul > .menu-item-has-children > a::after {
 		content: "\00a0\25BC";
 		display: inline-block;
-		font-size: 0.64rem;
+		font-size: 0.69444rem;
 		height: inherit;
 		width: inherit;
 	}
@@ -2601,7 +2601,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Lato", sans-serif;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	font-weight: 700;
 	padding: 16px;
 	color: currentColor;
@@ -2616,7 +2616,7 @@ table th,
 }
 
 .entry-title {
-	font-size: 3.05176rem;
+	font-size: 2.48832rem;
 	letter-spacing: normal;
 	line-height: 1.125;
 }
@@ -2626,7 +2626,7 @@ table th,
 	color: #767676;
 	clear: both;
 	float: none;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	display: block;
 }
 
@@ -2725,17 +2725,17 @@ table th,
 }
 
 .author-bio .author-title {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 }
 
 /* Next/Previous navigation */
 .post-navigation .meta-nav {
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 }
 
 .post-navigation .post-title {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 	font-weight: 600;
 }
 
@@ -2762,7 +2762,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	font-weight: 600;
 	padding-left: calc(0.66 * 16px);
 	padding-right: calc(0.66 * 16px);
@@ -2810,12 +2810,12 @@ table th,
  * Comment Title
  */
 .comments-title {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	letter-spacing: normal;
 }
 
 .comment-reply-title {
-	font-size: 1.95312rem;
+	font-size: 1.728rem;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -2917,7 +2917,7 @@ table th,
 
 .comment-metadata,
 .reply {
-	font-size: 0.64rem;
+	font-size: 0.69444rem;
 	line-height: 1.125;
 }
 
@@ -3045,7 +3045,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Poppins", sans-serif;
-	font-size: 1.25rem;
+	font-size: 1.2rem;
 	font-weight: 600;
 }
 
@@ -3077,13 +3077,13 @@ img#wpstats {
 	background-color: #2c313f;
 	font-family: "Poppins", sans-serif;
 	font-weight: bold;
-	font-size: 0.8rem;
+	font-size: 0.83333rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
 
 .page-title {
-	font-size: 1.5625rem;
+	font-size: 1.44rem;
 }
 
 /**
@@ -3382,10 +3382,6 @@ img#wpstats {
 /**
  * Extra Child Theme Styles
  */
-body {
-	font-size: 1.25rem;
-}
-
 h1,
 h2,
 h3,
@@ -3410,7 +3406,7 @@ a {
 	transition: all .25s ease-in-out;
 }
 
-.site-header-wrapper {
+#masthead .site-header-wrapper {
 	display: flex;
 	flex-wrap: wrap;
 	position: relative;
@@ -3421,7 +3417,7 @@ a {
 	width: calc(100% - 1.5em);
 }
 
-.site-header-wrapper .site-branding {
+#masthead .site-header-wrapper .site-branding {
 	-webkit-transition: margin-top .25s ease-in-out;
 	-moz-transition: margin-top .25s ease-in-out;
 	transition: margin-top .25s ease-in-out;
@@ -3429,78 +3425,78 @@ a {
 	margin-right: auto;
 }
 
-.site-header-wrapper .site-branding .site-description {
+#masthead .site-header-wrapper .site-branding .site-description {
 	display: none;
 }
 
-.site-header-wrapper .site-branding .site-title a {
+#masthead .site-header-wrapper .site-branding .site-title a {
 	text-decoration: none;
 }
 
-.site-header-wrapper .site-menu {
+#masthead .site-header-wrapper .site-menu {
 	display: block;
 	-webkit-flex: 0 1 auto;
 	-ms-flex: 0 1 auto;
 	flex: 0 1 auto;
 }
 
-.site-header-wrapper .main-navigation > ul > li:first-child {
+#masthead .site-header-wrapper .main-navigation > ul > li:first-child {
 	margin-left: 0;
 }
 
-.site-header-wrapper .main-navigation > ul > li.current-menu-item a {
+#masthead .site-header-wrapper .main-navigation > ul > li.current-menu-item a {
 	border-color: #3e69dc;
 	border-style: solid;
 	border-width: 0 0 .125em;
 	color: #3e69dc;
 }
 
-.site-header-wrapper .main-navigation ul li {
+#masthead .site-header-wrapper .main-navigation ul li {
 	margin: 0 .75em;
 }
 
-.site-header-wrapper .main-navigation ul li:first-child {
+#masthead .site-header-wrapper .main-navigation ul li:first-child {
 	margin-left: 0;
 }
 
-.site-header-wrapper .main-navigation ul li:hover ul {
+#masthead .site-header-wrapper .main-navigation ul li:hover ul {
 	left: auto;
 	right: 0;
 }
 
-.site-header-wrapper .main-navigation ul li.current-menu-item > a {
+#masthead .site-header-wrapper .main-navigation ul li.current-menu-item > a {
 	border-color: #3e69dc;
 	border-style: solid;
 	border-width: 0 0 .125em;
 	color: #3e69dc;
 }
 
-.site-header-wrapper .main-navigation ul li a {
+#masthead .site-header-wrapper .main-navigation ul li a {
 	padding: .25em 0;
 }
 
-.site-header-wrapper .main-navigation ul li a::after {
+#masthead .site-header-wrapper .main-navigation ul li a::after {
 	color: #3e69dc;
 }
 
-.site-header-wrapper .main-navigation ul li ul {
+#masthead .site-header-wrapper .main-navigation ul li ul {
 	color: #f3f3f3;
 }
 
-.site-header-wrapper .main-navigation ul li ul li {
+#masthead .site-header-wrapper .main-navigation ul li ul li {
 	border-bottom: 1px solid;
 	margin: 0;
 }
 
-.site-header-wrapper .main-navigation ul li ul li:first-child {
+#masthead .site-header-wrapper .main-navigation ul li ul li:first-child {
 	border-top: 1px solid;
 }
 
-.site-header-wrapper .main-navigation ul li ul li.current-menu-item a {
+#masthead .site-header-wrapper .main-navigation ul li ul li.current-menu-item a {
 	border: none;
 }
 
-.site-header-wrapper .main-navigation ul li ul li a {
+#masthead .site-header-wrapper .main-navigation ul li ul li a {
 	padding: .75em;
 }
 
@@ -3550,7 +3546,6 @@ input[type="submit"].has-background:visited,
 	cursor: pointer;
 	font-weight: 700;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1rem;
 	padding: 16px 16px;
 	display: inline-block;
 }
@@ -3627,19 +3622,11 @@ input[type="submit"].has-background:visited,
 .wp-block-cover__inner-container .wp-block-latest-posts > li > a,
 .wp-block-columns .wp-block-latest-posts > li > a,
 .wp-block-group .wp-block-latest-posts > li > a {
-	font-size: 1rem;
 	font-weight: normal;
 	font-family: "Lato", sans-serif;
 	line-height: 1.5;
 }
 
-.wp-block-coblocks-hero__box .wp-block-latest-posts > li > time.wp-block-latest-posts__post-date,
-.wp-block-cover__inner-container .wp-block-latest-posts > li > time.wp-block-latest-posts__post-date,
-.wp-block-columns .wp-block-latest-posts > li > time.wp-block-latest-posts__post-date,
-.wp-block-group .wp-block-latest-posts > li > time.wp-block-latest-posts__post-date {
-	font-size: 1rem;
-}
-
 .wp-block-quote,
 .wp-block-quote[style*="text-align:center"],
 .wp-block-quote[style*="text-align:right"] {
@@ -3657,7 +3644,6 @@ input[type="submit"].has-background:visited,
 .wp-block-quote[style*="text-align:center"] p,
 .wp-block-quote[style*="text-align:right"] p {
 	font-family: "Lato", sans-serif;
-	font-size: 1.25rem;
 	line-height: 1.5;
 	opacity: 0.6;
 }
@@ -3666,7 +3652,6 @@ input[type="submit"].has-background:visited,
 .wp-block-quote[style*="text-align:center"] cite,
 .wp-block-quote[style*="text-align:right"] cite {
 	color: inherit;
-	font-size: 1.25rem;
 }
 
 .site-footer .widget-area .widget-title {
@@ -3676,7 +3661,3 @@ input[type="submit"].has-background:visited,
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
 	font-family: "Lato", sans-serif;
 }
-
-.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
-	font-size: 0.64rem;
-}