Merge branch 'master' into fix/issue-857

* master:
  Modern Business: Fix button hover color issue
  More fix
  Elegant Business: Fix button hover color issue
  More fixes
  Friendly Business: Fix button hover color issue
  Radcliffe-2: Add posts list block style

# Conflicts:
#	professional-business/sass/variables-site/_colors.scss

elegant-business/sass/variables-site/_colors.scss

@@ -5,7 +5,7 @@ $color__background-input: #fff;
 $color__background-screen: #f7f7f7;
 $color__background-hr: #ccc;
 $color__background-button: #c43d80;
-$color__background-button-hover: #111;
+$color__background-button-hover: darken( $color__background-button, 10% );
 $color__background-pre: #eee;
 $color__background-ins: #fff9c0;
 $color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );

elegant-business/style-rtl.css

@@ -925,7 +925,7 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -943,7 +943,7 @@ button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -2563,7 +2563,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content a.button:hover {
-  background: #111;
+  background: #9e3067;
   color: #fff;
   cursor: pointer;
 }
@@ -3561,13 +3561,13 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background):hover, .entry .entry-content .wp-block-button .wp-block-button__link:hover {
   color: white;
-  background-color: #111;
+  background-color: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
   color: white;
-  background-color: #111;
+  background-color: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -3599,7 +3599,7 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
   color: white;
-  border-color: #111;
+  border-color: #9e3067;
 }
 
 .entry .entry-content .wp-block-archives,
@@ -4158,12 +4158,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
-  background-color: #111;
+  background-color: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
-  background-color: #111;
+  background-color: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -4486,7 +4486,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4530,7 +4530,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4540,7 +4540,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }

elegant-business/style.css

@@ -925,7 +925,7 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -943,7 +943,7 @@ button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -2569,7 +2569,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content a.button:hover {
-  background: #111;
+  background: #9e3067;
   color: #fff;
   cursor: pointer;
 }
@@ -3573,13 +3573,13 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background):hover, .entry .entry-content .wp-block-button .wp-block-button__link:hover {
   color: white;
-  background-color: #111;
+  background-color: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
   color: white;
-  background-color: #111;
+  background-color: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -3611,7 +3611,7 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
   color: white;
-  border-color: #111;
+  border-color: #9e3067;
 }
 
 .entry .entry-content .wp-block-archives,
@@ -4170,12 +4170,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
-  background-color: #111;
+  background-color: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
-  background-color: #111;
+  background-color: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -4498,7 +4498,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4542,7 +4542,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4552,7 +4552,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }

friendly-business/sass/variables-site/_colors.scss

@@ -5,7 +5,7 @@ $color__background-input: #fff;
 $color__background-screen: #fdf9ec;
 $color__background-hr: #ccc;
 $color__background-button: #20603c;
-$color__background-button-hover: #111;
+$color__background-button-hover: darken( $color__background-button, 10%);
 $color__background-pre: #eee;
 $color__background-ins: #fff9c0;
 $color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );

friendly-business/style-rtl.css

@@ -883,7 +883,7 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
@@ -901,7 +901,7 @@ button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -2512,7 +2512,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content a.button:hover {
-  background: #111;
+  background: #133a24;
   color: #fffdf6;
   cursor: pointer;
 }
@@ -3485,13 +3485,13 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button .wp-block-button__link:hover {
   color: white;
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
   color: white;
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -3523,11 +3523,11 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
   color: white;
-  border-color: #111;
+  border-color: #133a24;
 }
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
-  color: #111;
+  color: #133a24;
 }
 
 .entry .entry-content .wp-block-archives,
