_dsgnsystm: Resolving conflicts with master

_dsgnsystm/functions.php

@@ -85,10 +85,11 @@ if ( ! function_exists( '_dsgnsystm_setup' ) ) :
 		add_theme_support(
 			'custom-logo',
 			array(
-				'height'      => 190,
-				'width'       => 190,
-				'flex-width'  => false,
+				'height'      => 96,
+				'width'       => 100,
+				'flex-width'  => true,
 				'flex-height' => false,
+				'header-text' => array( 'site-title', 'site-description' ),
 			)
 		);
 
@@ -273,51 +274,6 @@ function _dsgnsystm_editor_content_width() {
 }
 add_action( 'enqueue_block_editor_assets', '_dsgnsystm_editor_content_width' );
 
-/**
- * Enqueue supplemental block editor styles.
- */
-function _dsgnsystm_editor_customizer_styles() {
-
-	wp_enqueue_style( '_dsgnsystm-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, wp_get_theme()->get( 'Version' ), 'all' );
-
-	if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
-		// Include color patterns.
-		require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
-		wp_add_inline_style( '_dsgnsystm-editor-customizer-styles', _dsgnsystm_custom_colors_css() );
-	}
-}
-// add_action( 'enqueue_block_editor_assets', '_dsgnsystm_editor_customizer_styles' );
-
-/**
- * Display custom color CSS in customizer and on frontend.
- */
-function _dsgnsystm_colors_css_wrap() {
-
-	// Only bother if we haven't customized the color.
-	if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'primary_color', 'default' ) ) || is_admin() ) {
-		return;
-	}
-
-	require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
-
-	$primary_color = _dsgnsystm_get_default_hue();
-	if ( 'default' !== get_theme_mod( 'primary_color', 'default' ) ) {
-		$primary_color = get_theme_mod( 'primary_color_hue', $primary_color );
-	}
-	?>
-
-	<style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . absint( $primary_color ) . '"' : ''; ?>>
-		<?php echo _dsgnsystm_custom_colors_css(); ?>
-	</style>
-	<?php
-}
-// add_action( 'wp_head', '_dsgnsystm_colors_css_wrap' );
-
-/**
- * Default color filters.
- */
-require get_template_directory() . '/inc/color-filters.php';
-
 /**
  * SVG Icons class.
  */
@@ -342,8 +298,3 @@ require get_template_directory() . '/inc/icon-functions.php';
  * Custom template tags for the theme.
  */
 require get_template_directory() . '/inc/template-tags.php';
-
-/**
- * Customizer additions.
- */
-require get_template_directory() . '/inc/customizer.php';

_dsgnsystm/inc/color-filters.php

@@ -1,78 +0,0 @@
-<?php
-/**
- * _Dsgnsystm: Color Filter for overriding the colors schemes in a child theme
- *
- * @package WordPress
- * @subpackage TwentyNineteen
- * @since 1.0
- */
-
-/**
- * Define default color filters.
- */
-
-define( '_DSGNSYSTM_DEFAULT_HUE', 199 );        // H
-define( '_DSGNSYSTM_DEFAULT_SATURATION', 100 ); // S
-define( '_DSGNSYSTM_DEFAULT_LIGHTNESS', 33 );   // L
-
-define( '_DSGNSYSTM_DEFAULT_SATURATION_SELECTION', 50 );
-define( '_DSGNSYSTM_DEFAULT_LIGHTNESS_SELECTION', 90 );
-define( '_DSGNSYSTM_DEFAULT_LIGHTNESS_HOVER', 23 );
-
-/**
- * The default hue (as in hsl) used for the primary color throughout this theme
- *
- * @return number the default hue
- */
-function _dsgnsystm_get_default_hue() {
-	return apply_filters( '_dsgnsystm_default_hue', _DSGNSYSTM_DEFAULT_HUE );
-}
-
-/**
- * The default saturation (as in hsl) used for the primary color throughout this theme
- *
- * @return number the default saturation
- */
-function _dsgnsystm_get_default_saturation() {
-	return apply_filters( '_dsgnsystm_default_saturation', _DSGNSYSTM_DEFAULT_SATURATION );
-}
-
-/**
- * The default lightness (as in hsl) used for the primary color throughout this theme
- *
- * @return number the default lightness
- */
-function _dsgnsystm_get_default_lightness() {
-	return apply_filters( '_dsgnsystm_default_lightness', _DSGNSYSTM_DEFAULT_LIGHTNESS );
-}
-
-/**
- * The default saturation (as in hsl) used when selecting text throughout this theme
- *
- * @return number the default saturation selection
- */
-function _dsgnsystm_get_default_saturation_selection() {
-	return apply_filters( '_dsgnsystm_default_saturation_selection', _DSGNSYSTM_DEFAULT_SATURATION_SELECTION );
-}
-
-/**
- * The default lightness (as in hsl) used when selecting text throughout this theme
- *
- * @return number the default lightness selection
- */
-function _dsgnsystm_get_default_lightness_selection() {
-	return apply_filters( '_dsgnsystm_default_lightness_selection', _DSGNSYSTM_DEFAULT_LIGHTNESS_SELECTION );
-}
-
-/**
- * The default lightness hover (as in hsl) used when hovering over links throughout this theme
- *
- * @return number the default lightness hover
- */
-function _dsgnsystm_get_default_lightness_hover() {
-	return apply_filters( '_dsgnsystm_default_lightness_hover', _DSGNSYSTM_DEFAULT_LIGHTNESS_HOVER );
-}
-
-function _dsgnsystm_has_custom_default_hue() {
-	return _dsgnsystm_get_default_hue() !== _DSGNSYSTM_DEFAULT_HUE;
-}

_dsgnsystm/inc/color-patterns.php

@@ -1,108 +0,0 @@
-<?php
-/**
- * _Dsgnsystm: Color Patterns
- *
- * @package WordPress
- * @subpackage TwentyNineteen
- * @since 1.0
- */
-
-/**
- * Generate the CSS for the current primary color.
- */
-function _dsgnsystm_custom_colors_css() {
-
-	$primary_color = _dsgnsystm_get_default_hue();
-	if ( 'default' !== get_theme_mod( 'primary_color', 'default' ) ) {
-		$primary_color = absint( get_theme_mod( 'primary_color_hue', $primary_color ) );
-	}
-
-	/**
-	 * Filter _Dsgnsystm default saturation level.
-	 *
-	 * @since _Dsgnsystm 1.0
-	 *
-	 * @param int $saturation Color saturation level.
-	 */
-	$saturation = _dsgnsystm_get_default_saturation();
-	$saturation = absint( $saturation ) . '%';
-
-	/**
-	 * Filter _Dsgnsystm default selection saturation level.
-	 *
-	 * @since _Dsgnsystm 1.0
-	 *
-	 * @param int $saturation_selection Selection color saturation level.
-	 */
-	$saturation_selection = _dsgnsystm_get_default_saturation_selection();
-	$saturation_selection = absint( $saturation_selection ) . '%';
-
-	/**
-	 * Filter _Dsgnsystm default lightness level.
-	 *
-	 * @since _Dsgnsystm 1.0
-	 *
-	 * @param int $lightness Color lightness level.
-	 */
-	$lightness = _dsgnsystm_get_default_lightness();
-	$lightness = absint( $lightness ) . '%';
-
-	/**
-	 * Filter _Dsgnsystm default hover lightness level.
-	 *
-	 * @since _Dsgnsystm 1.0
-	 *
-	 * @param int $lightness_hover Hover color lightness level.
-	 */
-	$lightness_hover = _dsgnsystm_get_default_lightness_hover();
-	$lightness_hover = absint( $lightness_hover ) . '%';
-
-	/**
-	 * Filter _Dsgnsystm default selection lightness level.
-	 *
-	 * @since _Dsgnsystm 1.0
-	 *
-	 * @param int $lightness_selection Selection color lightness level.
-	 */
-	$lightness_selection = _dsgnsystm_get_default_lightness_selection();
-	$lightness_selection = absint( $lightness_selection ) . '%';
-
-	$theme_css = '
-		/*
-		 * Reset color variables:
-		 */
-		:root {
-			--global--color-primary: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' );
-			--global--color-primary-hover: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' );
-			--global--color-secondary: var(--global--color-primary);
-			--global--color-secondary-hover: var(--global--color-primary-hover);
-			--global--color-text-selection: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' );
-		}';
-
-	$editor_css = '
-		/*
-		 * Reset color variables:
-		 */
-		:root {
-			--global--color-primary: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' );
-			--global--color-primary-hover: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' );
-			--global--color-secondary: var(--global--color-primary);
-			--global--color-secondary-hover: var(--global--color-primary-hover);
-			--global--color-text-selection: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' );
-		}';
-
-	if ( function_exists( 'register_block_type' ) && is_admin() ) {
-		$theme_css = $editor_css;
-	}
-
-	/**
-	 * Filters _Dsgnsystm custom colors CSS.
-	 *
-	 * @since _Dsgnsystm 1.0
-	 *
-	 * @param string $css           Base theme colors CSS.
-	 * @param int    $primary_color The user's selected color hue.
-	 * @param string $saturation    Filtered theme color saturation level.
-	 */
-	return apply_filters( '_dsgnsystm_custom_colors_css', $theme_css, $primary_color, $saturation );
-}

_dsgnsystm/inc/customizer.php

@@ -1,145 +0,0 @@
-<?php
-/**
- * _Dsgnsystm: Customizer
- *
- * @package WordPress
- * @subpackage _Dsgnsystm
- * @since 1.0.0
- */
-
-/**
- * Add postMessage support for site title and description for the Theme Customizer.
- *
- * @param WP_Customize_Manager $wp_customize Theme Customizer object.
- */
-function _dsgnsystm_customize_register( $wp_customize ) {
-	$wp_customize->remove_setting( 'blogname' );
-	$wp_customize->remove_setting( 'blogdescription' );
-	$wp_customize->remove_control( 'blogname' );
-	$wp_customize->remove_control( 'blogdescription' );
-
-	/**
-	 * Primary color.
-	 */
-	$wp_customize->add_setting(
-		'primary_color',
-		array(
-			'default'           => 'default',
-			'transport'         => 'postMessage',
-			'sanitize_callback' => '_dsgnsystm_sanitize_color_option',
-		)
-	);
-
-	$wp_customize->add_control(
-		'primary_color',
-		array(
-			'type'     => 'radio',
-			'label'    => __( 'Primary Color', '_dsgnsystm' ),
-			'choices'  => array(
-				'default' => _x( 'Default', 'primary color', '_dsgnsystm' ),
-				'custom'  => _x( 'Custom', 'primary color', '_dsgnsystm' ),
-			),
-			'section'  => 'colors',
-			'priority' => 5,
-		)
-	);
-
-	// Add primary color hue setting and control.
-	$wp_customize->add_setting(
-		'primary_color_hue',
-		array(
-			'default'           => _dsgnsystm_get_default_hue(),
-			'transport'         => 'postMessage',
-			'sanitize_callback' => 'absint',
-		)
-	);
-
-	$wp_customize->add_control(
-		new WP_Customize_Color_Control(
-			$wp_customize,
-			'primary_color_hue',
-			array(
-				'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', '_dsgnsystm' ),
-				'section'     => 'colors',
-				'mode'        => 'hue',
-			)
-		)
-	);
-
-	// Add image filter setting and control.
-	$wp_customize->add_setting(
-		'image_filter',
-		array(
-			'default'           => 1,
-			'sanitize_callback' => 'absint',
-			'transport'         => 'postMessage',
-		)
-	);
-
-	$wp_customize->add_control(
-		'image_filter',
-		array(
-			'label'   => __( 'Apply a filter to featured images using the primary color', '_dsgnsystm' ),
-			'section' => 'colors',
-			'type'    => 'checkbox',
-		)
-	);
-}
-add_action( 'customize_register', '_dsgnsystm_customize_register', 11 );
-
-/**
- * Render the site title for the selective refresh partial.
- *
- * @return void
- */
-function _dsgnsystm_customize_partial_blogname() {
-	bloginfo( 'name' );
-}
-
-/**
- * Render the site tagline for the selective refresh partial.
- *
- * @return void
- */
-function _dsgnsystm_customize_partial_blogdescription() {
-	bloginfo( 'description' );
-}
-
-/**
- * Bind JS handlers to instantly live-preview changes.
- */
-function _dsgnsystm_customize_preview_js() {
-	wp_enqueue_script( '_dsgnsystm-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20181231', true );
-	wp_localize_script( '_dsgnsystm-customize-preview', '_DsgnsystmPreviewData', array(
-		'default_hue' => _dsgnsystm_get_default_hue()
-	));
-}
-add_action( 'customize_preview_init', '_dsgnsystm_customize_preview_js' );
-
-/**
- * Load dynamic logic for the customizer controls area.
- */
-function _dsgnsystm_panels_js() {
-	wp_enqueue_script( '_dsgnsystm-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '20181231', true );
-}
-add_action( 'customize_controls_enqueue_scripts', '_dsgnsystm_panels_js' );
-
-/**
- * Sanitize custom color choice.
- *
- * @param string $choice Whether image filter is active.
- *
- * @return string
- */
-function _dsgnsystm_sanitize_color_option( $choice ) {
-	$valid = array(
-		'default',
-		'custom',
-	);
-
-	if ( in_array( $choice, $valid, true ) ) {
-		return $choice;
-	}
-
-	return 'default';
-}

_dsgnsystm/inc/template-functions.php

@@ -255,84 +255,3 @@ function _dsgnsystm_add_mobile_parent_nav_menu_items( $sorted_menu_items, $args
 	return $amended_menu_items;
 }
 // add_filter( 'wp_nav_menu_objects', '_dsgnsystm_add_mobile_parent_nav_menu_items', 10, 2 );
-
-/**
- * Convert HSL to HEX colors
- */
-function _dsgnsystm_hsl_hex( $h, $s, $l, $to_hex = true ) {
-
-	$h /= 360;
-	$s /= 100;
-	$l /= 100;
-
-	$r = $l;
-	$g = $l;
-	$b = $l;
-	$v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
-	if ( $v > 0 ) {
-		$m;
-		$sv;
-		$sextant;
-		$fract;
-		$vsf;
-		$mid1;
-		$mid2;
-
-		$m       = $l + $l - $v;
-		$sv      = ( $v - $m ) / $v;
-		$h      *= 6.0;
-		$sextant = floor( $h );
-		$fract   = $h - $sextant;
-		$vsf     = $v * $sv * $fract;
-		$mid1    = $m + $vsf;
-		$mid2    = $v - $vsf;
-
-		switch ( $sextant ) {
-			case 0:
-				$r = $v;
-				$g = $mid1;
-				$b = $m;
-				break;
-			case 1:
-				$r = $mid2;
-				$g = $v;
-				$b = $m;
-				break;
-			case 2:
-				$r = $m;
-				$g = $v;
-				$b = $mid1;
-				break;
-			case 3:
-				$r = $m;
-				$g = $mid2;
-				$b = $v;
-				break;
-			case 4:
-				$r = $mid1;
-				$g = $m;
-				$b = $v;
-				break;
-			case 5:
-				$r = $v;
-				$g = $m;
-				$b = $mid2;
-				break;
-		}
-	}
-	$r = round( $r * 255, 0 );
-	$g = round( $g * 255, 0 );
-	$b = round( $b * 255, 0 );
-
-	if ( $to_hex ) {
-
-		$r = ( $r < 15 ) ? '0' . dechex( $r ) : dechex( $r );
-		$g = ( $g < 15 ) ? '0' . dechex( $g ) : dechex( $g );
-		$b = ( $b < 15 ) ? '0' . dechex( $b ) : dechex( $b );
-
-		return "#$r$g$b";
-
-	}
-
-	return "rgb($r, $g, $b)";
-}

_dsgnsystm/sass/blocks/cover/_editor.scss

@@ -20,6 +20,19 @@
 		letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h2")};
 		line-height: #{map-deep-get($config-heading, "font", "line-height", "h2")};
 		padding: 0;
-		text-align: left;
+		max-width: inherit; // undo opinionated styles
+		text-align: inherit;
+
+		&.has-text-align-left {
+			text-align: left;
+		}
+
+		&.has-text-align-center {
+			text-align: center;
+		}
+
+		&.has-text-align-right {
+			text-align: right;
+		}
 	}
 }

