build test

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

@@ -13,6 +13,10 @@ $consumer-highlight: rgba(255, 202, 211, 0.15);
 $business-primary: #00447C;
 $light-blue: #EAEFF3;
 $orange: #CC0033;
+
+$ma-navy: #000066;
+$ma-sky: #3399FF;
+
 .consumer-primary {
     color: $consumer-primary;
 }
@@ -73,4 +77,4 @@ $dropdown-link-hover-bg: none;
 $dropdown-link-active-bg: none;
 $dropdown-item-padding-y: 1rem;
 // $dropdown-dark-bg: $primary;
-$dropdown-dark-border-color: none;
+$dropdown-dark-border-color: none;

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

@@ -2,54 +2,60 @@
     h1 {
         color: $white;
     }
+
     .top-bar-mobile {
         color: $light-gray;
+
         .top-bar-mobile-phone {
             .fa-phone-volume {
                 position: relative;
                 top: 3px;
                 right: 5px;
             }
+
             p {
                 margin: auto 0;
             }
         }
     }
+
     .top-nav-mobile {
         list-style: none;
         text-align: center;
         padding: 0;
+
         li {
             a {
                 color: $white;
             }
         }
     }
+
     .top-bar-items li {
         position: relative;
         align-self: center;
         margin-right: 20px;
     }
-    // .top-bar-items li:first-child::after {
-    //     content: "|";
-    //     color: #505050;
-    //     padding-left: 14px
-    // }
+
     .main-nav {
         .navbar-nav li.dropdown:hover>ul.dropdown-menu {
             display: block;
         }
+
         .dropdown-menu {
             li {
                 text-align: left;
             }
         }
+
         .dropdown-toggle::after {
             content: none;
         }
+
         .main-logo img {
             max-width: 296px;
         }
+
         @include media-breakpoint-up(lg) {
             .menu-item-has-children::after {
                 content: "";
@@ -65,6 +71,7 @@
                 content: unset;
             }
         }
+
         .menu-item {
             white-space: nowrap;
             @include media-breakpoint-up(lg) {
@@ -109,9 +116,18 @@
 }
 
 .consumer-brand {
-    .main-header {
-        background: $consumer-primary;
+    .top-menu {
+        background: linear-gradient(to right, $ma-navy, $ma-sky);
+        padding: 3.5px;
+
+        a {
+            color: $white;
+        }
     }
+    .main-header {
+        background: $white;
+    }
+
     #menu-consumer {
         .dropdown-menu {
             background: $consumer-primary;
@@ -141,4 +157,4 @@
     box-sizing: border-box;
     display: inline-block;
     padding-right: 0px !important;
-  }
+  }