Rivington: several updates

rivington/functions.php

@@ -22,6 +22,11 @@ if ( ! function_exists( 'rivington_setup' ) ) :
 		// Add child theme editor styles, compiled from `style-child-theme-editor.scss`.
 		add_editor_style( 'style-editor.css' );
 
+		// Dark backgrounds
+		// - See: https://developer.wordpress.org/block-editor/developers/themes/theme-support/#dark-backgrounds
+		add_theme_support( 'editor-styles' );
+		add_theme_support( 'dark-editor-style' );
+
 		// Add child theme editor font sizes to match Sass-map variables in `_config-child-theme-deep.scss`.
 		add_theme_support(
 			'editor-font-sizes',
@@ -29,25 +34,25 @@ if ( ! function_exists( 'rivington_setup' ) ) :
 				array(
 					'name'      => __( 'Small', 'rivington' ),
 					'shortName' => __( 'S', 'rivington' ),
-					'size'      => 19.5,
+					'size'      => 14.4,
 					'slug'      => 'small',
 				),
 				array(
 					'name'      => __( 'Normal', 'rivington' ),
 					'shortName' => __( 'M', 'rivington' ),
-					'size'      => 22,
+					'size'      => 18,
 					'slug'      => 'normal',
 				),
 				array(
 					'name'      => __( 'Large', 'rivington' ),
 					'shortName' => __( 'L', 'rivington' ),
-					'size'      => 36.5,
+					'size'      => 28.12,
 					'slug'      => 'large',
 				),
 				array(
 					'name'      => __( 'Huge', 'rivington' ),
 					'shortName' => __( 'XL', 'rivington' ),
-					'size'      => 49.5,
+					'size'      => 35.15,
 					'slug'      => 'huge',
 				),
 			)
@@ -60,42 +65,42 @@ if ( ! function_exists( 'rivington_setup' ) ) :
 				array(
 					'name'  => __( 'Primary', 'rivington' ),
 					'slug'  => 'primary',
-					'color' => '#0000FF',
+					'color' => '#CAAB57',
 				),
 				array(
 					'name'  => __( 'Secondary', 'rivington' ),
 					'slug'  => 'secondary',
-					'color' => '#FF0000',
+					'color' => '#CAAB57',
 				),
 				array(
-					'name'  => __( 'Dark Gray', 'rivington' ),
+					'name'  => __( 'Skin', 'rivington' ),
 					'slug'  => 'foreground-dark',
-					'color' => '#111111',
+					'color' => '#e0d4c2',
 				),
 				array(
-					'name'  => __( 'Gray', 'rivington' ),
+					'name'  => __( 'Off White', 'rivington' ),
 					'slug'  => 'foreground',
-					'color' => '#444444',
+					'color' => '#F1ECE4',
 				),
 				array(
-					'name'  => __( 'Light Gray', 'rivington' ),
+					'name'  => __( 'White', 'rivington' ),
 					'slug'  => 'foreground-light',
-					'color' => '#767676',
+					'color' => '#faf8f5',
 				),
 				array(
-					'name'  => __( 'Lighter Gray', 'rivington' ),
+					'name'  => __( 'Black', 'rivington' ),
 					'slug'  => 'background-dark',
-					'color' => '#DDDDDD',
+					'color' => '#000000',
 				),
 				array(
-					'name'  => __( 'Subtle Gray', 'rivington' ),
+					'name'  => __( 'Dark Gray', 'rivington' ),
 					'slug'  => 'background-light',
-					'color' => '#FAFAFA',
+					'color' => '#151515',
 				),
 				array(
-					'name'  => __( 'White', 'rivington' ),
+					'name'  => __( 'Black', 'rivington' ),
 					'slug'  => 'background',
-					'color' => '#FFFFFF',
+					'color' => '#080808',
 				),
 			)
 		);

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

@@ -53,7 +53,7 @@ $config-global: (
 		/* Line Height */
 		"line-height": (
 			"base": strip-unit($typescale-base),
-			"body": 1.6,
+			"body": 1.778,
 			"heading": 1.125,
 		),
 	),