_dsgnsystm/sass/blocks/cover/_style.scss

@@ -25,6 +25,18 @@
 		max-width: inherit; // undo opinionated styles
 		text-align: inherit; // undo opinionated styles
 		padding: 0;
+
+		&.has-text-align-left {
+			text-align: left;
+		}
+
+		&.has-text-align-center {
+			text-align: center;
+		}
+
+		&.has-text-align-right {
+			text-align: right;
+		}
 	}
 
 	/**

_dsgnsystm/style-editor.css

@@ -316,9 +316,25 @@ object {
 	letter-spacing: normal;
 	line-height: 1.125;
 	padding: 0;
+	max-width: inherit;
+	text-align: inherit;
+}
+
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
 	text-align: left;
 }
 
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: right;
+}
+
 .wp-block-heading h1, h1, .h1,
 .wp-block-heading h2, h2, .h2,
 .wp-block-heading h3, h3, .h3,

_dsgnsystm/style-rtl.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";
 /*
-Theme Name: _Dsgnsystm (Sass Version)
+Theme Name: _Dsgnsystm
 Theme URI: https://github.com/Automattic/_dsgnsystm
-Author: the WordPress team
-Author URI: https://wordpress.org/
+Author: Automattic
+Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
 Version: 1.0
@@ -1191,6 +1191,21 @@ input[type="submit"].has-focus,
 	padding: 0;
 }
 
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+	text-align: right;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: left;
+}
+
 .wp-block-cover.alignleft, .wp-block-cover.alignright,
 .wp-block-cover-image.alignleft,
 .wp-block-cover-image.alignright {

_dsgnsystm/style.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";
 /*
-Theme Name: _Dsgnsystm (Sass Version)
+Theme Name: _Dsgnsystm
 Theme URI: https://github.com/Automattic/_dsgnsystm
-Author: the WordPress team
-Author URI: https://wordpress.org/
+Author: Automattic
+Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
 Version: 1.0
@@ -1191,6 +1191,21 @@ input[type="submit"].has-focus,
 	padding: 0;
 }
 
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+	text-align: left;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: right;
+}
+
 .wp-block-cover.alignleft, .wp-block-cover.alignright,
 .wp-block-cover-image.alignleft,
 .wp-block-cover-image.alignright {

_dsgnsystm/style.scss

@@ -1,8 +1,8 @@
 /*
-Theme Name: _Dsgnsystm (Sass Version)
+Theme Name: _Dsgnsystm
 Theme URI: https://github.com/Automattic/_dsgnsystm
-Author: the WordPress team
-Author URI: https://wordpress.org/
+Author: Automattic
+Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
 Version: 1.0

calm-business/sass/site/header/_site-header.scss

@@ -71,7 +71,9 @@
 
 // Site title
 
-.site-title {
+.site-title,
+.site-title.wp-block-a8c-site-title,
+.site-title.wp-block-a8c-site-title:focus {
 	margin: 0;
 	display: block;
 	color: $color__text-main;
@@ -106,7 +108,10 @@
 
 // Site description
 
-.site-description {
+.site-description,
+.block-editor .wp-block-a8c-site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
 
 	display: block;
 	color: $color__text-main;

calm-business/sass/typography/_headings.scss

@@ -16,6 +16,7 @@
 .pagination .nav-links,
 .sticky-post,
 .site-title,
+.site-title:focus,
 .site-info,
 #cancel-comment-reply-link,
 img:after,
@@ -39,6 +40,7 @@ h6 {
 .comment-author .fn,
 .no-comments,
 .site-title,
+.site-title:focus,
 h1,
 h2,
 h3,
@@ -84,7 +86,9 @@ h3 {
 }
 
 .site-title,
+.site-title:focus,
 .site-description,
+.site-description:focus,
 .main-navigation,
 .nav-links,
 .page-title,
@@ -119,6 +123,7 @@ h6 {
 }
 
 .site-title,
+.site-title:focus,
 .page-title {
 	font-weight: 700;
 	font-size: $font__size-md;
@@ -129,7 +134,9 @@ h6 {
 	font-weight: bold;
 }
 
-.site-description {
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
 	letter-spacing: normal;
 	font-size: $font__size-xs;
 }

calm-business/style-editor.css

@@ -9,6 +9,813 @@ Calm (Twenty Nineteen) Editor Styles
 /* Fallback for non-latin fonts */
 /* Calculates maximum width for post content */
 /* Nested sub-menu padding: 10 levels deep */
+.site-header {
+  padding: 1rem 1em 0.75rem;
+  text-align: center;
+}
+
+.site-header.featured-image {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+  margin-bottom: auto;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-header {
+    margin: 0;
+    padding: 2rem 0 1.5rem;
+  }
+  .site-header.featured-image {
+    min-height: 100vh;
+    margin-bottom: 3rem;
+  }
+}
+
+.site-branding {
+  color: #fff;
+  position: relative;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-branding {
+    margin: 0 calc(10% + 60px);
+  }
+}
+
+.site-logo {
+  position: relative;
+  z-index: 999;
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-logo {
+    margin-bottom: 1rem;
+    z-index: 999;
+  }
+}
+
+.site-logo .custom-logo-link {
+  box-sizing: content-box;
+  overflow: hidden;
+  display: block;
+}
+
+.site-logo .custom-logo-link .custom-logo {
+  min-height: inherit;
+  max-height: 66px;
+  vertical-align: top;
+  width: auto;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-logo .custom-logo-link .custom-logo {
+    max-height: 88px;
+  }
+}
+
+.site-title,
+.site-title.wp-block-a8c-site-title,
+.site-title.wp-block-a8c-site-title:focus {
+  margin: 0;
+  display: block;
+  color: #242424;
+  font-size: 1.6875em;
+  /* When there is no description set, make sure navigation appears below title. */
+}
+
+.site-title a,
+.site-title.wp-block-a8c-site-title a,
+.site-title.wp-block-a8c-site-title:focus a {
+  color: #242424;
+}
+
+.site-title a:link, .site-title a:visited,
+.site-title.wp-block-a8c-site-title a:link,
+.site-title.wp-block-a8c-site-title a:visited,
+.site-title.wp-block-a8c-site-title:focus a:link,
+.site-title.wp-block-a8c-site-title:focus a:visited {
+  color: #242424;
+}
+
+.site-title a:hover,
+.site-title.wp-block-a8c-site-title a:hover,
+.site-title.wp-block-a8c-site-title:focus a:hover {
+  color: #4a4a4a;
+}
+
+.featured-image .site-title, .featured-image
+.site-title.wp-block-a8c-site-title, .featured-image
+.site-title.wp-block-a8c-site-title:focus {
+  margin: 0;
+}
+
+.site-title + .main-navigation,
+.site-title.wp-block-a8c-site-title + .main-navigation,
+.site-title.wp-block-a8c-site-title:focus + .main-navigation {
+  display: block;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-title,
+  .site-title.wp-block-a8c-site-title,
+  .site-title.wp-block-a8c-site-title:focus {
+    display: block;
+  }
+}
+
+.site-description,
+.block-editor .wp-block-a8c-site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
+  display: block;
+  color: #242424;
+  font-weight: normal;
+  margin: 8px 0 0;
+}
+
+/** === Main menu === */
+.main-navigation {
+  display: block;
+  margin-top: 1rem;
+  margin-bottom: 0;
+  /* Un-style buttons */
+  /*
+	 * Sub-menu styles
+	 *
+	 * :focus-within needs its own selector so other similar
+	 * selectors don’t get ignored if a browser doesn’t recognize it
+	 */
+  /**
+	 * Fade-in animation for top-level submenus
+	 */
+  /**
+	 * Off-canvas touch device styles
+	 */
+}
+
+body.page .main-navigation {
+  display: block;
+}
+
+.main-navigation > div {
+  display: inline;
+}
+
+.main-navigation button {
+  display: inline-block;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-family: "Poppins", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  text-decoration: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  transition: background 250ms ease-in-out, transform 150ms ease;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.main-navigation button:hover, .main-navigation button:focus {
+  background: transparent;
+}
+
+.main-navigation button:focus {
+  outline: 1px solid transparent;
+  outline-offset: -4px;
+}
+
+.main-navigation button:active {
+  transform: scale(0.99);
+}
+
+.main-navigation .main-menu {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+
+.main-navigation .main-menu > li {
+  color: #8D6708;
+  display: inline;
+  position: relative;
+}
+
+.main-navigation .main-menu > li > a {
+  font-weight: 600;
+  color: #8D6708;
+  margin-right: 0.5rem;
+}
+
+.main-navigation .main-menu > li > a + svg {
+  margin-right: 0.5rem;
+}
+
+.main-navigation .main-menu > li > a:hover,
+.main-navigation .main-menu > li > a:hover + svg {
+  color: #5d4405;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children {
+  display: inline-block;
+  position: inherit;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu > li.menu-item-has-children {
+    position: relative;
+  }
+}
+
+.main-navigation .main-menu > li.menu-item-has-children > a {
+  margin-right: 0.125rem;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children > a:after,
+.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
+  content: "";
+  display: none;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
+  display: inline-block;
+  margin-right: 0.25rem;
+  /* Priority+ Menu */
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
+  position: relative;
+  height: 24px;
+  line-height: 1.2;
+  width: 24px;
+  padding: 0;
+  margin-left: 0.5rem;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
+  height: 24px;
+  width: 24px;
+  top: -0.125rem;
+  vertical-align: text-bottom;
+}
+
+.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
+  display: none;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
+  position: relative;
+  top: 0.2rem;
+}
+
+.main-navigation .main-menu > li:last-child > a,
+.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
+  margin-right: 0;
+}
+
+.main-navigation .sub-menu {
+  text-align: left;
+  background-color: #8D6708;
+  color: #FAF8F5;
+  list-style: none;
+  padding-left: 0;
+  position: absolute;
+  opacity: 0;
+  left: -9999px;
+  z-index: 99999;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .sub-menu {
+    width: auto;
+    min-width: -moz-max-content;
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+}
+
+.main-navigation .sub-menu > li {
+  display: block;
+  float: none;
+  position: relative;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+  display: inline-block;
+  position: absolute;
+  width: calc( 24px + 1rem);
+  right: 0;
+  top: calc( .125 * 1rem);
+  bottom: 0;
+  color: white;
+  line-height: 1;
+  padding: calc( .5 * 1rem);
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
+  top: 0;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+  margin-right: 0;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
+    content: "\203a";
+  }
+}
+
+.main-navigation .sub-menu > li > a,
+.main-navigation .sub-menu > li > .menu-item-link-return {
+  color: #FAF8F5;
+  display: block;
+  line-height: 1.2;
+  text-shadow: none;
+  padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
+  white-space: nowrap;
+  font-weight: 600;
+}
+
+.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover,
+.main-navigation .sub-menu > li > .menu-item-link-return:focus {
+  background: #5d4405;
+}
+
+.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
+.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
+  background: #5d4405;
+}
+
+.main-navigation .sub-menu > li > .menu-item-link-return {
+  width: 100%;
+  font-size: 22px;
+  font-weight: normal;
+  text-align: left;
+}
+
+.main-navigation .sub-menu > li > a:empty {
+  display: none;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
+  display: none;
+  font-size: 0.88889em;
+  font-weight: normal;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
+  position: relative;
+  top: 0.2rem;
+  margin-right: calc( .25 * 1rem);
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+  display: block;
+  left: 0;
+  margin-top: 0;
+  opacity: 1;
+  width: auto;
+  min-width: 100%;
+  font-weight: 600;
+  /* Non-mobile position */
+  /* Nested sub-menu dashes */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+    display: block;
+    margin-top: 0;
+    opacity: 1;
+    position: absolute;
+    left: 0;
+    right: auto;
+    top: auto;
+    bottom: auto;
+    height: auto;
+    min-width: -moz-max-content;
+    min-width: -webkit-max-content;
+    min-width: max-content;
+    transform: none;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+  left: 0;
+  width: 100%;
+  display: table;
+  position: absolute;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+    right: 0;
+    left: auto;
+    display: block;
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
+  display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+  display: block;
+  margin-top: inherit;
+  position: relative;
+  width: 100%;
+  left: 0;
+  opacity: 1;
+  font-weight: 600;
+  /* Non-mobile position */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+    float: none;
+    max-width: 100%;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+  counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
+  font-family: "Poppins", sans-serif;
+  font-weight: normal;
+  content: "– " counters(submenu, "– ", none);
+  counter-increment: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+  display: block;
+  left: 0;
+  margin-top: 0;
+  opacity: 1;
+  width: auto;
+  min-width: 100%;
+  /* Non-mobile position */
+  /* Nested sub-menu dashes */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+    display: block;
+    float: none;
+    margin-top: 0;
+    opacity: 1;
+    position: absolute;
+    left: 0;
+    right: auto;
+    top: auto;
+    bottom: auto;
+    height: auto;
+    min-width: -moz-max-content;
+    min-width: -webkit-max-content;
+    min-width: max-content;
+    transform: none;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+  left: 0;
+  width: 100%;
+  display: table;
+  position: absolute;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+    right: 0;
+    left: auto;
+    display: table;
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
+  display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+  display: block;
+  margin-top: inherit;
+  position: relative;
+  width: 100%;
+  left: 0;
+  opacity: 1;
+  /* Non-mobile position */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+    float: none;
+    max-width: 100%;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+  counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+  font-family: "Poppins", sans-serif;
+  font-weight: normal;
+  content: "– " counters(submenu, "– ", none);
+  counter-increment: submenu;
+}
+
+.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
+  animation: fade_in 0.1s forwards;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
+  transform: rotate(270deg);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
+  opacity: 0;
+  position: absolute;
+  z-index: 0;
+  transform: translateX(-100%);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
+  background-color: transparent;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+  white-space: inherit;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+  display: table;
+  margin-top: 0;
+  opacity: 1;
+  padding-left: 0;
+  /* Mobile position */
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  position: fixed;
+  z-index: 100000;
+  /* Make sure appears above mobile admin bar */
+  width: 100vw;
+  height: 100vh;
+  max-width: 100vw;
+  transform: translateX(100%);
+  animation: slide_in_right 0.3s forwards;
+  /* Prevent menu from being blocked by admin bar */
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+  display: block;
+}
+
+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+  top: 46px;
+  height: calc( 100vh - 46px);
+  /* WP core breakpoint */
+}
+
+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+  top: 0;
+}
+
+@media only screen and (min-width: 782px) {
+  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+    top: 32px;
+    height: calc( 100vh - 32px);
+  }
+  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+    top: 0;
+  }
+}
+
+.main-navigation .main-menu-more:nth-child(n+3) {
+  display: none;
+}
+
+/* Menu animation */
+@keyframes slide_in_right {
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes fade_in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.author-description .author-link,
+.comment-metadata,
+.comment-reply-link,
+.comments-title,
+.comment-author .fn,
+.discussion-meta-info,
+.entry-meta,
+.entry-footer,
+.main-navigation,
+.no-comments,
+.not-found .page-title,
+.error-404 .page-title,
+.post-navigation .post-title,
+.page-links,
+.page-description,
+.pagination .nav-links,
+.sticky-post,
+.site-title,
+.site-title:focus,
+.site-info,
+#cancel-comment-reply-link,
+img:after,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Poppins", sans-serif;
+}
+
+.main-navigation,
+.page-description,
+.author-description .author-link,
+.not-found .page-title,
+.error-404 .page-title,
+.post-navigation .post-title,
+.pagination .nav-links,
+.comments-title,
+.comment-author .fn,
+.no-comments,
+.site-title,
+.site-title:focus,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 600;
+  letter-spacing: normal;
+  line-height: 1.2;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.page-title {
+  font-family: "Poppins", sans-serif;
+}
+
+.site-branding,
+.main-navigation ul.main-menu > li,
+.social-navigation,
+.author-description .author-bio,
+.nav-links {
+  line-height: 1.25;
+}
+
+h1 {
+  font-size: 1.6875em;
+}
+
+.entry-title,
+.not-found .page-title,
+.error-404 .page-title,
+.has-larger-font-size,
+h2 {
+  font-size: 1.125em;
+}
+
+.has-regular-font-size,
+.has-large-font-size,
+.comments-title,
+h3 {
+  font-size: 22px;
+}
+
+.site-title,
+.site-title:focus,
+.site-description,
+.site-description:focus,
+.main-navigation,
+.nav-links,
+.page-title,
+.page-description,
+.comment-author .fn,
+.no-comments,
+h2.author-title,
+p.author-bio,
+h4 {
+  font-size: 0.88889em;
+}
+
+.pagination .nav-links,
+.comment-content,
+h5 {
+  font-size: 0.71111em;
+}
+
+.entry-meta,
+.entry-footer,
+.discussion-meta-info,
+.site-info,
+.has-small-font-size,
+.comment-reply-link,
+.comment-metadata,
+.comment-notes,
+.sticky-post,
+#cancel-comment-reply-link,
+img:after,
+h6 {
+  font-size: 0.59259em;
+}
+
+.site-title,
+.site-title:focus,
+.page-title {
+  font-weight: 700;
+  font-size: 1.125em;
+}
+
+.page-description,
+.page-links a {
+  font-weight: bold;
+}
+
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
+  letter-spacing: normal;
+  font-size: 0.71111em;
+}
+
+.post-navigation .post-title,
+.entry-title,
+.not-found .page-title,
+.error-404 .page-title,
+.comments-title,
+blockquote {
+  -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+  word-break: break-word;
+}
+
+/* Do not hyphenate entry title on tablet view and bigger. */
+@media only screen and (min-width: 768px) {
+  .entry-title {
+    -webkit-hyphens: none;
+        -ms-hyphens: none;
+            hyphens: none;
+  }
+}
+
 /** === Editor Frame === */
 body {
   background-color: #FAF8F5;
@@ -868,6 +1675,17 @@ ul.wp-block-archives li ul,
   font-size: 0.71111em;
 }
 
