Dalston: More improvements to the editor and front end to make styles match Professional business

dalston/functions.php

@@ -62,6 +62,11 @@ if ( ! function_exists( 'dalston_setup' ) ) :
 					'slug'  => 'primary',
 					'color' => '#0073AA',
 				),
+				array(
+					'name'  => __( 'Secondary', 'dalston' ),
+					'slug'  => 'secondary',
+					'color' => '#0D1B24',
+				),
 				array(
 					'name'  => __( 'Dark Gray', 'dalston' ),
 					'slug'  => 'foreground-dark',

dalston/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.15; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
 $config-global: (
 
@@ -65,8 +65,8 @@ $config-global: (
 			"hover": #005177,
 		),
 		"secondary": (
-			"default": #0073AA,
-			"hover": #005177,
+			"default": #0d1b24,
+			"hover": #000000,
 		),
 		"foreground": (
 			"default": #1e1e1e,
@@ -169,13 +169,13 @@ $config-button: (
 	),
 	// Fonts
 	"font": (
-		"family": map-deep-get($config-global, "font", "family", "ui"),
-		"size": map-deep-get($config-global, "font", "size", "md"),
+		"family": map-deep-get($config-global, "font", "family", "primary"),
+		"size": map-deep-get($config-global, "font", "size", "base"),
 		"weight": 600,
 		"line-height": 1,
 	),
 	// Borders
-	"border-radius": map-deep-get($config-global, "border-radius", "sm"),
+	"border-radius": 5px,
 	"border-width": 2px,
 	// Padding
 	"padding": (
@@ -227,7 +227,7 @@ $config-heading: (
 			"h1": map-deep-get($config-global, "font", "letter-spacing", "xxxl"),
 		),
 		// Font Weight
-		"weight": normal,
+		"weight": 600,
 	),
 );
 
@@ -251,7 +251,7 @@ $config-pullquote: (
 	),
 	// Border
 	"color": (
-		"border": #{map-deep-get($config-global, "color", "border", "default")},
+		"border": transparent,
 		"background": #{map-deep-get($config-global, "color", "primary", "default")},
 	),
 	// Border
@@ -285,7 +285,7 @@ $config-header: (
 	"branding": (
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "light"),
+			"text": map-deep-get($config-global, "color", "foreground", "dark"),
 			"link": map-deep-get($config-global, "color", "foreground", "dark"),
 			"link-hover": map-deep-get($config-global, "color", "primary", "default"),
 		),
@@ -304,7 +304,7 @@ $config-header: (
 			// 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"),
 			),
 		),
 	),

dalston/sass/_extra-child-theme.scss

@@ -3,6 +3,10 @@
  */
 // @import "";
 
+$spacing_unit: map-deep-get($config-global, "spacing", "unit");
+$spacing_horizontal: map-deep-get($config-global, "spacing", "horizontal");
+$spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
+
 a {
 	text-decoration: none;
 }
