ISTWCMS-4695: fixing small text in banners

css/styles.css

@@ -2948,17 +2948,6 @@ ul.toolbar-menu {
   .uw-anchor__url {
     text-align: center; }
 
-.card.banner .card__title a {
-  text-decoration: none; }
-  .card.banner .card__title a:hover {
-    text-decoration: underline; }
-
-.card.banner .card__header .sub-title {
-  color: #fff; }
-
-.card.banner .card__header h2 {
-  margin: 0; }
-
 .block {
   margin-bottom: 1rem; }
 
@@ -3518,6 +3507,11 @@ button {
   position: absolute;
   text-align: center;
   width: 100%; }
+  .card.banner .card__header h2 {
+    margin: 0; }
+  .card.banner .card__header .sub-title {
+    color: #fff;
+    font-family: "BureauGrotCond Book","Barlow Condensed",impact,"avenir next condensed heavy","Droid Sans",sans-serif; }
 
 .card.banner .card__media {
   margin-bottom: 0; }
@@ -3529,10 +3523,10 @@ button {
     font-family: "BureauGrotCond Book","Barlow Condensed",impact,"avenir next condensed heavy","Droid Sans",sans-serif;
     font-weight: 400;
     letter-spacing: .045rem;
-    text-align: center; }
-
-.card.banner .sub-title {
-  color: #fdd54f; }
+    text-align: center;
+    text-decoration: none; }
+    .card.banner .card__title a:hover {
+      text-decoration: underline; }
 
 .uw-colour-bar__cbarorg-default__uw-gold--lvl1 {
   background-color: #fffaaa; }

source/_patterns/04-components/banners/_banners.scss

-.card.banner {
-  .card__title {
-    a {
-      text-decoration: none;
-
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
-
-  .card__header {
-    .sub-title {
-      color: $uw-white;
-    }
-
-    h2 {
-      margin: 0;
-    }
-  }
-}

source/_patterns/04-components/card/card--banner/_card--banner.scss

@@ -14,6 +14,15 @@
     position: absolute;
     text-align: center;
     width: 100%;
+
+    h2 {
+      margin: 0;
+    }
+
+    .sub-title {
+      color: $uw-white;
+      font-family: "BureauGrotCond Book","Barlow Condensed",impact,"avenir next condensed heavy","Droid Sans",sans-serif;
+    }
   }
 
   .card__media {
@@ -29,10 +38,11 @@
       font-weight: 400;
       letter-spacing: .045rem;
       text-align: center;
-    }
-  }
+      text-decoration: none;
 
-  .sub-title {
-    color: $uw-gold;
+      &:hover {
+        text-decoration: underline;
+      }
+    }
   }
-}
\ No newline at end of file
+}