+/** === Site Title Block === */
+.wp-block-a8c-site-title {
+  text-align: center;
+}
+
+/** === Site Description Block === */
+.wp-block-a8c-site-description {
+  text-align: center;
+  margin: 0;
+}
+
 /** === Classic Editor === */
 /* Properly center-align captions in the classic-editor block */
 .wp-caption dd {

calm-business/style-editor.scss

@@ -6,6 +6,9 @@ Calm (Twenty Nineteen) Editor Styles
 
 @import "sass/variables-site/variables-site";
 @import "sass/mixins/mixins-master";
+@import "sass/site/header/site-header";
+@import "sass/navigation/menu-main-navigation";
+@import "sass/typography/headings";
 
 /** === Editor Frame === */
 
@@ -827,6 +830,19 @@ ul.wp-block-archives,
 	}
 }
 
+/** === Site Title Block === */
+
+.wp-block-a8c-site-title {
+	text-align: center;
+}
+
+/** === Site Description Block === */
+
+.wp-block-a8c-site-description {
+	text-align: center;
+	margin: 0;
+}
+
 /** === Classic Editor === */
 
 /* Properly center-align captions in the classic-editor block */

calm-business/style-rtl.css

@@ -441,6 +441,7 @@ textarea {
 .pagination .nav-links,
 .sticky-post,
 .site-title,
+.site-title:focus,
 .site-info,
 #cancel-comment-reply-link,
 img:after,
@@ -464,6 +465,7 @@ h6 {
 .comment-author .fn,
 .no-comments,
 .site-title,
+.site-title:focus,
 h1,
 h2,
 h3,
@@ -509,7 +511,9 @@ h3 {
 }
 
 .site-title,
+.site-title:focus,
 .site-description,
+.site-description:focus,
 .main-navigation,
 .nav-links,
 .page-title,
@@ -544,6 +548,7 @@ h6 {
 }
 
 .site-title,
+.site-title:focus,
 .page-title {
   font-weight: 700;
   font-size: 1.125em;
@@ -554,7 +559,9 @@ h6 {
   font-weight: bold;
 }
 
-.site-description {
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
   letter-spacing: normal;
   font-size: 0.71111em;
 }
@@ -1988,7 +1995,9 @@ body.page .main-navigation {
   }
 }
 
-.site-title {
+.site-title,
+.site-title.wp-block-a8c-site-title,
+.site-title.wp-block-a8c-site-title:focus {
   margin: 0;
   display: block;
   color: #242424;
@@ -1996,33 +2005,50 @@ body.page .main-navigation {
   /* When there is no description set, make sure navigation appears below title. */
 }
 
-.site-title a {
+.site-title a,
+.site-title.wp-block-a8c-site-title a,
+.site-title.wp-block-a8c-site-title:focus a {
   color: #242424;
 }
 
-.site-title a:link, .site-title a:visited {
+.site-title a:link, .site-title a:visited,
+.site-title.wp-block-a8c-site-title a:link,
+.site-title.wp-block-a8c-site-title a:visited,
+.site-title.wp-block-a8c-site-title:focus a:link,
+.site-title.wp-block-a8c-site-title:focus a:visited {
   color: #242424;
 }
 
-.site-title a:hover {
+.site-title a:hover,
+.site-title.wp-block-a8c-site-title a:hover,
+.site-title.wp-block-a8c-site-title:focus a:hover {
   color: #4a4a4a;
 }
 
-.featured-image .site-title {
+.featured-image .site-title, .featured-image
+.site-title.wp-block-a8c-site-title, .featured-image
+.site-title.wp-block-a8c-site-title:focus {
   margin: 0;
 }
 
-.site-title + .main-navigation {
+.site-title + .main-navigation,
+.site-title.wp-block-a8c-site-title + .main-navigation,
+.site-title.wp-block-a8c-site-title:focus + .main-navigation {
   display: block;
 }
 
 @media only screen and (min-width: 768px) {
-  .site-title {
+  .site-title,
+  .site-title.wp-block-a8c-site-title,
+  .site-title.wp-block-a8c-site-title:focus {
     display: block;
   }
 }
 
-.site-description {
+.site-description,
+.block-editor .wp-block-a8c-site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
   display: block;
   color: #242424;
   font-weight: normal;

calm-business/style.css

@@ -441,6 +441,7 @@ textarea {
 .pagination .nav-links,
 .sticky-post,
 .site-title,
+.site-title:focus,
 .site-info,
 #cancel-comment-reply-link,
 img:after,
@@ -464,6 +465,7 @@ h6 {
 .comment-author .fn,
 .no-comments,
 .site-title,
+.site-title:focus,
 h1,
 h2,
 h3,
@@ -509,7 +511,9 @@ h3 {
 }
 
 .site-title,
+.site-title:focus,
 .site-description,
+.site-description:focus,
 .main-navigation,
 .nav-links,
 .page-title,
@@ -544,6 +548,7 @@ h6 {
 }
 
 .site-title,
+.site-title:focus,
 .page-title {
   font-weight: 700;
   font-size: 1.125em;
@@ -554,7 +559,9 @@ h6 {
   font-weight: bold;
 }
 
-.site-description {
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
   letter-spacing: normal;
   font-size: 0.71111em;
 }
@@ -1994,7 +2001,9 @@ body.page .main-navigation {
   }
 }
 
-.site-title {
+.site-title,
+.site-title.wp-block-a8c-site-title,
+.site-title.wp-block-a8c-site-title:focus {
   margin: 0;
   display: block;
   color: #242424;
@@ -2002,33 +2011,50 @@ body.page .main-navigation {
   /* When there is no description set, make sure navigation appears below title. */
 }
 
-.site-title a {
+.site-title a,
+.site-title.wp-block-a8c-site-title a,
+.site-title.wp-block-a8c-site-title:focus a {
   color: #242424;
 }
 
-.site-title a:link, .site-title a:visited {
+.site-title a:link, .site-title a:visited,
+.site-title.wp-block-a8c-site-title a:link,
+.site-title.wp-block-a8c-site-title a:visited,
+.site-title.wp-block-a8c-site-title:focus a:link,
+.site-title.wp-block-a8c-site-title:focus a:visited {
   color: #242424;
 }
 
-.site-title a:hover {
+.site-title a:hover,
+.site-title.wp-block-a8c-site-title a:hover,
+.site-title.wp-block-a8c-site-title:focus a:hover {
   color: #4a4a4a;
 }
 
-.featured-image .site-title {
+.featured-image .site-title, .featured-image
+.site-title.wp-block-a8c-site-title, .featured-image
+.site-title.wp-block-a8c-site-title:focus {
   margin: 0;
 }
 
-.site-title + .main-navigation {
+.site-title + .main-navigation,
+.site-title.wp-block-a8c-site-title + .main-navigation,
+.site-title.wp-block-a8c-site-title:focus + .main-navigation {
   display: block;
 }
 
 @media only screen and (min-width: 768px) {
-  .site-title {
+  .site-title,
+  .site-title.wp-block-a8c-site-title,
+  .site-title.wp-block-a8c-site-title:focus {
     display: block;
   }
 }
 
-.site-description {
+.site-description,
+.block-editor .wp-block-a8c-site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
   display: block;
   color: #242424;
   font-weight: normal;

modern-business/footer.php

@@ -0,0 +1,68 @@
+<?php
+/**
+ * The template for displaying the footer
+ *
+ * Contains the closing of the #content div and all content after.
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+?>
+
+</div><!-- #content -->
+
+<?php
+// If FSE plugin is active, use Footer template part for content.
+if( class_exists( 'Full_Site_Editing' ) ) {
+	fse_get_footer();
+}
+
+// Otherwise we'll fall back to default Twenty Nineteen footer below.
+?>
+
+<?php if( ! class_exists( 'Full_Site_Editing' ) ) : ?>
+	<footer id="colophon" class="site-footer">
+		<?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
+		<div class="site-info">
+			<?php $blog_info = get_bloginfo( 'name' ); ?>
+			<?php if ( ! empty( $blog_info ) ) : ?>
+				<a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
+			<?php endif; ?>
+			<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
+				<?php
+				/* translators: %s: WordPress. */
+				printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
+				?>
+			</a>
+			<?php
+			if ( function_exists( 'the_privacy_policy_link' ) ) {
+				the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
+			}
+			?>
+			<?php if ( has_nav_menu( 'footer' ) ) : ?>
+				<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
+					<?php
+					wp_nav_menu(
+						array(
+							'theme_location' => 'footer',
+							'menu_class'     => 'footer-menu',
+							'depth'          => 1,
+						)
+					);
+					?>
+				</nav><!-- .footer-navigation -->
+			<?php endif; ?>
+		</div><!-- .site-info -->
+	</footer><!-- #colophon -->
+<?php endif; ?>
+
+</div><!-- #page -->
+
+<?php wp_footer(); ?>
+
+</body>
+</html>

modern-business/functions.php

@@ -83,3 +83,15 @@ require get_stylesheet_directory() . '/inc/jetpack.php';
  * WP.com compatibility file.
  */
 require get_stylesheet_directory() . '/inc/wpcom.php';
+
+/**
+ * Full Site Editing template data population file.
+ */
+require get_stylesheet_directory() . '/inc/fse-template-data.php';
+
+function a8c_fse_insert_theme_template_data() {
+	$data_inserter = new A8C_WP_Template_Data_Inserter();
+	$data_inserter->insert_default_template_data();
+}
+
+add_action( 'after_switch_theme', 'a8c_fse_insert_theme_template_data' );

modern-business/header.php

@@ -0,0 +1,64 @@
+<?php
+/**
+ * The header for our theme
+ *
+ * This is the template that displays all of the <head> section and everything up until <div id="content">
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+?><!doctype html>
+<html <?php language_attributes(); ?>>
+<head>
+    <meta charset="<?php bloginfo( 'charset' ); ?>" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="profile" href="https://gmpg.org/xfn/11" />
+	<?php wp_head(); ?>
+</head>
+
+<body <?php body_class(); ?>>
+<?php wp_body_open(); ?>
+<div id="page" class="site">
+    <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
+
+    <?php
+        // If FSE plugin is active, use Header template part for content.
+        if( class_exists( 'Full_Site_Editing' ) ) {
+            fse_get_header();
+        }
+
+        // Otherwise we'll fall back to default Twenty Nineteen header below.
+    ?>
+
+    <?php if( ! class_exists( 'Full_Site_Editing' ) ) : ?>
+
+        <header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
+            <div class="site-branding-container">
+                <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
+            </div><!-- .site-branding-container -->
+
+            <?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
+                <div class="site-featured-image">
+                    <?php
+                    twentynineteen_post_thumbnail();
+                    the_post();
+                    $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null;
+
+                    $classes = 'entry-header';
+                    if ( ! empty( $discussion ) && absint( $discussion->responses ) > 0 ) {
+                        $classes = 'entry-header has-discussion';
+                    }
+                    ?>
+                    <div class="<?php echo $classes; ?>">
+                        <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
+                    </div><!-- .entry-header -->
+                    <?php rewind_posts(); ?>
+                </div>
+            <?php endif; ?>
+        </header><!-- #masthead -->
+    <?php endif; ?>
+
+    <div id="content" class="site-content">

modern-business/inc/fse-template-data.php

@@ -0,0 +1,324 @@
+<?php
+/**
+ * Template data inserter file.
+ *
+ * @package full-site-editing
+ */
+
+/**
+ * Class A8C_WP_Template_Data_Inserter
+ */
+class A8C_WP_Template_Data_Inserter {
+	/**
+	 * This function will be called on plugin activation hook.
+	 */
+	public function insert_default_template_data() {
+		$current_theme_name = get_option( 'stylesheet' );
+		/**
+		 * This site option will be used to indicate that template data has already been
+		 * inserted for this theme, in order to prevent this functionality from running
+		 * more than once.
+		 */
+		$fse_template_data_option = $current_theme_name . '-fse-template-data';
+
+		if ( get_option( $fse_template_data_option ) ) {
+			/*
+			 * Bail here to prevent inserting the FSE data twice for any given theme.
+			 * Multiple themes will still be able to insert different template parts.
+			 */
+			return;
+		}
+
+		$this->register_template_post_types();
+
+		$header_id = wp_insert_post(
+			[
+				'post_title'     => 'Header',
+				'post_content'   => $this->get_header_content(),
+				'post_status'    => 'publish',
+				'post_type'      => 'wp_template_part',
+				'comment_status' => 'closed',
+				'ping_status'    => 'closed',
+			]
+		);
+
+		if ( ! term_exists( "$current_theme_name-header", 'wp_template_part_type' ) ) {
+			wp_insert_term( "$current_theme_name-header", 'wp_template_part_type' );
+		}
+
+		wp_set_object_terms( $header_id, "$current_theme_name-header", 'wp_template_part_type' );
+
+		$footer_id = wp_insert_post(
+			[
+				'post_title'     => 'Footer',
+				'post_content'   => $this->get_footer_content(),
+				'post_status'    => 'publish',
+				'post_type'      => 'wp_template_part',
+				'comment_status' => 'closed',
+				'ping_status'    => 'closed',
+			]
+		);
+
+		if ( ! term_exists( "$current_theme_name-footer", 'wp_template_part_type' ) ) {
+			wp_insert_term( "$current_theme_name-footer", 'wp_template_part_type' );
+		}
+
+		wp_set_object_terms( $footer_id, "$current_theme_name-footer", 'wp_template_part_type' );
+
+		$page_template_id = wp_insert_post(
+			[
+				'post_title'     => 'Page Template',
+				'post_content'   => $this->get_template_content( $header_id, $footer_id ),
+				'post_status'    => 'publish',
+				'post_type'      => 'wp_template',
+				'comment_status' => 'closed',
+				'ping_status'    => 'closed',
+			]
+		);
+
+		if ( ! term_exists( "$current_theme_name-page-template", 'wp_template_type' ) ) {
+			wp_insert_term( "$current_theme_name-page-template", 'wp_template_type' );
+		}
+
+		wp_set_object_terms( $page_template_id, "$current_theme_name-page-template", 'wp_template_type' );
+
+		add_option( $fse_template_data_option, true );
+	}
+
+	/**
+	 * Returns default header template part content.
+	 *
+	 * @return string
+	 */
+	public function get_header_content() {
+		// TODO: replace with header blocks once they are ready.
+		return '<!-- wp:group {"className":"site-header site-branding"} -->' .
+		       '<div class="wp-block-group site-header site-branding">' .
+		       '<div class="wp-block-group__inner-container">' .
+		       '<!-- wp:a8c/site-description /-->' .
+		       '<!-- wp:a8c/site-title /-->' .
+		       '<!-- wp:a8c/navigation-menu /-->' .
+		       '</div></div>' .
+		       '<!-- /wp:group -->';
+	}
+
+	/**
+	 * Returns default footer template part content.
+	 *
+	 * @return string
+	 */
+	public function get_footer_content() {
+		return '<!-- wp:a8c/navigation-menu {\"themeLocation\":"footer"} /-->';
+	}
+
+	/**
+	 * Returns default page template content.
+	 *
+	 * @param int $header_id ID of referenced header template part CPT.
+	 * @param int $footer_id ID of referenced footer template part CPT.
+	 *
+	 * @return string
+	 */
+	public function get_template_content( $header_id, $footer_id ) {
+		return "<!-- wp:a8c/template {\"templateId\":$header_id,\"align\":\"full\"} /-->" .
+		       '<!-- wp:a8c/post-content {"align":"full"} /-->' .
+		       "<!-- wp:a8c/template {\"templateId\":$footer_id,\"align\":\"full\"} /-->";
+	}
+
+	/**
+	 * Register post types.
+	 */
+	public function register_template_post_types() {
+		register_post_type(
+			'wp_template',
+			array(
+				'labels'                => array(
+					'name'                     => _x( 'Templates', 'post type general name', 'full-site-editing' ),
+					'singular_name'            => _x( 'Template', 'post type singular name', 'full-site-editing' ),
+					'menu_name'                => _x( 'Templates', 'admin menu', 'full-site-editing' ),
+					'name_admin_bar'           => _x( 'Template', 'add new on admin bar', 'full-site-editing' ),
+					'add_new'                  => _x( 'Add New', 'Template', 'full-site-editing' ),
+					'add_new_item'             => __( 'Add New Template', 'full-site-editing' ),
+					'new_item'                 => __( 'New Template', 'full-site-editing' ),
+					'edit_item'                => __( 'Edit Template', 'full-site-editing' ),
+					'view_item'                => __( 'View Template', 'full-site-editing' ),
+					'all_items'                => __( 'All Templates', 'full-site-editing' ),
+					'search_items'             => __( 'Search Templates', 'full-site-editing' ),
+					'not_found'                => __( 'No templates found.', 'full-site-editing' ),
+					'not_found_in_trash'       => __( 'No templates found in Trash.', 'full-site-editing' ),
+					'filter_items_list'        => __( 'Filter templates list', 'full-site-editing' ),
+					'items_list_navigation'    => __( 'Templates list navigation', 'full-site-editing' ),
+					'items_list'               => __( 'Templates list', 'full-site-editing' ),
+					'item_published'           => __( 'Template published.', 'full-site-editing' ),
+					'item_published_privately' => __( 'Template published privately.', 'full-site-editing' ),
+					'item_reverted_to_draft'   => __( 'Template reverted to draft.', 'full-site-editing' ),
+					'item_scheduled'           => __( 'Template scheduled.', 'full-site-editing' ),
+					'item_updated'             => __( 'Template updated.', 'full-site-editing' ),
+				),
+				'menu_icon'             => 'dashicons-layout',
+				'public'                => false,
+				'show_ui'               => true,
+				'show_in_menu'          => true,
+				'rewrite'               => false,
+				'show_in_rest'          => true,
+				'rest_base'             => 'templates',
+				'rest_controller_class' => 'A8C_REST_Templates_Controller',
+				'capability_type'       => 'template',
+				'capabilities'          => array(
+					// You need to be able to edit posts, in order to read templates in their raw form.
+					'read'                   => 'edit_posts',
+					// You need to be able to customize, in order to create templates.
+					'create_posts'           => 'edit_theme_options',
+					'edit_posts'             => 'edit_theme_options',
+					'delete_posts'           => 'edit_theme_options',
+					'edit_published_posts'   => 'edit_theme_options',
+					'delete_published_posts' => 'edit_theme_options',
+					'edit_others_posts'      => 'edit_theme_options',
+					'delete_others_posts'    => 'edit_theme_options',
+					'publish_posts'          => 'edit_theme_options',
+				),
+				'map_meta_cap'          => true,
+				'supports'              => array(
+					'title',
+					'editor',
+				),
+			)
+		);
+
+		register_post_type(
+			'wp_template_part',
+			array(
+				'labels'                => array(
+					'name'                     => _x( 'Template Parts', 'post type general name', 'full-site-editing' ),
+					'singular_name'            => _x( 'Template Part', 'post type singular name', 'full-site-editing' ),
+					'menu_name'                => _x( 'Template Parts', 'admin menu', 'full-site-editing' ),
+					'name_admin_bar'           => _x( 'Template Part', 'add new on admin bar', 'full-site-editing' ),
+					'add_new'                  => _x( 'Add New', 'Template Part', 'full-site-editing' ),
+					'add_new_item'             => __( 'Add New Template Part', 'full-site-editing' ),
+					'new_item'                 => __( 'New Template Part', 'full-site-editing' ),
+					'edit_item'                => __( 'Edit Template Part', 'full-site-editing' ),
+					'view_item'                => __( 'View Template Part', 'full-site-editing' ),
+					'all_items'                => __( 'All Template Parts', 'full-site-editing' ),
+					'search_items'             => __( 'Search Template Parts', 'full-site-editing' ),
+					'not_found'                => __( 'No template parts found.', 'full-site-editing' ),
+					'not_found_in_trash'       => __( 'No template parts found in Trash.', 'full-site-editing' ),
+					'filter_items_list'        => __( 'Filter template parts list', 'full-site-editing' ),
+					'items_list_navigation'    => __( 'Template parts list navigation', 'full-site-editing' ),
+					'items_list'               => __( 'Template parts list', 'full-site-editing' ),
+					'item_published'           => __( 'Template part published.', 'full-site-editing' ),
+					'item_published_privately' => __( 'Template part published privately.', 'full-site-editing' ),
+					'item_reverted_to_draft'   => __( 'Template part reverted to draft.', 'full-site-editing' ),
+					'item_scheduled'           => __( 'Template part scheduled.', 'full-site-editing' ),
+					'item_updated'             => __( 'Template part updated.', 'full-site-editing' ),
+				),
+				'menu_icon'             => 'dashicons-layout',
+				'public'                => false,
+				'show_ui'               => true,
+				'show_in_menu'          => true,
+				'rewrite'               => false,
+				'show_in_rest'          => true,
+				'rest_base'             => 'template_parts',
+				'rest_controller_class' => 'A8C_REST_Templates_Controller',
+				'capability_type'       => 'template_part',
+				'capabilities'          => array(
+					// You need to be able to edit posts, in order to read templates in their raw form.
+					'read'                   => 'edit_posts',
+					// You need to be able to customize, in order to create templates.
+					'create_posts'           => 'edit_theme_options',
+					'edit_posts'             => 'edit_theme_options',
+					'delete_posts'           => 'edit_theme_options',
+					'edit_published_posts'   => 'edit_theme_options',
+					'delete_published_posts' => 'edit_theme_options',
+					'edit_others_posts'      => 'edit_theme_options',
+					'delete_others_posts'    => 'edit_theme_options',
+					'publish_posts'          => 'edit_theme_options',
+				),
+				'map_meta_cap'          => true,
+				'supports'              => array(
+					'title',
+					'editor',
+				),
+			)
+		);
+
+		register_taxonomy(
+			'wp_template_type',
+			'wp_template',
+			array(
+				'labels'             => array(
+					'name'              => _x( 'Template Types', 'taxonomy general name', 'full-site-editing' ),
+					'singular_name'     => _x( 'Template Type', 'taxonomy singular name', 'full-site-editing' ),
+					'menu_name'         => _x( 'Template Types', 'admin menu', 'full-site-editing' ),
+					'all_items'         => __( 'All Template Types', 'full-site-editing' ),
+					'edit_item'         => __( 'Edit Template Type', 'full-site-editing' ),
+					'view_item'         => __( 'View Template Type', 'full-site-editing' ),
+					'update_item'       => __( 'Update Template Type', 'full-site-editing' ),
+					'add_new_item'      => __( 'Add New Template Type', 'full-site-editing' ),
+					'new_item_name'     => __( 'New Template Type', 'full-site-editing' ),
+					'parent_item'       => __( 'Parent Template Type', 'full-site-editing' ),
+					'parent_item_colon' => __( 'Parent Template Type:', 'full-site-editing' ),
+					'search_items'      => __( 'Search Template Types', 'full-site-editing' ),
+					'not_found'         => __( 'No template types found.', 'full-site-editing' ),
+					'back_to_items'     => __( 'Back to template types', 'full-site-editing' ),
+				),
+				'public'             => false,
+				'publicly_queryable' => true,
+				'show_ui'            => true,
+				'show_in_menu'       => false,
+				'show_in_nav_menu'   => false,
+				'show_in_rest'       => true,
+				'rest_base'          => 'template_types',
+				'show_tagcloud'      => false,
+				'show_admin_column'  => true,
+				'hierarchical'       => true,
+				'rewrite'            => false,
+				'capabilities'       => array(
+					'manage_terms' => 'edit_theme_options',
+					'edit_terms'   => 'edit_theme_options',
+					'delete_terms' => 'edit_theme_options',
+					'assign_terms' => 'edit_theme_options',
+				),
+			)
+		);
+
+		register_taxonomy(
+			'wp_template_part_type',
+			'wp_template_part',
+			array(
+				'labels'             => array(
+					'name'              => _x( 'Template Part Types', 'taxonomy general name', 'full-site-editing' ),
+					'singular_name'     => _x( 'Template Part Type', 'taxonomy singular name', 'full-site-editing' ),
+					'menu_name'         => _x( 'Template Part Types', 'admin menu', 'full-site-editing' ),
+					'all_items'         => __( 'All Template Part Types', 'full-site-editing' ),
+					'edit_item'         => __( 'Edit Template Part Type', 'full-site-editing' ),
+					'view_item'         => __( 'View Template Part Type', 'full-site-editing' ),
+					'update_item'       => __( 'Update Template Part Type', 'full-site-editing' ),
+					'add_new_item'      => __( 'Add New Template Part Type', 'full-site-editing' ),
+					'new_item_name'     => __( 'New Template Part Type', 'full-site-editing' ),
+					'parent_item'       => __( 'Parent Template Part Type', 'full-site-editing' ),
+					'parent_item_colon' => __( 'Parent Template Part Type:', 'full-site-editing' ),
+					'search_items'      => __( 'Search Template Part Types', 'full-site-editing' ),
+					'not_found'         => __( 'No template part types found.', 'full-site-editing' ),
+					'back_to_items'     => __( 'Back to template part types', 'full-site-editing' ),
+				),
+				'public'             => false,
+				'publicly_queryable' => true,
+				'show_ui'            => true,
+				'show_in_menu'       => false,
+				'show_in_nav_menu'   => false,
+				'show_in_rest'       => true,
+				'rest_base'          => 'template_part_types',
+				'show_tagcloud'      => false,
+				'show_admin_column'  => true,
+				'hierarchical'       => true,
+				'rewrite'            => false,
+				'capabilities'       => array(
+					'manage_terms' => 'edit_theme_options',
+					'edit_terms'   => 'edit_theme_options',
+					'delete_terms' => 'edit_theme_options',
+					'assign_terms' => 'edit_theme_options',
+				),
+			)
+		);
+	}
+}

modern-business/style-editor.css

@@ -797,6 +797,15 @@ blockquote {
   }
 }
 
+/** === Helper Functions === */
+/**
+ Given a string, $alignment, returns the nested FSE block selectors
+ required for Full Site Editing to look correct. If $alignment is given,
+ we use it to target wp-blocks with a matching data-align attribute.
+ If no alignment is given, we target the base wp-block class. In both
+ of these scenarios, we target top level blocks, and any top level blocks
+ inside one of the FSE template part blocks.
+ */
 /** === Editor Frame === */
 body {
   font-weight: 300;
@@ -807,7 +816,9 @@ body .wp-block[data-align="full"] {
 }
 
 @media only screen and (min-width: 600px) {
-  body .wp-block[data-align="full"] {
+  
+  body .wp-block[data-align="full"],
+  body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
     width: calc( 100% + 90px);
     max-width: calc( 100% + 90px);
   }
@@ -818,39 +829,58 @@ body .wp-block[data-align="full"] {
     max-width: 80%;
     margin: 0 10%;
   }
-  body .wp-block[data-align="wide"] {
+  
+  body .wp-block[data-align="wide"],
+  body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="wide"] {
     width: 100%;
   }
-  body .wp-block[data-align="full"] {
+  
+  body .wp-block[data-align="full"],
+  body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
     position: relative;
     left: calc( -12.5% - 14px);
     width: calc( 125% + 116px);
     max-width: calc( 125% + 115px);
   }
-  body .wp-block[data-align="right"] {
+  
+  body .wp-block[data-align="right"],
+  body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="right"] {
     max-width: 125%;
   }
 }
 
 /** === Content Width === */
-.wp-block {
+
+.wp-block,
+.wp-block[data-type="a8c/post-content"] .wp-block {
   width: calc(100vw - (2 * 1rem));
   max-width: 100%;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block {
+  
+  .wp-block,
+  .wp-block[data-type="a8c/post-content"] .wp-block {
     width: calc(8 * (100vw / 12));
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .wp-block {
+  
+  .wp-block,
+  .wp-block[data-type="a8c/post-content"] .wp-block {
     width: calc(6 * (100vw / 12 ));
   }
 }
 
-.wp-block .wp-block {
+
+.wp-block .wp-block,
+.wp-block[data-type="a8c/post-content"] .wp-block .wp-block {
+  width: 100%;
+}
+
+/** === FSE Template Part Blocks === */
+.wp-block[data-type="a8c/post-content"] {
   width: 100%;
 }
 

modern-business/style-editor.scss

@@ -10,6 +10,27 @@ Modern Business Editor Styles
 @import "sass/navigation/menu-main-navigation";
 @import "sass/typography/headings";
 
+/** === Helper Functions === */
+
+/**
+ Given a string, $alignment, returns the nested FSE block selectors
+ required for Full Site Editing to look correct. If $alignment is given,
+ we use it to target wp-blocks with a matching data-align attribute.
+ If no alignment is given, we target the base wp-block class. In both
+ of these scenarios, we target top level blocks, and any top level blocks
+ inside one of the FSE template part blocks.
+ */
+@function get-block-selector($alignment) {
+	$main-block-selector: ".wp-block";
+	@if $alignment != "" {
+		$main-block-selector: ".wp-block[data-align=\"#{$alignment}\"]";
+	}
+
+	@return "
+	  #{$main-block-selector},
+	  .wp-block[data-type=\"a8c/post-content\"] #{$main-block-selector}";
+}
+
 /** === Editor Frame === */
 
 body {
@@ -21,7 +42,7 @@ body {
 
 	@include media(mobile) {
 
-		.wp-block[data-align="full"] {
+		#{get-block-selector("full")} {
 			width: calc( 100% + 90px );
 			max-width: calc( 100% + 90px );
 		}
@@ -34,18 +55,18 @@ body {
 			margin: 0 10%;
 		}
 
-		.wp-block[data-align="wide"] {
+		#{get-block-selector("wide")} {
 			width: 100%;
 		}
 
-		.wp-block[data-align="full"] {
+		#{get-block-selector("full")} {
 			position: relative;
 			left: calc( -12.5% - 14px );
 			width: calc( 125% + 116px );
 			max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages.
 		}
 
-		.wp-block[data-align="right"] {
+		#{get-block-selector("right")}  {
 			max-width: 125%;
 		}
 	}
@@ -53,7 +74,7 @@ body {
 
 /** === Content Width === */
 
-.wp-block {
+#{get-block-selector("")} {
 	width: calc(100vw - (2 * #{$size__spacing-unit}));
 	max-width: 100%;
 
@@ -71,6 +92,11 @@ body {
 	}
 }
 
+/** === FSE Template Part Blocks === */
+.wp-block[data-type="a8c/post-content"] {
+	width: 100%;
+}
+
 /** === Base Typography === */
 
 body {

redhill/functions.php

@@ -5,7 +5,6 @@
  * @link https://developer.wordpress.org/themes/basics/theme-functions/
  *
  * @package WordPress
- * @subpackage PACKAGENAME
  * @since 1.0.0
  */
 
@@ -19,12 +18,12 @@
 	 */
 	function redhill_theme_setup() {
 
-		// ? remove_editor_style( 'editor-color-palette' );
 		// Add child theme editor styles, compiled from `style-child-theme-editor.scss`.
 		add_editor_style( 'style-editor.css' );
 
 		// Remove parent theme font sizes
 		remove_theme_support( 'editor-font-sizes' );
+
 		// Add child theme editor font sizes to match Sass-map variables in `_config-child-theme-deep.scss`.
 		add_theme_support(
 			'editor-font-sizes',
@@ -32,32 +31,36 @@
 				array(
 					'name'      => __( 'Small', 'redhill' ),
 					'shortName' => __( 'S', 'redhill' ),
-					'size'      => 18.5,
+					'size'      => 16.66,
 					'slug'      => 'small',
 				),
 				array(
 					'name'      => __( 'Normal', 'redhill' ),
-					'shortName' => __( 'M', 'redhill' ),
-					'size'      => 22,
+					'shortName' => __( 'N', 'redhill' ),
+					'size'      => 20,
 					'slug'      => 'normal',
 				),
+				array(
+					'name'      => __( 'Medium', 'redhill' ),
+					'shortName' => __( 'M', 'redhill' ),
+					'size'      => 24,
+					'slug'      => 'medium',
+				),
 				array(
 					'name'      => __( 'Large', 'redhill' ),
 					'shortName' => __( 'L', 'redhill' ),
-					'size'      => 32,
+					'size'      => 28.8,
 					'slug'      => 'large',
 				),
 				array(
 					'name'      => __( 'Huge', 'redhill' ),
 					'shortName' => __( 'XL', 'redhill' ),
-					'size'      => 38,
+					'size'      => 34.56,
 					'slug'      => 'huge',
 				),
 			)
 		);
 
-		// Remove parent theme color palette
-		// remove_theme_support( 'editor-color-palette' );
 		// Add child theme editor color pallete to match Sass-map variables in `_config-child-theme-deep.scss`.
 		add_theme_support(
 			'editor-color-palette',
@@ -65,12 +68,12 @@
 				array(
 					'name'  => __( 'Primary', 'redhill' ),
 					'slug'  => 'primary',
-					'color' => '#CA2017', // _dsgnsystm_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? $default_hue : get_theme_mod( 'primary_color_hue', $default_hue ), $saturation, $lightness ),
+					'color' => '#CA2017',
 				),
 				array(
 					'name'  => __( 'Secondary', 'redhill' ),
 					'slug'  => 'secondary',
-					'color' => '#007FDB', // _dsgnsystm_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? $default_hue : get_theme_mod( 'primary_color_hue', $default_hue ), $saturation, $lightness ),
+					'color' => '#007FDB',
 				),
 				array(
 					'name'  => __( 'Dark Gray', 'redhill' ),
@@ -94,6 +97,18 @@
 				),
 			)
 		);
+
+		// Add child theme support for core custom logo.
+		add_theme_support(
+			'custom-logo',
+			array(
+				'height'      => 120,
+				'width'       => 100,
+				'flex-width'  => true,
+				'flex-height' => false,
+				'header-text' => array( 'site-title', 'site-description' ),
+			)
+		);
 	}
 endif;
 add_action( 'after_setup_theme', 'redhill_theme_setup', 12 );

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

@@ -10,7 +10,7 @@
 // Vertical Rhythm Multiplier
 $baseline-unit: 8px;
 
-$typescale-root: 22px; // Set 16px/1em default on html
+$typescale-root: 20px; // Set 16px/1em default on html
 $typescale-base: 1rem; // Set 1em default on body == $typescale-root;
 $typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-root;
 
@@ -290,7 +290,7 @@ $config-header: (
 			// Fonts
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "primary"),
-				"size": map-deep-get($config-global, "font", "size", "xxxl"),
+				"size": map-deep-get($config-global, "font", "size", "xxxxl"),
 				"weight": bold,
 				"line-height": 1,
 			),

redhill/sass/_extra-child-theme.scss

@@ -39,18 +39,22 @@ a {
 
 // Header
 #masthead {
+  padding-top: map-deep-get($config-global, "spacing", "vertical");
+
 	.custom-logo-link {
 		display: inline-block;
 		margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 	}
 
-	@include media(mobile) {
-		max-width: 92vw;
-		align-content: center;
-		align-items: center;
-		display: flex;
-		flex-flow: row wrap;
-	  justify-content: center;
+  @include media(mobile) {
+    align-content: center;
+    align-items: center;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: center;
+    max-width: 92vw;
+    padding-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
+    padding-top: #{1.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 		.site-branding {
 			flex: 1 100%;
@@ -61,7 +65,6 @@ a {
 			padding-right: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
 		}
 
-
 		.social-navigation {
 			padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
 			padding-right: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
@@ -161,19 +164,6 @@ a {
 	}
 }
 
-// Set entry title vertical margins
-article .entry-header .entry-title,
-.page-title {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
-	margin-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
-	margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
-}
-
-// Set content font-family
-.entry-content {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
-}
-
 // Center common elements
 .site-branding,
 .site-info,
@@ -244,10 +234,68 @@ table,
 }
 
 .entry-footer {
-	border-top: 1px solid map-deep-get($config-global, "color", "border", "default");
+	border-top: 1px solid #{map-deep-get($config-global, "color", "border", "default")};
   font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
-	font-size: map-deep-get($config-global, "font", "size", "xs");
-	padding-top: map-deep-get($config-global, "spacing", "unit");
+	font-size: #{map-deep-get($config-global, "font", "size", "xs")};
+	padding-top: #{map-deep-get($config-global, "spacing", "unit")};
+}
+
+article .entry-header .entry-title,
+.page-title {
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
+	margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+
+  a {
+    color: inherit;
+
+    &:active,
+    &:focus,
+    &:hover {
+      color: #{map-deep-get($config-global, "color", "primary", "default")};
+    }
+  }
+}
+
+.entry-content {
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+}
+
+// Pagination
+.pagination {
+  text-align: center;
+
+  .nav-links > * {
+    color: map-deep-get($config-global, "color", "foreground", "light");
+    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+    font-size: #{map-deep-get($config-global, "font", "size", "base")};
+    text-transform: uppercase;
+
+    &.current,
+    &:active,
+    &:focus,
+    &:hover {
+      color: map-deep-get($config-global, "color", "primary", "default");
+    }
+  }
+
+  svg {
+    fill: currentColor;
+  }
+
+  &:before {
+		background: map-deep-get($config-global, "color", "border", "default");;
+		height: 1px;
+		content: "";
+		display: block;
+		margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
+
+		@include media(mobile) {
+			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+		}
+
+		@extend %responsive-width-full;
+	}
 }
 
 // Post Navigation
@@ -265,7 +313,7 @@ table,
 	.meta-nav {
 		color: map-deep-get($config-global, "color", "foreground", "light");
     font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
-		font-size: #{map-deep-get($config-global, "font", "size", "xs")};
+		font-size: #{map-deep-get($config-global, "font", "size", "sm")};
 		font-weight: bold;
 		text-transform: uppercase;
 	}
@@ -279,7 +327,7 @@ table,
 		height: 1px;
 		content: "";
 		display: block;
-		margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 		@include media(mobile) {
 			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
@@ -343,6 +391,26 @@ table,
   }
 }
 
+// Comments Navigation
+.comment-navigation {
+    a {
+    color: map-deep-get($config-global, "color", "foreground", "light");
+    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+    font-size: #{map-deep-get($config-global, "font", "size", "sm")};
+    text-transform: uppercase;
+
+    &:active,
+    &:focus,
+    &:hover {
+      color: map-deep-get($config-global, "color", "primary", "default");
+    }
+  }
+
+  .comments-title + & {
+    display: none;
+  }
+}
+
 // Widgets
 .widget-area {
   font-size: #{map-deep-get($config-global, "font", "size", "sm")};
@@ -364,7 +432,7 @@ table,
 		height: 1px;
 		content: "";
 		display: block;
-    margin-top: map-deep-get($config-global, "spacing", "vertical");
+    margin-top: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
 
 		@include media(mobile) {
 		    margin-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};

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

@@ -9,10 +9,9 @@
 @import "../../_dsgnsystm/sass/abstracts/imports";
 
 /**
- * Child Theme Name
+ * Child Theme Deep
  */
 @import "config-child-theme-deep";
-//@import "config-child-theme";
 
 /**
  * Base

redhill/sass/style-child-theme.scss

@@ -1,8 +1,8 @@
 /*
 Theme Name: Redhill
-Theme URI: https://github.com/Automattic/_dsgnsystm
+Theme URI: https://github.com/Automattic/redhill
 Author: Automattic
-Author URI: https://wordpress.org/
+Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
 Version: 1.0
@@ -29,11 +29,9 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 @import "../../_dsgnsystm/sass/abstracts/imports";
 
 /**
- * Child Theme Name
+ * Child Theme Deep
  */
 @import "config-child-theme-deep";
-//@import "config-child-theme";
-@import "extra-child-theme";
 
 /**
  * Base

redhill/style-editor.css

@@ -124,7 +124,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Sets a fixed-width on content within alignwide and alignfull blocks
  */
 /**
- * Child Theme Name
+ * Child Theme Deep
  */
 /**
  * Redefine Sass map values for child theme output.
@@ -171,7 +171,7 @@ body {
 	color: #222222;
 	background-color: white;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 22px;
+	font-size: 20px;
 	font-weight: normal;
 	line-height: 1.6;
 	-moz-osx-font-smoothing: grayscale;
@@ -306,7 +306,7 @@ object {
 	font-size: 1em;
 	line-height: 1;
 	background-color: #CA2017;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding: 16px 24px;
 }
 
@@ -360,9 +360,25 @@ object {
 	letter-spacing: normal;
 	line-height: 1.125;
 	padding: 0;
+	max-width: inherit;
+	text-align: inherit;
+}
+
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
 	text-align: left;
 }
 
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: right;
+}
+
 .wp-block-heading h1, h1, .h1,
 .wp-block-heading h2, h2, .h2,
 .wp-block-heading h3, h3, .h3,

redhill/style-rtl.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";
 /*
 Theme Name: Redhill
-Theme URI: https://github.com/Automattic/_dsgnsystm
+Theme URI: https://github.com/Automattic/redhill
 Author: Automattic
-Author URI: https://wordpress.org/
+Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
 Version: 1.0
@@ -145,7 +145,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Sets a fixed-width on content within alignwide and alignfull blocks
  */
 /**
- * Child Theme Name
+ * Child Theme Deep
  */
 /**
  * Redefine Sass map values for child theme output.
@@ -184,459 +184,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 /**
  * Footer
  */
-/**
- * Extra Child Theme Styles
- */
-html {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-}
-
-a {
-	text-decoration: none;
-}
-
-.wp-block-cover a,
-.wp-block-cover-image 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 {
-	text-decoration: none;
-}
-
-.site {
-	border-top: 5px solid #222222;
-	position: relative;
-}
-
-.site:before {
-	border-top: 1px solid rgba(255, 255, 255, 0.5);
-	content: "";
-	right: 0;
-	position: absolute;
-	top: -5px;
-	width: 100%;
-}
-
-#masthead .custom-logo-link {
-	display: inline-block;
-	margin-bottom: 16px;
-}
-
-@media only screen and (min-width: 560px) {
-	#masthead {
-		max-width: 92vw;
-		align-content: center;
-		align-items: center;
-		display: flex;
-		flex-flow: row wrap;
-		justify-content: center;
-	}
-	#masthead .site-branding {
-		flex: 1 100%;
-	}
-	#masthead .main-navigation {
-		padding-right: 32px;
-		padding-left: 32px;
-	}
-	#masthead .social-navigation {
-		padding-right: 32px;
-		padding-left: 32px;
-		margin: 0;
-	}
-}
-
-#colophon {
-	border-top: 1px solid #DDDDDD;
-}
-
-@media only screen and (min-width: 560px) {
-	#colophon {
-		margin-top: 32px;
-		max-width: 100%;
-	}
-}
-
-#colophon .site-info {
-	font-weight: bold;
-	text-transform: uppercase;
-}
-
-@media only screen and (min-width: 560px) {
-	#colophon .site-info {
-		max-width: 92vw;
-		margin-right: auto;
-		margin-left: auto;
-	}
-}
-
-.main-navigation #toggle-menu {
-	text-transform: uppercase;
-}
-
-.main-navigation a {
-	padding: 12px 16px;
-}
-
-.main-navigation > div > ul > li > a {
-	text-transform: uppercase;
-}
-
-.main-navigation > div {
-	background: #FAFAFA;
-	border-radius: 4.4px;
-	padding-right: 16px;
-	padding-left: 16px;
-}
-
-@media only screen and (min-width: 560px) {
-	.main-navigation > div {
-		background: none;
-		border-radius: 0;
-		padding-right: 0;
-		padding-left: 0;
-	}
-}
-
-@media only screen and (min-width: 560px) {
-	.main-navigation > div > ul > li {
-		margin: 0 4px;
-	}
-	.main-navigation > div > ul > li:hover > a,
-	.main-navigation > div > ul > li.focus > a,
-	.main-navigation > div > ul > li.current-menu-item > a {
-		background: #CA2017;
-		border-radius: 4.4px;
-		color: white;
-	}
-	.main-navigation > div > ul > li:hover > ul,
-	.main-navigation > div > ul > li.focus > ul,
-	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
-		overflow: hidden;
-	}
-	.main-navigation > div > ul > li:hover li > a,
-	.main-navigation > div > ul > li.focus li > a,
-	.main-navigation > div > ul > li.current-menu-item li > a {
-		background: #222222;
-		color: white;
-		font-weight: normal;
-	}
-	.main-navigation > div > ul > li:hover li:hover > a,
-	.main-navigation > div > ul > li:hover li.focus > a,
-	.main-navigation > div > ul > li:hover li.current-menu-item > a,
-	.main-navigation > div > ul > li.focus li:hover > a,
-	.main-navigation > div > ul > li.focus li.focus > a,
-	.main-navigation > div > ul > li.focus li.current-menu-item > a,
-	.main-navigation > div > ul > li.current-menu-item li:hover > a,
-	.main-navigation > div > ul > li.current-menu-item li.focus > a,
-	.main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #CA2017;
-	}
-	.main-navigation > div > ul > .menu-item-has-children > a::after {
-		opacity: 0.67;
-	}
-}
-
-article .entry-header .entry-title,
-.page-title {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	margin-top: 64px;
-	margin-bottom: 64px;
-}
-
-.entry-content {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-}
-
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
-}
-
-.main-navigation > div {
-	text-align: right;
-}
-
-.comment-reply-title {
-	display: inherit;
-}
-
-.comment .comment-reply-title {
-	display: flex;
-}
-
-.main-navigation > div > ul,
-.social-navigation > div > ul,
-.pagination .nav-links {
-	justify-content: center;
-}
-
-.wp-block-cover .wp-block-cover__inner-container > *,
-.wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
-	margin-top: 21.312px;
-	margin-bottom: 21.312px;
-}
-
-@media only screen and (min-width: 560px) {
-	.wp-block-cover .wp-block-cover__inner-container > *,
-	.wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
-		margin-top: 32px;
-		margin-bottom: 32px;
-	}
-}
-
-.wp-block-cover .wp-block-cover__inner-container > *:first-child,
-.wp-block-coblocks-hero .wp-block-coblocks-hero__box > *:first-child {
-	margin-top: 0;
-}
-
-.wp-block-cover .wp-block-cover__inner-container > *:last-child,
-.wp-block-coblocks-hero .wp-block-coblocks-hero__box > *:last-child {
-	margin-bottom: 0;
-}
-
-table td,
-table th,
-.wp-block-table td,
-.wp-block-table th {
-	border-color: #DDDDDD;
-}
-
-.entry-header .entry-meta {
-	display: none;
-}
-
-.entry-footer {
-	border-top: 1px solid #DDDDDD;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.69444rem;
-	padding-top: 16px;
-}
-
-.post-navigation a {
-	color: #222222;
-}
-
-.post-navigation a:active, .post-navigation a:hover, .post-navigation a:focus {
-	color: #CA2017;
-}
-
-.post-navigation .meta-nav {
-	color: #666666;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.69444rem;
-	font-weight: bold;
-	text-transform: uppercase;
-}
-
-.post-navigation .post-title {
-	font-size: 1rem;
-}
-
-.post-navigation:before {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-bottom: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.post-navigation:before {
-		margin-bottom: 64px;
-	}
-}
-
-.comments-area:before {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-bottom: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.comments-area:before {
-		margin-bottom: 64px;
-	}
-}
-
-.comments-area .comment-list {
-	border-bottom: 1px solid #FAFAFA;
-}
-
-.comments-area .comment-list > li {
-	border-top: 1px solid #FAFAFA;
-}
-
-.comments-area .children > li {
-	border-top: 1px solid #FAFAFA;
-}
-
-.comments-title,
-.comment-reply-title {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	font-size: 1.728rem;
-}
-
-.comment-meta .comment-metadata {
-	color: #666666;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-}
-
-.comment-meta .comment-metadata a {
-	color: inherit;
-}
-
-.comment-meta .comment-metadata a:active,
-.comment-meta .comment-metadata a:focus,
-.comment-meta .comment-metadata a:hover {
-	color: #CA2017;
-}
-
-.widget-area {
-	font-size: 0.83333rem;
-}
-
-.widget-area .widget-title,
-.widget-area .widgettitle {
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1rem;
-	margin-bottom: 16px;
-	text-transform: uppercase;
-}
-
-.widget-area .widget-title:empty,
-.widget-area .widgettitle:empty {
-	display: none;
-}
-
-.widget-area:after {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-top: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.widget-area:after {
-		margin-top: 64px;
-	}
-}
-
-@media only screen and (min-width: 772px) {
-	.widget-area:after {
-		margin-top: 32px;
-	}
-}
-
-@media only screen and (min-width: 560px) {
-	.widget-area {
-		padding-top: 32px;
-	}
-}
-
-@media only screen and (min-width: 772px) {
-	.widget-area {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: space-between;
-	}
-	.widget-area > *:nth-child(2) {
-		margin-top: 0;
-	}
-	.widget-area .widget {
-		width: calc(50% - 16px);
-	}
-}
-
-.widget_calendar caption,
-.widget_calendar caption {
-	font-weight: bold;
-}
-
-.widget_calendar td,
-.widget_calendar th,
-.widget_calendar td,
-.widget_calendar th {
-	text-align: center;
-}
-
-.widget_archive ul,
-.widget_categories ul,
-.widget_links ul,
-.widget_meta ul,
-.widget_nav_menu ul,
-.widget_pages ul,
-.widget_recent_comments ul,
-.widget_recent_entries ul,
-.widget_rss ul,
-.widget_rss_links ul,
-.widget_top-posts ul,
-.widget_authors ul,
-.widget_jp_blogs_i_follow ul,
-.widget_top-click ul,
-.widget_upcoming_events_widget ul {
-	border-bottom: 1px solid #FAFAFA;
-	list-style: none;
-	margin-right: 0;
-}
-
-.widget_archive li,
-.widget_categories li,
-.widget_links li,
-.widget_meta li,
-.widget_nav_menu li,
-.widget_pages li,
-.widget_recent_comments li,
-.widget_recent_entries li,
-.widget_rss li,
-.widget_rss_links li,
-.widget_top-posts li,
-.widget_authors li,
-.widget_jp_blogs_i_follow li,
-.widget_top-click li,
-.widget_upcoming_events_widget li {
-	border-top: 1px solid #FAFAFA;
-	padding: 8px 0;
-}
-
-.widget_categories .children,
-.widget_nav_menu .sub-menu,
-.widget_pages .children {
-	border-bottom: 0;
-	margin-bottom: -8px;
-	margin-top: 8px;
-	padding-right: 16px;
-}
-
-.widget_recent_entries .post-date {
-	display: block;
-}
-
-.widget_rss cite,
-.widget_rss .rssSummary,
-.widget_rss .rss-date {
-	display: block;
-}
-
-.widget_search input[type="search"] {
-	display: block;
-	margin-bottom: 8px;
-	width: 100%;
-}
-
 /**
  * Base
  * - Reset the browser
@@ -1041,14 +588,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 18.33333px;
+	font-size: 16.66667px;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	line-height: 1.6;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 22px;
+		font-size: 20px;
 	}
 }
 
@@ -1526,7 +1073,7 @@ input[type="submit"],
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	background-color: #CA2017;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	border-width: 0;
 	padding: 16px 24px;
 }
@@ -2426,7 +1973,7 @@ table th,
 .site-title {
 	color: #111111;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	font-size: 2.48832rem;
+	font-size: 2.98598rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -3245,7 +2792,7 @@ table th,
 	}
 }
 
-.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 	margin-right: calc( -0.5 * ( 100vw - 100% ));
 	margin-left: calc( -0.5 * ( 100vw - 100% ));
 	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
@@ -3253,7 +2800,7 @@ table th,
 }
 
 @media only screen and (min-width: 560px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
@@ -3262,7 +2809,7 @@ table th,
 }
 
 @media only screen and (min-width: 640px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
@@ -3271,7 +2818,7 @@ table th,
 }
 
 @media only screen and (min-width: 772px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		width: calc( calc( 772px - 32px) + (0.5 * 2) * ( 100vw - calc( 772px - 32px) ));
@@ -3280,7 +2827,7 @@ table th,
 }
 
 @media only screen and (min-width: 1024px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		width: calc( calc( 772px - 32px) + (0.5 * 2) * ( 100vw - calc( 772px - 32px) ));
@@ -3289,7 +2836,7 @@ table th,
 }
 
 @media only screen and (min-width: 1280px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		width: calc( calc( 772px - 32px) + (0.5 * 2) * ( 100vw - calc( 772px - 32px) ));
@@ -3414,6 +2961,10 @@ a {
 	width: 100%;
 }
 
+#masthead {
+	padding-top: 32px;
+}
+
 #masthead .custom-logo-link {
 	display: inline-block;
 	margin-bottom: 16px;
@@ -3421,12 +2972,14 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#masthead {
-		max-width: 92vw;
 		align-content: center;
 		align-items: center;
 		display: flex;
 		flex-flow: row wrap;
 		justify-content: center;
+		max-width: 92vw;
+		padding-bottom: 16px;
+		padding-top: 48px;
 	}
 	#masthead .site-branding {
 		flex: 1 100%;
@@ -3480,7 +3033,7 @@ a {
 
 .main-navigation > div {
 	background: #FAFAFA;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding-right: 16px;
 	padding-left: 16px;
 }
@@ -3502,13 +3055,13 @@ a {
 	.main-navigation > div > ul > li.focus > a,
 	.main-navigation > div > ul > li.current-menu-item > a {
 		background: #CA2017;
-		border-radius: 4.4px;
+		border-radius: 4px;
 		color: white;
 	}
 	.main-navigation > div > ul > li:hover > ul,
 	.main-navigation > div > ul > li.focus > ul,
 	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
+		border-radius: 4px;
 		overflow: hidden;
 	}
 	.main-navigation > div > ul > li:hover li > a,
@@ -3534,17 +3087,6 @@ a {
 	}
 }
 
-article .entry-header .entry-title,
-.page-title {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	margin-top: 64px;
-	margin-bottom: 64px;
-}
-
-.entry-content {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-}
-
 .site-branding,
 .site-info,
 .main-navigation,
@@ -3617,6 +3159,62 @@ table th,
 	padding-top: 16px;
 }
 
+article .entry-header .entry-title,
+.page-title {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	margin-top: 32px;
+	margin-bottom: 64px;
+}
+
+article .entry-header .entry-title a,
+.page-title a {
+	color: inherit;
+}
+
+article .entry-header .entry-title a:active, article .entry-header .entry-title a:focus, article .entry-header .entry-title a:hover,
+.page-title a:active,
+.page-title a:focus,
+.page-title a:hover {
+	color: #CA2017;
+}
+
+.entry-content {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+}
+
+.pagination {
+	text-align: center;
+}
+
+.pagination .nav-links > * {
+	color: #666666;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-size: 1rem;
+	text-transform: uppercase;
+}
+
+.pagination .nav-links > *.current, .pagination .nav-links > *:active, .pagination .nav-links > *:focus, .pagination .nav-links > *:hover {
+	color: #CA2017;
+}
+
+.pagination svg {
+	fill: currentColor;
+}
+
+.pagination:before {
+	background: #DDDDDD;
+	height: 1px;
+	content: "";
+	display: block;
+	margin-bottom: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.pagination:before {
+		margin-bottom: 64px;
+	}
+}
+
 .post-navigation a {
 	color: #222222;
 }
@@ -3628,7 +3226,7 @@ table th,
 .post-navigation .meta-nav {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.69444rem;
+	font-size: 0.83333rem;
 	font-weight: bold;
 	text-transform: uppercase;
 }
@@ -3642,7 +3240,7 @@ table th,
 	height: 1px;
 	content: "";
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3698,6 +3296,21 @@ table th,
 	color: #CA2017;
 }
 
+.comment-navigation a {
+	color: #666666;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-size: 0.83333rem;
+	text-transform: uppercase;
+}
+
+.comment-navigation a:active, .comment-navigation a:focus, .comment-navigation a:hover {
+	color: #CA2017;
+}
+
+.comments-title + .comment-navigation {
+	display: none;
+}
+
 .widget-area {
 	font-size: 0.83333rem;
 }
@@ -3720,7 +3333,7 @@ table th,
 	height: 1px;
 	content: "";
 	display: block;
-	margin-top: 32px;
+	margin-top: 16px;
 }
 
 @media only screen and (min-width: 560px) {

redhill/style.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";
 /*
 Theme Name: Redhill
-Theme URI: https://github.com/Automattic/_dsgnsystm
+Theme URI: https://github.com/Automattic/redhill
 Author: Automattic
-Author URI: https://wordpress.org/
+Author URI: https://automattic.com/
 Description: A design system for WordPress sites built with Gutenberg.
 Requires at least: WordPress 4.9.6
 Version: 1.0
@@ -145,7 +145,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * - Sets a fixed-width on content within alignwide and alignfull blocks
  */
 /**
- * Child Theme Name
+ * Child Theme Deep
  */
 /**
  * Redefine Sass map values for child theme output.
@@ -184,459 +184,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
 /**
  * Footer
  */
-/**
- * Extra Child Theme Styles
- */
-html {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-}
-
-a {
-	text-decoration: none;
-}
-
-.wp-block-cover a,
-.wp-block-cover-image 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 {
-	text-decoration: none;
-}
-
-.site {
-	border-top: 5px solid #222222;
-	position: relative;
-}
-
-.site:before {
-	border-top: 1px solid rgba(255, 255, 255, 0.5);
-	content: "";
-	left: 0;
-	position: absolute;
-	top: -5px;
-	width: 100%;
-}
-
-#masthead .custom-logo-link {
-	display: inline-block;
-	margin-bottom: 16px;
-}
-
-@media only screen and (min-width: 560px) {
-	#masthead {
-		max-width: 92vw;
-		align-content: center;
-		align-items: center;
-		display: flex;
-		flex-flow: row wrap;
-		justify-content: center;
-	}
-	#masthead .site-branding {
-		flex: 1 100%;
-	}
-	#masthead .main-navigation {
-		padding-left: 32px;
-		padding-right: 32px;
-	}
-	#masthead .social-navigation {
-		padding-left: 32px;
-		padding-right: 32px;
-		margin: 0;
-	}
-}
-
-#colophon {
-	border-top: 1px solid #DDDDDD;
-}
-
-@media only screen and (min-width: 560px) {
-	#colophon {
-		margin-top: 32px;
-		max-width: 100%;
-	}
-}
-
-#colophon .site-info {
-	font-weight: bold;
-	text-transform: uppercase;
-}
-
-@media only screen and (min-width: 560px) {
-	#colophon .site-info {
-		max-width: 92vw;
-		margin-left: auto;
-		margin-right: auto;
-	}
-}
-
-.main-navigation #toggle-menu {
-	text-transform: uppercase;
-}
-
-.main-navigation a {
-	padding: 12px 16px;
-}
-
-.main-navigation > div > ul > li > a {
-	text-transform: uppercase;
-}
-
-.main-navigation > div {
-	background: #FAFAFA;
-	border-radius: 4.4px;
-	padding-left: 16px;
-	padding-right: 16px;
-}
-
-@media only screen and (min-width: 560px) {
-	.main-navigation > div {
-		background: none;
-		border-radius: 0;
-		padding-left: 0;
-		padding-right: 0;
-	}
-}
-
-@media only screen and (min-width: 560px) {
-	.main-navigation > div > ul > li {
-		margin: 0 4px;
-	}
-	.main-navigation > div > ul > li:hover > a,
-	.main-navigation > div > ul > li.focus > a,
-	.main-navigation > div > ul > li.current-menu-item > a {
-		background: #CA2017;
-		border-radius: 4.4px;
-		color: white;
-	}
-	.main-navigation > div > ul > li:hover > ul,
-	.main-navigation > div > ul > li.focus > ul,
-	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
-		overflow: hidden;
-	}
-	.main-navigation > div > ul > li:hover li > a,
-	.main-navigation > div > ul > li.focus li > a,
-	.main-navigation > div > ul > li.current-menu-item li > a {
-		background: #222222;
-		color: white;
-		font-weight: normal;
-	}
-	.main-navigation > div > ul > li:hover li:hover > a,
-	.main-navigation > div > ul > li:hover li.focus > a,
-	.main-navigation > div > ul > li:hover li.current-menu-item > a,
-	.main-navigation > div > ul > li.focus li:hover > a,
-	.main-navigation > div > ul > li.focus li.focus > a,
-	.main-navigation > div > ul > li.focus li.current-menu-item > a,
-	.main-navigation > div > ul > li.current-menu-item li:hover > a,
-	.main-navigation > div > ul > li.current-menu-item li.focus > a,
-	.main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
-		background: #CA2017;
-	}
-	.main-navigation > div > ul > .menu-item-has-children > a::after {
-		opacity: 0.67;
-	}
-}
-
-article .entry-header .entry-title,
-.page-title {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	margin-top: 64px;
-	margin-bottom: 64px;
-}
-
-.entry-content {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-}
-
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
-	text-align: center;
-}
-
-.main-navigation > div {
-	text-align: left;
-}
-
-.comment-reply-title {
-	display: inherit;
-}
-
-.comment .comment-reply-title {
-	display: flex;
-}
-
-.main-navigation > div > ul,
-.social-navigation > div > ul,
-.pagination .nav-links {
-	justify-content: center;
-}
-
-.wp-block-cover .wp-block-cover__inner-container > *,
-.wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
-	margin-top: 21.312px;
-	margin-bottom: 21.312px;
-}
-
-@media only screen and (min-width: 560px) {
-	.wp-block-cover .wp-block-cover__inner-container > *,
-	.wp-block-coblocks-hero .wp-block-coblocks-hero__box > * {
-		margin-top: 32px;
-		margin-bottom: 32px;
-	}
-}
-
-.wp-block-cover .wp-block-cover__inner-container > *:first-child,
-.wp-block-coblocks-hero .wp-block-coblocks-hero__box > *:first-child {
-	margin-top: 0;
-}
-
-.wp-block-cover .wp-block-cover__inner-container > *:last-child,
-.wp-block-coblocks-hero .wp-block-coblocks-hero__box > *:last-child {
-	margin-bottom: 0;
-}
-
-table td,
-table th,
-.wp-block-table td,
-.wp-block-table th {
-	border-color: #DDDDDD;
-}
-
-.entry-header .entry-meta {
-	display: none;
-}
-
-.entry-footer {
-	border-top: 1px solid #DDDDDD;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.69444rem;
-	padding-top: 16px;
-}
-
-.post-navigation a {
-	color: #222222;
-}
-
-.post-navigation a:active, .post-navigation a:hover, .post-navigation a:focus {
-	color: #CA2017;
-}
-
-.post-navigation .meta-nav {
-	color: #666666;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.69444rem;
-	font-weight: bold;
-	text-transform: uppercase;
-}
-
-.post-navigation .post-title {
-	font-size: 1rem;
-}
-
-.post-navigation:before {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-bottom: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.post-navigation:before {
-		margin-bottom: 64px;
-	}
-}
-
-.comments-area:before {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-bottom: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.comments-area:before {
-		margin-bottom: 64px;
-	}
-}
-
-.comments-area .comment-list {
-	border-bottom: 1px solid #FAFAFA;
-}
-
-.comments-area .comment-list > li {
-	border-top: 1px solid #FAFAFA;
-}
-
-.comments-area .children > li {
-	border-top: 1px solid #FAFAFA;
-}
-
-.comments-title,
-.comment-reply-title {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	font-size: 1.728rem;
-}
-
-.comment-meta .comment-metadata {
-	color: #666666;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-}
-
-.comment-meta .comment-metadata a {
-	color: inherit;
-}
-
-.comment-meta .comment-metadata a:active,
-.comment-meta .comment-metadata a:focus,
-.comment-meta .comment-metadata a:hover {
-	color: #CA2017;
-}
-
-.widget-area {
-	font-size: 0.83333rem;
-}
-
-.widget-area .widget-title,
-.widget-area .widgettitle {
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 1rem;
-	margin-bottom: 16px;
-	text-transform: uppercase;
-}
-
-.widget-area .widget-title:empty,
-.widget-area .widgettitle:empty {
-	display: none;
-}
-
-.widget-area:after {
-	background: #DDDDDD;
-	height: 1px;
-	content: "";
-	display: block;
-	margin-top: 32px;
-}
-
-@media only screen and (min-width: 560px) {
-	.widget-area:after {
-		margin-top: 64px;
-	}
-}
-
-@media only screen and (min-width: 772px) {
-	.widget-area:after {
-		margin-top: 32px;
-	}
-}
-
-@media only screen and (min-width: 560px) {
-	.widget-area {
-		padding-top: 32px;
-	}
-}
-
-@media only screen and (min-width: 772px) {
-	.widget-area {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: space-between;
-	}
-	.widget-area > *:nth-child(2) {
-		margin-top: 0;
-	}
-	.widget-area .widget {
-		width: calc(50% - 16px);
-	}
-}
-
-.widget_calendar caption,
-.widget_calendar caption {
-	font-weight: bold;
-}
-
-.widget_calendar td,
-.widget_calendar th,
-.widget_calendar td,
-.widget_calendar th {
-	text-align: center;
-}
-
-.widget_archive ul,
-.widget_categories ul,
-.widget_links ul,
-.widget_meta ul,
-.widget_nav_menu ul,
-.widget_pages ul,
-.widget_recent_comments ul,
-.widget_recent_entries ul,
-.widget_rss ul,
-.widget_rss_links ul,
-.widget_top-posts ul,
-.widget_authors ul,
-.widget_jp_blogs_i_follow ul,
-.widget_top-click ul,
-.widget_upcoming_events_widget ul {
-	border-bottom: 1px solid #FAFAFA;
-	list-style: none;
-	margin-left: 0;
-}
-
-.widget_archive li,
-.widget_categories li,
-.widget_links li,
-.widget_meta li,
-.widget_nav_menu li,
-.widget_pages li,
-.widget_recent_comments li,
-.widget_recent_entries li,
-.widget_rss li,
-.widget_rss_links li,
-.widget_top-posts li,
-.widget_authors li,
-.widget_jp_blogs_i_follow li,
-.widget_top-click li,
-.widget_upcoming_events_widget li {
-	border-top: 1px solid #FAFAFA;
-	padding: 8px 0;
-}
-
-.widget_categories .children,
-.widget_nav_menu .sub-menu,
-.widget_pages .children {
-	border-bottom: 0;
-	margin-bottom: -8px;
-	margin-top: 8px;
-	padding-left: 16px;
-}
-
-.widget_recent_entries .post-date {
-	display: block;
-}
-
-.widget_rss cite,
-.widget_rss .rssSummary,
-.widget_rss .rss-date {
-	display: block;
-}
-
-.widget_search input[type="search"] {
-	display: block;
-	margin-bottom: 8px;
-	width: 100%;
-}
-
 /**
  * Base
  * - Reset the browser
@@ -1041,14 +588,14 @@ html {
  * HTML resets
  */
 html {
-	font-size: 18.33333px;
+	font-size: 16.66667px;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	line-height: 1.6;
 }
 
 @media only screen and (min-width: 560px) {
 	html {
-		font-size: 22px;
+		font-size: 20px;
 	}
 }
 
@@ -1526,7 +1073,7 @@ input[type="submit"],
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	background-color: #CA2017;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	border-width: 0;
 	padding: 16px 24px;
 }
@@ -1685,6 +1232,21 @@ input[type="submit"].has-focus,
 	padding: 0;
 }
 
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+	text-align: left;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: right;
+}
+
 .wp-block-cover.alignleft, .wp-block-cover.alignright,
 .wp-block-cover-image.alignleft,
 .wp-block-cover-image.alignright {
@@ -2431,7 +1993,7 @@ table th,
 .site-title {
 	color: #111111;
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	font-size: 2.48832rem;
+	font-size: 2.98598rem;
 	letter-spacing: normal;
 	line-height: 1;
 }
@@ -3250,7 +2812,7 @@ table th,
 	}
 }
 
-.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 	margin-left: calc( -0.5 * ( 100vw - 100% ));
 	margin-right: calc( -0.5 * ( 100vw - 100% ));
 	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
@@ -3258,7 +2820,7 @@ table th,
 }
 
 @media only screen and (min-width: 560px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
@@ -3267,7 +2829,7 @@ table th,
 }
 
 @media only screen and (min-width: 640px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
@@ -3276,7 +2838,7 @@ table th,
 }
 
 @media only screen and (min-width: 772px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		width: calc( calc( 772px - 32px) + (0.5 * 2) * ( 100vw - calc( 772px - 32px) ));
@@ -3285,7 +2847,7 @@ table th,
 }
 
 @media only screen and (min-width: 1024px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		width: calc( calc( 772px - 32px) + (0.5 * 2) * ( 100vw - calc( 772px - 32px) ));
@@ -3294,7 +2856,7 @@ table th,
 }
 
 @media only screen and (min-width: 1280px) {
-	.post-navigation:before, .comments-area:before, .widget-area:after, .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .pagination:before, .post-navigation:before, .comments-area:before, .widget-area:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 772px - 32px) ));
 		width: calc( calc( 772px - 32px) + (0.5 * 2) * ( 100vw - calc( 772px - 32px) ));
