Rivington: More updates

rivington/functions.php

@@ -70,37 +70,37 @@ if ( ! function_exists( 'rivington_setup' ) ) :
 				array(
 					'name'  => __( 'Secondary', 'rivington' ),
 					'slug'  => 'secondary',
-					'color' => '#CAAB57',
+					'color' => '#EE4266',
 				),
 				array(
-					'name'  => __( 'Skin', 'rivington' ),
+					'name'  => __( 'Light Gray', 'rivington' ),
 					'slug'  => 'foreground-dark',
-					'color' => '#e0d4c2',
+					'color' => '#8F8F8F',
 				),
 				array(
 					'name'  => __( 'Off White', 'rivington' ),
 					'slug'  => 'foreground',
-					'color' => '#F1ECE4',
+					'color' => '#F2F2F2',
 				),
 				array(
 					'name'  => __( 'White', 'rivington' ),
 					'slug'  => 'foreground-light',
-					'color' => '#faf8f5',
+					'color' => '#FFFFFF',
 				),
 				array(
-					'name'  => __( 'Black', 'rivington' ),
+					'name'  => __( 'Dark Navy', 'rivington' ),
 					'slug'  => 'background-dark',
-					'color' => '#000000',
+					'color' => '#030713',
 				),
 				array(
-					'name'  => __( 'Dark Gray', 'rivington' ),
-					'slug'  => 'background-light',
-					'color' => '#151515',
+					'name'  => __( 'Navy', 'rivington' ),
+					'slug'  => 'background',
+					'color' => '#060f29',
 				),
 				array(
-					'name'  => __( 'Black', 'rivington' ),
-					'slug'  => 'background',
-					'color' => '#080808',
+					'name'  => __( 'Light Navy', 'rivington' ),
+					'slug'  => 'background-light',
+					'color' => '#0d1f55',
 				),
 			)
 		);

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

