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

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

diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index abe8a4599..a79c2f049 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, Arial, Helvetica, sans-serif;
   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;
@@ -268,6 +272,7 @@ body .cc-error-container #alert-message {
 #fmg-checkout-shared #other-payments-container label span.paymentOptionText {
   margin: auto 0;
   padding-left: 0;
+  font-weight: 600;
 }
 #fmg-checkout-shared #other-payments-container #afterpayParentLink label > span:first-of-type {
   width: 100%;
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index e721af1d2..3d30255cc 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -2,14 +2,19 @@
 /* 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, Arial, Helvetica, sans-serif;
     font-weight: 400;
     color: #000;
     margin: 0;
     background-color: white;
     padding: 8px;
 
+    h3 {
+        font-weight: 600;
+    }
+
     .validation-info {
         display: none;
     }
@@ -37,7 +42,7 @@ body {
         .headerline1 {
             font-size: 20px;
             line-height: 32px;
-            font-weight: 400;
+            font-weight: 500;
             margin: 24px 0;
             text-align: center;
         }
@@ -98,7 +103,7 @@ body {
                 display: none;
             }
             label {
-                font-weight: 500;
+                font-weight: 600;
             }
         }
         #infoRow2 {
@@ -325,6 +330,7 @@ body {
 				&.paymentOptionText {
 					margin: auto 0;
 					padding-left: 0;
+                    font-weight: 600;
 				}
 			}
 		}