@@ -62,26 +62,26 @@ $config-global: (
 	"color": (
 		"primary": (
 			"default": #CAAB57,
-			"hover": #B59439,
+			"hover": darken( #CAAB57, 10% )
 		),
 		"secondary": (
 			"default": #CAAB57,
-			"hover": #B59439,
+			"hover": darken( #CAAB57, 10% )
 		),
 		"foreground": (
-			"default": #FFFFFF,
-			"light": darken( #FFFFFF, 20% ), // must be accessible against background
-			"dark": #111111, // must be accessible against background
+			"default": #F1ECE4,
+			"light": lighten( #F1ECE4, 5% ), // must be accessible against background
+			"dark": darken( #F1ECE4, 10% ), // must be accessible against background
 		),
 		"background": (
 			"default": #080808,
-			"light": #FAFAFA, // must be accessible against foreground-default
-			"dark": #DDDDDD, // must be accessible against foreground-default
+			"light": lighten( #080808, 5% ), // must be accessible against foreground-default
+			"dark": #000000, // must be accessible against foreground-default
 		),
 		"border": (
-			"default": #DDDDDD,
-			"light": #FAFAFA,
-			"dark": #AAAAAA,
+			"default": #595959,
+			"light": #727272,
+			"dark": #3f3f3f,
 		),
 		"text-selection": lighten( #CAAB57, 30% ),
 		"black": black,
@@ -117,8 +117,8 @@ $config-global: (
 
 	/* Border radius */
 	"border-radius": (
-		"sm": (0.5 * $typescale-root),
-		"md": (0.75 * $typescale-root),
+		"sm": (0.25 * $typescale-root),
+		"md": (0.5 * $typescale-root),
 		"lg": $typescale-root,
 		"pill": (10 * $typescale-root),
 	),
@@ -142,7 +142,7 @@ $config-elements: (
 		"font": (
 			"family": map-deep-get($config-global, "font", "family", "secondary"),
 			"line-height": map-deep-get($config-global, "font", "line-height", "md"),
-			"size": map-deep-get($config-global, "font", "size", "md"),
+			"size": map-deep-get($config-global, "font", "size", "base"),
 			"weight": bold,
 		),
 
@@ -170,7 +170,7 @@ $config-button: (
 	// Fonts
 	"font": (
 		"family": map-deep-get($config-global, "font", "family", "ui"),
-		"size": map-deep-get($config-global, "font", "size", "md"),
+		"size": map-deep-get($config-global, "font", "size", "base"),
 		"weight": 600,
 		"line-height": 1,
 	),
@@ -308,7 +308,7 @@ $config-header: (
 			// Fonts
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "secondary"),
-				"size": map-deep-get($config-global, "font", "size", "xs"),
+				"size": map-deep-get($config-global, "font", "size", "sm"),
 			),
 		),
 	),

rivington/sass/_extra-child-theme.scss

@@ -17,20 +17,31 @@ $spacing_unit: map-deep-get($config-global, "spacing", "unit");
  */
 a {
 	text-decoration: none;
+
+	.wp-block-cover &,
+	.wp-block-cover-image &,
+	.wp-block-media-text &,
+	p:not(.site-title) & {
+		text-decoration: underline;
+
+		&.wp-block-button__link,
+		&:hover {
+			text-decoration: none;
+		}
+	}
 }
 
 /**
  * Header
  */
-#masthead {
+.site-header {
 	max-width: 100%;
 	padding-left: $spacing_unit;
 	padding-right: $spacing_unit;
 	position: relative;
 
 	@include media(mobile) {
-		padding-left: $spacing_vertical;
-		padding-right: $spacing_vertical;
+		padding: $spacing_unit $spacing_vertical;
 	}
 }
 
@@ -145,39 +156,80 @@ a {
 	}
 }
 
+/**
+ * Main
+ */
+#main {
+	padding-top: 0;
+}
+
+.site-main > article > .entry-header {
+	margin-top: #{0.666 * $spacing_vertical};
+		@include media(mobile) {
+			margin-top: #{2 * $spacing_vertical};
+		}
+}
+
 /**
  * Content
  */
 
-.entry .entry-title a {
+// Entry Title Link
+.entry-title,
+.page-title,
+.a8c-posts-list .a8c-posts-list-item__title {
+	a {
+		color: inherit;
+		text-decoration: none;
+
+		&:active,
+		&:focus,
+		&:hover {
+			color: map-deep-get($config-global, "color", "primary", "default");
+		}
+	}
+}
 
-	color: $color_foreground;
+// Sticky tag
+.sticky-post,
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	padding: #{0.5 * $baseline-unit} #{0.66 * $spacing_unit};
+}
 
-	&:hover,
-	&:active {
-		color: $color_foreground_light;
+/**
+ * Next/Previous navigation
+ */
+// Singular navigation
+.post-navigation {
+	.meta-nav {
+		color: map-deep-get($config-global, "color", "foreground", "light");
+	}
+
+	.post-title {
+		font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
+		line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
 	}
 }
 
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
+/**
+ * Comments
+ */
+.logged-in-as,
+.comment-notes,
+.comment-form-cookies-consent {
+	font-size: map-deep-get($config-global, "font", "size", "sm");
 }
 
-.comment-reply-title {
-	display: inherit;
+.comment-form-cookies-consent input[type=checkbox] + label {
+	line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
 }
 
-.comment .comment-reply-title {
-	display: flex;
+.comment-notes {
+	color: map-deep-get($config-global, "color", "foreground", "light");
 }
 
-.pagination .nav-links {
-	justify-content: center;
+.comment-form > p:not(.comment-form-cookies-consent) label {
+	font-weight: 600;
 }
 
 /**
@@ -209,3 +261,103 @@ a {
 		font-size: ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio);
 	}
 }
+
+/**
+ * Widgets
+ */
+.widget {
+	select {
+		max-width: 100%;
+	}
+}
+
+.widget-title {
+	font-size: #{map-deep-get($config-heading, "font", "size", "h3")};
+	margin-bottom: #{0.5 * $spacing_vertical};
+}
+
+.widget_archive,
+.widget_categories,
+.widget_meta,
+.widget_nav_menu,
+.widget_pages,
+.widget_recent_comments,
+.widget_recent_entries,
+.widget_rss {
+
+	ul {
+		margin-left: 0;
+		margin-right: 0;
+		list-style: none;
+
+		li {
+			color: map-deep-get($config-global, "color", "foreground", "light");
+			font-weight: 600;
+		}
+
+		ul {
+			counter-reset: submenu;
+		}
+
+		ul > li > a::before {
+			font-weight: normal;
+			content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+			counter-increment: submenu
+		}
+	}
+}
+
+.widget_tag_cloud {
+	.tagcloud {
+		font-weight: 600;
+	}
+}
+
+.widget_search {
+	.search-field {
+		width: 100%;
+
+		@include media(mobile) {
+			width: auto;
+		}
+	}
+
+	.search-submit {
+		display: block;
+		margin-top: $typescale-base;
+	}
+}
+
+.widget_calendar .calendar_wrap {
+	text-align: center;
+
+	table td,
+	table th {
+		border: none;
+	}
+
+	a {
+		text-decoration: underline;
+	}
+}
+
+.widget_links li,
+.widget_jp_blogs_i_follow li,
+.widget_rss_links li {
+	font-family: inherit;
+}
+
+/**
+ * Footer Navigation
+ */
+.footer-navigation {
+	.footer-menu {
+		a {
+			padding: 0 #{0.5 * $spacing_unit};
+		}
+
+		> li:last-of-type {
+			margin-right: -#{0.5 * $spacing_unit};
+		}
+	}
+}

rivington/style-editor.css

@@ -160,12 +160,12 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Reset the browser
  */
 body {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	background-color: #080808;
 	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;
-	line-height: 1.6;
+	line-height: 1.778;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 }
@@ -176,7 +176,7 @@ body {
 
 p {
 	font-size: 1em;
-	line-height: 1.6;
+	line-height: 1.778;
 }
 
 a {
@@ -184,7 +184,7 @@ a {
 }
 
 a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 button,
@@ -247,7 +247,7 @@ blockquote.alignright footer {
 }
 
 figcaption {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -299,16 +299,16 @@ object {
 	color: #080808;
 	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.25em;
+	font-size: 1em;
 	line-height: 1;
 	background-color: #CAAB57;
-	border-radius: 9px;
+	border-radius: 4.5px;
 	padding: 16px 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;
-	background-color: #B59439;
+	background-color: #b59439;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
@@ -318,7 +318,7 @@ object {
 }
 
 .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 {
-	color: #B59439;
+	color: #b59439;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -457,9 +457,9 @@ object {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 }
 
 [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
@@ -470,7 +470,7 @@ object {
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
 .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 	margin: 0;
 }
 
@@ -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: #DDDDDD;
+	border-top-color: #595959;
 	border-top-width: 4px;
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	border-bottom-width: 4px;
-	color: #FFFFFF;
+	color: #F1ECE4;
 	/**
 	 * 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: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8em;
 	letter-spacing: normal;
 }
@@ -600,14 +600,14 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-separator,
 hr {
-	border-bottom: 2px solid #DDDDDD;
+	border-bottom: 2px solid #595959;
 	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: #DDDDDD;
+	border-right-color: #595959;
 }
 
 .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: #DDDDDD;
+	color: #595959;
 }
 
 table th,
@@ -642,7 +642,7 @@ table th,
  * - Needs a special styles
  */
 .editor-post-title__block .editor-post-title__input {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	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;
@@ -659,23 +659,23 @@ table th,
 }
 
 .has-foreground-color[class] {
-	color: #FFFFFF !important;
+	color: #F1ECE4 !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #cccccc !important;
+	color: #faf8f5 !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #111111 !important;
+	color: #e0d4c2 !important;
 }
 
 .has-background-light-color[class] {
-	color: #FAFAFA !important;
+	color: #151515 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #DDDDDD !important;
+	color: #000000 !important;
 }
 
 .has-background-color[class] {
@@ -704,33 +704,33 @@ table th,
 }
 
 .has-foreground-background-color[class] {
-	background-color: #FFFFFF !important;
+	background-color: #F1ECE4 !important;
 	color: #080808;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #cccccc !important;
+	background-color: #faf8f5 !important;
 	color: #080808;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #111111 !important;
+	background-color: #e0d4c2 !important;
 	color: #080808;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #FAFAFA !important;
-	color: #FFFFFF;
+	background-color: #151515 !important;
+	color: #F1ECE4;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #DDDDDD !important;
-	color: #FFFFFF;
+	background-color: #000000 !important;
+	color: #F1ECE4;
 }
 
 .has-background-background-color[class] {
 	background-color: #080808 !important;
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .is-small-text,

rivington/style-rtl.css

@@ -582,7 +582,7 @@ html {
 html {
 	font-size: 14.4px;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	line-height: 1.6;
+	line-height: 1.778;
 }
 
 @media only screen and (min-width: 560px) {
@@ -594,7 +594,7 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #FFFFFF;
+	color: #F1ECE4;
 	text-align: right;
 	background-color: #080808;
 }
@@ -607,7 +607,7 @@ a {
 }
 
 a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 button,
@@ -636,7 +636,7 @@ a {
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #FFFFFF;
+	color: #F1ECE4;
 	display: block;
 	font-size: 1.25rem;
 	font-weight: bold;
@@ -965,8 +965,8 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #FFFFFF;
-	border: 1px solid #DDDDDD;
+	color: #F1ECE4;
+	border: 1px solid #595959;
 	border-radius: 3px;
 	padding: 16px;
 }
@@ -987,12 +987,12 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #FFFFFF;
-	border-color: #B59439;
+	color: #F1ECE4;
+	border-color: #b59439;
 }
 
 select {
-	border: 1px solid #DDDDDD;
+	border: 1px solid #595959;
 }
 
 textarea {
@@ -1007,7 +1007,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1074,9 +1074,9 @@ 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.25rem;
+	font-size: 1rem;
 	background-color: #CAAB57;
-	border-radius: 9px;
+	border-radius: 4.5px;
 	border-width: 0;
 	padding: 16px 16px;
 }
@@ -1126,7 +1126,7 @@ 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;
-	background-color: #B59439;
+	background-color: #b59439;
 }
 
 /**
@@ -1140,7 +1140,7 @@ input.has-focus[type="submit"],
 }
 
 .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 {
-	color: #B59439;
+	color: #b59439;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -1148,14 +1148,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	font-size: 0.8rem;
 	padding: 16px;
-	border-color: #DDDDDD;
+	border-color: #595959;
 }
 
 .wp-block-code pre {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .wp-block-columns {
@@ -1440,7 +1440,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1471,7 +1471,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 	/* Vertical margins logic */
 	margin-top: 32px;
 	margin-bottom: 32px;
@@ -1490,13 +1490,13 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 	margin: 0;
 }
 
@@ -1526,9 +1526,9 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
-	line-height: 1.6;
+	line-height: 1.778;
 }
 
 .entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
@@ -1539,7 +1539,7 @@ img {
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
 .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 	margin: 0;
 }
 
@@ -1726,7 +1726,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 }
 
@@ -1735,7 +1735,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
-	color: #B59439;
+	color: #b59439;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -1751,11 +1751,11 @@ p.has-background {
 	margin-right: 0;
 	margin-left: 0;
 	text-align: center;
-	border-top-color: #DDDDDD;
+	border-top-color: #595959;
 	border-top-width: 4px;
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	border-bottom-width: 4px;
-	color: #FFFFFF;
+	color: #F1ECE4;
 	/**
 	 * Block Options
 	 */
@@ -1775,7 +1775,7 @@ p.has-background {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 	display: block;
@@ -1850,7 +1850,7 @@ p.has-background {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
@@ -1882,13 +1882,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: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
 
 hr {
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	border-bottom-width: 2px;
 	clear: both;
 	margin-right: auto;
@@ -1896,19 +1896,19 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	/**
 		 * Block Options
 		 */
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	border-bottom-width: 2px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #DDDDDD;
+	color: #595959;
 	font-size: 1.95312rem;
 	letter-spacing: 0.8rem;
 	padding-right: 0.8rem;
@@ -1958,7 +1958,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2049,23 +2049,23 @@ table th,
 }
 
 .has-foreground-color[class] {
-	color: #FFFFFF !important;
+	color: #F1ECE4 !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #cccccc !important;
+	color: #faf8f5 !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #111111 !important;
+	color: #e0d4c2 !important;
 }
 
 .has-background-light-color[class] {
-	color: #FAFAFA !important;
+	color: #151515 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #DDDDDD !important;
+	color: #000000 !important;
 }
 
 .has-background-color[class] {
@@ -2089,33 +2089,33 @@ table th,
 }
 
 .has-foreground-background-color[class] {
-	background-color: #FFFFFF !important;
+	background-color: #F1ECE4 !important;
 	color: #080808;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #cccccc !important;
+	background-color: #faf8f5 !important;
 	color: #080808;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #111111 !important;
+	background-color: #e0d4c2 !important;
 	color: #080808;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #FAFAFA !important;
-	color: #FFFFFF;
+	background-color: #151515 !important;
+	color: #F1ECE4;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #DDDDDD !important;
-	color: #FFFFFF;
+	background-color: #000000 !important;
+	color: #F1ECE4;
 }
 
 .has-background-background-color[class] {
 	background-color: #080808 !important;
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .is-small-text,
@@ -2285,11 +2285,11 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .site-title {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1.5625rem;
 	letter-spacing: normal;
@@ -2312,11 +2312,11 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.64rem;
+	font-size: 0.8rem;
 }
 
 .main-navigation {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .main-navigation > div {
@@ -2333,7 +2333,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #B59439;
+	background-color: #b59439;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2480,7 +2480,7 @@ table th,
 }
 
 .main-navigation a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .main-navigation .sub-menu {
@@ -2538,13 +2538,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .social-navigation svg {
@@ -2566,7 +2566,7 @@ table th,
 }
 
 .site-info {
-	color: #cccccc;
+	color: #faf8f5;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.8rem;
 }
@@ -2593,7 +2593,7 @@ table th,
 }
 
 .site-info a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .footer-navigation {
@@ -2615,7 +2615,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #cccccc;
+	color: #faf8f5;
 	margin: 0;
 	padding-right: 0;
 }
@@ -2653,7 +2653,7 @@ table th,
 }
 
 .footer-navigation .footer-menu a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .entry-title {
@@ -2664,7 +2664,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #cccccc;
+	color: #faf8f5;
 	clear: both;
 	float: none;
 	font-size: 0.8rem;
@@ -2701,7 +2701,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #B59439;
+	color: #b59439;
 }
 
 .entry-meta .svg-icon,
@@ -2873,13 +2873,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #DDDDDD;
+	border-bottom: 1px solid #595959;
 	margin-right: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #DDDDDD;
+	border-top: 1px solid #595959;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2890,7 +2890,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #DDDDDD;
+	border-top: 1px solid #595959;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2937,7 +2937,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .comment-meta .comment-metadata a {
@@ -2945,7 +2945,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #B59439;
+	color: #b59439;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3406,10 +3406,27 @@ a {
 	text-decoration: none;
 }
 
+.wp-block-cover a,
+.wp-block-cover-image a,
+.wp-block-media-text a,
+p:not(.site-title) a {
+	text-decoration: underline;
+}
+
+.wp-block-cover a.wp-block-button__link, .wp-block-cover a:hover,
+.wp-block-cover-image a.wp-block-button__link,
+.wp-block-cover-image a:hover,
+.wp-block-media-text a.wp-block-button__link,
+.wp-block-media-text a:hover,
+p:not(.site-title) a.wp-block-button__link,
+p:not(.site-title) a:hover {
+	text-decoration: none;
+}
+
 /**
  * Header
  */
-#masthead {
+.site-header {
 	max-width: 100%;
 	padding-right: 16px;
 	padding-left: 16px;
@@ -3417,9 +3434,8 @@ a {
 }
 
 @media only screen and (min-width: 560px) {
-	#masthead {
-		padding-right: 32px;
-		padding-left: 32px;
+	.site-header {
+		padding: 16px 32px;
 	}
 }
 
@@ -3511,7 +3527,7 @@ a {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #B59439;
+		background: #b59439;
 	}
 	.site-header .social-navigation {
 		align-self: center;
@@ -3520,36 +3536,79 @@ a {
 	}
 }
 
+/**
+ * Main
+ */
+#main {
+	padding-top: 0;
+}
+
+.site-main > article > .entry-header {
+	margin-top: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-main > article > .entry-header {
+		margin-top: 64px;
+	}
+}
+
 /**
  * Content
  */
-.entry .entry-title a {
-	color: #FFFFFF;
+.entry-title a,
+.page-title a,
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
 }
 
-.entry .entry-title a:hover, .entry .entry-title a:active {
-	color: #cccccc;
+.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
+.page-title a:active,
+.page-title a:focus,
+.page-title a:hover,
+.a8c-posts-list .a8c-posts-list-item__title a:active,
+.a8c-posts-list .a8c-posts-list-item__title a:focus,
+.a8c-posts-list .a8c-posts-list-item__title a:hover {
+	color: #CAAB57;
 }
 
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
+.sticky-post,
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	padding: 4px 10.56px;
 }
 
-.comment-reply-title {
-	display: inherit;
+/**
+ * Next/Previous navigation
+ */
+.post-navigation .meta-nav {
+	color: #faf8f5;
 }
 
-.comment .comment-reply-title {
-	display: flex;
+.post-navigation .post-title {
+	font-size: 1.25rem;
+	line-height: 1.125;
 }
 
-.pagination .nav-links {
-	justify-content: center;
+/**
+ * Comments
+ */
+.logged-in-as,
+.comment-notes,
+.comment-form-cookies-consent {
+	font-size: 0.8rem;
+}
+
+.comment-form-cookies-consent input[type=checkbox] + label {
+	line-height: 1.778;
+}
+
+.comment-notes {
+	color: #faf8f5;
+}
+
+.comment-form > p:not(.comment-form-cookies-consent) label {
+	font-weight: 600;
 }
 
 /**
@@ -3582,3 +3641,113 @@ a {
 .wp-block-cover h1 {
 	font-size: 3.8147rem;
 }
+
+/**
+ * Widgets
+ */
+.widget select {
+	max-width: 100%;
+}
+
+.widget-title {
+	font-size: 1.5625rem;
+	margin-bottom: 16px;
+}
+
+.widget_archive ul,
+.widget_categories ul,
+.widget_meta ul,
+.widget_nav_menu ul,
+.widget_pages ul,
+.widget_recent_comments ul,
+.widget_recent_entries ul,
+.widget_rss ul {
+	margin-right: 0;
+	margin-left: 0;
+	list-style: none;
+}
+
+.widget_archive ul li,
+.widget_categories ul li,
+.widget_meta ul li,
+.widget_nav_menu ul li,
+.widget_pages ul li,
+.widget_recent_comments ul li,
+.widget_recent_entries ul li,
+.widget_rss ul li {
+	color: #faf8f5;
+	font-weight: 600;
+}
+
+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+	counter-reset: submenu;
+}
+
+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+	font-weight: normal;
+	content: "– " counters(submenu, "– ", none);
+	counter-increment: submenu;
+}
+
+.widget_tag_cloud .tagcloud {
+	font-weight: 600;
+}
+
+.widget_search .search-field {
+	width: 100%;
+}
+
+@media only screen and (min-width: 560px) {
+	.widget_search .search-field {
+		width: auto;
+	}
+}
+
+.widget_search .search-submit {
+	display: block;
+	margin-top: 1rem;
+}
+
+.widget_calendar .calendar_wrap {
+	text-align: center;
+}
+
+.widget_calendar .calendar_wrap table td,
+.widget_calendar .calendar_wrap table th {
+	border: none;
+}
+
+.widget_calendar .calendar_wrap a {
+	text-decoration: underline;
+}
+
+.widget_links li,
+.widget_jp_blogs_i_follow li,
+.widget_rss_links li {
+	font-family: inherit;
+}
+
+/**
+ * Footer Navigation
+ */
+.footer-navigation .footer-menu a {
+	padding: 0 8px;
+}
+
+.footer-navigation .footer-menu > li:last-of-type {
+	margin-left: -8px;
+}

rivington/style.css

@@ -582,7 +582,7 @@ html {
 html {
 	font-size: 14.4px;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	line-height: 1.6;
+	line-height: 1.778;
 }
 
 @media only screen and (min-width: 560px) {
@@ -594,7 +594,7 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #FFFFFF;
+	color: #F1ECE4;
 	text-align: left;
 	background-color: #080808;
 }
@@ -607,7 +607,7 @@ a {
 }
 
 a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 button,
@@ -636,7 +636,7 @@ a {
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #FFFFFF;
+	color: #F1ECE4;
 	display: block;
 	font-size: 1.25rem;
 	font-weight: bold;
@@ -965,8 +965,8 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #FFFFFF;
-	border: 1px solid #DDDDDD;
+	color: #F1ECE4;
+	border: 1px solid #595959;
 	border-radius: 3px;
 	padding: 16px;
 }
@@ -987,12 +987,12 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #FFFFFF;
-	border-color: #B59439;
+	color: #F1ECE4;
+	border-color: #b59439;
 }
 
 select {
-	border: 1px solid #DDDDDD;
+	border: 1px solid #595959;
 }
 
 textarea {
@@ -1007,7 +1007,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1074,9 +1074,9 @@ 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.25rem;
+	font-size: 1rem;
 	background-color: #CAAB57;
-	border-radius: 9px;
+	border-radius: 4.5px;
 	border-width: 0;
 	padding: 16px 16px;
 }
@@ -1126,7 +1126,7 @@ 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;
-	background-color: #B59439;
+	background-color: #b59439;
 }
 
 /**
@@ -1140,7 +1140,7 @@ input.has-focus[type="submit"],
 }
 
 .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 {
-	color: #B59439;
+	color: #b59439;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -1148,14 +1148,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	font-size: 0.8rem;
 	padding: 16px;
-	border-color: #DDDDDD;
+	border-color: #595959;
 }
 
 .wp-block-code pre {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .wp-block-columns {
@@ -1440,7 +1440,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1471,7 +1471,7 @@ img {
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 	/* Vertical margins logic */
 	margin-top: 32px;
 	margin-bottom: 32px;
@@ -1490,13 +1490,13 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 	margin: 0;
 }
 
@@ -1526,9 +1526,9 @@ img {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
-	line-height: 1.6;
+	line-height: 1.778;
 }
 
 .entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
@@ -1539,7 +1539,7 @@ img {
 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
 .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
 	font-size: 0.8rem;
-	line-height: 1.6;
+	line-height: 1.778;
 	margin: 0;
 }
 
@@ -1726,7 +1726,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 }
 
@@ -1735,7 +1735,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
-	color: #B59439;
+	color: #b59439;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -1751,11 +1751,11 @@ p.has-background {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #DDDDDD;
+	border-top-color: #595959;
 	border-top-width: 4px;
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	border-bottom-width: 4px;
-	color: #FFFFFF;
+	color: #F1ECE4;
 	/**
 	 * Block Options
 	 */
@@ -1775,7 +1775,7 @@ p.has-background {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 	display: block;
@@ -1850,7 +1850,7 @@ p.has-background {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
@@ -1882,13 +1882,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: #cccccc;
+	color: #faf8f5;
 	font-size: 0.8rem;
 	letter-spacing: normal;
 }
 
 hr {
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	border-bottom-width: 2px;
 	clear: both;
 	margin-left: auto;
@@ -1896,19 +1896,19 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	/**
 		 * Block Options
 		 */
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #DDDDDD;
+	border-bottom-color: #595959;
 	border-bottom-width: 2px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #DDDDDD;
+	color: #595959;
 	font-size: 1.95312rem;
 	letter-spacing: 0.8rem;
 	padding-left: 0.8rem;
@@ -1958,7 +1958,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #cccccc;
+	color: #faf8f5;
 	font-size: 0.64rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2054,23 +2054,23 @@ table th,
 }
 
 .has-foreground-color[class] {
-	color: #FFFFFF !important;
+	color: #F1ECE4 !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #cccccc !important;
+	color: #faf8f5 !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #111111 !important;
+	color: #e0d4c2 !important;
 }
 
 .has-background-light-color[class] {
-	color: #FAFAFA !important;
+	color: #151515 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #DDDDDD !important;
+	color: #000000 !important;
 }
 
 .has-background-color[class] {
@@ -2094,33 +2094,33 @@ table th,
 }
 
 .has-foreground-background-color[class] {
-	background-color: #FFFFFF !important;
+	background-color: #F1ECE4 !important;
 	color: #080808;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #cccccc !important;
+	background-color: #faf8f5 !important;
 	color: #080808;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #111111 !important;
+	background-color: #e0d4c2 !important;
 	color: #080808;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #FAFAFA !important;
-	color: #FFFFFF;
+	background-color: #151515 !important;
+	color: #F1ECE4;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #DDDDDD !important;
-	color: #FFFFFF;
+	background-color: #000000 !important;
+	color: #F1ECE4;
 }
 
 .has-background-background-color[class] {
 	background-color: #080808 !important;
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .is-small-text,
@@ -2290,11 +2290,11 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .site-title {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1.5625rem;
 	letter-spacing: normal;
@@ -2317,11 +2317,11 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.64rem;
+	font-size: 0.8rem;
 }
 
 .main-navigation {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .main-navigation > div {
@@ -2338,7 +2338,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #B59439;
+	background-color: #b59439;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2485,7 +2485,7 @@ table th,
 }
 
 .main-navigation a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .main-navigation .sub-menu {
@@ -2543,13 +2543,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #FFFFFF;
+	color: #F1ECE4;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .social-navigation svg {
@@ -2571,7 +2571,7 @@ table th,
 }
 
 .site-info {
-	color: #cccccc;
+	color: #faf8f5;
 	font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.8rem;
 }
@@ -2598,7 +2598,7 @@ table th,
 }
 
 .site-info a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .footer-navigation {
@@ -2620,7 +2620,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #cccccc;
+	color: #faf8f5;
 	margin: 0;
 	padding-left: 0;
 }
@@ -2658,7 +2658,7 @@ table th,
 }
 
 .footer-navigation .footer-menu a:hover {
-	color: #B59439;
+	color: #b59439;
 }
 
 .entry-title {
@@ -2669,7 +2669,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #cccccc;
+	color: #faf8f5;
 	clear: both;
 	float: none;
 	font-size: 0.8rem;
@@ -2706,7 +2706,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #B59439;
+	color: #b59439;
 }
 
 .entry-meta .svg-icon,
@@ -2878,13 +2878,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #DDDDDD;
+	border-bottom: 1px solid #595959;
 	margin-left: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #DDDDDD;
+	border-top: 1px solid #595959;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2895,7 +2895,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #DDDDDD;
+	border-top: 1px solid #595959;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2942,7 +2942,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #FFFFFF;
+	color: #F1ECE4;
 }
 
 .comment-meta .comment-metadata a {
@@ -2950,7 +2950,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #B59439;
+	color: #b59439;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3423,10 +3423,27 @@ a {
 	text-decoration: none;
 }
 
+.wp-block-cover a,
+.wp-block-cover-image a,
+.wp-block-media-text a,
+p:not(.site-title) a {
+	text-decoration: underline;
+}
+
+.wp-block-cover a.wp-block-button__link, .wp-block-cover a:hover,
+.wp-block-cover-image a.wp-block-button__link,
+.wp-block-cover-image a:hover,
+.wp-block-media-text a.wp-block-button__link,
+.wp-block-media-text a:hover,
+p:not(.site-title) a.wp-block-button__link,
+p:not(.site-title) a:hover {
+	text-decoration: none;
+}
+
 /**
  * Header
  */
-#masthead {
+.site-header {
 	max-width: 100%;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -3434,9 +3451,8 @@ a {
 }
 
 @media only screen and (min-width: 560px) {
-	#masthead {
-		padding-left: 32px;
-		padding-right: 32px;
+	.site-header {
+		padding: 16px 32px;
 	}
 }
 
@@ -3528,7 +3544,7 @@ a {
 	.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
 	.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #B59439;
+		background: #b59439;
 	}
 	.site-header .social-navigation {
 		align-self: center;
@@ -3537,36 +3553,79 @@ a {
 	}
 }
 
+/**
+ * Main
+ */
+#main {
+	padding-top: 0;
+}
+
+.site-main > article > .entry-header {
+	margin-top: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.site-main > article > .entry-header {
+		margin-top: 64px;
+	}
+}
+
 /**
  * Content
  */
-.entry .entry-title a {
-	color: #FFFFFF;
+.entry-title a,
+.page-title a,
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
 }
 
-.entry .entry-title a:hover, .entry .entry-title a:active {
-	color: #cccccc;
+.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
+.page-title a:active,
+.page-title a:focus,
+.page-title a:hover,
+.a8c-posts-list .a8c-posts-list-item__title a:active,
+.a8c-posts-list .a8c-posts-list-item__title a:focus,
+.a8c-posts-list .a8c-posts-list-item__title a:hover {
+	color: #CAAB57;
 }
 
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
+.sticky-post,
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	padding: 4px 10.56px;
 }
 
-.comment-reply-title {
-	display: inherit;
+/**
+ * Next/Previous navigation
+ */
+.post-navigation .meta-nav {
+	color: #faf8f5;
 }
 
-.comment .comment-reply-title {
-	display: flex;
+.post-navigation .post-title {
+	font-size: 1.25rem;
+	line-height: 1.125;
 }
 
-.pagination .nav-links {
-	justify-content: center;
+/**
+ * Comments
+ */
+.logged-in-as,
+.comment-notes,
+.comment-form-cookies-consent {
+	font-size: 0.8rem;
+}
+
+.comment-form-cookies-consent input[type=checkbox] + label {
+	line-height: 1.778;
+}
+
+.comment-notes {
+	color: #faf8f5;
+}
+
+.comment-form > p:not(.comment-form-cookies-consent) label {
+	font-weight: 600;
 }
 
 /**
@@ -3599,3 +3658,113 @@ a {
 .wp-block-cover h1 {
 	font-size: 3.8147rem;
 }
+
+/**
+ * Widgets
+ */
+.widget select {
+	max-width: 100%;
+}
+
+.widget-title {
+	font-size: 1.5625rem;
+	margin-bottom: 16px;
+}
+
+.widget_archive ul,
+.widget_categories ul,
+.widget_meta ul,
+.widget_nav_menu ul,
+.widget_pages ul,
+.widget_recent_comments ul,
+.widget_recent_entries ul,
+.widget_rss ul {
+	margin-left: 0;
+	margin-right: 0;
+	list-style: none;
+}
+
+.widget_archive ul li,
+.widget_categories ul li,
+.widget_meta ul li,
+.widget_nav_menu ul li,
+.widget_pages ul li,
+.widget_recent_comments ul li,
+.widget_recent_entries ul li,
+.widget_rss ul li {
+	color: #faf8f5;
+	font-weight: 600;
+}
+
+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+	counter-reset: submenu;
+}
+
+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+	font-weight: normal;
+	content: "– " counters(submenu, "– ", none);
+	counter-increment: submenu;
+}
+
+.widget_tag_cloud .tagcloud {
+	font-weight: 600;
+}
+
+.widget_search .search-field {
+	width: 100%;
+}
+
+@media only screen and (min-width: 560px) {
+	.widget_search .search-field {
+		width: auto;
+	}
+}
+
+.widget_search .search-submit {
+	display: block;
+	margin-top: 1rem;
+}
+
+.widget_calendar .calendar_wrap {
+	text-align: center;
+}
+
+.widget_calendar .calendar_wrap table td,
+.widget_calendar .calendar_wrap table th {
+	border: none;
+}
+
+.widget_calendar .calendar_wrap a {
+	text-decoration: underline;
+}
+
+.widget_links li,
+.widget_jp_blogs_i_follow li,
+.widget_rss_links li {
+	font-family: inherit;
+}
+
+/**
+ * Footer Navigation
+ */
+.footer-navigation .footer-menu a {
+	padding: 0 8px;
+}
+
+.footer-navigation .footer-menu > li:last-of-type {
+	margin-right: -8px;
+}