From 980f464c282525e66bf2950f70a4ecb199f94437 Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Wed, 3 Dec 2014 13:50:07 -0500
Subject: [PATCH] Off-canvas social & billpay links, phone hover color?

---
 css/app.css               |  2 ++
 parts/off-canvas-menu.php | 15 +++++++++++++++
 scss/site/_structure.scss |  3 +++
 3 files changed, 20 insertions(+)

diff --git a/css/app.css b/css/app.css
index 364f2c6..890a1cd 100644
--- a/css/app.css
+++ b/css/app.css
@@ -5754,6 +5754,8 @@ ul.global-nav li + li::before {
   color: white;
   height: auto;
   margin-bottom: 0; }
+  #glmBottom a:hover {
+    color: #ff854f; }
 
 @media only screen and (min-width:64.063em) {
   #glmBottom {
diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index 6603eeb..e5bef6e 100644
--- a/parts/off-canvas-menu.php
+++ b/parts/off-canvas-menu.php
@@ -1,3 +1,18 @@
 <aside class="left-off-canvas-menu" aria-hidden="true">
     <?php foundationPress_mobile_off_canvas(); ?>
+    <br><br>
+    <hr>
+    <div class="text-center">
+        <ul class="right global-nav">
+            <li><a href="<?php bloginfo('url')?>/who-we-are/contact-us">Contact Us</a></li>
+            <li><a href="<?php bloginfo('url')?>/web-mail/">Check Email</a></li>
+            <li><a href="<?php bloginfo('url')?>/bill-payment">Bill Pay</a></li>
+        </ul>
+    </div>
+    <div class="glmSocial text-center">
+        <a href="http://www.facebook.com/pages/Web-Design-ISP-Michigan-Gaslight-Media/247974847551"><img src="<?php echo get_stylesheet_directory_uri();?>/assets/img/images/facebook.png"/></a>
+        <a href="http://twitter.com/GaslightMedia"><img src="<?php echo get_stylesheet_directory_uri();?>/assets/img/images/twitter.png"/></a>
+        231-487-0692
+   </div>
+    <hr>
 </aside>
\ No newline at end of file
diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index 23bdc81..e0a02a3 100644
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -193,6 +193,9 @@ ul.global-nav li + li::before {
     color: $white;
     height: auto;
     margin-bottom:0;
+    a:hover {
+        color: #ff854f;
+    }
 }
 @media #{$large-up} {
     #glmBottom {
-- 
2.17.1