WIP

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

@@ -11696,10 +11696,40 @@ button[type=submit].single_add_to_cart_button,
 .bg-color-navy-sky {
   background: linear-gradient(90deg, #000066 0%, #3399ff 100%);
 }
+.bg-color-navy-sky h1, .bg-color-navy-sky .headline-largest, .bg-color-navy-sky .h1 {
+  color: white !important;
+}
+.bg-color-navy-sky h2, .bg-color-navy-sky .headline-large, .bg-color-navy-sky .h2 {
+  color: white !important;
+}
+.bg-color-navy-sky h3, .bg-color-navy-sky .headline-standard, .bg-color-navy-sky .h3 {
+  color: white !important;
+}
+.bg-color-navy-sky strong {
+  color: white !important;
+}
+.bg-color-navy-sky p {
+  color: white !important;
+}
 
-.g-sky-bright {
+.bg-color-sky-bright {
   background: linear-gradient(90deg, #3399ff 0%, rgba(51, 153, 255, 0.5) 100%);
 }
+.bg-color-sky-bright h1, .bg-color-sky-bright .headline-largest, .bg-color-sky-bright .h1 {
+  color: white !important;
+}
+.bg-color-sky-bright h2, .bg-color-sky-bright .headline-large, .bg-color-sky-bright .h2 {
+  color: white !important;
+}
+.bg-color-sky-bright h3, .bg-color-sky-bright .headline-standard, .bg-color-sky-bright .h3 {
+  color: white !important;
+}
+.bg-color-sky-bright strong {
+  color: white !important;
+}
+.bg-color-sky-bright p {
+  color: white !important;
+}
 
 .bg-color-gradient-light-blue {
   background: linear-gradient(90deg, rgba(51, 153, 255, 0.5) 0%, rgba(51, 153, 255, 0.1) 100%);
@@ -11746,6 +11776,16 @@ button[type=submit].single_add_to_cart_button,
 
 .bg-color-red-yellow {
   background: linear-gradient(90deg, #cc0133 0%, #ffb020 100%);
+  color: white;
+}
+.bg-color-red-yellow li {
+  color: white;
+}
+.bg-color-red-yellow p {
+  color: white;
+}
+.bg-color-red-yellow a {
+  color: white;
 }
 
 .g-sky-border {
@@ -12228,7 +12268,14 @@ h6, .h6 {
 }
 
 .tile-1-3-grid {
-  max-width: 250px;
+  max-width: 300px;
+  z-index: 1;
+}
+
+.tile-2 {
+  right: 2%;
+  bottom: -6%;
+  width: 160px;
 }
 
 .tile-square {
@@ -12240,11 +12287,21 @@ h6, .h6 {
 }
 
 .radial {
-  bottom: -65%;
-  right: 0%;
+  top: 600px;
+  right: -18%;
+  max-width: 450px;
+}
+
+body {
+  overflow-x: hidden;
 }
 
 @media (min-width: 768px) {
+  .radial {
+    top: 300px;
+    right: -4%;
+  }
+
   .pos {
     margin-bottom: -175px;
   }
@@ -12259,23 +12316,20 @@ h6, .h6 {
     width: 100%;
   }
 }
+@media (min-width: 992px) {
+  .radial {
+    top: 500px;
+    right: -4%;
+  }
+}
 .icon-info-grid-slice-container .icon-card-wrapper .icon-card {
   display: grid;
   grid-template-rows: 1fr auto 1fr;
   width: 100%;
-  position: relative;
 }
 .icon-info-grid-slice-container .icon-card-wrapper .icon-card .icon-img {
   max-width: 50px;
   height: 50px;
-  display: flex;
-  align-items: end;
-}
-.icon-info-grid-slice-container .icon-card-wrapper .icon-card .content-wrapper .icon-link {
-  position: absolute;
-  bottom: 0;
-  width: -moz-fit-content;
-  width: fit-content;
 }
 
 .consumer-brand .icon-info-grid-slice-container .icon-card .title {
@@ -12344,6 +12398,8 @@ h6, .h6 {
 
 .logo-grid-slice-container .logo img {
   width: 100%;
+  filter: grayscale(1);
+  opacity: 0.5;
 }
 
 .phone-contact-slice-container h3, .phone-contact-slice-container .headline-standard, .phone-contact-slice-container .h3 {
@@ -12453,17 +12509,19 @@ h6, .h6 {
   padding-bottom: 9rem;
 }
 @media (min-width: 992px) {
-  .testimonial-slice-container .g-sky-border {
-    margin-bottom: -73px;
+  .testimonial-slice-container .offset {
+    position: absolute;
+    left: 20px;
   }
 }
 .testimonial-slice-container .testimonial-img {
   width: 100%;
-  max-width: 300px;
-  max-height: 300px;
   -o-object-fit: cover;
      object-fit: cover;
 }
+.testimonial-slice-container .testimonial-inner-content-wrapper {
+  padding-left: 3em;
+}
 .testimonial-slice-container .testimonial-inner-content-wrapper .testimonial-title {
   font-size: 32px;
   font-weight: bold;
@@ -12511,7 +12569,10 @@ h6, .h6 {
 }
 .video-copy-slice-container .radial-center-graphic {
   top: 0;
-  left: 50%;
+  left: calc(50% - 500px);
+}
+.video-copy-slice-container .radial-center-graphic svg {
+  width: 1000px;
 }
 
 .video-grid-slice-container .heading {

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

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05",
-    "/app.css": "/app.css?id=4a9aeb5a5a22c11c195b2ce4905e2d50"
+    "/app.css": "/app.css?id=ce0cb2dfa7a09d1c721b431100aa8cfe"
 }