Merge pull request #349 from Safelite/feature/digital/SSR-513

refactored to get rid of the !important

src/iss-components/site-sub-header/site-sub-header.vue

@@ -31,7 +31,8 @@ import buttonBack from "@/iss-components/site-sub-header/button-back/button-back
             cmsWidgetName: String,
             hasBackButton: Boolean,
             justification: String,
-            issContainingPage: String
+            issContainingPage: String,
+            darkGraySubText: Boolean,
         },
         computed: {
             content() {
@@ -53,9 +54,15 @@ import buttonBack from "@/iss-components/site-sub-header/button-back/button-back
                     'justify-content-center';
             },
             alternateFormatting() {
-                return (this.issContainingPage?.toLowerCase() === 'service-packages') ?
+                //override for service-packages unique style
-                    'service-packages-subtext mt-4 mb-2 px-5' :
+                if (this.issContainingPage?.toLowerCase() === 'service-packages')
-                    'small';
+                {
+                    return 'service-packages-subtext mt-4 mb-2 px-5';
+                }
+                else
+                {
+                    return this.darkGraySubText ? "dark-gray" : "light-gray";
+                }
             }
         },
         methods: {
@@ -84,9 +91,14 @@ import buttonBack from "@/iss-components/site-sub-header/button-back/button-back
         color: inherit;
       }
     }
-    p.small {
+    p.light-gray {
         color: $gray-550;
     }
+
+    p.dark-gray {
+        color: $darker-gray;
+    }
+
     p.service-packages-subtext {
         font-weight: 500 !important;
         line-height: 24px;

src/layouts/vehicle-selection/vehicle-selection.vue

@@ -12,6 +12,7 @@
                                     cmsWidgetName="SiteSubHeaderWidget"
                                     class="siteSubHeader"
                                     justification="center"
+                                    darkGraySubText
                                 />
 
                                 <vehicleQuestion
@@ -224,11 +225,6 @@ export default {
     }
     .siteSubHeader {
         margin-top: 1.5rem;
-        
-        p.small {
-            color: #525656 !important;
-        }
-        
     }
 
     .subheader-secondary {