Professional Business: Fix Cover Block text to respect Block Editor settings

professional-business/sass/blocks/_blocks.scss

@@ -513,12 +513,7 @@
 			margin-top: $size__vertical-spacing-unit;
 		}
 
-		.wp-block-cover-image-text,
-		.wp-block-cover-text,
-		h2 {
-			font-family: $font__heading;
-			font-size: $font__size-lg;
-			line-height: 1.25;
+		.wp-block-cover__inner-container {
 			padding: 0;
 			color: #fff;
 			-ms-hyphens: auto;
@@ -527,11 +522,16 @@
 			hyphens: auto;
 
 			@include media(tablet) {
-				font-size: $font__size-xl;
 				max-width: 100%;
 			}
 		}
 
+		h2 {
+			max-width: inherit;
+			margin: inherit;
+			text-align: inherit;
+		}
+
 		&.alignleft,
 		&.alignright {
 			width: 100%;
@@ -541,11 +541,17 @@
 			}
 		}
 
+		&.alignwide {
+
+			.wp-block-cover__inner-container {
+				width: 100%;
+				@include postContentMaxWidth();
+			}
+		}
+
 		&.alignfull {
 
-			.wp-block-cover-image-text,
-			.wp-block-cover-text,
-			h2 {
+			.wp-block-cover__inner-container {
 				width: 100%;
 				@include postContentMaxWidth();
 				margin-left: auto;
@@ -555,12 +561,6 @@
 			@include media(tablet) {
 				padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
 				padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
-
-				.wp-block-cover-image-text,
-				.wp-block-cover-text,
-				h2 {
-					padding: 0;
-				}
 			}
 		}
 	}

professional-business/sass/typography/_headings.scss

@@ -75,6 +75,8 @@ h1 {
 	}
 }
 
+.wp-block-cover-image h2,
+.wp-block-cover h2,
 h2 {
 	font-size: $font__size-lg;
 }

professional-business/style-editor-customizer.css

@@ -19,7 +19,8 @@ html[lang="ckb"] .wp-block *,
 html[lang="fa-IR"] .wp-block *,
 html[lang="haz"] .wp-block *,
 html[lang="ps"] .wp-block * {
-  font-family: Tahoma, Arial, sans-serif !important; }
+  font-family: Tahoma, Arial, sans-serif !important;
+}
 
 /* Cyrillic */
 html[lang="be"] .wp-block *,
@@ -32,51 +33,63 @@ html[lang="sah"] .wp-block *,
 html[lang="sr-RS"] .wp-block *,
 html[lang="tt-RU"] .wp-block *,
 html[lang="uk"] .wp-block * {
-  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important; }
+  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
+}
 
 /* Chinese (Hong Kong) */
 html[lang="zh-HK"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
 
 /* Chinese (Taiwan) */
 html[lang="zh-TW"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
 
 /* Chinese (China) */
 html[lang="zh-CN"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
 
 /* Devanagari */
 html[lang="bn-BD"] .wp-block *,
 html[lang="hi-IN"] .wp-block *,
 html[lang="mr"] .wp-block *,
 html[lang="ne-NP"] .wp-block * {
-  font-family: Arial, sans-serif !important; }
+  font-family: Arial, sans-serif !important;
+}
 
 /* Greek */
 html[lang="el"] .wp-block * {
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+}
 
 /* Gujarati */
 html[lang="gu"] .wp-block * {
-  font-family: Arial, sans-serif !important; }
+  font-family: Arial, sans-serif !important;
+}
 
 /* Hebrew */
 html[lang="he-IL"] .wp-block * {
-  font-family: 'Arial Hebrew', Arial, sans-serif !important; }
+  font-family: 'Arial Hebrew', Arial, sans-serif !important;
+}
 
 /* Japanese */
 html[lang="ja"] .wp-block * {
-  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important; }
+  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
+}
 
 /* Korean */
 html[lang="ko-KR"] .wp-block * {
-  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important; }
+  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
+}
 
 /* Thai */
 html[lang="th"] .wp-block * {
-  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important; }
+  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
+}
 
 /* Vietnamese */
 html[lang="vi"] .wp-block * {
-  font-family: 'Libre Franklin', sans-serif !important; }
+  font-family: 'Libre Franklin', sans-serif !important;
+}

professional-business/style-jetpack.css

