Mayland: visual tweaks

mayland/functions.php

@@ -60,42 +60,42 @@ if ( ! function_exists( 'mayland_setup' ) ) :
 				array(
 					'name'  => __( 'Primary', 'mayland' ),
 					'slug'  => 'primary',
-					'color' => '#8D6708',
+					'color' => '#000000',
 				),
 				array(
 					'name'  => __( 'Secondary', 'mayland' ),
 					'slug'  => 'secondary',
-					'color' => '#403D39',
+					'color' => '#1a1a1a',
 				),
 				array(
 					'name'  => __( 'Dark Gray', 'mayland' ),
 					'slug'  => 'foreground-dark',
-					'color' => '#111111',
+					'color' => '#333333',
 				),
 				array(
-					'name'  => __( 'Gray', 'mayland' ),
+					'name'  => __( 'Black', 'mayland' ),
 					'slug'  => 'foreground',
-					'color' => '#242424',
+					'color' => '#000000',
 				),
 				array(
 					'name'  => __( 'Light Gray', 'mayland' ),
 					'slug'  => 'foreground-light',
-					'color' => '#6e6e6e',
+					'color' => '#666666',
 				),
 				array(
-					'name'  => __( 'Antique Gray', 'mayland' ),
+					'name'  => __( 'Subtle Gray', 'mayland' ),
 					'slug'  => 'background-dark',
-					'color' => '#CCC5B9',
+					'color' => '#d9d9d9',
 				),
 				array(
-					'name'  => __( 'Lighter Gray', 'mayland' ),
+					'name'  => __( 'Off White', 'mayland' ),
 					'slug'  => 'background-light',
-					'color' => '#DDDDDD',
+					'color' => '#F2F2F2',
 				),
 				array(
-					'name'  => __( 'Subtle Gray', 'mayland' ),
+					'name'  => __( 'White', 'mayland' ),
 					'slug'  => 'background',
-					'color' => '#FAFAFA',
+					'color' => '#FFFFFF',
 				),
 			)
 		);
@@ -129,7 +129,7 @@ function mayland_fonts_url() {
 	if ( 'off' !== $poppins ) {
 		$font_families = array();
 
-		$font_families[] = 'Poppins:400,400i,600,600i,700,700i';
+		$font_families[] = 'Poppins:400,400i,600,600i';
 
 		$query_args = array(
 			'family' => urlencode( implode( '|', $font_families ) ),

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

@@ -61,27 +61,27 @@ $config-global: (
 	/* Colors */
 	"color": (
 		"primary": (
-			"default": #8D6708,
-			"hover": #5d4405,
+			"default": black,
+			"hover": #666666,
 		),
 		"secondary": (
-			"default": #403D39,
-			"hover": #252321,
+			"default": #1a1a1a,
+			"hover": #666666,
 		),
 		"foreground": (
-			"default": #242424,
-			"light": #6e6e6e, // must be accessible against background
-			"dark": #111111, // must be accessible against background
+			"default": black,
+			"light": #666666, // must be accessible against background
+			"dark": #333333, // must be accessible against background
 		),
 		"background": (
-			"default": #FAF8F5,
-			"light": #DDDDDD, // must be accessible against foreground-default
-			"dark": #CCC5B9, // must be accessible against foreground-default
+			"default": white,
+			"light": #f2f2f2, // must be accessible against foreground-default
+			"dark": #d9d9d9, // must be accessible against foreground-default
 		),
 		"border": (
-			"default": #cccccc,
-			"light": #FAFAFA,
-			"dark": #AAAAAA,
+			"default": #e6e6e6,
+			"light": #f2f2f2,
+			"dark": #d9d9d9,
 		),
 		"text-selection": lightblue,
 		"black": black,
@@ -230,7 +230,7 @@ $config-heading: (
 			"h1": map-deep-get($config-global, "font", "letter-spacing", "xxxl"),
 		),
 		// Font Weight
-		"weight": 700,
+		"weight": 600,
 	),
 );
 
@@ -298,7 +298,7 @@ $config-header: (
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "primary"),
 				"size": map-deep-get($config-global, "font", "size", "lg"),
-				"weight": 700,
+				"weight": 600,
 				"line-height": 1,
 			),
 		),
@@ -323,10 +323,10 @@ $config-header: (
 		"font": (
 			"family": map-deep-get($config-global, "font", "family", "primary"),
 			"size": map-deep-get($config-global, "font", "size", "sm"),
-			"weight": 600,
+			"weight": 400,
 			"line-height": 1,
 		),
-		"link-padding": map-deep-get($config-global, "spacing", "unit"),
+		"link-padding": $baseline-unit,
 	),
 
 	"social-nav": (

mayland/sass/_extra-child-theme.scss

@@ -10,45 +10,39 @@ b, strong {
 }
 
 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;
-		}
+	.site-header &,
+	&:hover,
+	&:focus {
+		text-decoration: none;
 	}
 }
 
 /**
  * Header
  */
