changing hover text color to green for the top bar navigation

diff --git a/css/app.css b/css/app.css
index 8aad40c..f88a2ba 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -4729,14 +4729,14 @@ meta.foundation-mq-topbar {
           color: #FFFFFF; }
     .top-bar-section ul li:hover:not(.has-form) > a {
       background-color: #1479b0;
-      color: #FFFFFF;
+      color: #54BB54;
       background: #16345B; }
     .top-bar-section ul li.active > a {
       background: transparent;
-      color: #FFFFFF; }
+      color: #54BB54; }
       .top-bar-section ul li.active > a:hover {
         background: #16345B;
-        color: #FFFFFF; }
+        color: #54BB54; }
   .top-bar-section .has-form {
     padding: 0.8333333333rem; }
   .top-bar-section .has-dropdown {
@@ -4851,7 +4851,7 @@ meta.foundation-mq-topbar {
     .top-bar-section li.hover > a:not(.button) {
       background-color: #1479b0;
       background: #16345B;
-      color: #FFFFFF; }
+      color: #54BB54; }
     .top-bar-section li:not(.has-form) a:not(.button) {
       background: transparent;
       line-height: 2.5rem;
@@ -4861,12 +4861,12 @@ meta.foundation-mq-topbar {
         background: #16345B; }
     .top-bar-section li.active:not(.has-form) a:not(.button) {
       background: transparent;
-      color: #FFFFFF;
+      color: #54BB54;
       line-height: 2.5rem;
       padding: 0 0.8333333333rem; }
       .top-bar-section li.active:not(.has-form) a:not(.button):hover {
         background: #16345B;
-        color: #FFFFFF; }
+        color: #54BB54; }
     .top-bar-section .has-dropdown.moved {
       position: relative; }
       .top-bar-section .has-dropdown.moved > .dropdown {
@@ -4946,10 +4946,10 @@ meta.foundation-mq-topbar {
   .no-js .top-bar-section ul li:hover > a {
     background-color: #1479b0;
     background: #16345B;
-    color: #FFFFFF; }
+    color: #54BB54; }
   .no-js .top-bar-section ul li:active > a {
     background: transparent;
-    color: #FFFFFF; }
+    color: #54BB54; }
   .no-js .top-bar-section .has-dropdown:hover > .dropdown {
     position: static !important;
     height: auto;

diff --git a/scss/_settings.scss b/scss/_settings.scss
index b151023..cdbc43a 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -1412,9 +1412,9 @@ $small-font-color: scale-color($header-font-color, $lightness: 35%);
 
 // Set the link colors and styles for top-level nav
 // $topbar-link-color: $white;
-// $topbar-link-color-hover: $white;
-// $topbar-link-color-active: $white;
-// $topbar-link-color-active-hover: $white;
+$topbar-link-color-hover: $revamp-green;
+$topbar-link-color-active: $revamp-green;
+$topbar-link-color-active-hover: $revamp-green;
  $topbar-link-weight: $font-weight-bold;
  $topbar-link-font-size: rem-calc(18);
 // $topbar-link-hover-lightness: -10%; // Darken by 10%