Calm Business: Fix the cover h2 alignment in the editor and rtl

calm-business/style-editor.css

@@ -1140,9 +1140,21 @@ figcaption,
   font-size: 1.6875em;
   max-width: 100%;
   padding: 0;
+  text-align: inherit;
+}
+
+.wp-block-cover .wp-block-cover__inner-container h2.has-text-align-left {
   text-align: left;
 }
 
+.wp-block-cover .wp-block-cover__inner-container h2.has-text-align-center {
+  text-align: center;
+}
+
+.wp-block-cover .wp-block-cover__inner-container h2.has-text-align-right {
+  text-align: right;
+}
+
 .wp-block-cover .wp-block-cover__inner-container h3 {
   font-size: 1.125em;
 }

calm-business/style-editor.scss

@@ -319,7 +319,19 @@ figcaption,
 			font-size: $font__size-lg;
 			max-width: 100%;
 			padding: 0;
-			text-align: left;
+			text-align: inherit;
+
+			&.has-text-align-left {
+				text-align: left;
+			}
+
+			&.has-text-align-center {
+				text-align: center;
+			}
+
+			&.has-text-align-right {
+				text-align: right;
+			}
 		}
 
 		h3 {

calm-business/style-rtl.css

@@ -4125,6 +4125,28 @@ body.page .main-navigation {
   text-align: inherit;
 }
 
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover h2 {
+  padding: 0;
+  max-width: inherit;
+  text-align: inherit;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-left,
+.entry .entry-content .wp-block-cover h2.has-text-align-left {
+  text-align: right;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-center,
+.entry .entry-content .wp-block-cover h2.has-text-align-center {
+  text-align: center;
+}
+
+.entry .entry-content .wp-block-cover-image h2.has-text-align-right,
+.entry .entry-content .wp-block-cover h2.has-text-align-right {
+  text-align: left;
+}
+
 .entry .entry-content .wp-block-cover-image h3,
 .entry .entry-content .wp-block-cover h3 {
   font-size: 1.125em;