adding white gradient and colored icons

diff --git a/css/app.css b/css/app.css
index f88a2ba..6c29819 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6739,9 +6739,9 @@ a[href^=tel] {
 
 header#page-header {
   height: 295px;
-  background: -webkit-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%);
-  background: -moz-linear-gradient(center top, #000000 5%, rgba(0, 0, 0, 0) 100%);
-  background: -ms-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%);
+  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%);
   position: relative;
   padding-top: 11px;
   z-index: 5; }
@@ -6838,16 +6838,16 @@ ul#sec-nav {
   ul#sec-nav li {
     display: inline; }
     ul#sec-nav li a {
-      color: #FFFFFF;
+      color: #16345B;
       font-size: 12px;
       padding: 0 8px; }
   ul#sec-nav > li {
     position: relative; }
     ul#sec-nav > li:before {
-      color: #FFFFFF;
+      color: #16345B;
       content: "|";
       position: absolute;
-      top: 2px;
+      top: 3px;
       left: -4px;
       font-size: 12px;
       display: block; }
@@ -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 100%);
-  background: -moz-linear-gradient(center top, #f2f2f2 5%, #FFFFFF 100%);
-  background: -ms-linear-gradient(top, #f2f2f2 5%, #FFFFFF 100%); }
+  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%); }
 #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 100%);
-  background: -moz-linear-gradient(center top, #FFFFFF 5%, #f2f2f2 100%);
-  background: -ms-linear-gradient(top, #FFFFFF 5%, #f2f2f2 100%); }
+  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%); }
 #glm-event-wrapper .glm-event-cal-month {
   background-color: #690433;
   color: #fff; }

diff --git a/header.php b/header.php
index ace371a..c7efe6d 100644 (file)
--- a/header.php
+++ b/header.php
@@ -67,7 +67,7 @@ Note 2: 'Nb cols' parameter for Bootstrap only.
                         <div id="top" class="row collapse">
                             <div class="large-3 columns show-for-large-up meet-here">
                                 <a href="<?php echo get_permalink(12367);?>">
-                                    <img class="meet-here-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/meet-here-white.png" alt="">
+                                    <img class="meet-here-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/assets/meet-here.png" alt="">
                                 </a>
                             </div>
                             <div id="logo" class="medium-8 large-5 columns show-for-medium-up text-center">

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index c0f7c6e..fb4ac92 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -3,7 +3,7 @@ header#page-header {
     @media #{$small-only} {
         height: 185px;
     }
-    @include gradient (rgba($black, 1), rgba($black, 0));
+    @include gradient (rgba(white, 1), rgba($white, 0));
     position: relative;
     padding-top: 11px;
     z-index: 5;
@@ -157,7 +157,7 @@ ul#sec-nav {
     li {
         display: inline;
         a {
-            color: $white;
+            color: $revamp-blue;
             font-size: 12px;
             padding: 0 8px;
         }
@@ -165,10 +165,10 @@ ul#sec-nav {
     & > li {
         position: relative;
         &:before {
-            color: $white;
+            color: $revamp-blue;
             content: "|";
             position: absolute;
-            top: 2px;
+            top: 3px;
             left: -4px;
             font-size: 12px;
             display:block;

diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss
index ad1f3d0..70e7aab 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 100%);
-    background: -moz-linear-gradient(center top, $from 5%, $to 100%);
-    background: -ms-linear-gradient(top, $from 5%, $to 100%);
+    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%);
 }
\ No newline at end of file