Barnsbury: Adding more styles and variable updates to make it match Friendly Business

barnsbury/sass/_config-child-theme-deep.scss

@@ -12,7 +12,7 @@ $baseline-unit: 8px;
 
 $typescale-root: 22px; // Set 16px/1em default on html
 $typescale-base: 1rem; // Set 1em default on body == $typescale-root;
-$typescale-ratio: 1.125; // Run ratio math on 1em == $typescale-base * $typescale-root;
+$typescale-ratio: 1.18; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
 $config-global: (
 
@@ -275,7 +275,7 @@ $config-quote: (
  */
 
 $config-separator: (
-	"height": #{0.25 * $baseline-unit},
+	"height": #{0.33 * $baseline-unit},
 );
 
 /**
@@ -286,25 +286,25 @@ $config-header: (
 		// Colors
 		"color": (
 			"text": map-deep-get($config-global, "color", "foreground", "light"),
-			"link": map-deep-get($config-global, "color", "primary", "default"),
-			"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
+			"link": map-deep-get($config-global, "color", "foreground", "dark"),
+			"link-hover": map-deep-get($config-global, "color", "primary", "default"),
 		),
-		// Fonts & Typography
+		// Title
 		"title": (
 			// Fonts
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "primary"),
-				"size": map-deep-get($config-global, "font", "size", "md"),
-				"weight": normal,
+				"size": map-deep-get($config-global, "font", "size", "xl"),
+				"weight": bold,
 				"line-height": 1,
 			),
 		),
-		// Fonts & Typography
+		// Description
 		"description": (
 			// Fonts
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "secondary"),
-				"size": map-deep-get($config-global, "font", "size", "sm"),
+				"size": map-deep-get($config-global, "font", "size", "xs"),
 			),
 		),
 	),
@@ -320,19 +320,19 @@ $config-header: (
 		"font": (
 			"family": map-deep-get($config-global, "font", "family", "secondary"),
 			"size": map-deep-get($config-global, "font", "size", "md"),
-			"weight": normal,
+			"weight": bold,
 			"line-height": 1,
 		),
-		"link-padding": map-deep-get($config-global, "spacing", "unit"),
+		"link-padding": (0.66 * map-deep-get($config-global, "spacing", "unit")),
 	),
 
 	"social-nav": (
 		// Colors
 		"color": (
-			"link": map-deep-get($config-global, "color", "primary", "default"),
-			"link-hover": map-deep-get($config-global, "color", "primary", "hover"),
+			"link": map-deep-get($config-global, "color", "foreground", "default"),
+			"link-hover": map-deep-get($config-global, "color", "primary", "default"),
 		),
-		"link-padding": calc( 0.5 * calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")} ) ),
+		"link-padding": calc( 0.5 * calc(0.5 * #{map-deep-get($config-global, "spacing", "unit")} ) ),
 	),
 );
 

barnsbury/sass/_extra-child-theme.scss

@@ -3,6 +3,110 @@
  */
 // @import "";
 
+$spacing_unit: map-deep-get($config-global, "spacing", "unit");
+$spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
+
+/**
+ * Elements
+ */
+
 a {
 	text-decoration: none;
 }
+
+/**
+ * Header
+ */
+
+.site-header {
+
+	max-width: $content-width-flex;
+
+	padding: $spacing_unit;
+
+	& > * {
+	}
+
+	@include media(mobile) {
+		max-width: $content-width-sm;
+		padding: (3 * $spacing_vertical) 0 (2 * $spacing_vertical);
+	}
+
+	@include media(tablet) {
+		max-width: $content-width-md;
+	}
+
+	@include media(laptop) {
+		max-width: $content-width-lg;
+	}
+
+	@include media(desktop) {
+		max-width: $content-width-xl;
+	}
+
+	@include media(wide) {
+		max-width: $content-width-xl;
+	}
+
+	.main-navigation {
+		margin-bottom: 0;
+	}
+
+	.social-navigation {
+		line-height: 1;
+		margin-top: 0;
+	}
+}
+
+.site-branding {
+	align-items: flex-start;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+
+	.site-logo {
+		display: inherit;
+
+		@include media(mobile) {
+			padding-right: $spacing_unit;
+		}
+	}
+
+	.site-description {
+		line-height: 1;
+		margin-top: (0.5 * $spacing_unit);
+
+		@include media(mobile) {
+			text-align: right;
+		}
+	}
+
+	.site-title,
+	.wp-block-a8c-site-title,
+	.wp-block-a8c-site-title:focus {
+		flex: 1 1 auto;
+	}
+
+	@include media(desktop) {
+
+		.site-logo {
+			margin-right: (0.5 * $spacing_unit);
+		}
+
+		.site-description {
+			margin-top: inherit;
+		}
+	}
+}
+
+/**
+ * Blocks
+ */
+
+.wp-block-separator, hr {
+	border-bottom-color: map-deep-get($config-global, "color", "foreground", "default");
+}
+
+.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
+	max-width: 10rem;
+}

barnsbury/style-editor.css

@@ -213,14 +213,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
 
@@ -242,7 +242,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	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.79012rem;
+	font-size: 0.71818rem;
 	letter-spacing: normal;
 }
 
 figcaption {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -307,7 +307,7 @@ object {
 	color: #FFFDF6;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.125em;
+	font-size: 1.18em;
 	line-height: 1;
 	background-color: #20603c;
 	border-radius: 11px;
@@ -360,7 +360,7 @@ object {
 
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
-	font-size: 1.80203em;
+	font-size: 2.28776em;
 	letter-spacing: normal;
 	line-height: 1.2;
 	padding: 0;
@@ -395,37 +395,37 @@ object {
 }
 
 .wp-block-heading h1, h1, .h1 {
-	font-size: 2.02729em;
+	font-size: 2.69955em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h2, h2, .h2 {
-	font-size: 1.80203em;
+	font-size: 2.28776em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h3, h3, .h3 {
-	font-size: 1.60181em;
+	font-size: 1.93878em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h4, h4, .h4 {
-	font-size: 1.42383em;
+	font-size: 1.64303em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h5, h5, .h5 {
-	font-size: 1.26562em;
+	font-size: 1.3924em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h6, h6, .h6 {
-	font-size: 1.125em;
+	font-size: 1.18em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -487,7 +487,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383em;
+	font-size: 1.64303em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -500,7 +500,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
 	color: #4a4a4a;
-	font-size: 0.88889em;
+	font-size: 0.84746em;
 	letter-spacing: normal;
 }
 
@@ -546,7 +546,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383em;
+	font-size: 1.64303em;
 	letter-spacing: normal;
 }
 
@@ -557,14 +557,14 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.60181em;
+	font-size: 1.93878em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-separator,
 hr {
-	border-bottom: 2px solid #DDDDDD;
+	border-bottom: 2.64px solid #DDDDDD;
 	clear: both;
 }
 
@@ -576,7 +576,7 @@ hr[style*="text-align: right"] {
 
 .wp-block-separator.is-style-wide,
 hr.is-style-wide {
-	border-bottom-width: 2px;
+	border-bottom-width: 2.64px;
 }
 
 .wp-block-separator.is-style-dots,
@@ -609,7 +609,7 @@ table th,
 	color: #3c2323;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
-	font-size: 1.80203em;
+	font-size: 2.28776em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -728,32 +728,32 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.88889em;
+	font-size: 0.84746em;
 }
 
 .is-regular-text,
 .has-regular-font-size,
 .has-normal-font-size,
 .has-medium-font-size {
-	font-size: 1.125em;
+	font-size: 1.18em;
 }
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.26562em;
+	font-size: 1.3924em;
 	line-height: 1.2;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.42383em;
+	font-size: 1.64303em;
 	line-height: 1.2;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: calc(2 * 2.02729em);
+	font-size: calc(2 * 2.69955em);
 	font-weight: bold;
 }
 

barnsbury/style-rtl.css

@@ -588,7 +588,7 @@ html {
  * HTML resets
  */
 html {
-	font-size: 19.55556px;
+	font-size: 18.64407px;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	line-height: 1.8;
 }
@@ -646,7 +646,7 @@ a {
 	clip-path: none;
 	color: #3c2323;
 	display: block;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	font-weight: bold;
 	height: auto;
 	right: 5px;
@@ -912,14 +912,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	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.79012rem;
+	font-size: 0.71818rem;
 	letter-spacing: normal;
 }
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 figcaption {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1078,7 +1078,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	background-color: #20603c;
 	border-radius: 11px;
 	border-width: 0;
@@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
 
 .wp-block-code {
 	color: #3c2323;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	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: 1.80203rem;
+	font-size: 2.28776rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 	max-width: inherit;
@@ -1320,7 +1320,7 @@ input.has-focus[type="submit"],
 .wp-block-file .wp-block-file__button {
 	background-color: #20603c;
 	color: #FFFDF6;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	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.79012rem;
+	font-size: 0.71818rem;
 }
 
 .wp-block-gallery .blocks-gallery-image,
@@ -1421,49 +1421,49 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-weight: normal;
+	font-weight: bold;
 	clear: both;
 }
 
 h1, .h1 {
-	font-size: 2.02729rem;
+	font-size: 2.69955rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h2, .h2 {
-	font-size: 1.80203rem;
+	font-size: 2.28776rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h3, .h3 {
-	font-size: 1.60181rem;
+	font-size: 1.93878rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h4, .h4 {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h5, .h5 {
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h6, .h6 {
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-image figcaption {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1481,7 +1481,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1.8;
 	/* Vertical margins logic */
 	margin-top: 32px;
@@ -1502,11 +1502,11 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1.8;
 	margin: 0;
 }
@@ -1531,19 +1531,19 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383rem;
-	font-weight: normal;
+	font-size: 1.64303rem;
+	font-weight: bold;
 	line-height: 1.2;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	line-height: 1.8;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1.8;
 	margin: 0;
 }
@@ -1689,7 +1689,7 @@ p.has-background:not(.has-background-background-color) a {
 	background-color: #20603c;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
@@ -1725,7 +1725,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
@@ -1761,7 +1761,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1774,7 +1774,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 	display: block;
 }
@@ -1836,7 +1836,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1845,7 +1845,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote cite,
 .wp-block-quote footer {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
 
@@ -1866,7 +1866,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.60181rem;
+	font-size: 1.93878rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1877,13 +1877,13 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
 
 .wp-block-separator,
 hr {
-	border-bottom: 2px solid #DDDDDD;
+	border-bottom: 2.64px solid #DDDDDD;
 	clear: both;
 	margin-right: auto;
 	margin-left: auto;
@@ -1894,15 +1894,15 @@ hr {
 
 .wp-block-separator.is-style-wide,
 hr.is-style-wide {
-	border-bottom-width: 2px;
+	border-bottom-width: 2.64px;
 }
 
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
 	color: #DDDDDD;
-	font-size: 1.42383rem;
-	letter-spacing: 0.88889rem;
-	padding-right: 0.88889rem;
+	font-size: 1.64303rem;
+	letter-spacing: 0.84746rem;
+	padding-right: 0.84746rem;
 }
 
 .wp-block-jetpack-slideshow ul {
@@ -1950,7 +1950,7 @@ table th,
 
 .wp-block-video figcaption {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -2110,7 +2110,7 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .is-regular-text,
@@ -2122,21 +2122,21 @@ table th,
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	line-height: 1.2;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	line-height: 1.2;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: calc(2 * 2.02729rem);
-	font-weight: normal;
+	font-size: calc(2 * 2.69955rem);
+	font-weight: bold;
 	line-height: 0.66;
 	text-transform: uppercase;
 	font-style: normal;
@@ -2279,16 +2279,16 @@ table th,
 }
 
 .site-title {
-	color: #20603c;
+	color: #0d1b24;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
 
 .site-title a {
 	color: currentColor;
-	font-weight: normal;
+	font-weight: bold;
 }
 
 .site-title a:link, .site-title a:visited {
@@ -2296,13 +2296,13 @@ table th,
 }
 
 .site-title a:hover {
-	color: #133a24;
+	color: #20603c;
 }
 
 .site-description {
 	color: currentColor;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 0.88889rem;
+	font-size: 0.71818rem;
 }
 
 .main-navigation {
@@ -2357,7 +2357,7 @@ table th,
 	flex-wrap: wrap;
 	list-style: none;
 	max-width: none;
-	margin: 0 -16px;
+	margin: 0 -10.56px;
 	position: relative;
 	/* Sub-menus Flyout */
 }
@@ -2374,6 +2374,11 @@ table th,
 	z-index: 99999;
 }
 
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2394,6 +2399,14 @@ table th,
 		display: block;
 	}
 	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -2449,9 +2462,9 @@ table th,
 	color: #20603c;
 	display: block;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
-	font-weight: normal;
-	padding: 16px;
+	font-size: 1.18rem;
+	font-weight: bold;
+	padding: 10.56px;
 }
 
 .main-navigation a:link, .main-navigation a:visited {
@@ -2470,8 +2483,8 @@ table th,
 }
 
 .main-navigation .sub-menu .menu-item a {
-	padding-top: 8px;
-	padding-bottom: 8px;
+	padding-top: 5.28px;
+	padding-bottom: 5.28px;
 }
 
 .main-navigation .sub-menu .menu-item a::before {
@@ -2485,7 +2498,7 @@ table th,
 	.main-navigation > div > ul > .menu-item-has-children > a::after {
 		content: "\00a0\25BC";
 		display: inline-block;
-		font-size: 0.79012rem;
+		font-size: 0.71818rem;
 		height: inherit;
 		width: inherit;
 	}
@@ -2509,13 +2522,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #20603c;
+	color: #3c2323;
 	display: inline-block;
-	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
+	padding: 0 calc( 0.5 * calc(0.5 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #133a24;
+	color: #20603c;
 }
 
 .social-navigation svg {
@@ -2535,7 +2548,7 @@ table th,
 .site-info {
 	color: #4a4a4a;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 @media only screen and (min-width: 640px) {
@@ -2602,9 +2615,9 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 0.88889rem;
-	font-weight: normal;
-	padding: 16px;
+	font-size: 0.84746rem;
+	font-weight: bold;
+	padding: 10.56px;
 	color: currentColor;
 }
 
@@ -2617,7 +2630,7 @@ table th,
 }
 
 .entry-title {
-	font-size: 1.80203rem;
+	font-size: 2.28776rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2627,7 +2640,7 @@ table th,
 	color: #4a4a4a;
 	clear: both;
 	float: none;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	display: block;
 }
 
@@ -2726,17 +2739,17 @@ table th,
 }
 
 .author-bio .author-title {
-	font-size: 1.60181rem;
+	font-size: 1.93878rem;
 }
 
 /* Next/Previous navigation */
 .post-navigation .meta-nav {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .post-navigation .post-title {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	font-weight: 600;
 }
 
@@ -2763,7 +2776,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	font-weight: 600;
 	padding-right: calc(0.66 * 16px);
 	padding-left: calc(0.66 * 16px);
@@ -2811,12 +2824,12 @@ table th,
  * Comment Title
  */
 .comments-title {
-	font-size: 1.60181rem;
+	font-size: 1.93878rem;
 	letter-spacing: normal;
 }
 
 .comment-reply-title {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -2918,7 +2931,7 @@ table th,
 
 .comment-metadata,
 .reply {
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	line-height: 1.2;
 }
 
@@ -3046,7 +3059,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	font-weight: 600;
 }
 
@@ -3078,13 +3091,13 @@ img#wpstats {
 	background-color: #20603c;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
 
 .page-title {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 }
 
 /**
@@ -3383,6 +3396,112 @@ img#wpstats {
 /**
  * Extra Child Theme Styles
  */
+/**
+ * Elements
+ */
 a {
 	text-decoration: none;
 }
+
+/**
+ * Header
+ */
+.site-header {
+	max-width: 100%;
+	padding: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-header {
+		max-width: calc( 560px - 32px);
+		padding: 96px 0 64px;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	.site-header {
+		max-width: calc( 640px - 32px);
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	.site-header {
+		max-width: calc( 782px - 32px);
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.site-header {
+		max-width: calc( 1024px - 32px);
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	.site-header {
+		max-width: calc( 1024px - 32px);
+	}
+}
+
+.site-header .main-navigation {
+	margin-bottom: 0;
+}
+
+.site-header .social-navigation {
+	line-height: 1;
+	margin-top: 0;
+}
+
+.site-branding {
+	align-items: flex-start;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.site-branding .site-logo {
+	display: inherit;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-branding .site-logo {
+		padding-left: 16px;
+	}
+}
+
+.site-branding .site-description {
+	line-height: 1;
+	margin-top: 8px;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-branding .site-description {
+		text-align: left;
+	}
+}
+
+.site-branding .site-title,
+.site-branding .wp-block-a8c-site-title,
+.site-branding .wp-block-a8c-site-title:focus {
+	flex: 1 1 auto;
+}
+
+@media only screen and (min-width: 1024px) {
+	.site-branding .site-logo {
+		margin-left: 8px;
+	}
+	.site-branding .site-description {
+		margin-top: inherit;
+	}
+}
+
+/**
+ * Blocks
+ */
+.wp-block-separator,
+hr {
+	border-bottom-color: #3c2323;
+}
+
+.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
+	max-width: 10rem;
+}

barnsbury/style.css

@@ -588,7 +588,7 @@ html {
  * HTML resets
  */
 html {
-	font-size: 19.55556px;
+	font-size: 18.64407px;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	line-height: 1.8;
 }
@@ -646,7 +646,7 @@ a {
 	clip-path: none;
 	color: #3c2323;
 	display: block;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	font-weight: bold;
 	height: auto;
 	left: 5px;
@@ -912,14 +912,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	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.79012rem;
+	font-size: 0.71818rem;
 	letter-spacing: normal;
 }
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 figcaption {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1078,7 +1078,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	background-color: #20603c;
 	border-radius: 11px;
 	border-width: 0;
@@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
 
 .wp-block-code {
 	color: #3c2323;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	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: 1.80203rem;
+	font-size: 2.28776rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 	max-width: inherit;
@@ -1320,7 +1320,7 @@ input.has-focus[type="submit"],
 .wp-block-file .wp-block-file__button {
 	background-color: #20603c;
 	color: #FFFDF6;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	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.79012rem;
+	font-size: 0.71818rem;
 }
 
 .wp-block-gallery .blocks-gallery-image,
@@ -1426,44 +1426,44 @@ h6, .h6 {
 }
 
 h1, .h1 {
-	font-size: 2.02729rem;
+	font-size: 2.69955rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h2, .h2 {
-	font-size: 1.80203rem;
+	font-size: 2.28776rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h3, .h3 {
-	font-size: 1.60181rem;
+	font-size: 1.93878rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h4, .h4 {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h5, .h5 {
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h6, .h6 {
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-image figcaption {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1481,7 +1481,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1.8;
 	/* Vertical margins logic */
 	margin-top: 32px;
@@ -1502,11 +1502,11 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1.8;
 	margin: 0;
 }
@@ -1531,19 +1531,19 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	font-weight: bold;
 	line-height: 1.2;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	line-height: 1.8;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1.8;
 	margin: 0;
 }
@@ -1689,7 +1689,7 @@ p.has-background:not(.has-background-background-color) a {
 	background-color: #20603c;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
@@ -1725,7 +1725,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
@@ -1761,7 +1761,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1774,7 +1774,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 	display: block;
 }
@@ -1836,7 +1836,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1845,7 +1845,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote cite,
 .wp-block-quote footer {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
 
@@ -1866,7 +1866,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.60181rem;
+	font-size: 1.93878rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1877,13 +1877,13 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
 	color: #4a4a4a;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	letter-spacing: normal;
 }
 
 .wp-block-separator,
 hr {
-	border-bottom: 2px solid #DDDDDD;
+	border-bottom: 2.64px solid #DDDDDD;
 	clear: both;
 	margin-left: auto;
 	margin-right: auto;
@@ -1894,15 +1894,15 @@ hr {
 
 .wp-block-separator.is-style-wide,
 hr.is-style-wide {
-	border-bottom-width: 2px;
+	border-bottom-width: 2.64px;
 }
 
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
 	color: #DDDDDD;
-	font-size: 1.42383rem;
-	letter-spacing: 0.88889rem;
-	padding-left: 0.88889rem;
+	font-size: 1.64303rem;
+	letter-spacing: 0.84746rem;
+	padding-left: 0.84746rem;
 }
 
 .wp-block-jetpack-slideshow ul {
@@ -1950,7 +1950,7 @@ table th,
 
 .wp-block-video figcaption {
 	color: #4a4a4a;
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -2115,7 +2115,7 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .is-regular-text,
@@ -2127,20 +2127,20 @@ table th,
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	line-height: 1.2;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	line-height: 1.2;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: calc(2 * 2.02729rem);
+	font-size: calc(2 * 2.69955rem);
 	font-weight: bold;
 	line-height: 0.66;
 	text-transform: uppercase;
@@ -2284,16 +2284,16 @@ table th,
 }
 
 .site-title {
-	color: #20603c;
+	color: #0d1b24;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.64303rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
 
 .site-title a {
 	color: currentColor;
-	font-weight: normal;
+	font-weight: bold;
 }
 
 .site-title a:link, .site-title a:visited {
@@ -2301,13 +2301,13 @@ table th,
 }
 
 .site-title a:hover {
-	color: #133a24;
+	color: #20603c;
 }
 
 .site-description {
 	color: currentColor;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 0.88889rem;
+	font-size: 0.71818rem;
 }
 
 .main-navigation {
@@ -2362,7 +2362,7 @@ table th,
 	flex-wrap: wrap;
 	list-style: none;
 	max-width: none;
-	margin: 0 -16px;
+	margin: 0 -10.56px;
 	position: relative;
 	/* Sub-menus Flyout */
 }
@@ -2454,9 +2454,9 @@ table th,
 	color: #20603c;
 	display: block;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
-	font-weight: normal;
-	padding: 16px;
+	font-size: 1.18rem;
+	font-weight: bold;
+	padding: 10.56px;
 }
 
 .main-navigation a:link, .main-navigation a:visited {
@@ -2475,8 +2475,8 @@ table th,
 }
 
 .main-navigation .sub-menu .menu-item a {
-	padding-top: 8px;
-	padding-bottom: 8px;
+	padding-top: 5.28px;
+	padding-bottom: 5.28px;
 }
 
 .main-navigation .sub-menu .menu-item a::before {
@@ -2490,7 +2490,7 @@ table th,
 	.main-navigation > div > ul > .menu-item-has-children > a::after {
 		content: "\00a0\25BC";
 		display: inline-block;
-		font-size: 0.79012rem;
+		font-size: 0.71818rem;
 		height: inherit;
 		width: inherit;
 	}
@@ -2514,13 +2514,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #20603c;
+	color: #3c2323;
 	display: inline-block;
-	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
+	padding: 0 calc( 0.5 * calc(0.5 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #133a24;
+	color: #20603c;
 }
 
 .social-navigation svg {
@@ -2540,7 +2540,7 @@ table th,
 .site-info {
 	color: #4a4a4a;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 @media only screen and (min-width: 640px) {
@@ -2607,9 +2607,9 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 0.88889rem;
-	font-weight: normal;
-	padding: 16px;
+	font-size: 0.84746rem;
+	font-weight: bold;
+	padding: 10.56px;
 	color: currentColor;
 }
 
@@ -2622,7 +2622,7 @@ table th,
 }
 
 .entry-title {
-	font-size: 1.80203rem;
+	font-size: 2.28776rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2632,7 +2632,7 @@ table th,
 	color: #4a4a4a;
 	clear: both;
 	float: none;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	display: block;
 }
 
@@ -2731,17 +2731,17 @@ table th,
 }
 
 .author-bio .author-title {
-	font-size: 1.60181rem;
+	font-size: 1.93878rem;
 }
 
 /* Next/Previous navigation */
 .post-navigation .meta-nav {
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 }
 
 .post-navigation .post-title {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.26562rem;
+	font-size: 1.3924rem;
 	font-weight: 600;
 }
 
@@ -2768,7 +2768,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	font-weight: 600;
 	padding-left: calc(0.66 * 16px);
 	padding-right: calc(0.66 * 16px);
@@ -2816,12 +2816,12 @@ table th,
  * Comment Title
  */
 .comments-title {
-	font-size: 1.60181rem;
+	font-size: 1.93878rem;
 	letter-spacing: normal;
 }
 
 .comment-reply-title {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -2923,7 +2923,7 @@ table th,
 
 .comment-metadata,
 .reply {
-	font-size: 0.79012rem;
+	font-size: 0.71818rem;
 	line-height: 1.2;
 }
 
@@ -3051,7 +3051,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
-	font-size: 1.125rem;
+	font-size: 1.18rem;
 	font-weight: 600;
 }
 
@@ -3083,13 +3083,13 @@ img#wpstats {
 	background-color: #20603c;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.84746rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
 
 .page-title {
-	font-size: 1.42383rem;
+	font-size: 1.64303rem;
 }
 
 /**
@@ -3388,6 +3388,112 @@ img#wpstats {
 /**
  * Extra Child Theme Styles
  */
+/**
+ * Elements
+ */
 a {
 	text-decoration: none;
 }
+
+/**
+ * Header
+ */
+.site-header {
+	max-width: 100%;
+	padding: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-header {
+		max-width: calc( 560px - 32px);
+		padding: 96px 0 64px;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	.site-header {
+		max-width: calc( 640px - 32px);
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	.site-header {
+		max-width: calc( 782px - 32px);
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.site-header {
+		max-width: calc( 1024px - 32px);
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	.site-header {
+		max-width: calc( 1024px - 32px);
+	}
+}
+
+.site-header .main-navigation {
+	margin-bottom: 0;
+}
+
+.site-header .social-navigation {
+	line-height: 1;
+	margin-top: 0;
+}
+
+.site-branding {
+	align-items: flex-start;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+
+.site-branding .site-logo {
+	display: inherit;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-branding .site-logo {
+		padding-right: 16px;
+	}
+}
+
+.site-branding .site-description {
+	line-height: 1;
+	margin-top: 8px;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-branding .site-description {
+		text-align: right;
+	}
+}
+
+.site-branding .site-title,
+.site-branding .wp-block-a8c-site-title,
+.site-branding .wp-block-a8c-site-title:focus {
+	flex: 1 1 auto;
+}
+
+@media only screen and (min-width: 1024px) {
+	.site-branding .site-logo {
+		margin-right: 8px;
+	}
+	.site-branding .site-description {
+		margin-top: inherit;
+	}
+}
+
+/**
+ * Blocks
+ */
+.wp-block-separator,
+hr {
+	border-bottom-color: #3c2323;
+}
+
+.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
+	max-width: 10rem;
+}