@@ -4041,12 +4041,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -4168,7 +4168,7 @@ body.page .main-navigation {
   padding-left: 1rem;
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 782px) {
   .entry .entry-content .wp-block-columns .wp-block-column {
     margin-right: 0.5rem;
     margin-left: 0.5rem;
@@ -4427,7 +4427,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
@@ -4471,7 +4471,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:hover {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
@@ -4481,7 +4481,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:focus {
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }

friendly-business/style.css

@@ -883,7 +883,7 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
@@ -901,7 +901,7 @@ button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -2518,7 +2518,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content a.button:hover {
-  background: #111;
+  background: #133a24;
   color: #fffdf6;
   cursor: pointer;
 }
@@ -3497,13 +3497,13 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button .wp-block-button__link:hover {
   color: white;
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
   color: white;
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -3535,11 +3535,11 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
   color: white;
-  border-color: #111;
+  border-color: #133a24;
 }
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
-  color: #111;
+  color: #133a24;
 }
 
 .entry .entry-content .wp-block-archives,
@@ -4053,12 +4053,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -4439,7 +4439,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
@@ -4483,7 +4483,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:hover {
-  background: #111;
+  background: #133a24;
   cursor: pointer;
 }
 
@@ -4493,7 +4493,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:focus {
-  background: #111;
+  background: #133a24;
   outline: thin dotted;
   outline-offset: -4px;
 }

modern-business/sass/variables-site/_colors.scss

@@ -5,7 +5,7 @@ $color__background-input: #fff;
 $color__background-screen: #f1f1f1;
 $color__background-hr: #ccc;
 $color__background-button: #c43d80;
-$color__background-button-hover: #111;
+$color__background-button-hover: darken( $color__background-button, 10% );
 $color__background-pre: #eee;
 $color__background-ins: #fff9c0;
 $color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );

modern-business/style-rtl.css

@@ -886,7 +886,7 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -904,7 +904,7 @@ button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -2568,7 +2568,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content a.button:hover {
-  background: #111;
+  background: #9e3067;
   color: #fff;
   cursor: pointer;
 }
@@ -3697,13 +3697,13 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button .wp-block-button__link:hover {
   color: white;
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
   color: white;
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -3735,11 +3735,11 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
   color: white;
-  border-color: #111;
+  border-color: #9e3067;
 }
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
-  color: #111;
+  color: #9e3067;
 }
 
 .entry .entry-content .wp-block-archives,
@@ -4312,12 +4312,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -4578,7 +4578,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4622,7 +4622,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4632,7 +4632,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }

modern-business/style.css

@@ -886,7 +886,7 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -904,7 +904,7 @@ button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -2574,7 +2574,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content a.button:hover {
-  background: #111;
+  background: #9e3067;
   color: #fff;
   cursor: pointer;
 }
@@ -3709,13 +3709,13 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button .wp-block-button__link:hover {
   color: white;
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
   color: white;
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -3747,11 +3747,11 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
   color: white;
-  border-color: #111;
+  border-color: #9e3067;
 }
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
-  color: #111;
+  color: #9e3067;
 }
 
 .entry .entry-content .wp-block-archives,
@@ -4324,12 +4324,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -4590,7 +4590,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4634,7 +4634,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:hover {
-  background: #111;
+  background: #9e3067;
   cursor: pointer;
 }
 
@@ -4644,7 +4644,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:focus {
-  background: #111;
+  background: #9e3067;
   outline: thin dotted;
   outline-offset: -4px;
 }

professional-business/sass/variables-site/_colors.scss

@@ -5,7 +5,7 @@ $color__background-input: #fff;
 $color__background-screen: #0d1b24;
 $color__background-hr: #ececec;
 $color__background-button: #0073aa;
-$color__background-button-hover: #111;
+$color__background-button-hover: darken( $color__background-button, 10%);
 $color__background-pre: #eee;
 $color__background-ins: #fff9c0;
 $color__background_selection: mix( $color__background-body, $color__background-button, 75% ); // lighten( salmon, 22.5% ); // lighten( #0999d4, 48% );

professional-business/style-rtl.css

@@ -885,7 +885,7 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
-  background: #111;
+  background: #005177;
   cursor: pointer;
 }
 