@@ -3419,6 +2981,10 @@ a {
 	width: 100%;
 }
 
+#masthead {
+	padding-top: 32px;
+}
+
 #masthead .custom-logo-link {
 	display: inline-block;
 	margin-bottom: 16px;
@@ -3426,12 +2992,14 @@ a {
 
 @media only screen and (min-width: 560px) {
 	#masthead {
-		max-width: 92vw;
 		align-content: center;
 		align-items: center;
 		display: flex;
 		flex-flow: row wrap;
 		justify-content: center;
+		max-width: 92vw;
+		padding-bottom: 16px;
+		padding-top: 48px;
 	}
 	#masthead .site-branding {
 		flex: 1 100%;
@@ -3485,7 +3053,7 @@ a {
 
 .main-navigation > div {
 	background: #FAFAFA;
-	border-radius: 4.4px;
+	border-radius: 4px;
 	padding-left: 16px;
 	padding-right: 16px;
 }
@@ -3507,13 +3075,13 @@ a {
 	.main-navigation > div > ul > li.focus > a,
 	.main-navigation > div > ul > li.current-menu-item > a {
 		background: #CA2017;
-		border-radius: 4.4px;
+		border-radius: 4px;
 		color: white;
 	}
 	.main-navigation > div > ul > li:hover > ul,
 	.main-navigation > div > ul > li.focus > ul,
 	.main-navigation > div > ul > li.current-menu-item > ul {
-		border-radius: 4.4px;
+		border-radius: 4px;
 		overflow: hidden;
 	}
 	.main-navigation > div > ul > li:hover li > a,
@@ -3539,17 +3107,6 @@ a {
 	}
 }
 
-article .entry-header .entry-title,
-.page-title {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-	margin-top: 64px;
-	margin-bottom: 64px;
-}
-
-.entry-content {
-	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
-}
-
 .site-branding,
 .site-info,
 .main-navigation,
@@ -3622,6 +3179,62 @@ table th,
 	padding-top: 16px;
 }
 
+article .entry-header .entry-title,
+.page-title {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	margin-top: 32px;
+	margin-bottom: 64px;
+}
+
+article .entry-header .entry-title a,
+.page-title a {
+	color: inherit;
+}
+
+article .entry-header .entry-title a:active, article .entry-header .entry-title a:focus, article .entry-header .entry-title a:hover,
+.page-title a:active,
+.page-title a:focus,
+.page-title a:hover {
+	color: #CA2017;
+}
+
+.entry-content {
+	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+}
+
+.pagination {
+	text-align: center;
+}
+
+.pagination .nav-links > * {
+	color: #666666;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-size: 1rem;
+	text-transform: uppercase;
+}
+
+.pagination .nav-links > *.current, .pagination .nav-links > *:active, .pagination .nav-links > *:focus, .pagination .nav-links > *:hover {
+	color: #CA2017;
+}
+
+.pagination svg {
+	fill: currentColor;
+}
+
+.pagination:before {
+	background: #DDDDDD;
+	height: 1px;
+	content: "";
+	display: block;
+	margin-bottom: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.pagination:before {
+		margin-bottom: 64px;
+	}
+}
+
 .post-navigation a {
 	color: #222222;
 }
@@ -3633,7 +3246,7 @@ table th,
 .post-navigation .meta-nav {
 	color: #666666;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.69444rem;
+	font-size: 0.83333rem;
 	font-weight: bold;
 	text-transform: uppercase;
 }
@@ -3647,7 +3260,7 @@ table th,
 	height: 1px;
 	content: "";
 	display: block;
-	margin-bottom: 32px;
+	margin-bottom: 16px;
 }
 
 @media only screen and (min-width: 560px) {
@@ -3703,6 +3316,21 @@ table th,
 	color: #CA2017;
 }
 
