MAW-894: CSS updates

wp/wp-content/themes/medicalalert/dist/app.css

@@ -2,7 +2,7 @@
 @charset "UTF-8";
 /* Colors */
 .consumer-primary {
-  color: #660037;
+  color: #000066;
 }
 
 .headline-largest {
@@ -10,7 +10,7 @@
   font-weight: 700;
   line-height: 58px;
   margin-bottom: unset;
-  color: #660037;
+  color: #000066;
 }
 
 .headline-large {
@@ -18,7 +18,7 @@
   font-weight: 700;
   line-height: 55px;
   margin-bottom: unset;
-  color: #660037;
+  color: #000066;
 }
 
 .headline-standard {
@@ -48,7 +48,7 @@
   --bs-purple: #6f42c1;
   --bs-pink: #d63384;
   --bs-red: #dc3545;
-  --bs-orange: #E86826;
+  --bs-orange: #CC0033;
   --bs-yellow: #ffc107;
   --bs-green: #198754;
   --bs-teal: #20c997;
@@ -11199,7 +11199,7 @@ textarea.form-control-lg {
   }
 }
 body {
-  font-family: "Nunito Sans", sans-serif;
+  font-family: "Inter", sans-serif;
 }
 
 h1, .headline-largest, .h1 {
@@ -11209,7 +11209,7 @@ h1, .headline-largest, .h1 {
 }
 
 .consumer-brand h1, .consumer-brand .headline-largest, .consumer-brand .h1 {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand h1, .business-brand .headline-largest, .business-brand .h1 {
@@ -11223,7 +11223,7 @@ h2, .headline-large, .h2 {
 }
 
 .consumer-brand h2, .consumer-brand .headline-large, .consumer-brand .h2 {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand h2, .business-brand .headline-large, .business-brand .h2 {
@@ -11237,7 +11237,7 @@ h3, .headline-standard, .h3 {
 }
 
 .consumer-brand h3, .consumer-brand .headline-standard, .consumer-brand .h3 {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand h3, .business-brand .headline-standard, .business-brand .h3 {
@@ -11251,7 +11251,7 @@ h4, .headline-small, .h4 {
 }
 
 .consumer-brand h4, .consumer-brand .headline-small, .consumer-brand .h4 {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand h4, .business-brand .headline-small, .business-brand .h4 {
@@ -11288,7 +11288,7 @@ button[type=submit].single_add_to_cart_button,
 #searchBtn {
   border: none;
   padding: 8px 20px;
-  background-color: #E86826 !important;
+  background-color: #CC0033 !important;
   color: #FFFFFF !important;
   font-size: 25px;
   font-weight: 600;
@@ -11301,7 +11301,7 @@ button[type=submit].single_add_to_cart_button,
 .button--primary {
   border: none;
   padding: 8px 20px;
-  background-color: #E86826;
+  background-color: #CC0033;
   /* Define the actual color, not a variable */
   color: #FFFFFF;
   /* Define the actual color, not a variable */
@@ -11325,7 +11325,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .bg-color-red {
-  background-color: #660037;
+  background-color: #000066;
 }
 .bg-color-red p {
   color: #FFFFFF;
@@ -11336,7 +11336,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .bg-color-blue {
-  background-color: #660037;
+  background-color: #000066;
 }
 
 .bg-color-top-white {
@@ -11472,7 +11472,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .border-color-red {
-  border: 2px solid #660037;
+  border: 2px solid #000066;
 }
 
 .border-color-black {
@@ -11579,7 +11579,7 @@ button[type=submit].single_add_to_cart_button,
      object-fit: cover;
 }
 .col2-circle-content-slice-container .highlighted-circle-title {
-  color: #660037;
+  color: #000066;
 }
 .col2-circle-content-slice-container .highlighted-circle-copy p {
   line-height: 41px;
@@ -11597,7 +11597,7 @@ button[type=submit].single_add_to_cart_button,
   border-radius: 50%;
 }
 .col2-circle-cta-list-slice-container .title {
-  color: #660037;
+  color: #000066;
   padding-bottom: 10px;
 }
 
@@ -11625,7 +11625,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .col2-media-highlights-slice-container .copy strong {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .col2-media-highlights-slice-container .copy strong {
@@ -11637,7 +11637,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .col2-media-wysiwyg-slice-container .copy strong {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .col2-media-wysiwyg-slice-container .copy strong {
@@ -11665,7 +11665,7 @@ button[type=submit].single_add_to_cart_button,
   padding: 33px 25px 46px;
 }
 .col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper .col3-card-title {
-  color: #660037;
+  color: #000066;
 }
 .col3-card-slice-container .col3-card-wrapper .col3-card-item .col3-card-item-inner-wrapper .col3-card-link {
   position: absolute;
@@ -11699,7 +11699,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .header-color-red {
-  background-color: #660037;
+  background-color: #000066;
 }
 .header-color-red h4, .header-color-red .headline-small, .header-color-red .h4 {
   color: #FFFFFF;
@@ -11729,7 +11729,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .faq-dropdown-slice-container .accordion-button {
-  background-color: #660037 !important;
+  background-color: #000066 !important;
 }
 
 .business-brand .faq-dropdown-slice-container .accordion-button {
@@ -11742,7 +11742,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .comsumer-brand .h1-heading-slice-container h1, .comsumer-brand .h1-heading-slice-container .headline-largest, .comsumer-brand .h1-heading-slice-container .h1 {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .h1-heading-slice-container h1, .business-brand .h1-heading-slice-container .headline-largest, .business-brand .h1-heading-slice-container .h1 {
@@ -11750,7 +11750,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .comsumer-brand .h2-heading-slice-container h2, .comsumer-brand .h2-heading-slice-container .headline-large, .comsumer-brand .h2-heading-slice-container .h2 {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .h2-heading-slice-container h2, .business-brand .h2-heading-slice-container .headline-large, .business-brand .h2-heading-slice-container .h2 {
@@ -11766,7 +11766,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .hero-slice-container .hero-title {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .hero-slice-container .hero-title {
@@ -11796,7 +11796,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .icon-info-grid-slice-container .icon-card .title {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .icon-info-grid-slice-container .icon-card .title {
@@ -11807,7 +11807,7 @@ button[type=submit].single_add_to_cart_button,
   width: 55px;
 }
 .icon-video-aside-slice-container .icon-video-rows .info .title {
-  color: #660037;
+  color: #000066;
 }
 .icon-video-aside-slice-container .icon-video-rows .info .link {
   color: #036396 !important;
@@ -11817,7 +11817,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .image-aside-slice-container .image-aside-copy strong {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .image-aside-slice-container .image-aside-copy strong {
@@ -11847,7 +11847,7 @@ button[type=submit].single_add_to_cart_button,
   width: 77px;
 }
 .image-with-icon-info-grid-slice-container .icon-info-grid .info .title {
-  color: #660037;
+  color: #000066;
 }
 
 .large-image-slice-container .large-image img {
@@ -11873,7 +11873,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .phone-contact-slice-container .bold-copy a {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .phone-contact-slice-container .bold-copy a {
@@ -11892,10 +11892,10 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .call-title {
-  color: #660037;
+  color: #000066;
 }
 .consumer-brand .call-title a {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .call-title {
@@ -11944,7 +11944,7 @@ button[type=submit].single_add_to_cart_button,
   }
 }
 .products-list-slice-container .products-list-wrapper .products-list-item .products-list-item-inner-wrapper .products-list-title {
-  color: #660037;
+  color: #000066;
 }
 .products-list-slice-container .products-list-wrapper .products-list-item .products-list-item-inner-wrapper .products-list-link {
   position: absolute;
@@ -11961,7 +11961,7 @@ button[type=submit].single_add_to_cart_button,
   border-radius: 50%;
 }
 .testimonial-carousel-slice-container .testimonials .title {
-  color: #660037;
+  color: #000066;
   text-align: start;
 }
 .testimonial-carousel-slice-container .testimonials .quote-attribution {
@@ -11975,7 +11975,7 @@ button[type=submit].single_add_to_cart_button,
   color: rgba(102, 0, 55, 0.5);
 }
 .consumer-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before {
-  color: #660037;
+  color: #000066;
 }
 
 .business-brand .testimonial-carousel-slice-container .slick-dots li button::before {
@@ -12014,7 +12014,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .video-grid-slice-container .heading {
-  color: #660037;
+  color: #000066;
 }
 .video-grid-slice-container .video video {
   width: 100%;
@@ -12120,10 +12120,10 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .main-header {
-  background: #660037;
+  background: #000066;
 }
 .consumer-brand #menu-consumer .dropdown-menu {
-  background: #660037;
+  background: #000066;
 }
 
 .business-brand .main-header {
@@ -12136,7 +12136,7 @@ button[type=submit].single_add_to_cart_button,
 .get-started {
   border: none;
   padding: 0;
-  background-color: #E86826 !important;
+  background-color: #CC0033 !important;
   color: #FFFFFF !important;
   font-size: 25px;
   font-weight: 600;
@@ -12190,7 +12190,7 @@ button[type=submit].single_add_to_cart_button,
 }
 
 .consumer-brand .site-footer .footer-wrapper {
-  background: #660037;
+  background: #000066;
 }
 .consumer-brand .site-footer .footer-bottom {
   background: #FFFFFF;
@@ -12209,7 +12209,7 @@ button[type=submit].single_add_to_cart_button,
   font-size: 22px;
   font-weight: 700;
   letter-spacing: 2px;
-  background: #E86826;
+  background: #CC0033;
 }
 .banner-bottom .banner-bottom-wrapper {
   color: #FFFFFF;
@@ -12236,7 +12236,7 @@ button[type=submit].single_add_to_cart_button,
   font-size: 0.75rem;
   font-weight: 900;
   background: #fff;
-  color: #E86826;
+  color: #CC0033;
   padding: 4px 8px;
 }
 @media (min-width: 768px) {
@@ -12266,7 +12266,7 @@ button[type=submit].single_add_to_cart_button,
     font-size: 0.75rem;
     font-weight: 900;
     background: #fff;
-    color: #E86826;
+    color: #CC0033;
     padding: 4px 8px;
     position: relative;
     top: 20px;
@@ -12347,10 +12347,10 @@ a.reset_variations {
 }
 
 body.search .main-header {
-  background: #660037;
+  background: #000066;
 }
 body.search .site-footer .footer-wrapper {
-  background: #660037;
+  background: #000066;
 }
 body.search .search-results-page-container {
   padding-top: 50px;
@@ -12361,20 +12361,20 @@ body.search .search-results-page-container #searchform .search-field {
 body.search .img-placeholder {
   width: 424px;
   height: 249.4px;
-  background-color: #660037;
+  background-color: #000066;
 }
 body.search .img-placeholder img {
   width: 30%;
 }
 
 .page-template-all-post-template h4, .page-template-all-post-template .headline-small, .page-template-all-post-template .h4 {
-  color: #660037;
+  color: #000066;
 }
 .page-template-all-post-template .main-header .main-nav {
-  background-color: #660037;
+  background-color: #000066;
 }
 .page-template-all-post-template .site-footer .footer-wrapper {
-  background-color: #660037;
+  background-color: #000066;
 }
 .page-template-all-post-template .all-posts-container .featured-post {
   position: relative;
@@ -12391,7 +12391,7 @@ body.search .img-placeholder img {
   font-size: 1.5rem;
   font-weight: 700;
   color: #FFFFFF;
-  background: #660037;
+  background: #000066;
   padding: 6px 20px 6px 12px;
 }
 .page-template-all-post-template .all-posts-container .featured-post .featured-img img {
@@ -12401,13 +12401,13 @@ body.search .img-placeholder img {
   margin-top: 4em;
 }
 .page-template-all-post-template .all-posts-container .featured-post .featured-post-link {
-  color: #660037;
+  color: #000066;
   text-decoration: underline;
 }
 .page-template-all-post-template .all-posts-container .featured-post::after {
   content: "";
   width: 80%;
-  border-bottom: solid 1px #660037;
+  border-bottom: solid 1px #000066;
   position: absolute;
   bottom: -5%;
   left: 50%;
@@ -12419,14 +12419,14 @@ body.search .img-placeholder img {
 }
 .page-template-all-post-template .all-posts-container .post-list .post-item .post-content .read-more {
   white-space: nowrap;
-  color: #660037;
+  color: #000066;
 }
 
 .post-categories {
   padding: 4em 0;
 }
 .post-categories .category-title {
-  color: #660037;
+  color: #000066;
   padding-left: 0;
 }
 .post-categories .post-category-list .category-item {
@@ -12436,18 +12436,18 @@ body.search .img-placeholder img {
   text-decoration: underline;
 }
 .post-categories .post-category-list .category-item a {
-  color: #660037;
+  color: #000066;
 }
 
 .post-pagination h4 a, .post-pagination .headline-small a, .post-pagination .h4 a {
-  color: #660037;
+  color: #000066;
 }
 
 .single-post .main-header .main-nav {
-  background-color: #660037;
+  background-color: #000066;
 }
 .single-post .site-footer .footer-wrapper {
-  background-color: #660037;
+  background-color: #000066;
 }
 .single-post .single-post-container {
   margin: 6em 0;
@@ -12459,11 +12459,11 @@ body.search .img-placeholder img {
   margin-top: 4em;
 }
 .single-post .single-post-container .single-post-content h1, .single-post .single-post-container .single-post-content .headline-largest, .single-post .single-post-container .single-post-content .h1 {
-  color: #660037;
+  color: #000066;
 }
 
 .related-posts-container .related-post .related-title {
-  color: #660037;
+  color: #000066;
 }
 
 .category-page-container {

wp/wp-content/themes/medicalalert/dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05",
-    "/app.css": "/app.css?id=4921da3f0886eca1daa6a064627d6600"
+    "/app.css": "/app.css?id=9545ee817933a068647fce4aa802c148"
 }

wp/wp-content/themes/medicalalert/header.php

@@ -18,7 +18,7 @@
 
 
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;0,800;1,600&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,700;0,800;1,600&display=swap" rel="stylesheet">
 
     <?php wp_head(); ?>
 </head>

wp/wp-content/themes/medicalalert/src/scss/_variables.scss

@@ -1,6 +1,6 @@
 /* Colors */
 
-$consumer-primary: #660037;
+$consumer-primary: #000066;
 $secondary: #F5AD23;
 $white: #FFFFFF;
 $black: #000000;
@@ -12,7 +12,7 @@ $gray-placeholder: rgba(123, 123, 123, 0.52);
 $consumer-highlight: rgba(255, 202, 211, 0.15);
 $business-primary: #00447C;
 $light-blue: #EAEFF3;
-$orange: #E86826;
+$orange: #CC0033;
 .consumer-primary {
     color: $consumer-primary;
 }

wp/wp-content/themes/medicalalert/src/scss/faq-dropdown.scss

@@ -12,7 +12,7 @@
 .consumer-brand {
     .faq-dropdown-slice-container {
         .accordion-button {
-            background-color: #660037 !important;
+            background-color: #000066 !important;
         }
     }
 }

wp/wp-content/themes/medicalalert/src/scss/footer.scss

@@ -133,7 +133,7 @@
         font-size: 0.75rem;
         font-weight: 900;
         background: #fff;
-        color: #E86826;
+        color: #CC0033;
         padding: 4px 8px;
         position: relative;
         top: 20px;

wp/wp-content/themes/medicalalert/src/scss/global.scss

@@ -1,6 +1,6 @@
 // type elements
 body {
-    font-family: 'Nunito Sans', sans-serif;
+    font-family: 'Inter', sans-serif;
 }
 
 h1 {

wp/wp-content/themes/medicalalert/src/scss/header.scss

@@ -133,7 +133,7 @@
 .get-started {
     border: none;
     padding: 0;
-    background-color: #E86826 !important;
+    background-color: #CC0033 !important;
     color: #FFFFFF !important;
     font-size: 25px;
     font-weight: 600;

wp/wp-content/themes/medicalalert/tpl/single_product.tpl

@@ -91,14 +91,14 @@
 .custom-select .select-items div:hover {color: white;}
 .custom-select .select-selected.select-arrow-active {color: black;}
 #price {display: block;}
-#selected-text {color: #660037;margin: 5px;font-weight:700;}
+#selected-text {color: #000066;margin: 5px;font-weight:700;}
 #selected-price {margin-top: 20px;}
 #price {margin-top: 20px;}
 .container {dispaly: table;width: 100%;}
 .column {display: table-cell;padding: 16px;}
 .button--primary {    margin-top: 25px;  }
 .fee-text {font-size: 15px;  margin: 5px; }
-.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: #660037;font-weight: 700;line-height: 0px;font-size: 1.25em;}
+.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color: #000066;font-weight: 700;line-height: 0px;font-size: 1.25em;}
 .custom-select {position: relative;font-family: Arial;}
 .custom-select select {display: none;}
 .select-selected {background-color: #fff;color: #000;}
@@ -108,7 +108,7 @@
 .select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.1);}
 
 .select-items div {color: #fff;padding: 8px 16px;border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor: pointer;transition: background-color 0.3s;}
-.select-items div:hover {background-color: #660037;}
+.select-items div:hover {background-color: #000066;}
 .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%;float: none;}
 .woocommerce-product-gallery ol li img {border: 1px solid darkgray;}
 .woocommerce div.product div.images .flex-control-thumbs {text-align: center;}