@@ -903,7 +903,7 @@ button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus {
-  background: #111;
+  background: #005177;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -2534,7 +2534,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content a.button:hover {
-  background: #111;
+  background: #005177;
   color: #fff;
   cursor: pointer;
 }
@@ -3517,13 +3517,13 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button .wp-block-button__link:hover {
   color: white;
-  background: #111;
+  background: #005177;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-button .wp-block-button__link:focus {
   color: white;
-  background: #111;
+  background: #005177;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -3555,7 +3555,7 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
   color: white;
-  border-color: #111;
+  border-color: #005177;
 }
 
 .entry .entry-content .wp-block-archives,
@@ -4167,12 +4167,12 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:hover {
-  background: #111;
+  background: #005177;
   cursor: pointer;
 }
 
 .entry .entry-content .wp-block-file .wp-block-file__button:focus {
-  background: #111;
+  background: #005177;
   outline: thin dotted;
   outline-offset: -4px;
 }
@@ -4566,7 +4566,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list-item__edit-link:hover, .entry .entry-content .a8c-posts-list-item__edit-link:focus {
-  background: #111;
+  background: #005177;
   cursor: pointer;
 }
 
@@ -4609,7 +4609,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:hover {
-  background: #111;
+  background: #005177;
   cursor: pointer;
 }
 
@@ -4619,7 +4619,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .a8c-posts-list__view-all:focus {
-  background: #111;
+  background: #005177;
   outline: thin dotted;
   outline-offset: -4px;
 }

radcliffe-2/assets/css/blocks.css

@@ -13,6 +13,7 @@ Description: Used to style Gutenberg Blocks.
 5.0 Blocks - Layout Elements
 6.0 Blocks - Widgets
 7.0 Blocks - Colors