+.comment-navigation a {
+	color: #666666;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	font-size: 0.83333rem;
+	text-transform: uppercase;
+}
+
+.comment-navigation a:active, .comment-navigation a:focus, .comment-navigation a:hover {
+	color: #CA2017;
+}
+
+.comments-title + .comment-navigation {
+	display: none;
+}
+
 .widget-area {
 	font-size: 0.83333rem;
 }
@@ -3725,7 +3353,7 @@ table th,
 	height: 1px;
 	content: "";
 	display: block;
-	margin-top: 32px;
+	margin-top: 16px;
 }
 
 @media only screen and (min-width: 560px) {

sophisticated-business/sass/site/header/_site-header.scss

@@ -29,7 +29,7 @@
 .site-branding {
 	display: flex;
 	flex-wrap: wrap;
-	align-items: center;
+	align-items: flex-start;
 	justify-content: space-between;
 
 	color: $color__text-light;
@@ -56,9 +56,11 @@
 
 // Site title
 
-.site-title {
+.site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus {
 	color: $color__text-main;
-	font-size: $font__size-md;
+	font-size: $font__size-md !important;
 	font-weight: 600;
 	flex: 1 1 auto;
 	margin: 0;
@@ -83,10 +85,16 @@
 
 // Site description
 
-.site-description {
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
 	flex: initial;
 	color: $color__text-main;
 	font-size: $font__size-xs;
 	font-weight: normal;
 	margin: 0.27rem 0 0;
+
+	@include media(tablet) {
+		text-align: right;
+	}
 }

sophisticated-business/sass/typography/_headings.scss

@@ -16,6 +16,8 @@
 .pagination .nav-links,
 .sticky-post,
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 .site-info,
 #cancel-comment-reply-link,
 img:after,
@@ -38,6 +40,8 @@ h6 {
 .comment-author .fn,
 .no-comments,
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 h1,
 h2,
 h3,
@@ -90,6 +94,8 @@ h3 {
 }
 
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 .site-description,
 .nav-links,
 .page-title,
@@ -123,7 +129,6 @@ h6 {
 	font-size: $font__size-xxs;
 }
 
-.site-title,
 .page-title {
 	font-weight: normal;
 }

sophisticated-business/style-editor.css

@@ -9,6 +9,782 @@ Sophisticated Business Editor Styles
 /* Fallback for non-latin fonts */
 /* Calculates maximum width for post content */
 /* Nested sub-menu padding: 10 levels deep */
+.site-header {
+  padding: 1rem;
+}
+
+.site-header.featured-image {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+  margin-bottom: auto;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-header {
+    margin: 0;
+  }
+  .site-header.featured-image {
+    min-height: 100vh;
+    margin-bottom: 3rem;
+  }
+}
+
+.site-branding {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  color: #cccccc;
+  position: relative;
+}
+
+.site-logo {
+  margin-right: 0.5rem;
+}
+
+.site-logo .custom-logo-link {
+  box-sizing: content-box;
+  display: block;
+  line-height: 0;
+  overflow: hidden;
+}
+
+.site-logo .custom-logo-link .custom-logo {
+  max-height: 60px;
+  width: auto;
+}
+
+.site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus {
+  color: #fff;
+  font-size: 1.125em !important;
+  font-weight: 600;
+  flex: 1 1 auto;
+  margin: 0;
+}
+
+.site-title a,
+.wp-block-a8c-site-title a,
+.wp-block-a8c-site-title:focus a {
+  color: #fff;
+}
+
+.site-title a:link, .site-title a:visited,
+.wp-block-a8c-site-title a:link,
+.wp-block-a8c-site-title a:visited,
+.wp-block-a8c-site-title:focus a:link,
+.wp-block-a8c-site-title:focus a:visited {
+  color: #fff;
+}
+
+.site-title a:hover,
+.wp-block-a8c-site-title a:hover,
+.wp-block-a8c-site-title:focus a:hover {
+  color: #c6c6c6;
+}
+
+.featured-image .site-title, .featured-image
+.wp-block-a8c-site-title, .featured-image
+.wp-block-a8c-site-title:focus {
+  margin: 0;
+}
+
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
+  flex: initial;
+  color: #fff;
+  font-size: 0.71111em;
+  font-weight: normal;
+  margin: 0.27rem 0 0;
+}
+
+@media only screen and (min-width: 768px) {
+  .site-description,
+  .wp-block-a8c-site-description,
+  .wp-block-a8c-site-description:focus {
+    text-align: right;
+  }
+}
+
+/** === Main menu === */
+.main-navigation {
+  display: block;
+  margin-top: 0.25rem;
+  width: 100%;
+  /* Un-style buttons */
+  /*
+	 * Sub-menu styles
+	 *
+	 * :focus-within needs its own selector so other similar
+	 * selectors don’t get ignored if a browser doesn’t recognize it
+	 */
+  /**
+	 * Fade-in animation for top-level submenus
+	 */
+  /**
+	 * Off-canvas touch device styles
+	 */
+}
+
+body.page .main-navigation {
+  display: block;
+}
+
+.main-navigation > div {
+  display: inline;
+}
+
+.main-navigation button {
+  display: inline-block;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: 700;
+  line-height: 1.2;
+  text-decoration: none;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  transition: background 250ms ease-in-out, transform 150ms ease;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.main-navigation button:hover, .main-navigation button:focus {
+  background: transparent;
+}
+
+.main-navigation button:focus {
+  outline: 1px solid transparent;
+  outline-offset: -4px;
+}
+
+.main-navigation button:active {
+  transform: scale(0.99);
+}
+
+.main-navigation .main-menu {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+
+.main-navigation .main-menu > li {
+  color: #caab57;
+  display: inline;
+  position: relative;
+}
+
+.main-navigation .main-menu > li > a {
+  font-weight: 600;
+  color: #caab57;
+  margin-right: 0.5rem;
+}
+
+.main-navigation .main-menu > li > a + svg {
+  margin-right: 0.5rem;
+}
+
+.main-navigation .main-menu > li > a:hover,
+.main-navigation .main-menu > li > a:hover + svg {
+  color: #b59439;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children {
+  display: inline-block;
+  position: inherit;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu > li.menu-item-has-children {
+    position: relative;
+  }
+}
+
+.main-navigation .main-menu > li.menu-item-has-children > a {
+  margin-right: 0.125rem;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children > a:after,
+.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
+  content: "";
+  display: none;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
+  display: inline-block;
+  margin-right: 0.25rem;
+  /* Priority+ Menu */
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
+  position: relative;
+  height: 24px;
+  line-height: 1.2;
+  width: 24px;
+  padding: 0;
+  margin-left: 0.5rem;
+  top: 6px;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
+  height: 24px;
+  width: 24px;
+  top: -0.125rem;
+  vertical-align: text-bottom;
+}
+
+.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
+  display: none;
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
+  position: relative;
+  top: 0.2rem;
+}
+
+.main-navigation .main-menu > li:last-child > a,
+.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
+  margin-right: 0;
+}
+
+.main-navigation .sub-menu {
+  background-color: #caab57;
+  color: #080808;
+  list-style: none;
+  padding-left: 0;
+  position: absolute;
+  opacity: 0;
+  left: -9999px;
+  z-index: 99999;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .sub-menu {
+    width: auto;
+    min-width: -moz-max-content;
+    min-width: -webkit-max-content;
+    min-width: max-content;
+  }
+}
+
+.main-navigation .sub-menu > li {
+  display: block;
+  float: none;
+  position: relative;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+  display: inline-block;
+  position: absolute;
+  width: calc( 24px + 1rem);
+  right: 0;
+  top: calc( .125 * 1rem);
+  bottom: 0;
+  color: white;
+  line-height: 1;
+  padding: calc( .5 * 1rem);
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
+  top: 0;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+  margin-right: 0;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
+    content: "\203a";
+  }
+}
+
+.main-navigation .sub-menu > li > a,
+.main-navigation .sub-menu > li > .menu-item-link-return {
+  color: #080808;
+  display: block;
+  line-height: 1.2;
+  text-shadow: none;
+  padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
+  white-space: nowrap;
+}
+
+.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover,
+.main-navigation .sub-menu > li > .menu-item-link-return:focus {
+  background: #b59439;
+}
+
+.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
+.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
+  background: #b59439;
+}
+
+.main-navigation .sub-menu > li > .menu-item-link-return {
+  width: 100%;
+  font-size: 22px;
+  font-weight: normal;
+  text-align: left;
+}
+
+.main-navigation .sub-menu > li > a:empty {
+  display: none;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
+  display: none;
+  font-size: 0.88889em;
+  font-weight: normal;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
+  position: relative;
+  top: 0.2rem;
+  margin-right: calc( .25 * 1rem);
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+  display: block;
+  left: 0;
+  margin-top: 0;
+  opacity: 1;
+  width: auto;
+  min-width: 100%;
+  /* Non-mobile position */
+  /* Nested sub-menu dashes */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+    display: block;
+    margin-top: 0;
+    opacity: 1;
+    position: absolute;
+    left: 0;
+    right: auto;
+    top: auto;
+    bottom: auto;
+    height: auto;
+    min-width: -moz-max-content;
+    min-width: -webkit-max-content;
+    min-width: max-content;
+    transform: none;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+  left: 0;
+  width: 100%;
+  display: table;
+  position: absolute;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+    right: 0;
+    left: auto;
+    display: block;
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
+  display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+  display: block;
+  margin-top: inherit;
+  position: relative;
+  width: 100%;
+  left: 0;
+  opacity: 1;
+  /* Non-mobile position */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+    float: none;
+    max-width: 100%;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+  counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
+  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: normal;
+  content: "– " counters(submenu, "– ", none);
+  counter-increment: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+  display: block;
+  left: 0;
+  margin-top: 0;
+  opacity: 1;
+  width: auto;
+  min-width: 100%;
+  /* Non-mobile position */
+  /* Nested sub-menu dashes */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+    display: block;
+    float: none;
+    margin-top: 0;
+    opacity: 1;
+    position: absolute;
+    left: 0;
+    right: auto;
+    top: auto;
+    bottom: auto;
+    height: auto;
+    min-width: -moz-max-content;
+    min-width: -webkit-max-content;
+    min-width: max-content;
+    transform: none;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+  left: 0;
+  width: 100%;
+  display: table;
+  position: absolute;
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+    right: 0;
+    left: auto;
+    display: table;
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
+  display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+  display: block;
+  margin-top: inherit;
+  position: relative;
+  width: 100%;
+  left: 0;
+  opacity: 1;
+  /* Non-mobile position */
+}
+
+@media only screen and (min-width: 768px) {
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+  .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+    float: none;
+    max-width: 100%;
+  }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+  counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-weight: normal;
+  content: "– " counters(submenu, "– ", none);
+  counter-increment: submenu;
+}
+
+.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
+  animation: fade_in 0.1s forwards;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
+  transform: rotate(270deg);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
+  opacity: 0;
+  position: absolute;
+  z-index: 0;
+  transform: translateX(-100%);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
+  background-color: transparent;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+  white-space: inherit;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+  display: table;
+  margin-top: 0;
+  opacity: 1;
+  padding-left: 0;
+  /* Mobile position */
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  position: fixed;
+  z-index: 100000;
+  /* Make sure appears above mobile admin bar */
+  width: 100vw;
+  height: 100vh;
+  max-width: 100vw;
+  transform: translateX(100%);
+  animation: slide_in_right 0.3s forwards;
+  /* Prevent menu from being blocked by admin bar */
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+  display: block;
+}
+
+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+  top: 46px;
+  height: calc( 100vh - 46px);
+  /* WP core breakpoint */
+}
+
+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+  top: 0;
+}
+
+@media only screen and (min-width: 782px) {
+  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+    top: 32px;
+    height: calc( 100vh - 32px);
+  }
+  .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+    top: 0;
+  }
+}
+
+.main-navigation .main-menu-more:nth-child(n+3) {
+  display: none;
+}
+
+/* Menu animation */
+@keyframes slide_in_right {
+  100% {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes fade_in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.author-description .author-link,
+.comment-metadata,
+.comment-reply-link,
+.comments-title,
+.comment-author .fn,
+.discussion-meta-info,
+.entry-meta,
+.entry-footer,
+.main-navigation,
+.no-comments,
+.not-found .page-title,
+.error-404 .page-title,
+.post-navigation .post-title,
+.page-links,
+.page-description,
+.pagination .nav-links,
+.sticky-post,
+.site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
+.site-info,
+#cancel-comment-reply-link,
+img:after,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
+.page-description,
+.author-description .author-link,
+.not-found .page-title,
+.error-404 .page-title,
+.post-navigation .post-title,
+.pagination .nav-links,
+.comments-title,
+.comment-author .fn,
+.no-comments,
+.site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 600;
+  letter-spacing: 0;
+  line-height: 1.2;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.page-title {
+  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
+.site-branding,
+.main-navigation ul.main-menu > li,
+.social-navigation,
+.author-description .author-bio,
+.nav-links {
+  line-height: 1.25;
+}
+
+.entry-title {
+  font-size: 1.6875em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry-title {
+    font-size: 2.25em;
+  }
+}
+
+h1 {
+  font-size: 1.6875em;
+}
+
+.not-found .page-title,
+.error-404 .page-title,
+.has-larger-font-size,
+h2 {
+  font-size: 1.125em;
+}
+
+.has-regular-font-size,
+.has-large-font-size,
+.comments-title,
+h3 {
+  font-size: 22px;
+}
+
+.site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
+.site-description,
+.nav-links,
+.page-title,
+.page-description,
+.comment-author .fn,
+.no-comments,
+p.author-bio,
+h4 {
+  font-size: 0.88889em;
+}
+
+.main-navigation,
+.pagination .nav-links,
+.comment-content,
+h5 {
+  font-size: 0.71111em;
+}
+
+.entry-meta,
+.entry-footer,
+.discussion-meta-info,
+.site-info,
+.has-small-font-size,
+.comment-reply-link,
+.comment-metadata,
+.comment-notes,
+.sticky-post,
+#cancel-comment-reply-link,
+img:after,
+h6 {
+  font-size: 0.59259em;
+}
+
+.page-title {
+  font-weight: normal;
+}
+
+.page-description,
+.page-links a {
+  font-weight: normal;
+}
+
+.post-navigation .post-title,
+.entry-title,
+.not-found .page-title,
+.error-404 .page-title,
+.comments-title,
+blockquote {
+  -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+  word-break: break-word;
+}
+
+/* Do not hyphenate entry title on tablet view and bigger. */
+@media only screen and (min-width: 768px) {
+  .entry-title {
+    -webkit-hyphens: none;
+        -ms-hyphens: none;
+            hyphens: none;
+  }
+}
+
 /** === Editor Frame === */
 body {
   background-color: #080808;
@@ -846,6 +1622,11 @@ ul.wp-block-archives li ul,
   font-size: 0.71111em;
 }
 
+/** === Site Header Block == **/
+.wp-block-columns.site-branding .editor-inner-blocks {
+  width: 100%;
+}
+
 /** === Classic Editor === */
 /* Properly center-align captions in the classic-editor block */
 .wp-caption dd {

sophisticated-business/style-editor.scss

@@ -6,6 +6,9 @@ Sophisticated Business Editor Styles
 
 @import "sass/variables-site/variables-site";
 @import "sass/mixins/mixins-master";
+@import "sass/site/header/site-header";
+@import "sass/navigation/menu-main-navigation";
+@import "sass/typography/headings";
 
 /** === Editor Frame === */
 
@@ -839,6 +842,16 @@ ul.wp-block-archives,
 	}
 }
 
+/** === Site Header Block == **/
+
+.wp-block-columns.site-branding {
+
+	.editor-inner-blocks {
+		width: 100%;
+	}
+
+}
+
 /** === Classic Editor === */
 
 /* Properly center-align captions in the classic-editor block */

sophisticated-business/style-rtl.css

@@ -440,6 +440,8 @@ textarea {
 .pagination .nav-links,
 .sticky-post,
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 .site-info,
 #cancel-comment-reply-link,
 img:after,
@@ -462,6 +464,8 @@ h6 {
 .comment-author .fn,
 .no-comments,
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 h1,
 h2,
 h3,
@@ -516,6 +520,8 @@ h3 {
 }
 
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 .site-description,
 .nav-links,
 .page-title,
@@ -549,7 +555,6 @@ h6 {
   font-size: 0.59259em;
 }
 
-.site-title,
 .page-title {
   font-weight: normal;
 }
@@ -1910,7 +1915,7 @@ body.page .main-navigation {
 .site-branding {
   display: flex;
   flex-wrap: wrap;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
   color: #cccccc;
   position: relative;
@@ -1932,31 +1937,45 @@ body.page .main-navigation {
   width: auto;
 }
 
-.site-title {
+.site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus {
   color: #fff;
-  font-size: 1.125em;
+  font-size: 1.125em !important;
   font-weight: 600;
   flex: 1 1 auto;
   margin: 0;
 }
 
-.site-title a {
+.site-title a,
+.wp-block-a8c-site-title a,
+.wp-block-a8c-site-title:focus a {
   color: #fff;
 }
 
-.site-title a:link, .site-title a:visited {
+.site-title a:link, .site-title a:visited,
+.wp-block-a8c-site-title a:link,
+.wp-block-a8c-site-title a:visited,
+.wp-block-a8c-site-title:focus a:link,
+.wp-block-a8c-site-title:focus a:visited {
   color: #fff;
 }
 
-.site-title a:hover {
+.site-title a:hover,
+.wp-block-a8c-site-title a:hover,
+.wp-block-a8c-site-title:focus a:hover {
   color: #c6c6c6;
 }
 
-.featured-image .site-title {
+.featured-image .site-title, .featured-image
+.wp-block-a8c-site-title, .featured-image
+.wp-block-a8c-site-title:focus {
   margin: 0;
 }
 
-.site-description {
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
   flex: initial;
   color: #fff;
   font-size: 0.71111em;
@@ -1964,6 +1983,14 @@ body.page .main-navigation {
   margin: 0.27rem 0 0;
 }
 
+@media only screen and (min-width: 768px) {
+  .site-description,
+  .wp-block-a8c-site-description,
+  .wp-block-a8c-site-description:focus {
+    text-align: left;
+  }
+}
+
 .site-header.featured-image {
   /* Hide overflow for overflowing featured image */
   overflow: hidden;

sophisticated-business/style.css

@@ -440,6 +440,8 @@ textarea {
 .pagination .nav-links,
 .sticky-post,
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 .site-info,
 #cancel-comment-reply-link,
 img:after,
@@ -462,6 +464,8 @@ h6 {
 .comment-author .fn,
 .no-comments,
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 h1,
 h2,
 h3,
@@ -516,6 +520,8 @@ h3 {
 }
 
 .site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus,
 .site-description,
 .nav-links,
 .page-title,
@@ -549,7 +555,6 @@ h6 {
   font-size: 0.59259em;
 }
 
-.site-title,
 .page-title {
   font-weight: normal;
 }
@@ -1916,7 +1921,7 @@ body.page .main-navigation {
 .site-branding {
   display: flex;
   flex-wrap: wrap;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-between;
   color: #cccccc;
   position: relative;
@@ -1938,31 +1943,45 @@ body.page .main-navigation {
   width: auto;
 }
 
-.site-title {
+.site-title,
+.wp-block-a8c-site-title,
+.wp-block-a8c-site-title:focus {
   color: #fff;
-  font-size: 1.125em;
+  font-size: 1.125em !important;
   font-weight: 600;
   flex: 1 1 auto;
   margin: 0;
 }
 
-.site-title a {
+.site-title a,
+.wp-block-a8c-site-title a,
+.wp-block-a8c-site-title:focus a {
   color: #fff;
 }
 
-.site-title a:link, .site-title a:visited {
+.site-title a:link, .site-title a:visited,
+.wp-block-a8c-site-title a:link,
+.wp-block-a8c-site-title a:visited,
+.wp-block-a8c-site-title:focus a:link,
+.wp-block-a8c-site-title:focus a:visited {
   color: #fff;
 }
 
-.site-title a:hover {
+.site-title a:hover,
+.wp-block-a8c-site-title a:hover,
+.wp-block-a8c-site-title:focus a:hover {
   color: #c6c6c6;
 }
 
-.featured-image .site-title {
+.featured-image .site-title, .featured-image
+.wp-block-a8c-site-title, .featured-image
+.wp-block-a8c-site-title:focus {
   margin: 0;
 }
 
-.site-description {
+.site-description,
+.wp-block-a8c-site-description,
+.wp-block-a8c-site-description:focus {
   flex: initial;
   color: #fff;
   font-size: 0.71111em;
@@ -1970,6 +1989,14 @@ body.page .main-navigation {
   margin: 0.27rem 0 0;
 }
 
+@media only screen and (min-width: 768px) {
+  .site-description,
+  .wp-block-a8c-site-description,
+  .wp-block-a8c-site-description:focus {
+    text-align: right;
+  }
+}
+
 .site-header.featured-image {
   /* Hide overflow for overflowing featured image */
   overflow: hidden;