Modern Business: Fix margins between columns block

modern-business/sass/blocks/_blocks.scss

@@ -872,27 +872,28 @@
 		}
 
 		@include media(tablet) {
-			.wp-block-column > * {
+
+			.wp-block-column {
+				margin-left: #{0.5* $size__spacing-unit};
+				margin-right: #{0.5* $size__spacing-unit};
 
 				&:first-child {
-					margin-top: 0;
+					margin-left: 0;
 				}
 
 				&:last-child {
-					margin-bottom: 0;
+					margin-right: 0;
 				}
 			}
 
-			&[class*='has-'] > * {
-				margin-left: $size__spacing-unit;
-				margin-right: $size__spacing-unit;
+			.wp-block-column > * {
 
 				&:first-child {
-					margin-left: 0;
+					margin-top: 0;
 				}
 
 				&:last-child {
-					margin-right: 0;
+					margin-bottom: 0;
 				}
 			}
 

modern-business/style-jetpack.css

@@ -77,7 +77,6 @@
 /**
  * Blocks
  */
-
 /* Mailchimp Block - Temp Fix */
 .wp-block-jetpack-mailchimp input[type="email"] {
   width: 100%;

modern-business/style-rtl.css

@@ -4057,7 +4057,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover-image,
 .entry .entry-content .wp-block-cover {
   position: relative;
-  min-height: 510px;
+  min-height: 430px;
   padding: 1rem;
 }
 
@@ -4075,7 +4075,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover .wp-block-cover-text {
   color: #fff;
   font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 2.25em;
+  font-size: 1.6875em;
   font-weight: 300;
   line-height: 1.25;
   padding: 0;
@@ -4286,22 +4286,22 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-columns .wp-block-column {
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:first-child {
+    margin-right: 0;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:last-child {
+    margin-left: 0;
+  }
   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     margin-top: 0;
   }
   .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     margin-bottom: 0;
   }
-  .entry .entry-content .wp-block-columns[class*='has-'] > * {
-    margin-right: 1rem;
-    margin-left: 1rem;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child {
-    margin-right: 0;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
-    margin-left: 0;
-  }
   .entry .entry-content .wp-block-columns.alignfull {
     padding-right: calc( 2 * 1rem);
     padding-left: calc( 2 * 1rem);

modern-business/style.css

@@ -4298,22 +4298,22 @@ body.page .main-navigation {
 }
 
 @media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-columns .wp-block-column {
+    margin-left: 0.5rem;
+    margin-right: 0.5rem;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:first-child {
+    margin-left: 0;
+  }
+  .entry .entry-content .wp-block-columns .wp-block-column:last-child {
+    margin-right: 0;
+  }
   .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
     margin-top: 0;
   }
   .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
     margin-bottom: 0;
   }
-  .entry .entry-content .wp-block-columns[class*='has-'] > * {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:first-child {
-    margin-left: 0;
-  }
-  .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
-    margin-right: 0;
-  }
   .entry .entry-content .wp-block-columns.alignfull {
     padding-left: calc( 2 * 1rem);
     padding-right: calc( 2 * 1rem);