-.site-header {
+.site-header,
+.site-footer {
 	max-width: 100%;
 	padding-left: $spacing_unit;
 	padding-right: $spacing_unit;
 	position: relative;
 
 	@include media(mobile) {
-		padding: #{1.5 * $spacing_unit} $spacing_vertical;
+		padding: $spacing_vertical;
 	}
+}
 
-	.site-branding {
-		.site-description {
-			display: none;
-		}
+.site-branding {
+	.site-description {
+		display: none;
 	}
 }
 
+
 /**
  * CSS-grid Desktop Menu
  */
-@include media(mobile) {
+@include media(laptop) {
 	.site-header {
 		display: flex;
 
@@ -75,72 +69,25 @@ a {
 			}
 		}
 
-		.site-title {
-			& + .site-description {
-				margin-top: #{0.5 * $baseline-unit};
-			}
-		}
-
 		.main-navigation {
 			align-self: center;
 
-			& > div > ul {
-				justify-content: flex-end;
-				margin-left: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
-				margin-right: -#{0.5 * map-deep-get($config-global, "spacing", "horizontal")};
-
-				& > li > a {
-					padding: #{0.5 * map-deep-get($config-header, "main-nav", "link-padding")} #{map-deep-get($config-header, "main-nav", "link-padding")};
-				}
-
-				& > .menu-item-has-children > a::after {
-					font-size: #{0.5 * map-deep-get($config-global, "font", "size", "base")};
-				}
+			> div > ul > li > .sub-menu {
+				border: 1px solid map-deep-get($config-global, "color", "border", "default");
+				box-shadow: none;
+				border-radius: 0;
 			}
 
-			& > div > ul > li:hover,
-			& > div > ul > li.focus,
-			& > div > ul > li.current-menu-item {
-
-				& > a {
-					color: #{map-deep-get($config-global, "color", "primary", "default")};
-				}
-
-				& > ul {
-					box-shadow: none;
-					overflow: hidden;
-
-					&:before {
-						border-bottom: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid #{map-deep-get($config-global, "color", "primary", "default")};
-						border-left: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
-						border-right: #{0.5 * map-deep-get($config-global, "spacing", "unit")} solid transparent;
-						content: "";
-						display: block;
-						margin-left: #{map-deep-get($config-global, "spacing", "unit")};
-						width: #{map-deep-get($config-global, "spacing", "unit")};
-					}
-				}
-
-				& li {
-
-					& > a {
-						background: #{map-deep-get($config-global, "color", "primary", "default")};
-						color: #{map-deep-get($config-global, "color", "background", "default")};
-					}
-
-					&:hover > a,
-					&.focus > a,
-					&.current-menu-item > a {
-						background: #{map-deep-get($config-global, "color", "primary", "hover")};
-					}
-				}
+			.sub-menu .menu-item a {
+				padding-top: #{map-deep-get($config-header, "main-nav", "link-padding")};
+				padding-bottom: #{map-deep-get($config-header, "main-nav", "link-padding")};
 			}
 		}
 
 		.social-navigation {
 			align-self: center;
 			justify-self: flex-end;
-			padding-left: #{map-deep-get($config-global, "spacing", "unit")};
+			padding-left: #{map-deep-get($config-global, "spacing", "vertical")};
 		}
 	}
 }
@@ -161,6 +108,22 @@ a {
 		}
 }
 
+.site-main > {
+	article > .entry-header,
+	.page-header,
+	.not-found > .page-header {
+		margin-top: #{0.666 * $spacing_vertical};
+
+		@include media(mobile) {
+			margin-top: #{2 * $spacing_vertical};
+		}
+	}
+}
+
+#main .entry-content .entry-attachment {
+	max-width: calc( 100% - #{2 * $spacing_vertical} );
+}
+
 // Entry Title Link
 .entry-title,
 .page-title,
@@ -223,7 +186,10 @@ a {
 /**
  * Blocks
  */
-
+.wp-block-columns.alignfull {
+	padding-right: $spacing_vertical;
+	padding-left: $spacing_vertical;
+}
 
 /**
  * Widgets

mayland/style-editor.css

@@ -160,8 +160,8 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Reset the browser
  */
 body {
-	color: #242424;
-	background-color: #FAF8F5;
+	color: black;
+	background-color: white;
 	font-family: Poppins, serif;
 	font-size: 20px;
 	font-weight: normal;
@@ -180,11 +180,11 @@ p {
 }
 
 a {
-	color: #8D6708;
+	color: black;
 }
 
 a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 button,
@@ -247,7 +247,7 @@ blockquote.alignright footer {
 }
 
 figcaption {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -301,24 +301,24 @@ object {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333em;
 	line-height: 1;
-	background-color: #8D6708;
+	background-color: black;
 	border-radius: 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: white;
-	background-color: #5d4405;
+	background-color: #666666;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #8D6708;
+	color: black;
 	background: transparent;
 	border: 2px solid currentcolor;
 }
 
 .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: #5d4405;
+	color: #666666;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -386,7 +386,7 @@ object {
 .wp-block-heading h5, h5, .h5,
 .wp-block-heading h6, h6, .h6 {
 	font-family: Poppins, sans-serif;
-	font-weight: 700;
+	font-weight: 600;
 	clear: both;
 }
 
@@ -437,7 +437,7 @@ object {
 .wp-block-latest-posts > li > a {
 	font-family: Poppins, sans-serif;
 	font-size: 1.2rem;
-	font-weight: 700;
+	font-weight: 600;
 	line-height: 1.125;
 }
 
@@ -456,7 +456,7 @@ object {
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 	line-height: 1.6;
 }
@@ -506,11 +506,11 @@ p.has-background:not(.has-background-background-color) a {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #cccccc;
+	border-top-color: #e6e6e6;
 	border-top-width: 4px;
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	border-bottom-width: 4px;
-	color: #242424;
+	color: black;
 	/**
 	 * Block Options
 	 */
@@ -534,7 +534,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: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333em;
 	letter-spacing: normal;
 }
@@ -544,8 +544,8 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #8D6708;
-	color: #FAF8F5;
+	background-color: black;
+	color: white;
 }
 
 .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
@@ -574,7 +574,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-quote {
-	border-left-color: #8D6708;
+	border-left-color: black;
 	margin: 32px 0;
 	padding-left: 16px;
 }
@@ -599,14 +599,14 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-separator,
 hr {
-	border-bottom: 2px solid #cccccc;
+	border-bottom: 2px solid #e6e6e6;
 	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: #cccccc;
+	border-right-color: #e6e6e6;
 }
 
 .wp-block-separator.is-style-wide,
@@ -621,7 +621,7 @@ hr.is-style-dots {
 
 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
-	color: #cccccc;
+	color: #e6e6e6;
 }
 
 table th,
@@ -641,44 +641,44 @@ table th,
  * - Needs a special styles
  */
 .editor-post-title__block .editor-post-title__input {
-	color: #242424;
+	color: black;
 	font-family: Poppins, sans-serif;
-	font-weight: 700;
+	font-weight: 600;
 	font-size: 1.728em;
 	letter-spacing: -0.015em;
 	line-height: 1.125;
 }
 
 .has-primary-color[class] {
-	color: #8D6708 !important;
+	color: black !important;
 }
 
 .has-secondary-color[class] {
-	color: #403D39 !important;
+	color: #1a1a1a !important;
 }
 
 .has-foreground-color[class] {
-	color: #242424 !important;
+	color: black !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #6e6e6e !important;
+	color: #666666 !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #111111 !important;
+	color: #333333 !important;
 }
 
 .has-background-light-color[class] {
-	color: #DDDDDD !important;
+	color: #f2f2f2 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #CCC5B9 !important;
+	color: #d9d9d9 !important;
 }
 
 .has-background-color[class] {
-	color: #FAF8F5 !important;
+	color: white !important;
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -688,48 +688,48 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #8D6708 !important;
-	color: #FAF8F5;
+	background-color: black !important;
+	color: white;
 }
 
 .has-primary-background-color[class] {
-	background-color: #8D6708 !important;
-	color: #FAF8F5;
+	background-color: black !important;
+	color: white;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #403D39 !important;
-	color: #FAF8F5;
+	background-color: #1a1a1a !important;
+	color: white;
 }
 
 .has-foreground-background-color[class] {
-	background-color: #242424 !important;
-	color: #FAF8F5;
+	background-color: black !important;
+	color: white;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #6e6e6e !important;
-	color: #FAF8F5;
+	background-color: #666666 !important;
+	color: white;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #111111 !important;
-	color: #FAF8F5;
+	background-color: #333333 !important;
+	color: white;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #DDDDDD !important;
-	color: #242424;
+	background-color: #f2f2f2 !important;
+	color: black;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #CCC5B9 !important;
-	color: #242424;
+	background-color: #d9d9d9 !important;
+	color: black;
 }
 
 .has-background-background-color[class] {
-	background-color: #FAF8F5 !important;
-	color: #242424;
+	background-color: white !important;
+	color: black;
 }
 
 .is-small-text,
@@ -760,7 +760,7 @@ table th,
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: Poppins, sans-serif;
 	font-size: calc(2 * 2.0736em);
-	font-weight: 700;
+	font-weight: 600;
 }
 
 /**

mayland/style-rtl.css

@@ -594,20 +594,20 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #242424;
+	color: black;
 	text-align: right;
-	background-color: #FAF8F5;
+	background-color: white;
 }
 
 /**
  * Links styles
  */
 a {
-	color: #8D6708;
+	color: black;
 }
 
 a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 button,
@@ -631,12 +631,12 @@ a {
 }
 
 .screen-reader-text:focus {
-	background-color: #FAF8F5;
+	background-color: white;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #242424;
+	color: black;
 	display: block;
 	font-size: 1.2rem;
 	font-weight: bold;
@@ -972,8 +972,8 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #242424;
-	border: 1px solid #cccccc;
+	color: black;
+	border: 1px solid #e6e6e6;
 	border-radius: 3px;
 	padding: 16px;
 }
@@ -994,12 +994,12 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #242424;
-	border-color: #5d4405;
+	color: black;
+	border-color: #666666;
 }
 
 select {
-	border: 1px solid #cccccc;
+	border: 1px solid #e6e6e6;
 }
 
 textarea {
@@ -1014,7 +1014,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1082,7 +1082,7 @@ input[type="submit"],
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
-	background-color: #8D6708;
+	background-color: black;
 	border-radius: 5px;
 	border-width: 0;
 	padding: 16px 16px;
@@ -1133,21 +1133,21 @@ 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: white;
-	background-color: #5d4405;
+	background-color: #666666;
 }
 
 /**
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #8D6708;
+	color: black;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 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 {
-	color: #5d4405;
+	color: #666666;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -1155,14 +1155,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #242424;
+	color: black;
 	font-size: 0.83333rem;
 	padding: 16px;
-	border-color: #cccccc;
+	border-color: #e6e6e6;
 }
 
 .wp-block-code pre {
-	color: #242424;
+	color: black;
 }
 
 .wp-block-columns {
@@ -1324,7 +1324,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #8D6708;
+	background-color: black;
 	color: white;
 	font-size: 0.83333rem;
 	margin-right: 16px;
@@ -1405,7 +1405,7 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: Poppins, sans-serif;
-	font-weight: 700;
+	font-weight: 600;
 	clear: both;
 }
 
@@ -1446,7 +1446,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1496,7 +1496,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 }
 
@@ -1527,12 +1527,12 @@ img {
 .wp-block-latest-posts > li > a {
 	font-family: Poppins, sans-serif;
 	font-size: 1.2rem;
-	font-weight: 700;
+	font-weight: 600;
 	line-height: 1.125;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	line-height: 1.6;
 }
@@ -1694,8 +1694,8 @@ p.has-background {
 }
 
 .a8c-posts-list-item__featured span {
-	color: #FAF8F5;
-	background-color: #8D6708;
+	color: white;
+	background-color: black;
 	font-family: Poppins, sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -1733,7 +1733,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 }
 
@@ -1742,7 +1742,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: #5d4405;
+	color: #666666;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -1758,11 +1758,11 @@ p.has-background {
 	margin-right: 0;
 	margin-left: 0;
 	text-align: center;
-	border-top-color: #cccccc;
+	border-top-color: #e6e6e6;
 	border-top-width: 4px;
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	border-bottom-width: 4px;
-	color: #242424;
+	color: black;
 	/**
 	 * Block Options
 	 */
@@ -1782,7 +1782,7 @@ p.has-background {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 	display: block;
@@ -1801,8 +1801,8 @@ p.has-background {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #8D6708;
-	color: #FAF8F5;
+	background-color: black;
+	color: white;
 }
 
 .wp-block-pullquote.is-style-solid-color blockquote {
@@ -1826,7 +1826,7 @@ p.has-background {
 }
 
 .wp-block-quote {
-	border-right-color: #8D6708;
+	border-right-color: black;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1857,7 +1857,7 @@ p.has-background {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
@@ -1869,7 +1869,7 @@ p.has-background {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-left-color: #8D6708;
+	border-left-color: black;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -1889,13 +1889,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: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
 hr {
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	border-bottom-width: 2px;
 	clear: both;
 	margin-right: auto;
@@ -1903,19 +1903,19 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	/**
 		 * Block Options
 		 */
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	border-bottom-width: 2px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #cccccc;
+	color: #e6e6e6;
 	font-size: 1.728rem;
 	letter-spacing: 0.83333rem;
 	padding-right: 0.83333rem;
@@ -1965,7 +1965,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2048,35 +2048,35 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #8D6708 !important;
+	color: black !important;
 }
 
 .has-secondary-color[class] {
-	color: #403D39 !important;
+	color: #1a1a1a !important;
 }
 
 .has-foreground-color[class] {
-	color: #242424 !important;
+	color: black !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #6e6e6e !important;
+	color: #666666 !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #111111 !important;
+	color: #333333 !important;
 }
 
 .has-background-light-color[class] {
-	color: #DDDDDD !important;
+	color: #f2f2f2 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #CCC5B9 !important;
+	color: #d9d9d9 !important;
 }
 
 .has-background-color[class] {
-	color: #FAF8F5 !important;
+	color: white !important;
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -2086,43 +2086,43 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #8D6708 !important;
-	color: #FAF8F5;
+	background-color: black !important;
+	color: white;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #403D39 !important;
-	color: #FAF8F5;
+	background-color: #1a1a1a !important;
+	color: white;
 }
 
 .has-foreground-background-color[class] {
-	background-color: #242424 !important;
-	color: #FAF8F5;
+	background-color: black !important;
+	color: white;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #6e6e6e !important;
-	color: #FAF8F5;
+	background-color: #666666 !important;
+	color: white;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #111111 !important;
-	color: #FAF8F5;
+	background-color: #333333 !important;
+	color: white;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #DDDDDD !important;
-	color: #242424;
+	background-color: #f2f2f2 !important;
+	color: black;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #CCC5B9 !important;
-	color: #242424;
+	background-color: #d9d9d9 !important;
+	color: black;
 }
 
 .has-background-background-color[class] {
-	background-color: #FAF8F5 !important;
-	color: #242424;
+	background-color: white !important;
+	color: black;
 }
 
 .is-small-text,
@@ -2153,7 +2153,7 @@ table th,
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: Poppins, sans-serif;
 	font-size: calc(2 * 2.0736rem);
-	font-weight: 700;
+	font-weight: 600;
 	line-height: 0.66;
 	text-transform: uppercase;
 	font-style: normal;
@@ -2292,11 +2292,11 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #6e6e6e;
+	color: #666666;
 }
 
 .site-title {
-	color: #242424;
+	color: black;
 	font-family: Poppins, sans-serif;
 	font-size: 1.44rem;
 	letter-spacing: normal;
@@ -2305,7 +2305,7 @@ table th,
 
 .site-title a {
 	color: currentColor;
-	font-weight: 700;
+	font-weight: 600;
 }
 
 .site-title a:link, .site-title a:visited {
@@ -2313,7 +2313,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .site-description {
@@ -2323,7 +2323,7 @@ table th,
 }
 
 .main-navigation {
-	color: #242424;
+	color: black;
 }
 
 .main-navigation > div {
@@ -2340,7 +2340,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #5d4405;
+	background-color: #666666;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2451,7 +2451,7 @@ table th,
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div > ul > li > .sub-menu {
-		background: #FAF8F5;
+		background: white;
 		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
 		right: 0;
 		top: 100%;
@@ -2468,26 +2468,26 @@ table th,
 }
 
 .main-navigation a {
-	color: #8D6708;
+	color: black;
 	display: block;
 	font-family: Poppins, sans-serif;
 	font-size: 0.83333rem;
-	font-weight: 600;
-	padding: 8px 0;
+	font-weight: 400;
+	padding: 4px 0;
 }
 
 @media only screen and (min-width: 560px) {
 	.main-navigation a {
-		padding: 16px;
+		padding: 8px;
 	}
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #8D6708;
+	color: black;
 }
 
 .main-navigation a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .main-navigation .sub-menu {
@@ -2498,8 +2498,8 @@ table th,
 }
 
 .main-navigation .sub-menu .menu-item a {
-	padding-top: 8px;
-	padding-bottom: 8px;
+	padding-top: 4px;
+	padding-bottom: 4px;
 }
 
 .main-navigation .sub-menu .menu-item a::before {
@@ -2545,13 +2545,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #242424;
+	color: black;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .social-navigation svg {
@@ -2573,7 +2573,7 @@ table th,
 }
 
 .site-info {
-	color: #6e6e6e;
+	color: #666666;
 	font-family: Poppins, sans-serif;
 	font-size: 0.83333rem;
 }
@@ -2600,7 +2600,7 @@ table th,
 }
 
 .site-info a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .footer-navigation {
@@ -2622,7 +2622,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #6e6e6e;
+	color: #666666;
 	margin: 0;
 	padding-right: 0;
 }
@@ -2650,8 +2650,8 @@ table th,
 .footer-navigation .footer-menu a {
 	font-family: Poppins, sans-serif;
 	font-size: 0.83333rem;
-	font-weight: 600;
-	padding: 16px;
+	font-weight: 400;
+	padding: 8px;
 	color: currentColor;
 }
 
@@ -2660,7 +2660,7 @@ table th,
 }
 
 .footer-navigation .footer-menu a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .entry-title {
@@ -2671,7 +2671,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #6e6e6e;
+	color: #666666;
 	clear: both;
 	float: none;
 	font-size: 0.83333rem;
@@ -2708,7 +2708,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #5d4405;
+	color: #666666;
 }
 
 .entry-meta .svg-icon,
@@ -2880,13 +2880,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #cccccc;
+	border-bottom: 1px solid #e6e6e6;
 	margin-right: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #cccccc;
+	border-top: 1px solid #e6e6e6;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2897,7 +2897,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #cccccc;
+	border-top: 1px solid #e6e6e6;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2944,7 +2944,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #242424;
+	color: black;
 }
 
 .comment-meta .comment-metadata a {
@@ -2952,7 +2952,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #5d4405;
+	color: #666666;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3121,8 +3121,8 @@ img#wpstats {
  * - Page specific styles
  */
 .sticky-post {
-	color: #FAF8F5;
-	background-color: #8D6708;
+	color: white;
+	background-color: black;
 	font-family: Poppins, sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -3411,31 +3411,15 @@ strong {
 	font-weight: 600;
 }
 
-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 {
+.site-header a, a:hover, a:focus {
 	text-decoration: none;
 }
 
 /**
  * Header
  */
-.site-header {
+.site-header,
+.site-footer {
 	max-width: 100%;
 	padding-right: 16px;
 	padding-left: 16px;
@@ -3443,19 +3427,20 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (min-width: 560px) {
-	.site-header {
-		padding: 24px 32px;
+	.site-header,
+	.site-footer {
+		padding: 32px;
 	}
 }
 
-.site-header .site-branding .site-description {
+.site-branding .site-description {
 	display: none;
 }
 
 /**
  * CSS-grid Desktop Menu
  */
-@media only screen and (min-width: 560px) {
+@media only screen and (min-width: 782px) {
 	.site-header {
 		display: flex;
 	}
@@ -3475,92 +3460,22 @@ p:not(.site-title) a:hover {
 	.site-header .site-logo + .site-title {
 		margin-top: 16px;
 	}
-	.site-header .site-title + .site-description {
-		margin-top: 4px;
-	}
 	.site-header .main-navigation {
 		align-self: center;
 	}
-	.site-header .main-navigation > div > ul {
-		justify-content: flex-end;
-		margin-right: -8px;
-		margin-left: -8px;
-	}
-	.site-header .main-navigation > div > ul > li > a {
-		padding: 8px 16px;
-	}
-	.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
-		font-size: 0.5rem;
-	}
-	.site-header .main-navigation > div > ul > .menu-item-has-children .submenu-expand {
-		display: inline-block;
-		margin-left: 0;
-		/* Priority+ Menu */
-	}
-	.site-header .main-navigation > div > ul > .menu-item-has-children .submenu-expand.main-menu-more-toggle {
-		position: relative;
-		height: 24px;
-		line-height: 1;
-		width: 24px;
-		padding: 0;
-		margin-right: 0;
-	}
-	.site-header .main-navigation > div > ul > .menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
-		height: 24px;
-		width: 24px;
-		top: 0;
-		vertical-align: text-bottom;
-	}
-	.wp-customizer-unloading .site-header .main-navigation > div > ul > .menu-item-has-children .submenu-expand, .site-header .main-navigation > div > ul > .menu-item-has-children .submenu-expand.is-empty {
-		display: none;
-	}
-	.site-header .main-navigation > div > ul > .menu-item-has-children .submenu-expand svg {
-		position: relative;
-		top: 0.2rem;
-	}
-	.site-header .main-navigation > div > ul > li:hover > a,
-	.site-header .main-navigation > div > ul > li.focus > a,
-	.site-header .main-navigation > div > ul > li.current-menu-item > a {
-		color: #8D6708;
-	}
-	.site-header .main-navigation > div > ul > li:hover > ul,
-	.site-header .main-navigation > div > ul > li.focus > ul,
-	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
+	.site-header .main-navigation > div > ul > li > .sub-menu {
+		border: 1px solid #e6e6e6;
 		box-shadow: none;
-		overflow: hidden;
-	}
-	.site-header .main-navigation > div > ul > li:hover > ul:before,
-	.site-header .main-navigation > div > ul > li.focus > ul:before,
-	.site-header .main-navigation > div > ul > li.current-menu-item > ul:before {
-		border-bottom: 8px solid #8D6708;
-		border-right: 8px solid transparent;
-		border-left: 8px solid transparent;
-		content: "";
-		display: block;
-		margin-right: 16px;
-		width: 16px;
-	}
-	.site-header .main-navigation > div > ul > li:hover li > a,
-	.site-header .main-navigation > div > ul > li.focus li > a,
-	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
-		background: #8D6708;
-		color: #FAF8F5;
-	}
-	.site-header .main-navigation > div > ul > li:hover li:hover > a,
-	.site-header .main-navigation > div > ul > li:hover li.focus > a,
-	.site-header .main-navigation > div > ul > li:hover li.current-menu-item > a,
-	.site-header .main-navigation > div > ul > li.focus li:hover > a,
-	.site-header .main-navigation > div > ul > li.focus li.focus > a,
-	.site-header .main-navigation > div > ul > li.focus li.current-menu-item > 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: #5d4405;
+		border-radius: 0;
+	}
+	.site-header .main-navigation .sub-menu .menu-item a {
+		padding-top: 8px;
+		padding-bottom: 8px;
 	}
 	.site-header .social-navigation {
 		align-self: center;
 		justify-self: flex-end;
-		padding-right: 16px;
+		padding-right: 32px;
 	}
 }
 
@@ -3585,6 +3500,24 @@ p:not(.site-title) a:hover {
 	}
 }
 
+.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 > .page-header,
+	.site-main > .not-found > .page-header {
+		margin-top: 64px;
+	}
+}
+
+#main .entry-content .entry-attachment {
+	max-width: calc( 100% - 64px);
+}
+
 .entry-title a,
 .page-title a,
 .a8c-posts-list .a8c-posts-list-item__title a {
@@ -3599,7 +3532,7 @@ p:not(.site-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: #8D6708;
+	color: black;
 }
 
 .sticky-post,
@@ -3612,7 +3545,7 @@ p:not(.site-title) a:hover {
  * Next/Previous navigation
  */
 .post-navigation .meta-nav {
-	color: #6e6e6e;
+	color: #666666;
 }
 
 .post-navigation .post-title {
@@ -3634,7 +3567,7 @@ p:not(.site-title) a:hover {
 }
 
 .comment-notes {
-	color: #6e6e6e;
+	color: #666666;
 }
 
 .comment-form > p:not(.comment-form-cookies-consent) label {
@@ -3644,6 +3577,11 @@ p:not(.site-title) a:hover {
 /**
  * Blocks
  */
+.wp-block-columns.alignfull {
+	padding-left: 32px;
+	padding-right: 32px;
+}
+
 /**
  * Widgets
  */
@@ -3677,7 +3615,7 @@ p:not(.site-title) a:hover {
 .widget_recent_comments ul li,
 .widget_recent_entries ul li,
 .widget_rss ul li {
-	color: #6e6e6e;
+	color: #666666;
 	font-weight: 600;
 }
 

mayland/style.css

@@ -594,20 +594,20 @@ html {
 body {
 	font-size: 1rem;
 	font-weight: normal;
-	color: #242424;
+	color: black;
 	text-align: left;
-	background-color: #FAF8F5;
+	background-color: white;
 }
 
 /**
  * Links styles
  */
 a {
-	color: #8D6708;
+	color: black;
 }
 
 a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 button,
@@ -631,12 +631,12 @@ a {
 }
 
 .screen-reader-text:focus {
-	background-color: #FAF8F5;
+	background-color: white;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
 	clip-path: none;
-	color: #242424;
+	color: black;
 	display: block;
 	font-size: 1.2rem;
 	font-weight: bold;
@@ -972,8 +972,8 @@ input[type="datetime"],
 input[type="datetime-local"],
 input[type="color"],
 textarea {
-	color: #242424;
-	border: 1px solid #cccccc;
+	color: black;
+	border: 1px solid #e6e6e6;
 	border-radius: 3px;
 	padding: 16px;
 }
@@ -994,12 +994,12 @@ input[type="datetime"]:focus,
 input[type="datetime-local"]:focus,
 input[type="color"]:focus,
 textarea:focus {
-	color: #242424;
-	border-color: #5d4405;
+	color: black;
+	border-color: #666666;
 }
 
 select {
-	border: 1px solid #cccccc;
+	border: 1px solid #e6e6e6;
 }
 
 textarea {
@@ -1014,7 +1014,7 @@ input[type=checkbox] + label {
 }
 
 figcaption {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1082,7 +1082,7 @@ input[type="submit"],
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.83333rem;
-	background-color: #8D6708;
+	background-color: black;
 	border-radius: 5px;
 	border-width: 0;
 	padding: 16px 16px;
@@ -1133,21 +1133,21 @@ 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: white;
-	background-color: #5d4405;
+	background-color: #666666;
 }
 
 /**
  * Block Options
  */
 .wp-block-button.is-style-outline .wp-block-button__link {
-	color: #8D6708;
+	color: black;
 	background: transparent;
 	border: 2px solid currentcolor;
 	padding: 14px 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 {
-	color: #5d4405;
+	color: #666666;
 }
 
 .wp-block-button.is-style-squared .wp-block-button__link {
@@ -1155,14 +1155,14 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-code {
-	color: #242424;
+	color: black;
 	font-size: 0.83333rem;
 	padding: 16px;
-	border-color: #cccccc;
+	border-color: #e6e6e6;
 }
 
 .wp-block-code pre {
-	color: #242424;
+	color: black;
 }
 
 .wp-block-columns {
@@ -1324,7 +1324,7 @@ input.has-focus[type="submit"],
 }
 
 .wp-block-file .wp-block-file__button {
-	background-color: #8D6708;
+	background-color: black;
 	color: white;
 	font-size: 0.83333rem;
 	margin-left: 16px;
@@ -1405,7 +1405,7 @@ h4, .h4,
 h5, .h5,
 h6, .h6 {
 	font-family: Poppins, sans-serif;
-	font-weight: 700;
+	font-weight: 600;
 	clear: both;
 }
 
@@ -1446,7 +1446,7 @@ h6, .h6 {
 }
 
 .wp-block-image figcaption {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -1496,7 +1496,7 @@ img {
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 }
 
@@ -1527,12 +1527,12 @@ img {
 .wp-block-latest-posts > li > a {
 	font-family: Poppins, sans-serif;
 	font-size: 1.2rem;
-	font-weight: 700;
+	font-weight: 600;
 	line-height: 1.125;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	line-height: 1.6;
 }
@@ -1694,8 +1694,8 @@ p.has-background {
 }
 
 .a8c-posts-list-item__featured span {
-	color: #FAF8F5;
-	background-color: #8D6708;
+	color: white;
+	background-color: black;
 	font-family: Poppins, sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -1733,7 +1733,7 @@ p.has-background {
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__meta {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 }
 
@@ -1742,7 +1742,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: #5d4405;
+	color: #666666;
 }
 
 .a8c-posts-list__item .a8c-posts-list-item__edit-link {
@@ -1758,11 +1758,11 @@ p.has-background {
 	margin-left: 0;
 	margin-right: 0;
 	text-align: center;
-	border-top-color: #cccccc;
+	border-top-color: #e6e6e6;
 	border-top-width: 4px;
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	border-bottom-width: 4px;
-	color: #242424;
+	color: black;
 	/**
 	 * Block Options
 	 */
@@ -1782,7 +1782,7 @@ p.has-background {
 .wp-block-pullquote .wp-block-pullquote__citation,
 .wp-block-pullquote cite,
 .wp-block-pullquote footer {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 	display: block;
@@ -1801,8 +1801,8 @@ p.has-background {
 }
 
 .wp-block-pullquote.is-style-solid-color {
-	background-color: #8D6708;
-	color: #FAF8F5;
+	background-color: black;
+	color: white;
 }
 
 .wp-block-pullquote.is-style-solid-color blockquote {
@@ -1826,7 +1826,7 @@ p.has-background {
 }
 
 .wp-block-quote {
-	border-left-color: #8D6708;
+	border-left-color: black;
 	margin: 32px 0;
 	padding: 0 16px;
 	/**
@@ -1857,7 +1857,7 @@ p.has-background {
 .wp-block-quote .wp-block-quote__citation,
 .wp-block-quote cite,
 .wp-block-quote footer {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
@@ -1869,7 +1869,7 @@ p.has-background {
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
-	border-right-color: #8D6708;
+	border-right-color: black;
 }
 
 .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@@ -1889,13 +1889,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: #6e6e6e;
+	color: #666666;
 	font-size: 0.83333rem;
 	letter-spacing: normal;
 }
 
 hr {
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	border-bottom-width: 2px;
 	clear: both;
 	margin-left: auto;
@@ -1903,19 +1903,19 @@ hr {
 }
 
 hr.wp-block-separator {
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	/**
 		 * Block Options
 		 */
 }
 
 hr.wp-block-separator.is-style-wide {
-	border-bottom-color: #cccccc;
+	border-bottom-color: #e6e6e6;
 	border-bottom-width: 2px;
 }
 
 hr.wp-block-separator.is-style-dots:before {
-	color: #cccccc;
+	color: #e6e6e6;
 	font-size: 1.728rem;
 	letter-spacing: 0.83333rem;
 	padding-left: 0.83333rem;
@@ -1965,7 +1965,7 @@ table th,
 }
 
 .wp-block-video figcaption {
-	color: #6e6e6e;
+	color: #666666;
 	font-size: 0.69444rem;
 	margin-top: calc(0.5 * 16px);
 	margin-bottom: 16px;
@@ -2053,35 +2053,35 @@ table th,
 }
 
 .has-primary-color[class] {
-	color: #8D6708 !important;
+	color: black !important;
 }
 
 .has-secondary-color[class] {
-	color: #403D39 !important;
+	color: #1a1a1a !important;
 }
 
 .has-foreground-color[class] {
-	color: #242424 !important;
+	color: black !important;
 }
 
 .has-foreground-light-color[class] {
-	color: #6e6e6e !important;
+	color: #666666 !important;
 }
 
 .has-foreground-dark-color[class] {
-	color: #111111 !important;
+	color: #333333 !important;
 }
 
 .has-background-light-color[class] {
-	color: #DDDDDD !important;
+	color: #f2f2f2 !important;
 }
 
 .has-background-dark-color[class] {
-	color: #CCC5B9 !important;
+	color: #d9d9d9 !important;
 }
 
 .has-background-color[class] {
-	color: #FAF8F5 !important;
+	color: white !important;
 }
 
 .has-background:not(.has-background-background-color) a,
@@ -2091,43 +2091,43 @@ table th,
 }
 
 .has-primary-background-color[class] {
-	background-color: #8D6708 !important;
-	color: #FAF8F5;
+	background-color: black !important;
+	color: white;
 }
 
 .has-secondary-background-color[class] {
-	background-color: #403D39 !important;
-	color: #FAF8F5;
+	background-color: #1a1a1a !important;
+	color: white;
 }
 
 .has-foreground-background-color[class] {
-	background-color: #242424 !important;
-	color: #FAF8F5;
+	background-color: black !important;
+	color: white;
 }
 
 .has-foreground-light-background-color[class] {
-	background-color: #6e6e6e !important;
-	color: #FAF8F5;
+	background-color: #666666 !important;
+	color: white;
 }
 
 .has-foreground-dark-background-color[class] {
-	background-color: #111111 !important;
-	color: #FAF8F5;
+	background-color: #333333 !important;
+	color: white;
 }
 
 .has-background-light-background-color[class] {
-	background-color: #DDDDDD !important;
-	color: #242424;
+	background-color: #f2f2f2 !important;
+	color: black;
 }
 
 .has-background-dark-background-color[class] {
-	background-color: #CCC5B9 !important;
-	color: #242424;
+	background-color: #d9d9d9 !important;
+	color: black;
 }
 
 .has-background-background-color[class] {
-	background-color: #FAF8F5 !important;
-	color: #242424;
+	background-color: white !important;
+	color: black;
 }
 
 .is-small-text,
@@ -2158,7 +2158,7 @@ table th,
 .has-drop-cap:not(:focus)::first-letter {
 	font-family: Poppins, sans-serif;
 	font-size: calc(2 * 2.0736rem);
-	font-weight: 700;
+	font-weight: 600;
 	line-height: 0.66;
 	text-transform: uppercase;
 	font-style: normal;
@@ -2309,11 +2309,11 @@ table th,
  * - Similar to Blocks but exist outside of the "current" editor context
  */
 .site-branding {
-	color: #6e6e6e;
+	color: #666666;
 }
 
 .site-title {
-	color: #242424;
+	color: black;
 	font-family: Poppins, sans-serif;
 	font-size: 1.44rem;
 	letter-spacing: normal;
@@ -2322,7 +2322,7 @@ table th,
 
 .site-title a {
 	color: currentColor;
-	font-weight: 700;
+	font-weight: 600;
 }
 
 .site-title a:link, .site-title a:visited {
@@ -2330,7 +2330,7 @@ table th,
 }
 
 .site-title a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .site-description {
@@ -2340,7 +2340,7 @@ table th,
 }
 
 .main-navigation {
-	color: #242424;
+	color: black;
 }
 
 .main-navigation > div {
@@ -2357,7 +2357,7 @@ table th,
 }
 
 .main-navigation #toggle:focus + #toggle-menu {
-	background-color: #5d4405;
+	background-color: #666666;
 	outline: inherit;
 	text-decoration: underline;
 }
@@ -2468,7 +2468,7 @@ table th,
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div > ul > li > .sub-menu {
-		background: #FAF8F5;
+		background: white;
 		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
 		left: 0;
 		top: 100%;
@@ -2485,26 +2485,26 @@ table th,
 }
 
 .main-navigation a {
-	color: #8D6708;
+	color: black;
 	display: block;
 	font-family: Poppins, sans-serif;
 	font-size: 0.83333rem;
-	font-weight: 600;
-	padding: 8px 0;
+	font-weight: 400;
+	padding: 4px 0;
 }
 
 @media only screen and (min-width: 560px) {
 	.main-navigation a {
-		padding: 16px;
+		padding: 8px;
 	}
 }
 
 .main-navigation a:link, .main-navigation a:visited {
-	color: #8D6708;
+	color: black;
 }
 
 .main-navigation a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .main-navigation .sub-menu {
@@ -2515,8 +2515,8 @@ table th,
 }
 
 .main-navigation .sub-menu .menu-item a {
-	padding-top: 8px;
-	padding-bottom: 8px;
+	padding-top: 4px;
+	padding-bottom: 4px;
 }
 
 .main-navigation .sub-menu .menu-item a::before {
@@ -2562,13 +2562,13 @@ table th,
 }
 
 .social-navigation a {
-	color: #242424;
+	color: black;
 	display: inline-block;
 	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
 }
 
 .social-navigation a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .social-navigation svg {
@@ -2590,7 +2590,7 @@ table th,
 }
 
 .site-info {
-	color: #6e6e6e;
+	color: #666666;
 	font-family: Poppins, sans-serif;
 	font-size: 0.83333rem;
 }
@@ -2617,7 +2617,7 @@ table th,
 }
 
 .site-info a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .footer-navigation {
@@ -2639,7 +2639,7 @@ table th,
 }
 
 .footer-navigation .footer-menu {
-	color: #6e6e6e;
+	color: #666666;
 	margin: 0;
 	padding-left: 0;
 }
@@ -2667,8 +2667,8 @@ table th,
 .footer-navigation .footer-menu a {
 	font-family: Poppins, sans-serif;
 	font-size: 0.83333rem;
-	font-weight: 600;
-	padding: 16px;
+	font-weight: 400;
+	padding: 8px;
 	color: currentColor;
 }
 
@@ -2677,7 +2677,7 @@ table th,
 }
 
 .footer-navigation .footer-menu a:hover {
-	color: #5d4405;
+	color: #666666;
 }
 
 .entry-title {
@@ -2688,7 +2688,7 @@ table th,
 
 .entry-meta,
 .entry-footer {
-	color: #6e6e6e;
+	color: #666666;
 	clear: both;
 	float: none;
 	font-size: 0.83333rem;
@@ -2725,7 +2725,7 @@ table th,
 .entry-meta a:hover, .entry-meta a:active,
 .entry-footer a:hover,
 .entry-footer a:active {
-	color: #5d4405;
+	color: #666666;
 }
 
 .entry-meta .svg-icon,
@@ -2897,13 +2897,13 @@ table th,
  * Comment Lists
  */
 .comment-list {
-	border-bottom: 1px solid #cccccc;
+	border-bottom: 1px solid #e6e6e6;
 	margin-left: 0;
 	list-style: none;
 }
 
 .comment-list > li {
-	border-top: 1px solid #cccccc;
+	border-top: 1px solid #e6e6e6;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2914,7 +2914,7 @@ table th,
 }
 
 .children > li {
-	border-top: 1px solid #cccccc;
+	border-top: 1px solid #e6e6e6;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -2961,7 +2961,7 @@ table th,
 }
 
 .comment-meta .comment-metadata {
-	color: #242424;
+	color: black;
 }
 
 .comment-meta .comment-metadata a {
@@ -2969,7 +2969,7 @@ table th,
 }
 
 .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
-	color: #5d4405;
+	color: #666666;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3138,8 +3138,8 @@ img#wpstats {
  * - Page specific styles
  */
 .sticky-post {
-	color: #FAF8F5;
-	background-color: #8D6708;
+	color: white;
+	background-color: black;
 	font-family: Poppins, sans-serif;
 	font-weight: bold;
 	font-size: 0.83333rem;
@@ -3440,31 +3440,15 @@ strong {
 	font-weight: 600;
 }
 
-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 {
+.site-header a, a:hover, a:focus {
 	text-decoration: none;
 }
 
 /**
  * Header
  */
-.site-header {
+.site-header,
+.site-footer {
 	max-width: 100%;
 	padding-left: 16px;
 	padding-right: 16px;
@@ -3472,19 +3456,20 @@ p:not(.site-title) a:hover {
 }
 
 @media only screen and (min-width: 560px) {
-	.site-header {
-		padding: 24px 32px;
+	.site-header,
+	.site-footer {
+		padding: 32px;
 	}
 }
 
-.site-header .site-branding .site-description {
+.site-branding .site-description {
 	display: none;
 }
 
 /**
  * CSS-grid Desktop Menu
  */
-@media only screen and (min-width: 560px) {
+@media only screen and (min-width: 782px) {
 	.site-header {
 		display: flex;
 	}
@@ -3504,66 +3489,22 @@ p:not(.site-title) a:hover {
 	.site-header .site-logo + .site-title {
 		margin-top: 16px;
 	}
-	.site-header .site-title + .site-description {
-		margin-top: 4px;
-	}
 	.site-header .main-navigation {
 		align-self: center;
 	}
-	.site-header .main-navigation > div > ul {
-		justify-content: flex-end;
-		margin-left: -8px;
-		margin-right: -8px;
-	}
-	.site-header .main-navigation > div > ul > li > a {
-		padding: 8px 16px;
-	}
-	.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
-		font-size: 0.5rem;
-	}
-	.site-header .main-navigation > div > ul > li:hover > a,
-	.site-header .main-navigation > div > ul > li.focus > a,
-	.site-header .main-navigation > div > ul > li.current-menu-item > a {
-		color: #8D6708;
-	}
-	.site-header .main-navigation > div > ul > li:hover > ul,
-	.site-header .main-navigation > div > ul > li.focus > ul,
-	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
+	.site-header .main-navigation > div > ul > li > .sub-menu {
+		border: 1px solid #e6e6e6;
 		box-shadow: none;
-		overflow: hidden;
-	}
-	.site-header .main-navigation > div > ul > li:hover > ul:before,
-	.site-header .main-navigation > div > ul > li.focus > ul:before,
-	.site-header .main-navigation > div > ul > li.current-menu-item > ul:before {
-		border-bottom: 8px solid #8D6708;
-		border-left: 8px solid transparent;
-		border-right: 8px solid transparent;
-		content: "";
-		display: block;
-		margin-left: 16px;
-		width: 16px;
-	}
-	.site-header .main-navigation > div > ul > li:hover li > a,
-	.site-header .main-navigation > div > ul > li.focus li > a,
-	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
-		background: #8D6708;
-		color: #FAF8F5;
-	}
-	.site-header .main-navigation > div > ul > li:hover li:hover > a,
-	.site-header .main-navigation > div > ul > li:hover li.focus > a,
-	.site-header .main-navigation > div > ul > li:hover li.current-menu-item > a,
-	.site-header .main-navigation > div > ul > li.focus li:hover > a,
-	.site-header .main-navigation > div > ul > li.focus li.focus > a,
-	.site-header .main-navigation > div > ul > li.focus li.current-menu-item > 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: #5d4405;
+		border-radius: 0;
+	}
+	.site-header .main-navigation .sub-menu .menu-item a {
+		padding-top: 8px;
+		padding-bottom: 8px;
 	}
 	.site-header .social-navigation {
 		align-self: center;
 		justify-self: flex-end;
-		padding-left: 16px;
+		padding-left: 32px;
 	}
 }
 
@@ -3588,6 +3529,24 @@ p:not(.site-title) a:hover {
 	}
 }
 
+.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 > .page-header,
+	.site-main > .not-found > .page-header {
+		margin-top: 64px;
+	}
+}
+
+#main .entry-content .entry-attachment {
+	max-width: calc( 100% - 64px);
+}
+
 .entry-title a,
 .page-title a,
 .a8c-posts-list .a8c-posts-list-item__title a {
@@ -3602,7 +3561,7 @@ p:not(.site-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: #8D6708;
+	color: black;
 }
 
 .sticky-post,
@@ -3615,7 +3574,7 @@ p:not(.site-title) a:hover {
  * Next/Previous navigation
  */
 .post-navigation .meta-nav {
-	color: #6e6e6e;
+	color: #666666;
 }
 
 .post-navigation .post-title {
@@ -3637,7 +3596,7 @@ p:not(.site-title) a:hover {
 }
 
 .comment-notes {
-	color: #6e6e6e;
+	color: #666666;
 }
 
 .comment-form > p:not(.comment-form-cookies-consent) label {
@@ -3647,6 +3606,11 @@ p:not(.site-title) a:hover {
 /**
  * Blocks
  */
+.wp-block-columns.alignfull {
+	padding-right: 32px;
+	padding-left: 32px;
+}
+
 /**
  * Widgets
  */
@@ -3680,7 +3644,7 @@ p:not(.site-title) a:hover {
 .widget_recent_comments ul li,
 .widget_recent_entries ul li,
 .widget_rss ul li {
-	color: #6e6e6e;
+	color: #666666;
 	font-weight: 600;
 }