+7.0 Blocks - Posts List
 --------------------------------------------------------------*/
 
 /*--------------------------------------------------------------
@@ -805,3 +806,119 @@ ul.wp-block-gallery li {
 	background-color: #2b6e9d;
 }
 
+/*--------------------------------------------------------------
+8.0 Blocks - Posts List Block
+--------------------------------------------------------------*/
+
+.a8c-posts-list {
+	text-align: center;
+}
+
+.a8c-posts-list-item__post-thumbnail {
+	margin: 0 0 36px;
+}
+
+.a8c-posts-list-item__post-thumbnail img {
+	display: block;
+}
+
+.a8c-posts-list-item__featured,
+.a8c-posts-list-item__meta {
+	color: #666;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
+	font-size: 12px;
+	font-size: 1.2rem;
+	font-weight: 600;
+	letter-spacing: 1px;
+	line-height: 1.5;
+	margin-top: 18px;
+	text-decoration: none;
+	text-transform: uppercase;
+}
+
+.a8c-posts-list-item__title {
+	font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Times,"Times New Roman",serif;
+	font-size: 36px;
+	font-size: 3.6rem;
+	font-weight: 600;
+	line-height: 1.25;
+	margin: 0 auto;
+	max-width: 100%;
+	word-wrap: break-word;
+	width: 1040px;
+}
+
+.a8c-posts-list-item__title a {
+	color: #222;
+}
+
+.a8c-posts-list-item__meta {
+	margin-bottom: 36px;
+}
+
+.a8c-posts-list-item__meta a {
+	color: #666;
+}
+
+.a8c-posts-list-item__title a:hover,
+.a8c-posts-list-item__meta a:hover {
+	color: #ca2017;
+	text-decoration: none;
+}
+
+.a8c-posts-list-item__edit-link:before {
+	content: "/";
+	color: rgba(0,0,0,0.15);
+	margin: 0 0.5em;
+}
+
+.a8c-posts-list-item__excerpt {
+	text-align: left;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all {
+	background: #222;
+	border-radius: 3px;
+	color: #fff;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
+	font-size: 14px;
+	font-size: 1.4rem;
+	line-height: 1.29;
+	margin: 0;
+	padding: 9px 18px;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all:hover {
+	background: #ca2017;
+	color: #fff;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+@media all and (min-width: 600px) {
+	.a8c-posts-list-item__featured,
+	.a8c-posts-list-item__meta {
+		font-size: 16px;
+		font-size: 1.6rem;
+		line-height: 1.125;
+	}
+
+	.a8c-posts-list-item__title {
+		font-size: 50px;
+		font-size: 5rem;
+		line-height: 1.44;
+	}
+}
+
+@media screen and (min-width: 768px) {
+	.a8c-posts-list-item__title {
+		font-size: 60px;
+		font-size: 6rem;
+		line-height: 1.2;
+	}
+
+	.a8c-posts-list-item__post-thumbnail,
+	.a8c-posts-list-item__meta {
+		margin-bottom: 72px;
+	}
+}

radcliffe-2/styles/colorful.css

@@ -464,3 +464,35 @@ ul.products li.product .woocommerce-loop-product__title,
 .related.products>h2:first-of-type {
 	text-transform: none;
 }
+
+.a8c-posts-list-item__title {
+	font-family: 'Karla', 'Helvetica Neue', Helvetica, arial, sans-serif;
+	text-transform: none;
+}
+
+.a8c-posts-list-item__title a {
+	color: #4ba3c3;
+}
+
+.a8c-posts-list-item__featured,
+.a8c-posts-list-item__meta {
+	font-family: Inconsolata, monospace;
+	font-weight: 400;
+}
+
+.a8c-posts-list-item__meta a {
+	color: #666;
+}
+
+.a8c-posts-list-item__title a:hover,
+.a8c-posts-list-item__meta a:hover {
+	color: #222;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all {
+	font-family: Inconsolata, monospace;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all:hover {
+	background-color: #d97059;
+}

radcliffe-2/styles/modern.css

@@ -549,3 +549,37 @@ ul.products li.product .button {
 .onsale {
 	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, arial, sans-serif;
 }
+
+.a8c-posts-list {
+	text-align: left;
+}
+
+.a8c-posts-list-item__title {
+	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, arial, sans-serif;
+}
+
+.a8c-posts-list-item__title a {
+	color: #222;
+}
+
+.a8c-posts-list-item__featured,
+.a8c-posts-list-item__meta {
+	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, arial, sans-serif;
+}
+
+.a8c-posts-list-item__meta a {
+	color: #666;
+}
+
+.a8c-posts-list-item__title a:hover,
+.a8c-posts-list-item__meta a:hover {
+	color: #aaa;
+}
+
+.a8c-posts-list-item__excerpt a:hover {
+	color: #e43a31;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all:hover {
+	background-color: #aaa;
+}

radcliffe-2/styles/vintage.css

@@ -778,3 +778,44 @@ ul.products li.product .woocommerce-loop-product__title,
 .onsale {
 	text-transform: none;
 }
+
+.a8c-posts-list-item__title {
+	font-family: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
+	font-weight: 400;
+}
+
+.a8c-posts-list-item__title a {
+	color: #222;
+}
+
+.a8c-posts-list-item__featured,
+.a8c-posts-list-item__meta {
+	font-family: 'Libre Baskerville', 'Helvetica Neue', Helvetica, arial, sans-serif;
+	font-style: italic;
+	font-weight: 400;
+	text-transform: none;
+	letter-spacing: 0;
+}
+
+.a8c-posts-list-item__meta a {
+	color: #666;
+}
+
+.a8c-posts-list-item__title a:hover,
+.a8c-posts-list-item__meta a:hover {
+	color: #2b6e9d;
+}
+
+.a8c-posts-list-item__excerpt a:hover {
+	color: #e43a31;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all {
+	border-radius: 0;
+	border: 3px double #c7c4b4;
+	font-family: 'Libre Baskerville', 'Helvetica Neue', Helvetica, arial, sans-serif;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all:hover {
+	background-color: #2b6e9d;
+}