From c01d14d81b9158f239dceca456c37a6f0bb720ff Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 16 Jun 2025 14:08:22 -0400
Subject: [PATCH] CASH-959 update hop font to Urbanist.

---
 public/css/hop-styling.css   | 10 +++++++---
 public/scss/hop-styling.scss | 13 ++++++++++---
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index abe8a4599..0c82e0789 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -2,14 +2,18 @@
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
+@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
 body {
-  font-family: Roboto;
+  font-family: Urbanist;
   font-weight: 400;
   color: #000;
   margin: 0;
   background-color: white;
   padding: 8px;
 }
+body h3 {
+  font-weight: 600;
+}
 body .validation-info {
   display: none;
 }
@@ -31,7 +35,7 @@ body .form-group {
 body .headerlinecontainer .headerline1 {
   font-size: 20px;
   line-height: 32px;
-  font-weight: 400;
+  font-weight: 500;
   margin: 24px 0;
   text-align: center;
 }
@@ -92,7 +96,7 @@ body .creditCardSpecific div .headerlinecontainer {
   display: none;
 }
 body .creditCardSpecific div label {
-  font-weight: 500;
+  font-weight: 600;
 }
 body .creditCardSpecific #infoRow2 {
   margin-bottom: 0;
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index e721af1d2..e85619f10 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -2,14 +2,21 @@
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
 /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
+
+@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
+
 body {
-    font-family: Roboto;
+    font-family: Urbanist;
     font-weight: 400;
     color: #000;
     margin: 0;
     background-color: white;
     padding: 8px;
 
+    h3 {
+        font-weight: 600;
+    }
+
     .validation-info {
         display: none;
     }
@@ -37,7 +44,7 @@ body {
         .headerline1 {
             font-size: 20px;
             line-height: 32px;
-            font-weight: 400;
+            font-weight: 500;
             margin: 24px 0;
             text-align: center;
         }
@@ -98,7 +105,7 @@ body {
                 display: none;
             }
             label {
-                font-weight: 500;
+                font-weight: 600;
             }
         }
         #infoRow2 {