@@ -65,23 +65,23 @@ $config-global: (
 			"hover": darken( #CAAB57, 10% )
 		),
 		"secondary": (
-			"default": #CAAB57,
-			"hover": darken( #CAAB57, 10% )
+			"default": #EE4266,
+			"hover": darken( #EE4266, 10% )
 		),
 		"foreground": (
-			"default": #F1ECE4,
-			"light": lighten( #F1ECE4, 5% ), // must be accessible against background
-			"dark": darken( #F1ECE4, 10% ), // must be accessible against background
+			"default": #f2f2f2,
+			"light": lighten( #f2f2f2, 5% ), // must be accessible against background
+			"dark": #8F8F8F, // must be accessible against background
 		),
 		"background": (
-			"default": #080808,
-			"light": lighten( #080808, 5% ), // must be accessible against foreground-default
-			"dark": #000000, // must be accessible against foreground-default
+			"default": #060f29,
+			"light": #0d1f55, // must be accessible against foreground-default
+			"dark": #030713, // must be accessible against foreground-default
 		),
 		"border": (
-			"default": #595959,
-			"light": #727272,
-			"dark": #3f3f3f,
+			"default": #353a46,
+			"light": #4b5263,
+			"dark": #1f2229,
 		),
 		"text-selection": lighten( #CAAB57, 30% ),
 		"black": black,
@@ -133,7 +133,7 @@ $config-elements: (
 
 		// Colors
 		"color": (
-			"text": map-deep-get($config-global, "color", "foreground", "default"),
+			"text": map-deep-get($config-global, "color", "background", "default"),
 			"border": map-deep-get($config-global, "color", "border", "default"),
 			"border-focus": map-deep-get($config-global, "color", "primary", "hover"),
 		),
@@ -148,11 +148,11 @@ $config-elements: (
 
 		// Borders
 		"border": (
-			"width": 1px,
+			"width": 0,
 			"radius": 3px,
 		),
 
-		"padding": #{map-deep-get($config-global, "spacing", "unit")},
+		"padding": #{0.5 * map-deep-get($config-global, "spacing", "unit")} #{map-deep-get($config-global, "spacing", "unit")},
 	),
 );
 
@@ -172,14 +172,14 @@ $config-button: (
 		"family": map-deep-get($config-global, "font", "family", "ui"),
 		"size": map-deep-get($config-global, "font", "size", "base"),
 		"weight": 600,
-		"line-height": 1,
+		"line-height": 1.15,
 	),
 	// Borders
-	"border-radius": map-deep-get($config-global, "border-radius", "sm"),
+	"border-radius": 3px,
 	"border-width": 2px,
 	// Padding
 	"padding": (
-		"vertical": map-deep-get($config-global, "spacing", "unit"),
+		"vertical": #{0.5 * map-deep-get($config-global, "spacing", "unit")},
 		"horizontal": map-deep-get($config-global, "spacing", "unit"),
 	),
 );
@@ -298,7 +298,7 @@ $config-header: (
 			// Fonts
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "primary"),
-				"size": map-deep-get($config-global, "font", "size", "lg"),
+				"size": map-deep-get($config-global, "font", "size", "md"),
 				"weight": 600,
 				"line-height": 1,
 			),
@@ -317,8 +317,8 @@ $config-header: (
 		// Colors
 		"color": (
 			"text": map-deep-get($config-global, "color", "foreground", "default"),
-			"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"),
 		),
 		// Fonts
 		"font": (

rivington/sass/_extra-child-theme.scss

@@ -45,7 +45,7 @@ a {
 	position: relative;
 
 	@include media(mobile) {
-		padding: $spacing_unit $spacing_vertical;
+		padding: #{1.5 * $spacing_unit} $spacing_vertical;
 	}
 }
 
@@ -60,9 +60,7 @@ a {
 		grid-template-rows: auto;
 		grid-column-gap: #{map-deep-get($config-global, "spacing", "unit")};
 		grid-template-areas:
-			"site-logo site-logo"
-			"site-title main-navigation"
-			"site-description social-navigation";
+			"site-branding main-navigation";
 
 		&:before,
 		&:after {
@@ -75,25 +73,23 @@ a {
 			margin-bottom: 0;
 		}
 
+		.site-branding {
+			grid-area: site-branding;
+			align-self: center;
+		}
+
 		.site-logo {
-			grid-area: site-logo;
-			margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
+			& + .site-title {
+				margin-top: #{map-deep-get($config-global, "spacing", "unit")};
+			}
 		}
 
 		.site-title {
-			align-self: flex-end;
-			grid-area: site-title;
-
 			& + .site-description {
-				margin-top: 0;
+				margin-top: #{0.5 * $baseline-unit};
 			}
 		}
 
-		.site-description {
-			align-self: center;
-			grid-area: site-description;
-		}
-
 		.main-navigation {
 			align-self: center;
 			grid-area: main-navigation;
@@ -154,7 +150,6 @@ a {
 
 		.social-navigation {
 			align-self: center;
-			grid-area: social-navigation;
 			justify-self: flex-end;
 		}
 	}
@@ -167,7 +162,9 @@ a {
 	padding-top: 0;
 }
 
-.site-main > article > .entry-header {
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
 	margin-top: #{0.666 * $spacing_vertical};
 		@include media(mobile) {
 			margin-top: #{2 * $spacing_vertical};
@@ -240,29 +237,47 @@ a {
  * Blocks
  */
 
-.wp-block-cover {
-
+// Cover
+.wp-block-cover,
+.wp-block-cover-image {
 	h1, h2, h3, h4, h5, h6 {
 		font-weight: 700;
 	}
 
-	h6 {
-		font-size: map-deep-get($config-global, "font", "size", "lg");
-	}
-	h5 {
-		font-size: map-deep-get($config-global, "font", "size", "xl");
-	}
-	h4 {
-		font-size: map-deep-get($config-global, "font", "size", "xxl");
-	}
-	h3 {
-		font-size: map-deep-get($config-global, "font", "size", "xxxl");
-	}
-	h2 {
-		font-size: map-deep-get($config-global, "font", "size", "xxxxl");
+	@include media(desktop) {
+		min-height: #{20 * map-deep-get($config-global, "spacing", "vertical")};
+
+		h1 {
+			font-size: map-deep-get($config-global, "font", "size", "xxxxl")
+		}
+
+		h2 {
+			font-size: map-deep-get($config-global, "font", "size", "xxxl");
+		}
+
+		h3 {
+			font-size: map-deep-get($config-global, "font", "size", "xxl");
+		}
+
+		h4 {
+			font-size: map-deep-get($config-global, "font", "size", "xl");
+		}
+
+		h5 {
+			font-size: map-deep-get($config-global, "font", "size", "lg");
+		}
+
+		h6 {
+			font-size: map-deep-get($config-global, "font", "size", "md");
+		}
 	}
-	h1 {
-		font-size: ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio);
+}
+
+// Column
+.wp-block-columns.alignfull {
+	@include media(mobile) {
+		padding-right: $spacing_vertical;
+		padding-left: $spacing_vertical;
 	}
 }
 

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

@@ -35,6 +35,45 @@
 /**
  * Extras
  */
-.editor-post-title__input {
-	text-align: center;
+
+$font_size_xxxxl: map-deep-get($config-global, "font", "size", "xxxxl");
+$font_size_xxxl: map-deep-get($config-global, "font", "size", "xxxl");
+$font_size_xxl: map-deep-get($config-global, "font", "size", "xxl");
+$font_size_xl: map-deep-get($config-global, "font", "size", "xl");
+$font_size_lg: map-deep-get($config-global, "font", "size", "lg");
+$font_size_md: map-deep-get($config-global, "font", "size", "md");
+
+.wp-block-cover,
+.wp-block-cover-image {
+	h1,h2,h3,h4,h5,h6 {
+		font-weight: 700;
+	}
+
+	@include media(desktop) {
+		min-height: #{20 * map-deep-get($config-global, "spacing", "vertical")};
+
+		h1 {
+			font-size: (strip-unit( $font_size_xxxxl ) + 0em);
+		}
+
+		h2 {
+			font-size: (strip-unit( $font_size_xxxl ) + 0em);
+		}
+
+		h3 {
+			font-size: (strip-unit( $font_size_xxl ) + 0em);
+		}
+
+		h4 {
+			font-size: (strip-unit( $font_size_xl ) + 0em);
+		}
+
+		h5 {
+			font-size: (strip-unit( $font_size_lg ) + 0em);
+		}
+
+		h6 {
+			font-size: (strip-unit( $font_size_md ) + 0em);
+		}
+	}
 }

rivington/style-editor.css

@@ -160,8 +160,8 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Reset the browser
  */
 body {
-	color: #F1ECE4;
-	background-color: #080808;
+	color: #f2f2f2;
+	background-color: #060f29;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 18px;
 	font-weight: normal;
@@ -247,7 +247,7 @@ blockquote.alignright footer {
 }
 
 figcaption {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -296,18 +296,18 @@ object {
 }
 
 .wp-block-button .wp-block-button__link {
-	color: #080808;
+	color: #060f29;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1em;
-	line-height: 1;
+	line-height: 1.15;
 	background-color: #CAAB57;
-	border-radius: 4.5px;
-	padding: 16px 16px;
+	border-radius: 3px;
+	padding: 8px 16px;
 }
 
 .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
-	color: #080808;
+	color: #060f29;
 	background-color: #b59439;
 }
 
@@ -457,7 +457,7 @@ object {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 	line-height: 1.778;
 }
@@ -507,11 +507,11 @@ p.has-background:not(.has-background-background-color) a {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #595959;
+	border-top-color: #353a46;
 	border-top-width: 4px;
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	border-bottom-width: 4px;
-	color: #F1ECE4;
+	color: #f2f2f2;
 	/**
 	 * Block Options
 	 */
@@ -535,7 +535,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8em;
 	letter-spacing: normal;
 }
@@ -546,7 +546,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #CAAB57;
-	color: #080808;
+	color: #060f29;
 }
 
 .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
@@ -600,14 +600,14 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-separator,
 hr {
-	border-bottom: 2px solid #595959;
+	border-bottom: 2px solid #353a46;
 	clear: both;
 }
 
 .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
 hr[style*="text-align:right"],
 hr[style*="text-align: right"] {
-	border-right-color: #595959;
+	border-right-color: #353a46;
 }
 
 .wp-block-separator.is-style-wide,
@@ -622,7 +622,7 @@ hr.is-style-dots {
 
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
-	color: #595959;
+	color: #353a46;
 }
 
 table th,
@@ -642,7 +642,7 @@ table th,
  * - Needs a special styles
  */
 .editor-post-title__block .editor-post-title__input {
-	color: #F1ECE4;
+	color: #f2f2f2;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: 600;
 	font-size: 1.95312em;
@@ -655,31 +655,31 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: #CAAB57 !important;
+	color: #EE4266 !important;
 }
 
 .has-foreground-color[class] {
-	color: #F1ECE4 !important;
+	color: #f2f2f2 !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #faf8f5 !important;
+	color: white !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #e0d4c2 !important;
+	color: #8F8F8F !important;
 }
 
 .has-background-light-color[class] {
-	color: #151515 !important;
+	color: #0d1f55 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #000000 !important;
+	color: #030713 !important;
 }
 
 .has-background-color[class] {
-	color: #080808 !important;
+	color: #060f29 !important;
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -690,47 +690,47 @@ table th,
 
 .has-primary-background-color[class] {
 	background-color: #CAAB57 !important;
-	color: #080808;
+	color: #060f29;
 }
 
 .has-primary-background-color[class] {
 	background-color: #CAAB57 !important;
-	color: #080808;
+	color: #060f29;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #CAAB57 !important;
-	color: #080808;
+	background-color: #EE4266 !important;
+	color: #060f29;
 }
 
 .has-foreground-background-color[class] {
-	background-color: #F1ECE4 !important;
-	color: #080808;
+	background-color: #f2f2f2 !important;
+	color: #060f29;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #faf8f5 !important;
-	color: #080808;
+	background-color: white !important;
+	color: #060f29;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #e0d4c2 !important;
-	color: #080808;
+	background-color: #8F8F8F !important;
+	color: #060f29;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #151515 !important;
-	color: #F1ECE4;
+	background-color: #0d1f55 !important;
+	color: #f2f2f2;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #000000 !important;
-	color: #F1ECE4;
+	background-color: #030713 !important;
+	color: #f2f2f2;
 }
 
 .has-background-background-color[class] {
-	background-color: #080808 !important;
-	color: #F1ECE4;
+	background-color: #060f29 !important;
+	color: #f2f2f2;
 }
 
 .is-small-text,
@@ -872,6 +872,43 @@ table th,
 /**
  * Extras
  */
-.editor-post-title__input {
-	text-align: center;
+.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6,
+.wp-block-cover-image h1,
+.wp-block-cover-image h2,
+.wp-block-cover-image h3,
+.wp-block-cover-image h4,
+.wp-block-cover-image h5,
+.wp-block-cover-image h6 {
+	font-weight: 700;
+}
+
+@media only screen and (min-width: 1024px) {
+	.wp-block-cover,
+	.wp-block-cover-image {
+		min-height: 640px;
+	}
+	.wp-block-cover h1,
+	.wp-block-cover-image h1 {
+		font-size: 3.8147em;
+	}
+	.wp-block-cover h2,
+	.wp-block-cover-image h2 {
+		font-size: 3.05176em;
+	}
+	.wp-block-cover h3,
+	.wp-block-cover-image h3 {
+		font-size: 2.44141em;
+	}
+	.wp-block-cover h4,
+	.wp-block-cover-image h4 {
+		font-size: 1.95312em;
+	}
+	.wp-block-cover h5,
+	.wp-block-cover-image h5 {
+		font-size: 1.5625em;
+	}
+	.wp-block-cover h6,
+	.wp-block-cover-image h6 {
+		font-size: 1.25em;
+	}
 }

rivington/style-rtl.css

@@ -594,9 +594,9 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #F1ECE4;
+	color: #f2f2f2;
 	text-align: right;
-	background-color: #080808;
+	background-color: #060f29;
 }
 
 /**
@@ -631,12 +631,12 @@ a {
 }
 
 .screen-reader-text:focus {
-	background-color: #080808;
+	background-color: #060f29;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #F1ECE4;
+	color: #f2f2f2;
 	display: block;
 	font-size: 1.25rem;
 	font-weight: bold;
@@ -972,10 +972,10 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #F1ECE4;
-	border: 1px solid #595959;
+	color: #060f29;
+	border: 0 solid #353a46;
 	border-radius: 3px;
-	padding: 16px;
+	padding: 8px 16px;
 }
 
 input[type="text"]:focus,
@@ -994,12 +994,12 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #F1ECE4;
+	color: #060f29;
 	border-color: #b59439;
 }
 
 select {
-	border: 1px solid #595959;
+	border: 0 solid #353a46;
 }
 
 textarea {
@@ -1014,7 +1014,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1076,16 +1076,16 @@ button,
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .a8c-posts-list__view-all {
-	line-height: 1;
-	color: #080808;
+	line-height: 1.15;
+	color: #060f29;
 	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: 1rem;
 	background-color: #CAAB57;
-	border-radius: 4.5px;
+	border-radius: 3px;
 	border-width: 0;
-	padding: 16px 16px;
+	padding: 8px 16px;
 }
 
 button:before,
@@ -1108,7 +1108,7 @@ button:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .a8c-posts-list__view-all:before {
-	margin-bottom: -0.12em;
+	margin-bottom: -0.195em;
 }
 
 button:after,
@@ -1116,7 +1116,7 @@ button:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .a8c-posts-list__view-all:after {
-	margin-top: -0.11em;
+	margin-top: -0.185em;
 }
 
 button:hover,
@@ -1132,7 +1132,7 @@ input:focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
-	color: #080808;
+	color: #060f29;
 	background-color: #b59439;
 }
 
@@ -1143,7 +1143,7 @@ input.has-focus[type="submit"],
 	color: #CAAB57;
 	background: transparent;
 	border: 2px solid currentcolor;
-	padding: 14px 16px;
+	padding: 8px-2px 16px;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
@@ -1155,14 +1155,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #F1ECE4;
+	color: #f2f2f2;
 	font-size: 0.8rem;
 	padding: 16px;
-	border-color: #595959;
+	border-color: #353a46;
 }
 
 .wp-block-code pre {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .wp-block-columns {
@@ -1326,7 +1326,7 @@ input.has-focus[type="submit"],
 
 .wp-block-file .wp-block-file__button {
 	background-color: #CAAB57;
-	color: #080808;
+	color: #060f29;
 	font-size: 0.8rem;
 	margin-right: 16px;
 	margin-left: 16px;
@@ -1340,7 +1340,7 @@ input.has-focus[type="submit"],
 .wp-block-file a.wp-block-file__button:focus,
 .wp-block-file a.wp-block-file__button:hover,
 .wp-block-file a.wp-block-file__button:visited {
-	color: #080808;
+	color: #060f29;
 	opacity: .85;
 }
 
@@ -1447,7 +1447,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1497,7 +1497,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 }
 
@@ -1533,7 +1533,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	line-height: 1.778;
 }
@@ -1695,7 +1695,7 @@ p.has-background {
 }
 
 .a8c-posts-list-item__featured span {
-	color: #080808;
+	color: #060f29;
 	background-color: #CAAB57;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
@@ -1734,7 +1734,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 }
 
@@ -1759,11 +1759,11 @@ p.has-background {
 	margin-right: 0;
 	margin-left: 0;
 	text-align: center;
-	border-top-color: #595959;
+	border-top-color: #353a46;
 	border-top-width: 4px;
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	border-bottom-width: 4px;
-	color: #F1ECE4;
+	color: #f2f2f2;
 	/**
 	 * Block Options
 	 */
@@ -1783,7 +1783,7 @@ p.has-background {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 	display: block;
@@ -1803,7 +1803,7 @@ p.has-background {
 
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #CAAB57;
-	color: #080808;
+	color: #060f29;
 }
 
 .wp-block-pullquote.is-style-solid-color blockquote {
@@ -1858,7 +1858,7 @@ p.has-background {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
@@ -1890,13 +1890,13 @@ p.has-background {
 .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
 
 hr {
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	border-bottom-width: 2px;
 	clear: both;
 	margin-right: auto;
@@ -1904,19 +1904,19 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	/**
 		 * Block Options
 		 */
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	border-bottom-width: 2px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #595959;
+	color: #353a46;
 	font-size: 1.95312rem;
 	letter-spacing: 0.8rem;
 	padding-right: 0.8rem;
@@ -1940,7 +1940,7 @@ hr.wp-block-separator.is-style-dots:before {
 }
 
 .jetpack_subscription_widget input[type="text"] {
-	padding: 16px !important;
+	padding: 8px 16px !important;
 	width: 100% !important;
 }
 
@@ -1966,7 +1966,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2053,31 +2053,31 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: #CAAB57 !important;
+	color: #EE4266 !important;
 }
 
 .has-foreground-color[class] {
-	color: #F1ECE4 !important;
+	color: #f2f2f2 !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #faf8f5 !important;
+	color: white !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #e0d4c2 !important;
+	color: #8F8F8F !important;
 }
 
 .has-background-light-color[class] {
-	color: #151515 !important;
+	color: #0d1f55 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #000000 !important;
+	color: #030713 !important;
 }
 
 .has-background-color[class] {
-	color: #080808 !important;
+	color: #060f29 !important;
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -2088,42 +2088,42 @@ table th,
 
 .has-primary-background-color[class] {
 	background-color: #CAAB57 !important;
-	color: #080808;
+	color: #060f29;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #CAAB57 !important;
-	color: #080808;
+	background-color: #EE4266 !important;
+	color: #060f29;
 }
 
 .has-foreground-background-color[class] {
-	background-color: #F1ECE4 !important;
-	color: #080808;
+	background-color: #f2f2f2 !important;
+	color: #060f29;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #faf8f5 !important;
-	color: #080808;
+	background-color: white !important;
+	color: #060f29;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #e0d4c2 !important;
-	color: #080808;
+	background-color: #8F8F8F !important;
+	color: #060f29;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #151515 !important;
-	color: #F1ECE4;
+	background-color: #0d1f55 !important;
+	color: #f2f2f2;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #000000 !important;
-	color: #F1ECE4;
+	background-color: #030713 !important;
+	color: #f2f2f2;
 }
 
 .has-background-background-color[class] {
-	background-color: #080808 !important;
-	color: #F1ECE4;
+	background-color: #060f29 !important;
+	color: #f2f2f2;
 }
 
 .is-small-text,
@@ -2293,13 +2293,13 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .site-title {
-	color: #F1ECE4;
+	color: #f2f2f2;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.25rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -2324,7 +2324,7 @@ table th,
 }
 
 .main-navigation {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .main-navigation > div {
@@ -2341,7 +2341,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #b59439;
+	background-color: #CAAB57;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2452,7 +2452,7 @@ table th,
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div > ul > li > .sub-menu {
-		background: #080808;
+		background: #060f29;
 		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
 		right: 0;
 		top: 100%;
@@ -2469,7 +2469,7 @@ table th,
 }
 
 .main-navigation a {
-	color: #CAAB57;
+	color: #f2f2f2;
 	display: block;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
@@ -2484,11 +2484,11 @@ table th,
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #CAAB57;
+	color: #f2f2f2;
 }
 
 .main-navigation a:hover {
-	color: #b59439;
+	color: #CAAB57;
 }
 
 .main-navigation .sub-menu {
@@ -2546,7 +2546,7 @@ table th,
 }
 
 .social-navigation a {
-	color: #F1ECE4;
+	color: #f2f2f2;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
@@ -2574,7 +2574,7 @@ table th,
 }
 
 .site-info {
-	color: #faf8f5;
+	color: white;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.8rem;
 }
@@ -2623,7 +2623,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #faf8f5;
+	color: white;
 	margin: 0;
 	padding-right: 0;
 }
@@ -2672,7 +2672,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #faf8f5;
+	color: white;
 	clear: both;
 	float: none;
 	font-size: 0.8rem;
@@ -2881,13 +2881,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #595959;
+	border-bottom: 1px solid #353a46;
 	margin-right: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #595959;
+	border-top: 1px solid #353a46;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2898,7 +2898,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #595959;
+	border-top: 1px solid #353a46;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2945,7 +2945,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .comment-meta .comment-metadata a {
@@ -3122,7 +3122,7 @@ img#wpstats {
  * - Page specific styles
  */
 .sticky-post {
-	color: #080808;
+	color: #060f29;
 	background-color: #CAAB57;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
@@ -3448,7 +3448,7 @@ p:not(.site-title) a:hover {
 
 @media only screen and (min-width: 560px) {
 	.site-header {
-		padding: 16px 32px;
+		padding: 24px 32px;
 	}
 }
 
@@ -3462,7 +3462,7 @@ p:not(.site-title) a:hover {
 		grid-template-columns: auto;
 		grid-template-rows: auto;
 		grid-column-gap: 16px;
-		grid-template-areas: "site-logo site-logo" "site-title main-navigation" "site-description social-navigation";
+		grid-template-areas: "site-branding main-navigation";
 	}
 	.site-header:before, .site-header:after {
 		content: none;
@@ -3472,20 +3472,15 @@ p:not(.site-title) a:hover {
 		margin-top: 0;
 		margin-bottom: 0;
 	}
-	.site-header .site-logo {
-		grid-area: site-logo;
-		margin-bottom: 16px;
+	.site-header .site-branding {
+		grid-area: site-branding;
+		align-self: center;
 	}
-	.site-header .site-title {
-		align-self: flex-end;
-		grid-area: site-title;
+	.site-header .site-logo + .site-title {
+		margin-top: 16px;
 	}
 	.site-header .site-title + .site-description {
-		margin-top: 0;
-	}
-	.site-header .site-description {
-		align-self: center;
-		grid-area: site-description;
+		margin-top: 4px;
 	}
 	.site-header .main-navigation {
 		align-self: center;
@@ -3529,7 +3524,7 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li.focus li > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
 		background: #CAAB57;
-		color: #080808;
+		color: #060f29;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:hover > a,
 	.site-header .main-navigation > div > ul > li:hover li.focus > a,
@@ -3544,7 +3539,6 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .social-navigation {
 		align-self: center;
-		grid-area: social-navigation;
 		justify-self: flex-end;
 	}
 }
@@ -3556,12 +3550,16 @@ p:not(.site-title) a:hover {
 	padding-top: 0;
 }
 
-.site-main > article > .entry-header {
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
 	margin-top: 21.312px;
 }
 
 @media only screen and (min-width: 560px) {
-	.site-main > article > .entry-header {
+	.site-main > article > .entry-header,
+	.site-main > .page-header,
+	.site-main > .not-found > .page-header {
 		margin-top: 64px;
 	}
 }
@@ -3595,7 +3593,7 @@ p:not(.site-title) a:hover {
  * Next/Previous navigation
  */
 .post-navigation .meta-nav {
-	color: #faf8f5;
+	color: white;
 }
 
 .post-navigation .post-title {
@@ -3617,7 +3615,7 @@ p:not(.site-title) a:hover {
 }
 
 .comment-notes {
-	color: #faf8f5;
+	color: white;
 }
 
 .comment-form > p:not(.comment-form-cookies-consent) label {
@@ -3627,32 +3625,52 @@ p:not(.site-title) a:hover {
 /**
  * Blocks
  */
-.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6 {
+.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6,
+.wp-block-cover-image h1,
+.wp-block-cover-image h2,
+.wp-block-cover-image h3,
+.wp-block-cover-image h4,
+.wp-block-cover-image h5,
+.wp-block-cover-image h6 {
 	font-weight: 700;
 }
 
-.wp-block-cover h6 {
-	font-size: 1.5625rem;
-}
-
-.wp-block-cover h5 {
-	font-size: 1.95312rem;
-}
-
-.wp-block-cover h4 {
-	font-size: 2.44141rem;
-}
-
-.wp-block-cover h3 {
-	font-size: 3.05176rem;
-}
-
-.wp-block-cover h2 {
-	font-size: 3.8147rem;
+@media only screen and (min-width: 1024px) {
+	.wp-block-cover,
+	.wp-block-cover-image {
+		min-height: 640px;
+	}
+	.wp-block-cover h1,
+	.wp-block-cover-image h1 {
+		font-size: 3.8147rem;
+	}
+	.wp-block-cover h2,
+	.wp-block-cover-image h2 {
+		font-size: 3.05176rem;
+	}
+	.wp-block-cover h3,
+	.wp-block-cover-image h3 {
+		font-size: 2.44141rem;
+	}
+	.wp-block-cover h4,
+	.wp-block-cover-image h4 {
+		font-size: 1.95312rem;
+	}
+	.wp-block-cover h5,
+	.wp-block-cover-image h5 {
+		font-size: 1.5625rem;
+	}
+	.wp-block-cover h6,
+	.wp-block-cover-image h6 {
+		font-size: 1.25rem;
+	}
 }
 
-.wp-block-cover h1 {
-	font-size: 3.8147rem;
+@media only screen and (min-width: 560px) {
+	.wp-block-columns.alignfull {
+		padding-left: 32px;
+		padding-right: 32px;
+	}
 }
 
 /**
@@ -3688,7 +3706,7 @@ p:not(.site-title) a:hover {
 .widget_recent_comments ul li,
 .widget_recent_entries ul li,
 .widget_rss ul li {
-	color: #faf8f5;
+	color: white;
 	font-weight: 600;
 }
 

rivington/style.css

@@ -594,9 +594,9 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #F1ECE4;
+	color: #f2f2f2;
 	text-align: left;
-	background-color: #080808;
+	background-color: #060f29;
 }
 
 /**
@@ -631,12 +631,12 @@ a {
 }
 
 .screen-reader-text:focus {
-	background-color: #080808;
+	background-color: #060f29;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #F1ECE4;
+	color: #f2f2f2;
 	display: block;
 	font-size: 1.25rem;
 	font-weight: bold;
@@ -972,10 +972,10 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #F1ECE4;
-	border: 1px solid #595959;
+	color: #060f29;
+	border: 0 solid #353a46;
 	border-radius: 3px;
-	padding: 16px;
+	padding: 8px 16px;
 }
 
 input[type="text"]:focus,
@@ -994,12 +994,12 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #F1ECE4;
+	color: #060f29;
 	border-color: #b59439;
 }
 
 select {
-	border: 1px solid #595959;
+	border: 0 solid #353a46;
 }
 
 textarea {
@@ -1014,7 +1014,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1076,16 +1076,16 @@ button,
 input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .a8c-posts-list__view-all {
-	line-height: 1;
-	color: #080808;
+	line-height: 1.15;
+	color: #060f29;
 	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: 1rem;
 	background-color: #CAAB57;
-	border-radius: 4.5px;
+	border-radius: 3px;
 	border-width: 0;
-	padding: 16px 16px;
+	padding: 8px 16px;
 }
 
 button:before,
@@ -1108,7 +1108,7 @@ button:before,
 input[type="submit"]:before,
 .wp-block-button__link:before,
 .wp-block-file__button:before, .a8c-posts-list__view-all:before {
-	margin-bottom: -0.12em;
+	margin-bottom: -0.195em;
 }
 
 button:after,
@@ -1116,7 +1116,7 @@ button:after,
 input[type="submit"]:after,
 .wp-block-button__link:after,
 .wp-block-file__button:after, .a8c-posts-list__view-all:after {
-	margin-top: -0.11em;
+	margin-top: -0.185em;
 }
 
 button:hover,
@@ -1132,7 +1132,7 @@ input:focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
-	color: #080808;
+	color: #060f29;
 	background-color: #b59439;
 }
 
@@ -1143,7 +1143,7 @@ input.has-focus[type="submit"],
 	color: #CAAB57;
 	background: transparent;
 	border: 2px solid currentcolor;
-	padding: 14px 16px;
+	padding: 8px-2px 16px;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
@@ -1155,14 +1155,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #F1ECE4;
+	color: #f2f2f2;
 	font-size: 0.8rem;
 	padding: 16px;
-	border-color: #595959;
+	border-color: #353a46;
 }
 
 .wp-block-code pre {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .wp-block-columns {
@@ -1326,7 +1326,7 @@ input.has-focus[type="submit"],
 
 .wp-block-file .wp-block-file__button {
 	background-color: #CAAB57;
-	color: #080808;
+	color: #060f29;
 	font-size: 0.8rem;
 	margin-left: 16px;
 	margin-right: 16px;
@@ -1340,7 +1340,7 @@ input.has-focus[type="submit"],
 .wp-block-file a.wp-block-file__button:focus,
 .wp-block-file a.wp-block-file__button:hover,
 .wp-block-file a.wp-block-file__button:visited {
-	color: #080808;
+	color: #060f29;
 	opacity: .85;
 }
 
@@ -1447,7 +1447,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1497,7 +1497,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 }
 
@@ -1533,7 +1533,7 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	line-height: 1.778;
 }
@@ -1695,7 +1695,7 @@ p.has-background {
 }
 
 .a8c-posts-list-item__featured span {
-	color: #080808;
+	color: #060f29;
 	background-color: #CAAB57;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
@@ -1734,7 +1734,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 }
 
@@ -1759,11 +1759,11 @@ p.has-background {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #595959;
+	border-top-color: #353a46;
 	border-top-width: 4px;
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	border-bottom-width: 4px;
-	color: #F1ECE4;
+	color: #f2f2f2;
 	/**
 	 * Block Options
 	 */
@@ -1783,7 +1783,7 @@ p.has-background {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 	display: block;
@@ -1803,7 +1803,7 @@ p.has-background {
 
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #CAAB57;
-	color: #080808;
+	color: #060f29;
 }
 
 .wp-block-pullquote.is-style-solid-color blockquote {
@@ -1858,7 +1858,7 @@ p.has-background {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
@@ -1890,13 +1890,13 @@ p.has-background {
 .wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-large footer {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
 
 hr {
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	border-bottom-width: 2px;
 	clear: both;
 	margin-left: auto;
@@ -1904,19 +1904,19 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	/**
 		 * Block Options
 		 */
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #595959;
+	border-bottom-color: #353a46;
 	border-bottom-width: 2px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #595959;
+	color: #353a46;
 	font-size: 1.95312rem;
 	letter-spacing: 0.8rem;
 	padding-left: 0.8rem;
@@ -1940,7 +1940,7 @@ hr.wp-block-separator.is-style-dots:before {
 }
 
 .jetpack_subscription_widget input[type="text"] {
-	padding: 16px !important;
+	padding: 8px 16px !important;
 	width: 100% !important;
 }
 
@@ -1966,7 +1966,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #faf8f5;
+	color: white;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2058,31 +2058,31 @@ table th,
 }
 
 .has-secondary-color[class] {
-	color: #CAAB57 !important;
+	color: #EE4266 !important;
 }
 
 .has-foreground-color[class] {
-	color: #F1ECE4 !important;
+	color: #f2f2f2 !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #faf8f5 !important;
+	color: white !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #e0d4c2 !important;
+	color: #8F8F8F !important;
 }
 
 .has-background-light-color[class] {
-	color: #151515 !important;
+	color: #0d1f55 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #000000 !important;
+	color: #030713 !important;
 }
 
 .has-background-color[class] {
-	color: #080808 !important;
+	color: #060f29 !important;
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -2093,42 +2093,42 @@ table th,
 
 .has-primary-background-color[class] {
 	background-color: #CAAB57 !important;
-	color: #080808;
+	color: #060f29;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #CAAB57 !important;
-	color: #080808;
+	background-color: #EE4266 !important;
+	color: #060f29;
 }
 
 .has-foreground-background-color[class] {
-	background-color: #F1ECE4 !important;
-	color: #080808;
+	background-color: #f2f2f2 !important;
+	color: #060f29;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #faf8f5 !important;
-	color: #080808;
+	background-color: white !important;
+	color: #060f29;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #e0d4c2 !important;
-	color: #080808;
+	background-color: #8F8F8F !important;
+	color: #060f29;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #151515 !important;
-	color: #F1ECE4;
+	background-color: #0d1f55 !important;
+	color: #f2f2f2;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #000000 !important;
-	color: #F1ECE4;
+	background-color: #030713 !important;
+	color: #f2f2f2;
 }
 
 .has-background-background-color[class] {
-	background-color: #080808 !important;
-	color: #F1ECE4;
+	background-color: #060f29 !important;
+	color: #f2f2f2;
 }
 
 .is-small-text,
@@ -2298,13 +2298,13 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .site-title {
-	color: #F1ECE4;
+	color: #f2f2f2;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.5625rem;
+	font-size: 1.25rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -2329,7 +2329,7 @@ table th,
 }
 
 .main-navigation {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .main-navigation > div {
@@ -2346,7 +2346,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #b59439;
+	background-color: #CAAB57;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2457,7 +2457,7 @@ table th,
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div > ul > li > .sub-menu {
-		background: #080808;
+		background: #060f29;
 		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
 		left: 0;
 		top: 100%;
@@ -2474,7 +2474,7 @@ table th,
 }
 
 .main-navigation a {
-	color: #CAAB57;
+	color: #f2f2f2;
 	display: block;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
@@ -2489,11 +2489,11 @@ table th,
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #CAAB57;
+	color: #f2f2f2;
 }
 
 .main-navigation a:hover {
-	color: #b59439;
+	color: #CAAB57;
 }
 
 .main-navigation .sub-menu {
@@ -2551,7 +2551,7 @@ table th,
 }
 
 .social-navigation a {
-	color: #F1ECE4;
+	color: #f2f2f2;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
@@ -2579,7 +2579,7 @@ table th,
 }
 
 .site-info {
-	color: #faf8f5;
+	color: white;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.8rem;
 }
@@ -2628,7 +2628,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #faf8f5;
+	color: white;
 	margin: 0;
 	padding-left: 0;
 }
@@ -2677,7 +2677,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #faf8f5;
+	color: white;
 	clear: both;
 	float: none;
 	font-size: 0.8rem;
@@ -2886,13 +2886,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #595959;
+	border-bottom: 1px solid #353a46;
 	margin-left: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #595959;
+	border-top: 1px solid #353a46;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2903,7 +2903,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #595959;
+	border-top: 1px solid #353a46;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2950,7 +2950,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #F1ECE4;
+	color: #f2f2f2;
 }
 
 .comment-meta .comment-metadata a {
@@ -3127,7 +3127,7 @@ img#wpstats {
  * - Page specific styles
  */
 .sticky-post {
-	color: #080808;
+	color: #060f29;
 	background-color: #CAAB57;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-weight: bold;
@@ -3465,7 +3465,7 @@ p:not(.site-title) a:hover {
 
 @media only screen and (min-width: 560px) {
 	.site-header {
-		padding: 16px 32px;
+		padding: 24px 32px;
 	}
 }
 
@@ -3479,7 +3479,7 @@ p:not(.site-title) a:hover {
 		grid-template-columns: auto;
 		grid-template-rows: auto;
 		grid-column-gap: 16px;
-		grid-template-areas: "site-logo site-logo" "site-title main-navigation" "site-description social-navigation";
+		grid-template-areas: "site-branding main-navigation";
 	}
 	.site-header:before, .site-header:after {
 		content: none;
@@ -3489,20 +3489,15 @@ p:not(.site-title) a:hover {
 		margin-top: 0;
 		margin-bottom: 0;
 	}
-	.site-header .site-logo {
-		grid-area: site-logo;
-		margin-bottom: 16px;
+	.site-header .site-branding {
+		grid-area: site-branding;
+		align-self: center;
 	}
-	.site-header .site-title {
-		align-self: flex-end;
-		grid-area: site-title;
+	.site-header .site-logo + .site-title {
+		margin-top: 16px;
 	}
 	.site-header .site-title + .site-description {
-		margin-top: 0;
-	}
-	.site-header .site-description {
-		align-self: center;
-		grid-area: site-description;
+		margin-top: 4px;
 	}
 	.site-header .main-navigation {
 		align-self: center;
@@ -3546,7 +3541,7 @@ p:not(.site-title) a:hover {
 	.site-header .main-navigation > div > ul > li.focus li > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
 		background: #CAAB57;
-		color: #080808;
+		color: #060f29;
 	}
 	.site-header .main-navigation > div > ul > li:hover li:hover > a,
 	.site-header .main-navigation > div > ul > li:hover li.focus > a,
@@ -3561,7 +3556,6 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .social-navigation {
 		align-self: center;
-		grid-area: social-navigation;
 		justify-self: flex-end;
 	}
 }
@@ -3573,12 +3567,16 @@ p:not(.site-title) a:hover {
 	padding-top: 0;
 }
 
-.site-main > article > .entry-header {
+.site-main > article > .entry-header,
+.site-main > .page-header,
+.site-main > .not-found > .page-header {
 	margin-top: 21.312px;
 }
 
 @media only screen and (min-width: 560px) {
-	.site-main > article > .entry-header {
+	.site-main > article > .entry-header,
+	.site-main > .page-header,
+	.site-main > .not-found > .page-header {
 		margin-top: 64px;
 	}
 }
@@ -3612,7 +3610,7 @@ p:not(.site-title) a:hover {
  * Next/Previous navigation
  */
 .post-navigation .meta-nav {
-	color: #faf8f5;
+	color: white;
 }
 
 .post-navigation .post-title {
@@ -3634,7 +3632,7 @@ p:not(.site-title) a:hover {
 }
 
 .comment-notes {
-	color: #faf8f5;
+	color: white;
 }
 
 .comment-form > p:not(.comment-form-cookies-consent) label {
@@ -3644,32 +3642,52 @@ p:not(.site-title) a:hover {
 /**
  * Blocks
  */
-.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6 {
+.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6,
+.wp-block-cover-image h1,
+.wp-block-cover-image h2,
+.wp-block-cover-image h3,
+.wp-block-cover-image h4,
+.wp-block-cover-image h5,
+.wp-block-cover-image h6 {
 	font-weight: 700;
 }
 
-.wp-block-cover h6 {
-	font-size: 1.5625rem;
-}
-
-.wp-block-cover h5 {
-	font-size: 1.95312rem;
-}
-
-.wp-block-cover h4 {
-	font-size: 2.44141rem;
-}
-
-.wp-block-cover h3 {
-	font-size: 3.05176rem;
-}
-
-.wp-block-cover h2 {
-	font-size: 3.8147rem;
+@media only screen and (min-width: 1024px) {
+	.wp-block-cover,
+	.wp-block-cover-image {
+		min-height: 640px;
+	}
+	.wp-block-cover h1,
+	.wp-block-cover-image h1 {
+		font-size: 3.8147rem;
+	}
+	.wp-block-cover h2,
+	.wp-block-cover-image h2 {
+		font-size: 3.05176rem;
+	}
+	.wp-block-cover h3,
+	.wp-block-cover-image h3 {
+		font-size: 2.44141rem;
+	}
+	.wp-block-cover h4,
+	.wp-block-cover-image h4 {
+		font-size: 1.95312rem;
+	}
+	.wp-block-cover h5,
+	.wp-block-cover-image h5 {
+		font-size: 1.5625rem;
+	}
+	.wp-block-cover h6,
+	.wp-block-cover-image h6 {
+		font-size: 1.25rem;
+	}
 }
 
-.wp-block-cover h1 {
-	font-size: 3.8147rem;
+@media only screen and (min-width: 560px) {
+	.wp-block-columns.alignfull {
+		padding-right: 32px;
+		padding-left: 32px;
+	}
 }
 
 /**
@@ -3705,7 +3723,7 @@ p:not(.site-title) a:hover {
 .widget_recent_comments ul li,
 .widget_recent_entries ul li,
 .widget_rss ul li {
-	color: #faf8f5;
+	color: white;
 	font-weight: 600;
 }
 

rivington/template-parts/header/site-branding.php

@@ -1,31 +0,0 @@
-<?php
-/**
- * Displays header site branding
- *
- * @package WordPress
- * @subpackage Varia
- * @since 1.0.0
- */
-?>
-
-<?php if ( has_custom_logo() ) : ?>
-	<div class="site-logo"><?php the_custom_logo(); ?></div>
-<?php endif; ?>
-
-<?php $blog_info = get_bloginfo( 'name' ); ?>
-<?php if ( ! empty( $blog_info ) ) : ?>
-	<?php if ( is_front_page() && is_home() ) : ?>
-		<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
-	<?php else : ?>
-		<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
-	<?php endif; ?>
-<?php endif; ?>
-
-<?php
-$description = get_bloginfo( 'description', 'display' );
-if ( $description || is_customize_preview() ) :
-	?>
-		<p class="site-description">
-			<?php echo $description; ?>
-		</p>
-<?php endif; ?>