Reduce specificity of #front_stats CSS

There is no need for #front_stats to always be nested inside of #front-howto.

8 files changed, 48 insertions, 53 deletions

diff --git a/web/cobrands/angus/base.scss b/web/cobrands/angus/base.scss
index c8792fd51..0a9448cf1 100644
--- a/web/cobrands/angus/base.scss
+++ b/web/cobrands/angus/base.scss
@@ -26,7 +26,7 @@ label[for=pc] {
     color: $nav_fg;
 }
 
-#front-howto #front_stats {
+#front_stats {
     color: $nav_fg;
 }
 
diff --git a/web/cobrands/bristol/base.scss b/web/cobrands/bristol/base.scss
index 8f61d2a5b..96adf1001 100644
--- a/web/cobrands/bristol/base.scss
+++ b/web/cobrands/bristol/base.scss
@@ -78,13 +78,11 @@ body, .content {
 }
 
 // Make sure the numbers on the front page have the correct font weight
-#front-howto {
-  #front_stats {
-    color: white;
+#front_stats {
+  color: white;
 
-    div {
-      @extend %bold-font;
-    }
+  div {
+    @extend %bold-font;
   }
 }
 
diff --git a/web/cobrands/buckinghamshire/base.scss b/web/cobrands/buckinghamshire/base.scss
index 50cc1a03c..389ca4506 100644
--- a/web/cobrands/buckinghamshire/base.scss
+++ b/web/cobrands/buckinghamshire/base.scss
@@ -47,13 +47,11 @@ body, .content {
 }
 
 // Make sure the numbers on the front page have the correct font weight
-#front-howto {
-  #front_stats {
-    color: white;
+#front_stats {
+  color: white;
 
-    div {
-      @extend %bold-font;
-    }
+  div {
+    @extend %bold-font;
   }
 }
 
diff --git a/web/cobrands/greenwich/base.scss b/web/cobrands/greenwich/base.scss
index 2f2ebfa8c..48c5c642d 100644
--- a/web/cobrands/greenwich/base.scss
+++ b/web/cobrands/greenwich/base.scss
@@ -32,7 +32,7 @@ label[for=pc] {
     color: $greenwich_dark_red;
 }
 
-#front-howto #front_stats {
+#front_stats {
     color: $nav_fg;
 }
 
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 4880489bc..22fc70d0a 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -2037,29 +2037,27 @@ a#geolocate_link.loading, .btn--geolocate.loading {
     padding-#{$right}: 1.5em;
 }
 
-#front-howto {
-  #front_stats {
-    display:table;
-    width:100%;
-    color: $primary_text;
-    background: $primary;
-    font-family: $meta-font;
-    div {
-      display:table-cell;
-      text-align:center;
-      padding:1em;
-      line-height:1.25em;
-      font: {
-        size:0.8125em;
-        weight:bold;
-      }
-    }
-    big {
-      display:block;
-      margin-bottom:0.5em;
-      font-size:1.5385em;
+#front_stats {
+  display:table;
+  width:100%;
+  color: $primary_text;
+  background: $primary;
+  font-family: $meta-font;
+  div {
+    display:table-cell;
+    text-align:center;
+    padding:1em;
+    line-height:1.25em;
+    font: {
+      size:0.8125em;
+      weight:bold;
     }
   }
+  big {
+    display:block;
+    margin-bottom:0.5em;
+    font-size:1.5385em;
+  }
 }
 
 // Shown at bottom of homepage, among other places
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index 1092b5017..7a6f7ba02 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -936,22 +936,23 @@ textarea.form-error {
 
 #front-howto {
   border-#{$right}: 1em solid transparent;
-  #front_stats {
-    background:none;
-    color: #222;
-    border-top:0.25em solid $primary;
-    padding-top:1em;
-    big {
-      color: $layout_front_stats_color;
-      font-size: 2em;
-      @media (min-width: 54em) {
-        // 54em roughly halfway between 48em and 62em
-        font-size: 2.5em;
-      }
-      @media (min-width: 62em) {
-        // container max-width 60em + 2em side padding
-        font-size: 3em;
-      }
+}
+
+#front_stats {
+  background:none;
+  color: #222;
+  border-top:0.25em solid $primary;
+  padding-top:1em;
+  big {
+    color: $layout_front_stats_color;
+    font-size: 2em;
+    @media (min-width: 54em) {
+      // 54em roughly halfway between 48em and 62em
+      font-size: 2.5em;
+    }
+    @media (min-width: 62em) {
+      // container max-width 60em + 2em side padding
+      font-size: 3em;
     }
   }
 }
diff --git a/web/cobrands/warwickshire/base.scss b/web/cobrands/warwickshire/base.scss
index bb4b3d08a..0533f81c4 100644
--- a/web/cobrands/warwickshire/base.scss
+++ b/web/cobrands/warwickshire/base.scss
@@ -14,7 +14,7 @@
     }
 }
 
-#front-howto #front_stats {
+#front_stats {
     color: white;
 }
 
diff --git a/web/cobrands/zurich/base.scss b/web/cobrands/zurich/base.scss
index f526a8f1e..7a1bcca71 100644
--- a/web/cobrands/zurich/base.scss
+++ b/web/cobrands/zurich/base.scss
@@ -59,7 +59,7 @@
     height: 48px;
     margin-left: -1em;
 }
-#front-howto #front_stats,
+#front_stats,
 #front-main #postcodeForm {
     background-color: $mobile_header_blue;
 }