Main nav hover color, grey blue now actually blue

diff --git a/scss/_settings.scss b/scss/_settings.scss
index 7d03bff..9d5a6aa 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -126,7 +126,7 @@ $d-green     : #3a590a;
 $grey        : #dbdcde;
 $d-blue      : #02528f;
 $pale-blue   : #85b1ff;
-$grey-blue   : #e8e6e5;
+$grey-blue   : #eff3f7;
 
 $gold: #de7146;
 $tan: #ccbc8c;

diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss
index 1347085..e5acab3 100644 (file)
--- a/scss/_sidebar.scss
+++ b/scss/_sidebar.scss
@@ -62,7 +62,7 @@
 }
 #side-nav {
     padding-top: 30px;
-    background: #c2d5d8;
+    background: $grey-blue;
     h1 {
         font-size: rem-calc(22);
         line-height: 1;
@@ -85,8 +85,8 @@
         margin: 0 0 20px;
         line-height: 1;
         li {
-            margin: 0 -15px;
-            padding: 5px 10px 5px 25px;
+            margin: 0 -15px 5px 0px;
+            padding: 5px 10px 5px 15px;
             // line-height: 1px;
             &:hover {
                 background: #81adc1;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 4c24263..ace8731 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -104,7 +104,7 @@
             }
             
             &:hover{
-                background: $pale-blue;
+                background: $d-blue;
             }
             > a {
                 align-self: center;
@@ -134,7 +134,7 @@
         li.active{
             background: $d-blue;
             &:not(.has-form):hover > a:not(.button) {
-                background-color: $pale-blue;
+                background-color: $d-blue;
             }
         }
         li {
@@ -181,7 +181,7 @@
                         text-align: left;
                         font-weight: normal;
                         &:hover{
-                            color: $pale-blue;
+                            color: $d-blue;
                         }
                     }
                     &:not(.has-form):not(.active) {
@@ -190,7 +190,7 @@
                             font-size: 18px;
                             font-family: 'Quattrocento', serif;
                             &:hover{
-                                color: $pale-blue;
+                                color: $d-blue;
                             }
                             
                         }
@@ -199,7 +199,7 @@
                         background-color: transparent;
                         & > a:not(.button) {
                             background-color: transparent;
-                            color: $pale-blue;
+                            color: $d-blue;
                             font-size: 18px;
                             font-family: 'Quattrocento', serif;
                         }