changing top nav colors to blue and extending the gradient

diff --git a/css/app.css b/css/app.css
index 6c29819..55d3034 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -4540,7 +4540,7 @@ meta.foundation-mq-topbar {
       line-height: 2.5rem;
       margin: 0; }
       .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
-        color: #FFFFFF;
+        color: #16345B;
         display: block;
         font-weight: normal;
         padding: 0 0.8333333333rem;
@@ -4550,7 +4550,7 @@ meta.foundation-mq-topbar {
     right: 0;
     top: 0; }
     .top-bar .toggle-topbar a {
-      color: #FFFFFF;
+      color: #16345B;
       display: block;
       font-size: 0.8125rem;
       font-weight: bold;
@@ -4616,7 +4616,7 @@ meta.foundation-mq-topbar {
   .top-bar-section ul li {
     background: #FFFFFF; }
     .top-bar-section ul li > a {
-      color: #FFFFFF;
+      color: #16345B;
       display: block;
       font-family: sans-serif, "Open Sans";
       font-size: 1.125rem;
@@ -4785,7 +4785,7 @@ meta.foundation-mq-topbar {
         margin-top: 0;
         font-size: 1.125rem; }
         .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
-          color: #FFFFFF;
+          color: #16345B;
           display: block; }
           .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
             background: none; }
@@ -6739,9 +6739,9 @@ a[href^=tel] {
 
 header#page-header {
   height: 295px;
-  background: -webkit-linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 50%);
-  background: -moz-linear-gradient(center top, #ffffff 5%, rgba(255, 255, 255, 0) 50%);
-  background: -ms-linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 50%);
+  background: -webkit-linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 100%);
+  background: -moz-linear-gradient(center top, #ffffff 5%, rgba(255, 255, 255, 0) 100%);
+  background: -ms-linear-gradient(top, #ffffff 5%, rgba(255, 255, 255, 0) 100%);
   position: relative;
   padding-top: 11px;
   z-index: 5; }
@@ -7690,9 +7690,9 @@ h2#slide-text {
   margin-left: 15px; }
 #glm-event-wrapper .glm-event-day-row {
   border: 1px solid #FFFFFF;
-  background: -webkit-linear-gradient(top, #f2f2f2 5%, #FFFFFF 50%);
-  background: -moz-linear-gradient(center top, #f2f2f2 5%, #FFFFFF 50%);
-  background: -ms-linear-gradient(top, #f2f2f2 5%, #FFFFFF 50%); }
+  background: -webkit-linear-gradient(top, #f2f2f2 5%, #FFFFFF 100%);
+  background: -moz-linear-gradient(center top, #f2f2f2 5%, #FFFFFF 100%);
+  background: -ms-linear-gradient(top, #f2f2f2 5%, #FFFFFF 100%); }
 #glm-event-wrapper .glm-event-day-event {
   border: 1px solid #CCCCCC; }
   #glm-event-wrapper .glm-event-day-event:hover {
@@ -7708,9 +7708,9 @@ h2#slide-text {
 #glm-event-wrapper .glm-event-cal {
   border: 1px solid #690433; }
 #glm-event-wrapper .glm-event-cal-day-container {
-  background: -webkit-linear-gradient(top, #FFFFFF 5%, #f2f2f2 50%);
-  background: -moz-linear-gradient(center top, #FFFFFF 5%, #f2f2f2 50%);
-  background: -ms-linear-gradient(top, #FFFFFF 5%, #f2f2f2 50%); }
+  background: -webkit-linear-gradient(top, #FFFFFF 5%, #f2f2f2 100%);
+  background: -moz-linear-gradient(center top, #FFFFFF 5%, #f2f2f2 100%);
+  background: -ms-linear-gradient(top, #FFFFFF 5%, #f2f2f2 100%); }
 #glm-event-wrapper .glm-event-cal-month {
   background-color: #690433;
   color: #fff; }

diff --git a/scss/_settings.scss b/scss/_settings.scss
index cdbc43a..73ca03d 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -1411,7 +1411,7 @@ $small-font-color: scale-color($header-font-color, $lightness: 35%);
 // $topbar-title-font-size: rem-calc(17);
 
 // Set the link colors and styles for top-level nav
-// $topbar-link-color: $white;
+$topbar-link-color: $revamp-blue;
 $topbar-link-color-hover: $revamp-green;
 $topbar-link-color-active: $revamp-green;
 $topbar-link-color-active-hover: $revamp-green;

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index 70e7aab..ad1f3d0 100644 (file)
--- a/scss/mixins/_gradient.scss
+++ b/scss/mixins/_gradient.scss
@@ -4,7 +4,7 @@
 */
 
 @mixin gradient($from, $to) {
-    background: -webkit-linear-gradient(top, $from 5%, $to 50%);
-    background: -moz-linear-gradient(center top, $from 5%, $to 50%);
-    background: -ms-linear-gradient(top, $from 5%, $to 50%);
+    background: -webkit-linear-gradient(top, $from 5%, $to 100%);
+    background: -moz-linear-gradient(center top, $from 5%, $to 100%);
+    background: -ms-linear-gradient(top, $from 5%, $to 100%);
 }
\ No newline at end of file