Attempting to fix arrows on h5

Signed-off-by: Jimmy McArthur <jimmy@tipit.net>

Author: jimmytipit

summit/css/static-summit-about-page.css

@@ -168,6 +168,25 @@ button.btn i, a.btn i {
     max-width: 40%;
     display: inline-block;
     text-align: center;
+    position: relative;
+}
+.summit-banner h5 strong:before, .summit-banner h5 strong:after  {
+    position: absolute;
+    content: '';
+    background-size: cover;
+    background-position-y: 7px;
+    width: 5em;
+    height: 1em;
+    display: inline-block;
+    margin: 0 0.5em;
+}
+.summit-banner h5 strong:before {
+    left: -5px;
+    background: url("../images/arrow-right.svg") bottom left no-repeat;
+}
+.summit-banner h5 strong:after {
+    right: -5px;
+    background: url("../images/arrow-left.svg") bottom left no-repeat;
 }
 
 .summit-banner h5 span {

summit/templates/Includes/StaticSummitPageHeaderSmall.ss

@@ -39,7 +39,10 @@
             <div class="summit-banner">
                 <h4 class="script">Join us November 13-15, 2018 in</h4>
                 <h1 class="inline">Berlin, Germany</h1>
-                <h5><span class="arrow left"></span><strong>CityCube</strong><span class="arrow right"></span></h5>
+                <h5>
+                    <strong>CityCube</strong>
+                </h5>
+                 <!-- <span class="arrow left"></span><span class="arrow right"></span> -->
             </div>
         </div>
     </div>