@@ -8,7 +8,8 @@
 .site-main #infinite-handle span button,
 .site-main #infinite-handle span button:hover,
 .site-main #infinite-handle span button:focus {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /**
  * Responsive Videos
@@ -18,21 +19,25 @@
  */
 .entry div.sharedaddy h3.sd-title,
 .entry h3.sd-title {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /**
  * Related Posts
  */
 .entry #jp-relatedposts h3.jp-relatedposts-headline {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
 .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /**
  * Stats
@@ -45,17 +50,20 @@
  */
 /* Authors Widget */
 .widget_authors > ul > li > a {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /* Display WordPress Posts */
 /* GoodReads */
 /* EU cookie law */
 .widget_eu_cookie_law_widget #eu-cookie-law {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /* RSS Links */
 .widget_rss_links li {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif; }
+  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+}
 
 /**
  * Content Options
@@ -65,19 +73,24 @@
  */
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
-  width: 100%; }
+  width: 100%;
+}
 
 .wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text {
-  font-size: 0.7111111111em; }
+  font-size: 0.71111em;
+}
 
 /* Business Hours - Temp Fix */
 .jetpack-business-hours dt,
 .jetpack-business-hours dd {
-  float: left; }
+  float: left;
+}
 
 .jetpack-business-hours dt {
   clear: both;
-  margin-right: 0.5rem; }
+  margin-right: 0.5rem;
+}
 
 .jetpack-business-hours dd {
-  margin: 0; }
+  margin: 0;
+}

professional-business/style-rtl.css

@@ -506,6 +506,8 @@ h1 {
   }
 }
 
+.wp-block-cover-image h2,
+.wp-block-cover h2,
 h2 {
   font-size: 1.6875em;
 }
@@ -3447,14 +3449,6 @@ body.page .main-navigation {
   }
 }
 
-@media only screen and (min-width: 768px) {
-  .entry .entry-content > *.aligncenter,
-  .entry .entry-summary > *.aligncenter {
-    margin-right: 0;
-    margin-left: 0;
-  }
-}
-
 /*
  * Unset nested content selector styles
  * - Prevents layout styles from cascading too deeply
@@ -3885,15 +3879,8 @@ body.page .main-navigation {
   margin-top: 32px;
 }
 
-.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image h2,
-.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover .wp-block-cover-text,
-.entry .entry-content .wp-block-cover h2 {
-  font-family: "Crimson Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
-  font-size: 1.6875em;
-  line-height: 1.25;
+.entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
   padding: 0;
   color: #fff;
   -ms-hyphens: auto;
@@ -3902,17 +3889,18 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image h2,
-  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover h2 {
-    font-size: 2.25em;
+  .entry .entry-content .wp-block-cover-image .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover .wp-block-cover__inner-container {
     max-width: 100%;
   }
 }
 
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover h2 {
+  max-width: inherit;
+  margin: inherit;
+}
+
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
 .entry .entry-content .wp-block-cover.alignleft,
 .entry .entry-content .wp-block-cover.alignright {
@@ -3927,35 +3915,42 @@ body.page .main-navigation {
   }
 }
 
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover-image.alignfull h2,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.alignfull h2 {
+.entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
+  width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
+    max-width: calc(8 * (100vw / 12) - 28px);
+  }
+}
+
+@media only screen and (min-width: 1168px) {
+  .entry .entry-content .wp-block-cover-image.alignwide .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignwide .wp-block-cover__inner-container {
+    max-width: calc(6 * (100vw / 12) - 28px);
+  }
+}
+
+.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+.entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
 }
 
 @media only screen and (min-width: 768px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(8 * (100vw / 12) - 28px);
   }
 }
 
 @media only screen and (min-width: 1168px) {
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
+  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover__inner-container,
+  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover__inner-container {
     max-width: calc(6 * (100vw / 12) - 28px);
   }
 }
@@ -3966,14 +3961,6 @@ body.page .main-navigation {
     padding-right: calc(10% + 58px + (2 * 1rem));
     padding-left: calc(10% + 58px + (2 * 1rem));
   }
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover-image.alignfull h2,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
-  .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
-  .entry .entry-content .wp-block-cover.alignfull h2 {
-    padding: 0;
-  }
 }
 
 .entry .entry-content .wp-block-gallery {
@@ -4246,7 +4233,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 > *:first-child {
     margin-top: 0;
   }