Separate template clear and overflow properties in frontend stylesheet

assets/css/sportspress-style.css

@@ -6,8 +6,13 @@
     font-family: "Roboto", "Helvetica", sans-serif;
 }
 
+.sp-template {
+    clear: both;
+    overflow: hidden;
+}
+
 /*
- * Note: !important everything to enforce overrides.
+ * Note: !important everything below to enforce overrides.
  * This stylesheet can be disabled via SportsPress General Settings.
  */
 
@@ -32,6 +37,10 @@
     font-family: "Roboto", "Helvetica", sans-serif !important;
 }
 
+.sp-template {
+    margin-bottom: 20px !important;
+}
+
 .sp-template *,
 .sp-data-table *,
 .sp-table-caption {
@@ -42,11 +51,6 @@
     color: #333 !important;
 }
 
-.sp-template {
-    overflow: hidden !important;
-    margin-bottom: 20px !important;
-}
-
 .sp-table-caption {
     margin: 0 !important;
     padding: 15px !important;