adding green bar below the header

diff --git a/header.php b/header.php
index 3a61e09..ad6ac90 100644 (file)
--- a/header.php
+++ b/header.php
@@ -91,7 +91,15 @@
                if(of_get_option('show_social') == 1):
                        do_action('accesspress_social');
                endif; ?>
-        <div id="industries">industries</div>
+        <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 -->
 
        <?php 

diff --git a/style.css b/style.css
index c599d95..c2c9b54 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1208,12 +1208,25 @@ Main Header
     width: 100%;
     z-index: 99999;
     /* background-color: rgba(21, 32, 61, 0.7); */
-    background-color: rgba(255,255,255, 0.85); 
-    padding: 10px 0;
-    border-bottom: 3px solid #15203d;
+    background-color: rgba(255,255,255, 0.95); 
+    padding: 10px 0 0 0;
     position: relative;
 }
-
+#industries{
+    margin-top: 10px;
+    background-color: #A1AC88;
+}
+#industries #industry-group{
+    display: block;
+    max-width: 800px;
+    margin: 0 auto;
+}
+#industries span{
+    display: inline-block;
+    color: white;
+    padding: 15px;
+    text-transform: lowercase;
+}
 #masthead .flex-box {
     display: -webkit-box;
     display: -moz-box;