浏览代码

Fixes for content width, footer, titles, and other general styles.

Jeffrey Pearce 6 年之前
父节点
当前提交
9f6ad2a43d

+ 8 - 8
stow/sass/_config-child-theme-deep.scss

@@ -42,13 +42,13 @@ $config-global: (
 		/* Letter Spacing */
 		"letter-spacing": (
 			"base": normal,
-			"xs": 2px,
-			"sm": 2px,
-			"md": 2px,
-			"lg": 2px,
-			"xl": 2px,
-			"xxl": 2px,
-			"xxxl": 2px,
+			"xs": normal,
+			"sm": normal,
+			"md": normal,
+			"lg": normal,
+			"xl": normal,
+			"xxl": normal,
+			"xxxl": normal,
 		),
 		/* Line Height */
 		"line-height": (
@@ -74,7 +74,7 @@ $config-global: (
 			"dark": #111111, // must be accesible!
 		),
 		"background": (
-			"default": #f0f0f0,
+			"default": white,
 			"light": #FFFFFF, // must be accessible against foreground-default
 			"dark": #DDDDDD, // must be accessible against foreground-default
 		),

+ 36 - 15
stow/sass/_extra-child-theme.scss

@@ -30,15 +30,7 @@ a {
 	text-decoration: none;
 }
 
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
+.main-navigation {
 	text-transform: uppercase;
 }
 
@@ -66,6 +58,7 @@ a {
 #masthead {
 	background-color: #{map-deep-get($config-global, "color", "white")};
 	padding: 0;
+	@extend %responsive-width-full;
 	.site-title {
 		font-size: #{map-deep-get($config-global, "font", "size", "xxl")};
 	}
@@ -84,7 +77,6 @@ a {
 		padding: 3em 0 36px;
 	}
 	margin: 0 auto;
-	max-width: 1180px;
 	.social-navigation {
 		margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
 		ul {
@@ -104,7 +96,6 @@ a {
  * 3. Main Wrapper
  */
 .site {
-	max-width:1180px;
 	margin: 0 auto;
 	padding: 0;
 }
@@ -113,10 +104,22 @@ a {
 	background-color: #{map-deep-get($config-global, "color", "white")};
 }
 
+#page {
+	.entry-header, 
+	.page-header,
+	.entry-footer,
+	.a8c-posts-list {
+		text-align: center;
+	}
+	.a8c-posts-list-item__excerpt {
+		text-align: left;
+	}
+}
 /**
  * 4. Navigation Menu
  */
 #site-navigation {
+	
 	&.main-navigation {
 		ul {
 			li {
@@ -190,7 +193,7 @@ a {
 				}
 			}			
 		}
-		.menu-main-menu-container {
+		.main-menu {
 			background-color: #{map-deep-get($config-global, "color", "secondary", "default")};
 			border-bottom: 2px solid rgba(0,0,0,.15);
 		}
@@ -208,9 +211,29 @@ a {
  */
 .site-footer {
 	background-color: #{map-deep-get($config-global, "color", "primary", "default")};
-	max-width: 1180px;
+	
 	margin: 0 auto;
 	padding: #{map-deep-get($config-global, "spacing", "vertical")};
+	@extend %responsive-width-full;
+	@include media(tablet) {
+		aside {
+			&.widget-area {
+				display:flex;
+				flex-wrap:wrap;
+				flex-direction:row;
+				justify-content:flex-start;
+				align-items:stretch;
+				section {
+					&.widget {
+						flex-basis: 50%;
+					}
+				}
+				> *:first-child {
+					margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
+				}
+			}
+		}
+	}
 }
 
 
@@ -271,8 +294,6 @@ a {
  */
 .wp-block-coblocks-hero__box, 
 .wp-block-cover__inner-container {
-	background: #fff;
-    box-shadow: rgba(0,0,0,.1) 0 1px 2px;
 	padding: #{map-deep-get($config-global, "spacing", "vertical")};
 	h1,
 	h2,

+ 8 - 30
stow/sass/style-child-theme-editor.scss

@@ -40,11 +40,10 @@
  * 2. Block Specific Styles
  * 2.1. Column Block
  * 2.2. Quote Block
- * 2.3. Hero Block and Cover Block
- * 2.4. File Block
- * 2.5. Pre Block and Verse Block
- * 2.6. Button Block
- * 2.7. Search Block
+ * 2.3. File Block
+ * 2.4. Pre Block and Verse Block
+ * 2.5. Button Block
+ * 2.6. Search Block
  */
 
 .editor-post-title__input {
@@ -103,29 +102,8 @@ a {
 	 }
  }
 
-/**
- * 2.3. Hero Block and Cover Block
- */
- .wp-block-coblocks-hero__box, 
- .wp-block-cover__inner-container {
-	background: #fff;
-    box-shadow: rgba(0,0,0,.1) 0 1px 2px;
-	padding: #{map-deep-get($config-global, "spacing", "unit")};
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		padding: #{map-deep-get($config-global, "spacing", "unit")};
-	}
-	p {
-		padding: #{map-deep-get($config-global, "spacing", "unit")};
-	}
- }
-
  /**
- * 2.4. File Block
+ * 2.3. File Block
  */
 .wp-block-file {
 	div {
@@ -154,7 +132,7 @@ a {
 }
 
 /**
- * 2.5. Pre Block and Verse Block
+ * 2.4. Pre Block and Verse Block
  */
 .wp-block-preformatted,
 .wp-block-verse {
@@ -164,7 +142,7 @@ a {
 }
 
 /**
- * 2.6. Button Block
+ * 2.5. Button Block
  */
  .wp-block-button {
 	div {
@@ -175,7 +153,7 @@ a {
 }
 
 /**
- * 2.7. Search Block
+ * 2.6. Search Block
  */
  .wp-block-search {
 	.wp-block-search__button {

+ 39 - 70
stow/style-editor.css

@@ -169,7 +169,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  */
 body {
 	color: #444444;
-	background-color: #f0f0f0;
+	background-color: white;
 	font-family: "Source Sans Pro", Arial, sans-serif;
 	font-size: 18px;
 	font-weight: normal;
@@ -214,14 +214,14 @@ blockquote {
 
 blockquote p {
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 blockquote cite,
 blockquote footer {
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 blockquote > * {
@@ -251,7 +251,7 @@ blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
 	font-size: 0.69444rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 figcaption {
@@ -304,7 +304,7 @@ object {
 }
 
 .wp-block-button .wp-block-button__link {
-	color: #f0f0f0;
+	color: white;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.69444em;
@@ -315,7 +315,7 @@ object {
 }
 
 .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
-	color: #f0f0f0;
+	color: white;
 	background-color: #4f4f4f;
 }
 
@@ -346,7 +346,7 @@ object {
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-text {
-	color: #f0f0f0;
+	color: white;
 }
 
 .wp-block-cover .wp-block-cover__inner-container a,
@@ -361,7 +361,7 @@ object {
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
 	font-size: 1.728em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 	padding: 0;
 	max-width: inherit;
@@ -396,37 +396,37 @@ object {
 
 .wp-block-heading h1, h1, .h1 {
 	font-size: 2.0736em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h2, h2, .h2 {
 	font-size: 1.728em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h3, h3, .h3 {
 	font-size: 1.44em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h4, h4, .h4 {
 	font-size: 1.2em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h5, h5, .h5 {
 	font-size: 1em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 .wp-block-heading h6, h6, .h6 {
 	font-size: 0.83333em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -476,7 +476,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote p {
 	font-family: "Source Sans Pro", Arial, sans-serif;
 	font-size: 1.2em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -489,7 +489,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote footer {
 	color: #767676;
 	font-size: 0.83333em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .wp-block-pullquote:not(.is-style-solid-color) {
@@ -498,7 +498,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #404040;
-	color: #f0f0f0;
+	color: white;
 }
 
 .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
@@ -534,7 +534,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote p {
 	font-size: 1.2em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .wp-block-quote.is-large, .wp-block-quote.is-style-large {
@@ -544,7 +544,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
 	font-size: 1.44em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -596,7 +596,7 @@ table th,
 	font-family: "Oswald", sans-serif;
 	font-weight: 300;
 	font-size: 1.728em;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -629,12 +629,12 @@ table th,
 }
 
 .has-background-color[class] {
-	color: #f0f0f0 !important;
+	color: white !important;
 }
 
 .has-primary-background-color[class] {
 	background-color: #404040 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
@@ -643,7 +643,7 @@ table th,
 
 .has-secondary-background-color[class] {
 	background-color: #f25f70 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
@@ -652,7 +652,7 @@ table th,
 
 .has-foreground-background-color[class] {
 	background-color: #444444 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
@@ -661,7 +661,7 @@ table th,
 
 .has-foreground-light-background-color[class] {
 	background-color: #767676 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
@@ -670,7 +670,7 @@ table th,
 
 .has-foreground-dark-background-color[class] {
 	background-color: #111111 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
@@ -696,7 +696,7 @@ table th,
 }
 
 .has-background-background-color[class] {
-	background-color: #f0f0f0 !important;
+	background-color: white !important;
 	color: #444444;
 }
 
@@ -742,11 +742,10 @@ table th,
  * 2. Block Specific Styles
  * 2.1. Column Block
  * 2.2. Quote Block
- * 2.3. Hero Block and Cover Block
- * 2.4. File Block
- * 2.5. Pre Block and Verse Block
- * 2.6. Button Block
- * 2.7. Search Block
+ * 2.3. File Block
+ * 2.4. Pre Block and Verse Block
+ * 2.5. Button Block
+ * 2.6. Search Block
  */
 .editor-post-title__input {
 	text-align: center;
@@ -810,42 +809,12 @@ a {
 }
 
 /**
- * 2.3. Hero Block and Cover Block
- */
-.wp-block-coblocks-hero__box,
-.wp-block-cover__inner-container {
-	background: #fff;
-	box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
-	padding: 16px;
-}
-
-.wp-block-coblocks-hero__box h1,
-.wp-block-coblocks-hero__box h2,
-.wp-block-coblocks-hero__box h3,
-.wp-block-coblocks-hero__box h4,
-.wp-block-coblocks-hero__box h5,
-.wp-block-coblocks-hero__box h6,
-.wp-block-cover__inner-container h1,
-.wp-block-cover__inner-container h2,
-.wp-block-cover__inner-container h3,
-.wp-block-cover__inner-container h4,
-.wp-block-cover__inner-container h5,
-.wp-block-cover__inner-container h6 {
-	padding: 16px;
-}
-
-.wp-block-coblocks-hero__box p,
-.wp-block-cover__inner-container p {
-	padding: 16px;
-}
-
-/**
- * 2.4. File Block
+ * 2.3. File Block
  */
 .wp-block-file div.wp-block-file__button {
 	text-transform: uppercase;
 	line-height: 1;
-	color: #f0f0f0;
+	color: white;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -858,13 +827,13 @@ a {
 }
 
 .wp-block-file div.wp-block-file__button:focus, .wp-block-file div.wp-block-file__button:hover, .wp-block-file div.wp-block-file__button:visited {
-	color: #f0f0f0;
+	color: white;
 	background-color: #4f4f4f;
 	opacity: 1;
 }
 
 /**
- * 2.5. Pre Block and Verse Block
+ * 2.4. Pre Block and Verse Block
  */
 .wp-block-preformatted pre,
 .wp-block-verse pre {
@@ -872,19 +841,19 @@ a {
 }
 
 /**
- * 2.6. Button Block
+ * 2.5. Button Block
  */
 .wp-block-button div.wp-block-button__link {
 	text-transform: uppercase;
 }
 
 /**
- * 2.7. Search Block
+ * 2.6. Search Block
  */
 .wp-block-search .wp-block-search__button {
 	text-transform: uppercase;
 	line-height: 1;
-	color: #f0f0f0;
+	color: white;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -899,7 +868,7 @@ a {
 }
 
 .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:visited {
-	color: #f0f0f0;
+	color: white;
 	background-color: #4f4f4f;
 	opacity: 1;
 }

+ 73 - 59
stow/style-rtl.css

@@ -604,7 +604,7 @@ body {
 	font-weight: normal;
 	color: #444444;
 	text-align: right;
-	background-color: #f0f0f0;
+	background-color: white;
 }
 
 /**
@@ -639,7 +639,7 @@ a {
 }
 
 .screen-reader-text:focus {
-	background-color: #f0f0f0;
+	background-color: white;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
@@ -913,14 +913,14 @@ blockquote {
 
 blockquote p {
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 blockquote cite,
 blockquote footer {
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 blockquote > * {
@@ -950,7 +950,7 @@ blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
 	font-size: 0.69444rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 input[type="text"],
@@ -1074,7 +1074,7 @@ input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .a8c-posts-list__view-all {
 	line-height: 1;
-	color: #f0f0f0;
+	color: white;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -1129,7 +1129,7 @@ input:focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
-	color: #f0f0f0;
+	color: white;
 	background-color: #4f4f4f;
 }
 
@@ -1216,7 +1216,7 @@ input.has-focus[type="submit"],
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-text {
 	width: calc(100% - 32px);
-	color: #f0f0f0;
+	color: white;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -1233,7 +1233,7 @@ input.has-focus[type="submit"],
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
 	font-size: 1.728rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 	max-width: inherit;
 	text-align: inherit;
@@ -1279,7 +1279,7 @@ input.has-focus[type="submit"],
 
 .wp-block-file .wp-block-file__button {
 	background-color: #f25f70;
-	color: #f0f0f0;
+	color: white;
 	font-size: 0.83333rem;
 	margin-right: 16px;
 	margin-left: 16px;
@@ -1293,7 +1293,7 @@ input.has-focus[type="submit"],
 .wp-block-file a.wp-block-file__button:focus,
 .wp-block-file a.wp-block-file__button:hover,
 .wp-block-file a.wp-block-file__button:visited {
-	color: #f0f0f0;
+	color: white;
 	opacity: .85;
 }
 
@@ -1380,37 +1380,37 @@ h6, .h6 {
 
 h1, .h1 {
 	font-size: 2.0736rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h2, .h2 {
 	font-size: 1.728rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h3, .h3 {
 	font-size: 1.44rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h4, .h4 {
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h5, .h5 {
 	font-size: 1rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h6, .h6 {
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1630,7 +1630,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list-item__featured span {
-	color: #f0f0f0;
+	color: white;
 	background-color: #404040;
 	font-family: "Oswald", sans-serif;
 	font-weight: bold;
@@ -1707,7 +1707,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote p {
 	font-family: "Source Sans Pro", Arial, sans-serif;
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1720,7 +1720,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote footer {
 	color: #767676;
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	display: block;
 }
 
@@ -1734,7 +1734,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #404040;
-	color: #f0f0f0;
+	color: white;
 }
 
 .wp-block-pullquote.is-style-solid-color blockquote {
@@ -1782,7 +1782,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote p {
 	font-family: "Oswald", sans-serif;
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1791,7 +1791,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote footer {
 	color: #767676;
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
@@ -1806,7 +1806,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
 	font-size: 1.44rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1817,7 +1817,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-large footer {
 	color: #767676;
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .wp-block-separator,
@@ -1967,12 +1967,12 @@ table th,
 }
 
 .has-background-color[class] {
-	color: #f0f0f0 !important;
+	color: white !important;
 }
 
 .has-primary-background-color[class] {
 	background-color: #404040 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
@@ -1981,7 +1981,7 @@ table th,
 
 .has-secondary-background-color[class] {
 	background-color: #f25f70 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
@@ -1990,7 +1990,7 @@ table th,
 
 .has-foreground-background-color[class] {
 	background-color: #444444 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
@@ -1999,7 +1999,7 @@ table th,
 
 .has-foreground-light-background-color[class] {
 	background-color: #767676 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
@@ -2008,7 +2008,7 @@ table th,
 
 .has-foreground-dark-background-color[class] {
 	background-color: #111111 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
@@ -2034,7 +2034,7 @@ table th,
 }
 
 .has-background-background-color[class] {
-	background-color: #f0f0f0 !important;
+	background-color: white !important;
 	color: #444444;
 }
 
@@ -2258,7 +2258,7 @@ table th,
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div > ul > li > .sub-menu {
-		background: #f0f0f0;
+		background: white;
 		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
 		right: 0;
 		top: 100%;
@@ -2447,7 +2447,7 @@ table th,
 
 .entry-title {
 	font-size: 1.728rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -2641,7 +2641,7 @@ table th,
  */
 .comments-title {
 	font-size: 1.44rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .comment-reply-title {
@@ -2903,7 +2903,7 @@ img#wpstats {
  * - Page specific styles
  */
 .sticky-post {
-	color: #f0f0f0;
+	color: white;
 	background-color: #404040;
 	font-family: "Oswald", sans-serif;
 	font-weight: bold;
@@ -3022,7 +3022,7 @@ img#wpstats {
 	}
 }
 
-.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, #masthead, .site-footer {
 	margin-right: calc( -0.5 * ( 100vw - 100% ));
 	margin-left: calc( -0.5 * ( 100vw - 100% ));
 	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
@@ -3030,7 +3030,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 560px) {
-	.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, #masthead, .site-footer {
 		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) ));
@@ -3039,7 +3039,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 640px) {
-	.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, #masthead, .site-footer {
 		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) ));
@@ -3048,7 +3048,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 782px) {
-	.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, #masthead, .site-footer {
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3057,7 +3057,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 1024px) {
-	.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, #masthead, .site-footer {
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3066,7 +3066,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 1280px) {
-	.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, #masthead, .site-footer {
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3240,15 +3240,7 @@ a {
 	text-decoration: none;
 }
 
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
+.main-navigation {
 	text-transform: uppercase;
 }
 
@@ -3265,7 +3257,6 @@ a {
 	background-color: white;
 	padding: 0;
 	margin: 0 auto;
-	max-width: 1180px;
 }
 
 #masthead .site-title {
@@ -3304,7 +3295,6 @@ a {
  * 3. Main Wrapper
  */
 .site {
-	max-width: 1180px;
 	margin: 0 auto;
 	padding: 0;
 }
@@ -3313,6 +3303,17 @@ a {
 	background-color: white;
 }
 
+#page .entry-header,
+#page .page-header,
+#page .entry-footer,
+#page .a8c-posts-list {
+	text-align: center;
+}
+
+#page .a8c-posts-list-item__excerpt {
+	text-align: right;
+}
+
 /**
  * 4. Navigation Menu
  */
@@ -3382,7 +3383,7 @@ a {
 	}
 }
 
-#site-navigation.main-navigation .menu-main-menu-container {
+#site-navigation.main-navigation .main-menu {
 	background-color: #f25f70;
 	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
@@ -3399,11 +3400,26 @@ a {
  */
 .site-footer {
 	background-color: #404040;
-	max-width: 1180px;
 	margin: 0 auto;
 	padding: 32px;
 }
 
+@media only screen and (min-width: 640px) {
+	.site-footer aside.widget-area {
+		display: flex;
+		flex-wrap: wrap;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: stretch;
+	}
+	.site-footer aside.widget-area section.widget {
+		flex-basis: 50%;
+	}
+	.site-footer aside.widget-area > *:first-child {
+		margin-top: 32px;
+	}
+}
+
 /**
  * 6. Archive Pagination and Post Navigation
  */
@@ -3462,8 +3478,6 @@ a {
  */
 .wp-block-coblocks-hero__box,
 .wp-block-cover__inner-container {
-	background: #fff;
-	box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
 	padding: 32px;
 }
 
@@ -3493,7 +3507,7 @@ a {
 .wp-block-file a.wp-block-file__button {
 	text-transform: uppercase;
 	line-height: 1;
-	color: #f0f0f0;
+	color: white;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -3506,7 +3520,7 @@ a {
 }
 
 .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
-	color: #f0f0f0;
+	color: white;
 	background-color: #4f4f4f;
 	opacity: 1;
 }

+ 73 - 59
stow/style.css

@@ -604,7 +604,7 @@ body {
 	font-weight: normal;
 	color: #444444;
 	text-align: left;
-	background-color: #f0f0f0;
+	background-color: white;
 }
 
 /**
@@ -639,7 +639,7 @@ a {
 }
 
 .screen-reader-text:focus {
-	background-color: #f0f0f0;
+	background-color: white;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto !important;
@@ -913,14 +913,14 @@ blockquote {
 
 blockquote p {
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 blockquote cite,
 blockquote footer {
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 blockquote > * {
@@ -950,7 +950,7 @@ blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
 	font-size: 0.69444rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 input[type="text"],
@@ -1074,7 +1074,7 @@ input[type="submit"],
 .wp-block-button__link,
 .wp-block-file__button, .a8c-posts-list__view-all {
 	line-height: 1;
-	color: #f0f0f0;
+	color: white;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -1129,7 +1129,7 @@ input:focus[type="submit"],
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link,
 .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
-	color: #f0f0f0;
+	color: white;
 	background-color: #4f4f4f;
 }
 
@@ -1216,7 +1216,7 @@ input.has-focus[type="submit"],
 .wp-block-cover-image .wp-block-cover-image-text,
 .wp-block-cover-image .wp-block-cover-text {
 	width: calc(100% - 32px);
-	color: #f0f0f0;
+	color: white;
 	margin-top: 32px;
 	margin-bottom: 32px;
 }
@@ -1233,7 +1233,7 @@ input.has-focus[type="submit"],
 .wp-block-cover h2,
 .wp-block-cover-image h2 {
 	font-size: 1.728rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 	max-width: inherit;
 	text-align: inherit;
@@ -1279,7 +1279,7 @@ input.has-focus[type="submit"],
 
 .wp-block-file .wp-block-file__button {
 	background-color: #f25f70;
-	color: #f0f0f0;
+	color: white;
 	font-size: 0.83333rem;
 	margin-left: 16px;
 	margin-right: 16px;
@@ -1293,7 +1293,7 @@ input.has-focus[type="submit"],
 .wp-block-file a.wp-block-file__button:focus,
 .wp-block-file a.wp-block-file__button:hover,
 .wp-block-file a.wp-block-file__button:visited {
-	color: #f0f0f0;
+	color: white;
 	opacity: .85;
 }
 
@@ -1380,37 +1380,37 @@ h6, .h6 {
 
 h1, .h1 {
 	font-size: 2.0736rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h2, .h2 {
 	font-size: 1.728rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h3, .h3 {
 	font-size: 1.44rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h4, .h4 {
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h5, .h5 {
 	font-size: 1rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
 h6, .h6 {
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1630,7 +1630,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .a8c-posts-list-item__featured span {
-	color: #f0f0f0;
+	color: white;
 	background-color: #404040;
 	font-family: "Oswald", sans-serif;
 	font-weight: bold;
@@ -1707,7 +1707,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote p {
 	font-family: "Source Sans Pro", Arial, sans-serif;
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1720,7 +1720,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-pullquote footer {
 	color: #767676;
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	display: block;
 }
 
@@ -1734,7 +1734,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-pullquote.is-style-solid-color {
 	background-color: #404040;
-	color: #f0f0f0;
+	color: white;
 }
 
 .wp-block-pullquote.is-style-solid-color blockquote {
@@ -1782,7 +1782,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote p {
 	font-family: "Oswald", sans-serif;
 	font-size: 1.2rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1791,7 +1791,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote footer {
 	color: #767676;
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
@@ -1806,7 +1806,7 @@ p.has-background:not(.has-background-background-color) a {
 
 .wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
 	font-size: 1.44rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -1817,7 +1817,7 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-quote.is-large footer {
 	color: #767676;
 	font-size: 0.83333rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .wp-block-separator,
@@ -1972,12 +1972,12 @@ table th,
 }
 
 .has-background-color[class] {
-	color: #f0f0f0 !important;
+	color: white !important;
 }
 
 .has-primary-background-color[class] {
 	background-color: #404040 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-primary-background-color[class] p, .has-primary-background-color[class] h1, .has-primary-background-color[class] h2, .has-primary-background-color[class] h3, .has-primary-background-color[class] h4, .has-primary-background-color[class] h5, .has-primary-background-color[class] h6 {
@@ -1986,7 +1986,7 @@ table th,
 
 .has-secondary-background-color[class] {
 	background-color: #f25f70 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-secondary-background-color[class] p, .has-secondary-background-color[class] h1, .has-secondary-background-color[class] h2, .has-secondary-background-color[class] h3, .has-secondary-background-color[class] h4, .has-secondary-background-color[class] h5, .has-secondary-background-color[class] h6 {
@@ -1995,7 +1995,7 @@ table th,
 
 .has-foreground-background-color[class] {
 	background-color: #444444 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-background-color[class] p, .has-foreground-background-color[class] h1, .has-foreground-background-color[class] h2, .has-foreground-background-color[class] h3, .has-foreground-background-color[class] h4, .has-foreground-background-color[class] h5, .has-foreground-background-color[class] h6 {
@@ -2004,7 +2004,7 @@ table th,
 
 .has-foreground-light-background-color[class] {
 	background-color: #767676 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-light-background-color[class] p, .has-foreground-light-background-color[class] h1, .has-foreground-light-background-color[class] h2, .has-foreground-light-background-color[class] h3, .has-foreground-light-background-color[class] h4, .has-foreground-light-background-color[class] h5, .has-foreground-light-background-color[class] h6 {
@@ -2013,7 +2013,7 @@ table th,
 
 .has-foreground-dark-background-color[class] {
 	background-color: #111111 !important;
-	color: #f0f0f0;
+	color: white;
 }
 
 .has-foreground-dark-background-color[class] p, .has-foreground-dark-background-color[class] h1, .has-foreground-dark-background-color[class] h2, .has-foreground-dark-background-color[class] h3, .has-foreground-dark-background-color[class] h4, .has-foreground-dark-background-color[class] h5, .has-foreground-dark-background-color[class] h6 {
@@ -2039,7 +2039,7 @@ table th,
 }
 
 .has-background-background-color[class] {
-	background-color: #f0f0f0 !important;
+	background-color: white !important;
 	color: #444444;
 }
 
@@ -2263,7 +2263,7 @@ table th,
 
 @media only screen and (min-width: 560px) {
 	.main-navigation > div > ul > li > .sub-menu {
-		background: #f0f0f0;
+		background: white;
 		box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
 		left: 0;
 		top: 100%;
@@ -2452,7 +2452,7 @@ table th,
 
 .entry-title {
 	font-size: 1.728rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 	line-height: 1.125;
 }
 
@@ -2646,7 +2646,7 @@ table th,
  */
 .comments-title {
 	font-size: 1.44rem;
-	letter-spacing: 2px;
+	letter-spacing: normal;
 }
 
 .comment-reply-title {
@@ -2908,7 +2908,7 @@ img#wpstats {
  * - Page specific styles
  */
 .sticky-post {
-	color: #f0f0f0;
+	color: white;
 	background-color: #404040;
 	font-family: "Oswald", sans-serif;
 	font-weight: bold;
@@ -3027,7 +3027,7 @@ img#wpstats {
 	}
 }
 
-.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, #masthead, .site-footer {
 	margin-left: calc( -0.5 * ( 100vw - 100% ));
 	margin-right: calc( -0.5 * ( 100vw - 100% ));
 	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
@@ -3035,7 +3035,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 560px) {
-	.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, #masthead, .site-footer {
 		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) ));
@@ -3044,7 +3044,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 640px) {
-	.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, #masthead, .site-footer {
 		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) ));
@@ -3053,7 +3053,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 782px) {
-	.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, #masthead, .site-footer {
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3062,7 +3062,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 1024px) {
-	.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, #masthead, .site-footer {
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3071,7 +3071,7 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 1280px) {
-	.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, #masthead, .site-footer {
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3245,15 +3245,7 @@ a {
 	text-decoration: none;
 }
 
-.site-branding,
-.site-info,
-.main-navigation,
-.entry-header,
-.entry-footer,
-.page-title,
-.author-title,
-.comments-title,
-.comment-reply-title {
+.main-navigation {
 	text-transform: uppercase;
 }
 
@@ -3270,7 +3262,6 @@ a {
 	background-color: white;
 	padding: 0;
 	margin: 0 auto;
-	max-width: 1180px;
 }
 
 #masthead .site-title {
@@ -3309,7 +3300,6 @@ a {
  * 3. Main Wrapper
  */
 .site {
-	max-width: 1180px;
 	margin: 0 auto;
 	padding: 0;
 }
@@ -3318,6 +3308,17 @@ a {
 	background-color: white;
 }
 
+#page .entry-header,
+#page .page-header,
+#page .entry-footer,
+#page .a8c-posts-list {
+	text-align: center;
+}
+
+#page .a8c-posts-list-item__excerpt {
+	text-align: left;
+}
+
 /**
  * 4. Navigation Menu
  */
@@ -3387,7 +3388,7 @@ a {
 	}
 }
 
-#site-navigation.main-navigation .menu-main-menu-container {
+#site-navigation.main-navigation .main-menu {
 	background-color: #f25f70;
 	border-bottom: 2px solid rgba(0, 0, 0, 0.15);
 }
@@ -3404,11 +3405,26 @@ a {
  */
 .site-footer {
 	background-color: #404040;
-	max-width: 1180px;
 	margin: 0 auto;
 	padding: 32px;
 }
 
+@media only screen and (min-width: 640px) {
+	.site-footer aside.widget-area {
+		display: flex;
+		flex-wrap: wrap;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: stretch;
+	}
+	.site-footer aside.widget-area section.widget {
+		flex-basis: 50%;
+	}
+	.site-footer aside.widget-area > *:first-child {
+		margin-top: 32px;
+	}
+}
+
 /**
  * 6. Archive Pagination and Post Navigation
  */
@@ -3467,8 +3483,6 @@ a {
  */
 .wp-block-coblocks-hero__box,
 .wp-block-cover__inner-container {
-	background: #fff;
-	box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
 	padding: 32px;
 }
 
@@ -3498,7 +3512,7 @@ a {
 .wp-block-file a.wp-block-file__button {
 	text-transform: uppercase;
 	line-height: 1;
-	color: #f0f0f0;
+	color: white;
 	cursor: pointer;
 	font-weight: 600;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
@@ -3511,7 +3525,7 @@ a {
 }
 
 .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
-	color: #f0f0f0;
+	color: white;
 	background-color: #4f4f4f;
 	opacity: 1;
 }