Barnsbury: Various updates to variables for button styles and other blocks

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

@@ -61,17 +61,17 @@ $config-global: (
 	/* Colors */
 	"color": (
 		"primary": (
-			"default": #20603c,
-			"hover": darken( #20603c, 10% ),
+			"default": #20603C,
+			"hover": darken( #20603C, 10% ),
 		),
 		"secondary": (
 			"default": red,
 			"hover": darkred,
 		),
 		"foreground": (
-			"default": #3c2323,
+			"default": #3C2323,
 			"light": lighten( #111, 22.5% ), // must be accessible against background
-			"dark": #0d1b24, // must be accessible against background
+			"dark": #0D1B24, // must be accessible against background
 		),
 		"background": (
 			"default": #FFFDF6,
@@ -83,7 +83,7 @@ $config-global: (
 			"light": #FAFAFA,
 			"dark": #AAAAAA,
 		),
-		"text-selection": lighten( #20603c, 55% ),
+		"text-selection": lighten( #20603C, 55% ),
 		"black": black,
 		"white": white,
 	),
@@ -169,18 +169,18 @@ $config-button: (
 	),
 	// Fonts
 	"font": (
-		"family": map-deep-get($config-global, "font", "family", "ui"),
-		"size": map-deep-get($config-global, "font", "size", "md"),
-		"weight": 600,
+		"family": map-deep-get($config-global, "font", "family", "primary"),
+		"size": map-deep-get($config-global, "font", "size", "base"),
+		"weight": bold,
 		"line-height": 1,
 	),
 	// Borders
-	"border-radius": map-deep-get($config-global, "border-radius", "sm"),
+	"border-radius": 5px,
 	"border-width": 2px,
 	// Padding
 	"padding": (
-		"vertical": map-deep-get($config-global, "spacing", "unit"),
-		"horizontal": map-deep-get($config-global, "spacing", "unit"),
+		"vertical": (1.5 * map-deep-get($config-global, "spacing", "unit")),
+		"horizontal": (1.5 * map-deep-get($config-global, "spacing", "unit")),
 	),
 );
 

barnsbury/sass/_extra-child-theme.scss

@@ -117,3 +117,8 @@ a {
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	max-width: 10rem;
 }
+
+.wp-block-cover,
+.wp-block-cover-image {
+	background-color: map-deep-get($config-global, "color", "foreground", "dark");
+}

barnsbury/style-editor.css

@@ -168,7 +168,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Reset the browser
  */
 body {
-	color: #3c2323;
+	color: #3C2323;
 	background-color: #FFFDF6;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-size: 22px;
@@ -188,7 +188,7 @@ p {
 }
 
 a {
-	color: #20603c;
+	color: #20603C;
 }
 
 a:hover {
@@ -305,13 +305,13 @@ object {
 
 .wp-block-button .wp-block-button__link {
 	color: #FFFDF6;
-	font-weight: 600;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1.18em;
+	font-weight: bold;
+	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
+	font-size: 1em;
 	line-height: 1;
-	background-color: #20603c;
-	border-radius: 11px;
-	padding: 16px 16px;
+	background-color: #20603C;
+	border-radius: 5px;
+	padding: 24px 24px;
 }
 
 .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 {
@@ -320,7 +320,7 @@ object {
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #20603c;
+	color: #20603C;
 	background: transparent;
 	border: 2px solid currentcolor;
 }
@@ -335,7 +335,7 @@ object {
 
 .wp-block-cover,
 .wp-block-cover-image {
-	background-color: #3c2323;
+	background-color: #3C2323;
 	min-height: calc( 15 * 32px);
 	/* Treating H2 separately to account for legacy /core styles */
 }
@@ -475,7 +475,7 @@ p.has-background:not(.has-background-background-color) a {
 	border-top-width: 4px;
 	border-bottom-color: #DDDDDD;
 	border-bottom-width: 4px;
-	color: #3c2323;
+	color: #3C2323;
 	/**
 	 * Block Options
 	 */
@@ -509,7 +509,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #20603c;
+	background-color: #20603C;
 	color: #FFFDF6;
 }
 
@@ -539,7 +539,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #20603c;
+	border-left-color: #20603C;
 	margin: 32px 0;
 	padding-left: 16px;
 }
@@ -606,7 +606,7 @@ table th,
  * - Needs a special styles
  */
 .editor-post-title__block .editor-post-title__input {
-	color: #3c2323;
+	color: #3C2323;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
 	font-size: 2.28776em;
@@ -615,7 +615,7 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #20603c !important;
+	color: #20603C !important;
 }
 
 .has-secondary-color[class] {
@@ -623,7 +623,7 @@ table th,
 }
 
 .has-foreground-color[class] {
-	color: #3c2323 !important;
+	color: #3C2323 !important;
 }
 
 .has-foreground-light-color[class] {
@@ -631,7 +631,7 @@ table th,
 }
 
 .has-foreground-dark-color[class] {
-	color: #0d1b24 !important;
+	color: #0D1B24 !important;
 }
 
 .has-background-light-color[class] {
@@ -647,7 +647,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #20603c !important;
+	background-color: #20603C !important;
 	color: #FFFDF6;
 }
 
@@ -667,7 +667,7 @@ table th,
 }
 
 .has-foreground-background-color[class] {
-	background-color: #3c2323 !important;
+	background-color: #3C2323 !important;
 	color: #FFFDF6;
 }
 
@@ -687,7 +687,7 @@ table th,
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #0d1b24 !important;
+	background-color: #0D1B24 !important;
 	color: #FFFDF6;
 }
 
@@ -698,7 +698,7 @@ table th,
 
 .has-background-light-background-color[class] {
 	background-color: #FAFAFA !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6,
@@ -708,7 +708,7 @@ table th,
 
 .has-background-dark-background-color[class] {
 	background-color: #DDDDDD !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6,
@@ -718,7 +718,7 @@ table th,
 
 .has-background-background-color[class] {
 	background-color: #FFFDF6 !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6,

barnsbury/style-rtl.css

@@ -602,7 +602,7 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #3c2323;
+	color: #3C2323;
 	text-align: right;
 	background-color: #FFFDF6;
 }
@@ -611,7 +611,7 @@ body {
  * Links styles
  */
 a {
-	color: #20603c;
+	color: #20603C;
 }
 
 a:hover {
@@ -644,7 +644,7 @@ a {
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #3c2323;
+	color: #3C2323;
 	display: block;
 	font-size: 1.18rem;
 	font-weight: bold;
@@ -969,7 +969,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #3c2323;
+	color: #3C2323;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -991,7 +991,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #3c2323;
+	color: #3C2323;
 	border-color: #133a24;
 }
 
@@ -1076,13 +1076,13 @@ input[type="submit"],
 	line-height: 1;
 	color: #FFFDF6;
 	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.18rem;
-	background-color: #20603c;
-	border-radius: 11px;
+	font-weight: bold;
+	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
+	font-size: 1rem;
+	background-color: #20603C;
+	border-radius: 5px;
 	border-width: 0;
-	padding: 16px 16px;
+	padding: 24px 24px;
 }
 
 button:before,
@@ -1137,10 +1137,10 @@ input.has-focus[type="submit"],
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #20603c;
+	color: #20603C;
 	background: transparent;
 	border: 2px solid currentcolor;
-	padding: 14px 16px;
+	padding: 22px 24px;
 }
 
 .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 {
@@ -1152,14 +1152,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #3c2323;
+	color: #3C2323;
 	font-size: 0.84746rem;
 	padding: 16px;
 	border-color: #DDDDDD;
 }
 
 .wp-block-code pre {
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .wp-block-columns {
@@ -1216,7 +1216,7 @@ input.has-focus[type="submit"],
 
 .wp-block-cover,
 .wp-block-cover-image {
-	background-color: #3c2323;
+	background-color: #3C2323;
 	min-height: calc( 15 * 32px);
 	margin: inherit;
 	/* Treating H2 separately to account for legacy /core styles */
@@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #20603c;
+	background-color: #20603C;
 	color: #FFFDF6;
 	font-size: 0.84746rem;
 	margin-right: 16px;
@@ -1686,7 +1686,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list-item__featured span {
 	color: #FFFDF6;
-	background-color: #20603c;
+	background-color: #20603C;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
 	font-size: 0.84746rem;
@@ -1753,7 +1753,7 @@ p.has-background:not(.has-background-background-color) a {
 	border-top-width: 4px;
 	border-bottom-color: #DDDDDD;
 	border-bottom-width: 4px;
-	color: #3c2323;
+	color: #3C2323;
 	/**
 	 * Block Options
 	 */
@@ -1788,7 +1788,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #20603c;
+	background-color: #20603C;
 	color: #FFFDF6;
 }
 
@@ -1813,7 +1813,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-right-color: #20603c;
+	border-right-color: #20603C;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1856,7 +1856,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-left-color: #20603c;
+	border-left-color: #20603C;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -2005,7 +2005,7 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #20603c !important;
+	color: #20603C !important;
 }
 
 .has-secondary-color[class] {
@@ -2013,7 +2013,7 @@ table th,
 }
 
 .has-foreground-color[class] {
-	color: #3c2323 !important;
+	color: #3C2323 !important;
 }
 
 .has-foreground-light-color[class] {
@@ -2021,7 +2021,7 @@ table th,
 }
 
 .has-foreground-dark-color[class] {
-	color: #0d1b24 !important;
+	color: #0D1B24 !important;
 }
 
 .has-background-light-color[class] {
@@ -2037,7 +2037,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #20603c !important;
+	background-color: #20603C !important;
 	color: #FFFDF6;
 }
 
@@ -2055,7 +2055,7 @@ table th,
 }
 
 .has-foreground-background-color[class] {
-	background-color: #3c2323 !important;
+	background-color: #3C2323 !important;
 	color: #FFFDF6;
 }
 
@@ -2073,7 +2073,7 @@ table th,
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #0d1b24 !important;
+	background-color: #0D1B24 !important;
 	color: #FFFDF6;
 }
 
@@ -2083,7 +2083,7 @@ table th,
 
 .has-background-light-background-color[class] {
 	background-color: #FAFAFA !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 {
@@ -2092,7 +2092,7 @@ table th,
 
 .has-background-dark-background-color[class] {
 	background-color: #DDDDDD !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 {
@@ -2101,7 +2101,7 @@ table th,
 
 .has-background-background-color[class] {
 	background-color: #FFFDF6 !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 {
@@ -2279,7 +2279,7 @@ table th,
 }
 
 .site-title {
-	color: #0d1b24;
+	color: #0D1B24;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-size: 1.64303rem;
 	letter-spacing: normal;
@@ -2296,7 +2296,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #20603c;
+	color: #20603C;
 }
 
 .site-description {
@@ -2306,7 +2306,7 @@ table th,
 }
 
 .main-navigation {
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .main-navigation > div {
@@ -2446,7 +2446,7 @@ table th,
 }
 
 .main-navigation a {
-	color: #20603c;
+	color: #20603C;
 	display: block;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-size: 1.18rem;
@@ -2455,7 +2455,7 @@ table th,
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #20603c;
+	color: #20603C;
 }
 
 .main-navigation a:hover {
@@ -2509,13 +2509,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #3c2323;
+	color: #3C2323;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.5 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #20603c;
+	color: #20603C;
 }
 
 .social-navigation svg {
@@ -2897,7 +2897,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .comment-meta .comment-metadata a {
@@ -3075,7 +3075,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: #FFFDF6;
-	background-color: #20603c;
+	background-color: #20603C;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
 	font-size: 0.84746rem;
@@ -3493,9 +3493,14 @@ a {
  */
 .wp-block-separator,
 hr {
-	border-bottom-color: #3c2323;
+	border-bottom-color: #3C2323;
 }
 
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	max-width: 10rem;
 }
+
+.wp-block-cover,
+.wp-block-cover-image {
+	background-color: #0D1B24;
+}

barnsbury/style.css

@@ -602,7 +602,7 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #3c2323;
+	color: #3C2323;
 	text-align: left;
 	background-color: #FFFDF6;
 }
@@ -611,7 +611,7 @@ body {
  * Links styles
  */
 a {
-	color: #20603c;
+	color: #20603C;
 }
 
 a:hover {
@@ -644,7 +644,7 @@ a {
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #3c2323;
+	color: #3C2323;
 	display: block;
 	font-size: 1.18rem;
 	font-weight: bold;
@@ -969,7 +969,7 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #3c2323;
+	color: #3C2323;
 	border: 1px solid #DDDDDD;
 	border-radius: 3px;
 	padding: 16px;
@@ -991,7 +991,7 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #3c2323;
+	color: #3C2323;
 	border-color: #133a24;
 }
 
@@ -1076,13 +1076,13 @@ input[type="submit"],
 	line-height: 1;
 	color: #FFFDF6;
 	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.18rem;
-	background-color: #20603c;
-	border-radius: 11px;
+	font-weight: bold;
+	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
+	font-size: 1rem;
+	background-color: #20603C;
+	border-radius: 5px;
 	border-width: 0;
-	padding: 16px 16px;
+	padding: 24px 24px;
 }
 
 button:before,
@@ -1137,10 +1137,10 @@ input.has-focus[type="submit"],
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #20603c;
+	color: #20603C;
 	background: transparent;
 	border: 2px solid currentcolor;
-	padding: 14px 16px;
+	padding: 22px 24px;
 }
 
 .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 {
@@ -1152,14 +1152,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #3c2323;
+	color: #3C2323;
 	font-size: 0.84746rem;
 	padding: 16px;
 	border-color: #DDDDDD;
 }
 
 .wp-block-code pre {
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .wp-block-columns {
@@ -1216,7 +1216,7 @@ input.has-focus[type="submit"],
 
 .wp-block-cover,
 .wp-block-cover-image {
-	background-color: #3c2323;
+	background-color: #3C2323;
 	min-height: calc( 15 * 32px);
 	margin: inherit;
 	/* Treating H2 separately to account for legacy /core styles */
@@ -1318,7 +1318,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #20603c;
+	background-color: #20603C;
 	color: #FFFDF6;
 	font-size: 0.84746rem;
 	margin-left: 16px;
@@ -1686,7 +1686,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .a8c-posts-list-item__featured span {
 	color: #FFFDF6;
-	background-color: #20603c;
+	background-color: #20603C;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
 	font-size: 0.84746rem;
@@ -1753,7 +1753,7 @@ p.has-background:not(.has-background-background-color) a {
 	border-top-width: 4px;
 	border-bottom-color: #DDDDDD;
 	border-bottom-width: 4px;
-	color: #3c2323;
+	color: #3C2323;
 	/**
 	 * Block Options
 	 */
@@ -1788,7 +1788,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #20603c;
+	background-color: #20603C;
 	color: #FFFDF6;
 }
 
@@ -1813,7 +1813,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #20603c;
+	border-left-color: #20603C;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1856,7 +1856,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-right-color: #20603c;
+	border-right-color: #20603C;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -2010,7 +2010,7 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #20603c !important;
+	color: #20603C !important;
 }
 
 .has-secondary-color[class] {
@@ -2018,7 +2018,7 @@ table th,
 }
 
 .has-foreground-color[class] {
-	color: #3c2323 !important;
+	color: #3C2323 !important;
 }
 
 .has-foreground-light-color[class] {
@@ -2026,7 +2026,7 @@ table th,
 }
 
 .has-foreground-dark-color[class] {
-	color: #0d1b24 !important;
+	color: #0D1B24 !important;
 }
 
 .has-background-light-color[class] {
@@ -2042,7 +2042,7 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #20603c !important;
+	background-color: #20603C !important;
 	color: #FFFDF6;
 }
 
@@ -2060,7 +2060,7 @@ table th,
 }
 
 .has-foreground-background-color[class] {
-	background-color: #3c2323 !important;
+	background-color: #3C2323 !important;
 	color: #FFFDF6;
 }
 
@@ -2078,7 +2078,7 @@ table th,
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #0d1b24 !important;
+	background-color: #0D1B24 !important;
 	color: #FFFDF6;
 }
 
@@ -2088,7 +2088,7 @@ table th,
 
 .has-background-light-background-color[class] {
 	background-color: #FAFAFA !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-light-background-color[class] p, .has-background-light-background-color[class] h1, .has-background-light-background-color[class] h2, .has-background-light-background-color[class] h3, .has-background-light-background-color[class] h4, .has-background-light-background-color[class] h5, .has-background-light-background-color[class] h6 {
@@ -2097,7 +2097,7 @@ table th,
 
 .has-background-dark-background-color[class] {
 	background-color: #DDDDDD !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-dark-background-color[class] p, .has-background-dark-background-color[class] h1, .has-background-dark-background-color[class] h2, .has-background-dark-background-color[class] h3, .has-background-dark-background-color[class] h4, .has-background-dark-background-color[class] h5, .has-background-dark-background-color[class] h6 {
@@ -2106,7 +2106,7 @@ table th,
 
 .has-background-background-color[class] {
 	background-color: #FFFDF6 !important;
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .has-background-background-color[class] p, .has-background-background-color[class] h1, .has-background-background-color[class] h2, .has-background-background-color[class] h3, .has-background-background-color[class] h4, .has-background-background-color[class] h5, .has-background-background-color[class] h6 {
@@ -2284,7 +2284,7 @@ table th,
 }
 
 .site-title {
-	color: #0d1b24;
+	color: #0D1B24;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-size: 1.64303rem;
 	letter-spacing: normal;
@@ -2301,7 +2301,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #20603c;
+	color: #20603C;
 }
 
 .site-description {
@@ -2311,7 +2311,7 @@ table th,
 }
 
 .main-navigation {
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .main-navigation > div {
@@ -2451,7 +2451,7 @@ table th,
 }
 
 .main-navigation a {
-	color: #20603c;
+	color: #20603C;
 	display: block;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-size: 1.18rem;
@@ -2460,7 +2460,7 @@ table th,
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #20603c;
+	color: #20603C;
 }
 
 .main-navigation a:hover {
@@ -2514,13 +2514,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #3c2323;
+	color: #3C2323;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.5 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #20603c;
+	color: #20603C;
 }
 
 .social-navigation svg {
@@ -2902,7 +2902,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #3c2323;
+	color: #3C2323;
 }
 
 .comment-meta .comment-metadata a {
@@ -3080,7 +3080,7 @@ img#wpstats {
  */
 .sticky-post {
 	color: #FFFDF6;
-	background-color: #20603c;
+	background-color: #20603C;
 	font-family: "Rubik", Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
 	font-weight: bold;
 	font-size: 0.84746rem;
@@ -3498,9 +3498,14 @@ a {
  */
 .wp-block-separator,
 hr {
-	border-bottom-color: #3c2323;
+	border-bottom-color: #3C2323;
 }
 
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	max-width: 10rem;
 }
+
+.wp-block-cover,
+.wp-block-cover-image {
+	background-color: #0D1B24;
+}