@@ -32,7 +36,7 @@ a {
 		display: grid;
 		grid-template-columns: auto;
 		grid-template-rows: auto;
-		grid-column-gap: #{map-deep-get($config-global, "spacing", "unit")};
+		grid-column-gap: $spacing_unit;
 		grid-template-areas:
 			"site-logo site-logo"
 			"site-title main-navigation"
@@ -51,7 +55,7 @@ a {
 
 		.site-logo {
 			grid-area: site-logo;
-			margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
+			margin-bottom: $spacing_unit;
 		}
 
 		.site-title {
@@ -75,13 +79,13 @@ a {
 
 			& > div > ul {
 				justify-content: flex-end;
-				margin-left: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
-				margin-right: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
+				margin-left: -#{0.5 * $spacing_horizontal};
+				margin-right: -#{0.5 * $spacing_horizontal};
 
 				& > li {
 
 					& > a {
-						padding: 0 #{map-deep-get($config-header, "main-nav", "link-padding")};
+						padding: 0 #{0.5 * map-deep-get($config-header, "main-nav", "link-padding")};
 					}
 				}
 
@@ -99,13 +103,13 @@ a {
 					overflow: hidden;
 
 					&:before {
-						border-bottom: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid #{map-deep-get($config-global, "color", "primary", "default")};
-						border-left: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
-						border-right: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
+						border-bottom: #{0.5 * $spacing_unit} solid #{map-deep-get($config-global, "color", "primary", "default")};
+						border-left: #{0.5 * $spacing_unit} solid transparent;
+						border-right: #{0.5 * $spacing_unit} solid transparent;
 						content: "";
 						display: block;
-						margin-left: #{map-deep-get($config-global, "spacing", "unit")};
-						width: #{map-deep-get($config-global, "spacing", "unit")};
+						margin-left: #{$spacing_unit};
+						width: #{$spacing_unit};
 					}
 				}
 
@@ -151,3 +155,43 @@ a {
 	margin-top: -#{map-deep-get($config-global, "spacing", "unit")};
 }
 
+/**
+ * Content
+ */
+.site-main > article > .entry-header {
+	margin: #{3 * $spacing_unit} $spacing_unit $spacing_unit;
+	position: relative;
+}
+
+@include media(mobile) {
+	.site-main > article > .entry-header {
+		margin: #{3 * $spacing_vertical} auto #{2 * $spacing_unit};
+	}
+}
+
+.entry-title {
+	font-size: map-deep-get($config-global, "font", "size", "xxxxl");
+	font-weight: 600;
+}
+
+/**
+ * Blocks
+ */
+
+.entry .entry-content .wp-block-media-text {
+
+	background: #{map-deep-get($config-global, "color", "secondary", "default")};
+	color: #{map-deep-get($config-global, "color", "background", "default")};
+	position: relative;
+
+	&:before {
+		content: '';
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		bottom: 10px;
+		left: 10px;
+		border: 1px solid #{map-deep-get($config-global, "color", "background", "default")};
+		z-index: 1;
+	}
+}

dalston/sass/style-child-theme-editor.scss

@@ -35,6 +35,24 @@
 /**
  * Extras
  */
-.editor-post-title__input {
-	text-align: center;
+.editor-post-title__block .editor-post-title__input {
+	font-weight: 600;
+}
+
+.wp-block-media-text {
+
+	background: #{map-deep-get($config-global, "color", "secondary", "default")};
+	color: #{map-deep-get($config-global, "color", "background", "default")};
+	position: relative;
+
+	&:before {
+		content: '';
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		bottom: 10px;
+		left: 10px;
+		border: 1px solid #{map-deep-get($config-global, "color", "background", "default")};
+		z-index: 1;
+	}
 }

dalston/style-editor.css

@@ -213,14 +213,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	letter-spacing: normal;
 }
 
@@ -242,7 +242,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	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.75614rem;
 	letter-spacing: normal;
 }
 
 figcaption {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -306,11 +306,11 @@ object {
 .wp-block-button .wp-block-button__link {
 	color: #FFFFFF;
 	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-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-size: 1em;
 	line-height: 1;
 	background-color: #0073AA;
-	border-radius: 11px;
+	border-radius: 5px;
 	padding: 16px 16px;
 }
 
@@ -360,7 +360,7 @@ object {
 
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
-	font-size: 1.80203em;
+	font-size: 2.01136em;
 	letter-spacing: normal;
 	line-height: 1.2;
 	padding: 0;
@@ -390,42 +390,42 @@ object {
 .wp-block-heading h5, h5, .h5,
 .wp-block-heading h6, h6, .h6 {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-weight: normal;
+	font-weight: 600;
 	clear: both;
 }
 
 .wp-block-heading h1, h1, .h1 {
-	font-size: 2.02729em;
+	font-size: 2.31306em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h2, h2, .h2 {
-	font-size: 1.80203em;
+	font-size: 2.01136em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h3, h3, .h3 {
-	font-size: 1.60181em;
+	font-size: 1.74901em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h4, h4, .h4 {
-	font-size: 1.42383em;
+	font-size: 1.52087em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h5, h5, .h5 {
-	font-size: 1.26562em;
+	font-size: 1.3225em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-heading h6, h6, .h6 {
-	font-size: 1.125em;
+	font-size: 1.15em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -471,9 +471,9 @@ p.has-background:not(.has-background-background-color) a {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #CCCCCC;
+	border-top-color: transparent;
 	border-top-width: 4px;
-	border-bottom-color: #CCCCCC;
+	border-bottom-color: transparent;
 	border-bottom-width: 4px;
 	color: #1e1e1e;
 	/**
@@ -487,7 +487,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383em;
+	font-size: 1.52087em;
 	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: #767676;
-	font-size: 0.88889em;
+	font-size: 0.86957em;
 	letter-spacing: normal;
 }
 
@@ -546,7 +546,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383em;
+	font-size: 1.52087em;
 	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: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.60181em;
+	font-size: 1.74901em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -608,8 +608,8 @@ table th,
 .editor-post-title__block .editor-post-title__input {
 	color: #1e1e1e;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-weight: normal;
-	font-size: 1.80203em;
+	font-weight: 600;
+	font-size: 2.01136em;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -619,7 +619,7 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: #0073AA !important;
+	color: #0d1b24 !important;
 }
 
 .has-foreground-color[class] {
@@ -657,7 +657,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: #0073AA !important;
+	background-color: #0d1b24 !important;
 	color: #FFFFFF;
 }
 
@@ -728,33 +728,33 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.88889em;
+	font-size: 0.86957em;
 }
 
 .is-regular-text,
 .has-regular-font-size,
 .has-normal-font-size,
 .has-medium-font-size {
-	font-size: 1.125em;
+	font-size: 1.15em;
 }
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.26562em;
+	font-size: 1.3225em;
 	line-height: 1.2;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.42383em;
+	font-size: 1.52087em;
 	line-height: 1.2;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: calc(2 * 2.02729em);
-	font-weight: normal;
+	font-size: calc(2 * 2.31306em);
+	font-weight: 600;
 }
 
 /**
@@ -865,6 +865,23 @@ table th,
 /**
  * Extras
  */
-.editor-post-title__input {
-	text-align: center;
+.editor-post-title__block .editor-post-title__input {
+	font-weight: 600;
+}
+
+.wp-block-media-text {
+	background: #0d1b24;
+	color: #FFFFFF;
+	position: relative;
+}
+
+.wp-block-media-text:before {
+	content: '';
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	bottom: 10px;
+	left: 10px;
+	border: 1px solid #FFFFFF;
+	z-index: 1;
 }

dalston/style-rtl.css

@@ -588,7 +588,7 @@ html {
  * HTML resets
  */
 html {
-	font-size: 19.55556px;
+	font-size: 19.13043px;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	line-height: 1.6;
 }
@@ -646,7 +646,7 @@ a {
 	clip-path: none;
 	color: #1e1e1e;
 	display: block;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	font-weight: bold;
 	height: auto;
 	right: 5px;
@@ -912,14 +912,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	letter-spacing: normal;
 }
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	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.75614rem;
 	letter-spacing: normal;
 }
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 figcaption {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1077,8 +1077,8 @@ input[type="submit"],
 	color: #FFFFFF;
 	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-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-size: 1rem;
 	background-color: #0073AA;
 	border-radius: 11px;
 	border-width: 0;
@@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
 
 .wp-block-code {
 	color: #1e1e1e;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	padding: 16px;
 	border-color: #CCCCCC;
 }
@@ -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.01136rem;
 	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: #0073AA;
 	color: #FFFFFF;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	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.75614rem;
 }
 
 .wp-block-gallery .blocks-gallery-image,
@@ -1421,49 +1421,49 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-weight: normal;
+	font-weight: 600;
 	clear: both;
 }
 
 h1, .h1 {
-	font-size: 2.02729rem;
+	font-size: 2.31306rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h2, .h2 {
-	font-size: 1.80203rem;
+	font-size: 2.01136rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h3, .h3 {
-	font-size: 1.60181rem;
+	font-size: 1.74901rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h4, .h4 {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h5, .h5 {
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h6, .h6 {
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-image figcaption {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	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.86957rem;
 	line-height: 1.6;
 	/* Vertical margins logic */
 	margin-top: 32px;
@@ -1502,11 +1502,11 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 	color: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	line-height: 1.6;
 	margin: 0;
 }
@@ -1531,19 +1531,19 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383rem;
-	font-weight: normal;
+	font-size: 1.52087rem;
+	font-weight: 600;
 	line-height: 1.2;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	line-height: 1.6;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	line-height: 1.6;
 	margin: 0;
 }
@@ -1689,7 +1689,7 @@ p.has-background:not(.has-background-background-color) a {
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	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: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
@@ -1749,9 +1749,9 @@ p.has-background:not(.has-background-background-color) a {
 	margin-right: 0;
 	margin-left: 0;
 	text-align: center;
-	border-top-color: #CCCCCC;
+	border-top-color: transparent;
 	border-top-width: 4px;
-	border-bottom-color: #CCCCCC;
+	border-bottom-color: transparent;
 	border-bottom-width: 4px;
 	color: #1e1e1e;
 	/**
@@ -1761,7 +1761,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	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: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	letter-spacing: normal;
 	display: block;
 }
@@ -1836,7 +1836,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	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: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	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.74901rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1877,7 +1877,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.88889rem;
+	font-size: 0.86957rem;
 	letter-spacing: normal;
 }
 
@@ -1900,9 +1900,9 @@ hr.is-style-wide {
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
 	color: #CCCCCC;
-	font-size: 1.42383rem;
-	letter-spacing: 0.88889rem;
-	padding-right: 0.88889rem;
+	font-size: 1.52087rem;
+	letter-spacing: 0.86957rem;
+	padding-right: 0.86957rem;
 }
 
 .wp-block-jetpack-slideshow ul {
@@ -1950,7 +1950,7 @@ table th,
 
 .wp-block-video figcaption {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -2009,7 +2009,7 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: #0073AA !important;
+	color: #0d1b24 !important;
 }
 
 .has-foreground-color[class] {
@@ -2046,7 +2046,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: #0073AA !important;
+	background-color: #0d1b24 !important;
 	color: #FFFFFF;
 }
 
@@ -2110,7 +2110,7 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .is-regular-text,
@@ -2122,21 +2122,21 @@ table th,
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	line-height: 1.2;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	line-height: 1.2;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: calc(2 * 2.02729rem);
-	font-weight: normal;
+	font-size: calc(2 * 2.31306rem);
+	font-weight: 600;
 	line-height: 0.66;
 	text-transform: uppercase;
 	font-style: normal;
@@ -2275,13 +2275,13 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #767676;
+	color: #000000;
 }
 
 .site-title {
 	color: #000000;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -2302,7 +2302,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 0.88889rem;
+	font-size: 0.75614rem;
 }
 
 .main-navigation {
@@ -2485,7 +2485,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.75614rem;
 		height: inherit;
 		width: inherit;
 	}
@@ -2535,7 +2535,7 @@ table th,
 .site-info {
 	color: #767676;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 @media only screen and (min-width: 640px) {
@@ -2602,7 +2602,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	font-weight: 600;
 	padding: 16px;
 	color: currentColor;
@@ -2617,7 +2617,7 @@ table th,
 }
 
 .entry-title {
-	font-size: 1.80203rem;
+	font-size: 2.01136rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2627,7 +2627,7 @@ table th,
 	color: #767676;
 	clear: both;
 	float: none;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	display: block;
 }
 
@@ -2726,17 +2726,17 @@ table th,
 }
 
 .author-bio .author-title {
-	font-size: 1.60181rem;
+	font-size: 1.74901rem;
 }
 
 /* Next/Previous navigation */
 .post-navigation .meta-nav {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .post-navigation .post-title {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	font-weight: 600;
 }
 
@@ -2763,7 +2763,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	font-weight: 600;
 	padding-right: calc(0.66 * 16px);
 	padding-left: calc(0.66 * 16px);
@@ -2811,12 +2811,12 @@ table th,
  * Comment Title
  */
 .comments-title {
-	font-size: 1.60181rem;
+	font-size: 1.74901rem;
 	letter-spacing: normal;
 }
 
 .comment-reply-title {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -2918,7 +2918,7 @@ table th,
 
 .comment-metadata,
 .reply {
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	line-height: 1.2;
 }
 
@@ -3046,7 +3046,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	font-weight: 600;
 }
 
@@ -3078,13 +3078,13 @@ img#wpstats {
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
 
 .page-title {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 }
 
 /**
@@ -3453,16 +3453,11 @@ a {
 		margin-left: -8px;
 	}
 	.site-header .main-navigation > div > ul > li > a {
-		padding: 0 16px;
+		padding: 0 8px;
 	}
 	.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
 		font-size: 0.5rem;
 	}
-	.site-header .main-navigation > div > ul > li:hover > a,
-	.site-header .main-navigation > div > ul > li.focus > a,
-	.site-header .main-navigation > div > ul > li.current-menu-item > a {
-		color: #0073AA;
-	}
 	.site-header .main-navigation > div > ul > li:hover > ul,
 	.site-header .main-navigation > div > ul > li.focus > ul,
 	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
@@ -3512,9 +3507,48 @@ a {
  * Site Title
  */
 .site-description {
-	color: #767676;
+	color: #000000;
 }
 
 .site-title + .site-description {
 	margin-top: -16px;
 }
+
+/**
+ * Content
+ */
+.site-main > article > .entry-header {
+	margin: 48px 16px 16px;
+	position: relative;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-main > article > .entry-header {
+		margin: 96px auto 32px;
+	}
+}
+
+.entry-title {
+	font-size: 2.31306rem;
+	font-weight: 600;
+}
+
+/**
+ * Blocks
+ */
+.entry .entry-content .wp-block-media-text {
+	background: #0d1b24;
+	color: #FFFFFF;
+	position: relative;
+}
+
+.entry .entry-content .wp-block-media-text:before {
+	content: '';
+	position: absolute;
+	top: 10px;
+	left: 10px;
+	bottom: 10px;
+	right: 10px;
+	border: 1px solid #FFFFFF;
+	z-index: 1;
+}

dalston/style.css

@@ -588,7 +588,7 @@ html {
  * HTML resets
  */
 html {
-	font-size: 19.55556px;
+	font-size: 19.13043px;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	line-height: 1.6;
 }
@@ -646,7 +646,7 @@ a {
 	clip-path: none;
 	color: #1e1e1e;
 	display: block;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	font-weight: bold;
 	height: auto;
 	left: 5px;
@@ -912,14 +912,14 @@ blockquote {
 }
 
 blockquote p {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 blockquote cite,
 blockquote footer {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	letter-spacing: normal;
 }
 
@@ -941,7 +941,7 @@ blockquote.alignleft, blockquote.alignright {
 }
 
 blockquote.alignleft p, blockquote.alignright p {
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	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.75614rem;
 	letter-spacing: normal;
 }
 
@@ -1012,7 +1012,7 @@ input[type=checkbox] + label {
 
 figcaption {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -1077,10 +1077,10 @@ input[type="submit"],
 	color: #FFFFFF;
 	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-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	font-size: 1rem;
 	background-color: #0073AA;
-	border-radius: 11px;
+	border-radius: 5px;
 	border-width: 0;
 	padding: 16px 16px;
 }
@@ -1153,7 +1153,7 @@ input.has-focus[type="submit"],
 
 .wp-block-code {
 	color: #1e1e1e;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	padding: 16px;
 	border-color: #CCCCCC;
 }
@@ -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.01136rem;
 	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: #0073AA;
 	color: #FFFFFF;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	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.75614rem;
 }
 
 .wp-block-gallery .blocks-gallery-image,
@@ -1421,49 +1421,49 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-weight: normal;
+	font-weight: 600;
 	clear: both;
 }
 
 h1, .h1 {
-	font-size: 2.02729rem;
+	font-size: 2.31306rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h2, .h2 {
-	font-size: 1.80203rem;
+	font-size: 2.01136rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h3, .h3 {
-	font-size: 1.60181rem;
+	font-size: 1.74901rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h4, .h4 {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h5, .h5 {
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 h6, .h6 {
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
 
 .wp-block-image figcaption {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	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.86957rem;
 	line-height: 1.6;
 	/* Vertical margins logic */
 	margin-top: 32px;
@@ -1502,11 +1502,11 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
 	color: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	line-height: 1.6;
 	margin: 0;
 }
@@ -1531,19 +1531,19 @@ img {
 
 .wp-block-latest-posts > li > a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383rem;
-	font-weight: normal;
+	font-size: 1.52087rem;
+	font-weight: 600;
 	line-height: 1.2;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	line-height: 1.6;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	line-height: 1.6;
 	margin: 0;
 }
@@ -1689,7 +1689,7 @@ p.has-background:not(.has-background-background-color) a {
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	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: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a {
@@ -1749,9 +1749,9 @@ p.has-background:not(.has-background-background-color) a {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #CCCCCC;
+	border-top-color: transparent;
 	border-top-width: 4px;
-	border-bottom-color: #CCCCCC;
+	border-bottom-color: transparent;
 	border-bottom-width: 4px;
 	color: #1e1e1e;
 	/**
@@ -1761,7 +1761,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	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: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	letter-spacing: normal;
 	display: block;
 }
@@ -1836,7 +1836,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	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: #767676;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	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.74901rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -1877,7 +1877,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.88889rem;
+	font-size: 0.86957rem;
 	letter-spacing: normal;
 }
 
@@ -1900,9 +1900,9 @@ hr.is-style-wide {
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
 	color: #CCCCCC;
-	font-size: 1.42383rem;
-	letter-spacing: 0.88889rem;
-	padding-left: 0.88889rem;
+	font-size: 1.52087rem;
+	letter-spacing: 0.86957rem;
+	padding-left: 0.86957rem;
 }
 
 .wp-block-jetpack-slideshow ul {
@@ -1950,7 +1950,7 @@ table th,
 
 .wp-block-video figcaption {
 	color: #767676;
-	font-size: 0.79012rem;
+	font-size: 0.75614rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
 	text-align: center;
@@ -2014,7 +2014,7 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: #0073AA !important;
+	color: #0d1b24 !important;
 }
 
 .has-foreground-color[class] {
@@ -2051,7 +2051,7 @@ table th,
 }
 
 .has-secondary-background-color[class] {
-	background-color: #0073AA !important;
+	background-color: #0d1b24 !important;
 	color: #FFFFFF;
 }
 
@@ -2115,7 +2115,7 @@ table th,
 
 .is-small-text,
 .has-small-font-size {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .is-regular-text,
@@ -2127,21 +2127,21 @@ table th,
 
 .is-large-text,
 .has-large-font-size {
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	line-height: 1.2;
 }
 
 .is-larger-text,
 .has-larger-font-size,
 .has-huge-font-size {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	line-height: 1.2;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: calc(2 * 2.02729rem);
-	font-weight: normal;
+	font-size: calc(2 * 2.31306rem);
+	font-weight: 600;
 	line-height: 0.66;
 	text-transform: uppercase;
 	font-style: normal;
@@ -2280,13 +2280,13 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #767676;
+	color: #000000;
 }
 
 .site-title {
 	color: #000000;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -2307,7 +2307,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 0.88889rem;
+	font-size: 0.75614rem;
 }
 
 .main-navigation {
@@ -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.75614rem;
 		height: inherit;
 		width: inherit;
 	}
@@ -2540,7 +2540,7 @@ table th,
 .site-info {
 	color: #767676;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 @media only screen and (min-width: 640px) {
@@ -2607,7 +2607,7 @@ table th,
 
 .footer-navigation .footer-menu a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	font-weight: 600;
 	padding: 16px;
 	color: currentColor;
@@ -2622,7 +2622,7 @@ table th,
 }
 
 .entry-title {
-	font-size: 1.80203rem;
+	font-size: 2.01136rem;
 	letter-spacing: normal;
 	line-height: 1.2;
 }
@@ -2632,7 +2632,7 @@ table th,
 	color: #767676;
 	clear: both;
 	float: none;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	display: block;
 }
 
@@ -2731,17 +2731,17 @@ table th,
 }
 
 .author-bio .author-title {
-	font-size: 1.60181rem;
+	font-size: 1.74901rem;
 }
 
 /* Next/Previous navigation */
 .post-navigation .meta-nav {
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 }
 
 .post-navigation .post-title {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.26562rem;
+	font-size: 1.3225rem;
 	font-weight: 600;
 }
 
@@ -2768,7 +2768,7 @@ table th,
 
 .pagination .nav-links > * {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	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.74901rem;
 	letter-spacing: normal;
 }
 
 .comment-reply-title {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 	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.75614rem;
 	line-height: 1.2;
 }
 
@@ -3051,7 +3051,7 @@ table th,
  */
 .comment-navigation a {
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-	font-size: 1.125rem;
+	font-size: 1.15rem;
 	font-weight: 600;
 }
 
@@ -3083,13 +3083,13 @@ img#wpstats {
 	background-color: #0073AA;
 	font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
 	font-weight: bold;
-	font-size: 0.88889rem;
+	font-size: 0.86957rem;
 	line-height: 1;
 	padding: calc(0.5 * 16px) calc(0.66 * 16px);
 }
 
 .page-title {
-	font-size: 1.42383rem;
+	font-size: 1.52087rem;
 }
 
 /**
@@ -3458,7 +3458,7 @@ a {
 		margin-right: -8px;
 	}
 	.site-header .main-navigation > div > ul > li > a {
-		padding: 0 16px;
+		padding: 0 8px;
 	}
 	.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
 		font-size: 0.5rem;
@@ -3512,9 +3512,48 @@ a {
  * Site Title
  */
 .site-description {
-	color: #767676;
+	color: #000000;
 }
 
 .site-title + .site-description {
 	margin-top: -16px;
 }
+
+/**
+ * Content
+ */
+.site-main > article > .entry-header {
+	margin: 48px 16px 16px;
+	position: relative;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-main > article > .entry-header {
+		margin: 96px auto 32px;
+	}
+}
+
+.entry-title {
+	font-size: 2.31306rem;
+	font-weight: 600;
+}
+
+/**
+ * Blocks
+ */
+.entry .entry-content .wp-block-media-text {
+	background: #0d1b24;
+	color: #FFFFFF;
+	position: relative;
+}
+
+.entry .entry-content .wp-block-media-text:before {
+	content: '';
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	bottom: 10px;
+	left: 10px;
+	border: 1px solid #FFFFFF;
+	z-index: 1;
+}