From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Thu, 14 Jun 2018 20:39:11 +0000 (-0400)
Subject: moving the green bar text to the grey bar below the slideshow
X-Git-Tag: v1.0.2^2~1
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=d522408875457cf87246e555f774a5679575f175;p=WP-Themes%2Fnpoint.git

moving the green bar text to the grey bar below the slideshow

adding a new line in the in the interior pages above the footer
---

diff --git a/footer.php b/footer.php
index 6c68b00..af09974 100644
--- a/footer.php
+++ b/footer.php
@@ -8,8 +8,17 @@
  */
 ?>
 
-	</div><!-- #content -->
-
+</div><!-- #content -->
+<div id="header-band" class="footer-band">
+        <div id="industry-group">
+            <span>Specializing in:</span>
+            <span>Financial</span>
+            <span>Healthcare</span>
+            <span>Technology</span>
+            <span>Manufacturing</span>
+            <span>Professional Services</span>
+        </div>
+    </div>
 	<footer id="colophon" class="site-footer">
 		<div class="bottom-footer">
 			<div class="footer-content clearfix">
diff --git a/header.php b/header.php
index ad6ac90..98ba260 100644
--- a/header.php
+++ b/header.php
@@ -92,13 +92,7 @@
 			do_action('accesspress_social');
 		endif; ?>
         <div id="industries">
-            <div id="industry-group">
-                <span>Financial</span>
-                <span>Healthcare</span>
-                <span>Technology</span>
-                <span>Manufacturing</span>
-                <span>Professional Services</span>
-            </div>
+            
         </div>
 	</header><!-- #masthead -->
 
diff --git a/index-parallax.php b/index-parallax.php
index 7eb3b70..b4e92b3 100644
--- a/index-parallax.php
+++ b/index-parallax.php
@@ -107,9 +107,16 @@
 			</div>
             <?php endif; ?>
             <?php if($count === 1){ ?>
-            <div id="header-band">
-
-            </div>
+                <div id="header-band">
+                    <div id="industry-group">
+                        <span>Specializing in:</span>
+                        <span>Financial</span>
+                        <span>Healthcare</span>
+                        <span>Technology</span>
+                        <span>Manufacturing</span>
+                        <span>Professional Services</span>
+                    </div>
+                </div>
             <?php } ?>
 		</section>
 	<?php
diff --git a/style.css b/style.css
index e9ae80e..0cf0dd2 100644
--- a/style.css
+++ b/style.css
@@ -2511,40 +2511,62 @@ Responsive grid for pages
     text-indent: 999999999px;
 }
 
-#header-band{
-    
+#header-band:not(.footer-band){
     position: absolute;
     bottom: -50px;
-    height: 50px;
+    height: auto;
     background-color: #C6D4E1;
     z-index: 100;
     width: 100%;
 }
+body.page #header-band.footer-band{
+    height: auto;
+    background-color: #C6D4E1;
+    z-index: 100;
+    width: 100%;
+}
+body.home #header-band.footer-band{
+    display: none;
+}
 #industries{
     margin-top: 10px;
     background-color: #A1AC88;
-    height: 50px;
+    height: 35px;
     /* margin-bottom: 20px; */
 }
-#industries #industry-group{
+#industry-group{
     display: block;
-    max-width: 700px;
+    max-width: 1200px;
     margin: 0 auto;
     text-align: center;
 }
+#industry-group span{
+    display: inline-block;
+    color: white;
+}
+#industry-group span:not(:first-child){
+    text-transform: lowercase;
+}
+#industry-group span:first-child{
+    font-weight: bold;
+}
 @media (min-width: 768px){
-    #industries span{
+    #industry-group span{
         display: inline-block;
         color: white;
-        padding: 15px;
-        text-transform: lowercase;
+        padding: 15px 10px;
     }
+    
 }
 @media screen and (max-width: 768px){
+    #industry-group span:first-child{
+        display: block;
+    }
     .parallax-section:first-child {
         padding: 10px 0 25px !important;
     }
-    #industries span{
+    #industry-group span{
+ 
         display: inline-block;
         color: white;
         padding: 2px 10px;