Adding a few new colors to fix the dislay of the main navigation

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index 2a48a90..f8ad030 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -124,7 +124,7 @@ header {
         }
     }
     .header-bottom-half{
-        background-color: $pale-blue;
+        background-color: $l-blue;
         // box-shadow: 0 4px 2px -2px gray;
         @media #{$small-only} {
             margin-top: 77px;

diff --git a/scss/_settings.scss b/scss/_settings.scss
index a74ca76..e813839 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -120,12 +120,13 @@ $black       : #000000;
 $green       : #95d500;
 $red         : #fc6463;
 $blue        : #0065a0;
-$l-blue      : #d3ecff;
+$l-blue      : #7cc6ff;
 $l-green     : #627c7b;
 $d-green     : #3a590a;
 $grey        : #dbdcde;
 $d-blue      : #02528f;
 $pale-blue   : #85b1ff;
+$grey-blue   : #e8e6e5;
 
 $gold: #de7146;
 $tan: #ccbc8c;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index d228f90..2a6d7b7 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -18,7 +18,7 @@
     }
 }
 .top-bar:not(.alt-menu){
-    background-color: $pale-blue;
+    background-color: $l-blue;
     color: black;
     height: auto;
     padding: 0;
@@ -72,7 +72,7 @@
                            background: white !important;
                            color: $d-blue !important;
                            &:hover{
-                               color: $pale-blue !important;
+                               color: $l-blue !important;
                            }
                        }
                    }
@@ -89,7 +89,7 @@
         float: none;
         margin: 0 auto;
     }
-    background-color: $pale-blue;
+    background-color: $l-blue;
     float: right;
     color: black;
     height: auto;
@@ -105,7 +105,7 @@
             }
             
             &:hover{
-                background: $d-green;
+                background: $pale-blue;
             }
             > a {
                 align-self: center;
@@ -172,7 +172,7 @@
                         text-align: left;
                         font-weight: normal;
                         &:hover{
-                            color: $d-green;
+                            color: $pale-blue;
                         }
                     }
                     &:not(.has-form):not(.active) {
@@ -181,7 +181,7 @@
                             font-size: 18px;
                             font-family: 'Balthazar', serif;
                             &:hover{
-                                color: $d-green;
+                                color: $pale-blue;
                             }
                             
                         }
@@ -190,7 +190,7 @@
                         background-color: transparent;
                         & > a:not(.button) {
                             background-color: transparent;
-                            color: $d-green;
+                            color: $pale-blue;
                             font-size: 18px;
                             font-family: 'Balthazar', serif;
                         }