From bb47678da6a609512878f682a7c1b4174bb4839e Mon Sep 17 00:00:00 2001
From: Gary <gary@acorn-media.co.uk>
Date: Thu, 8 May 2025 13:30:41 +0100
Subject: [PATCH] Add new styles for blue text and banner overlay; update hero
 section heading and reintroduce counter section with new content

---
 css/style.css           | 16 ++++++++++++++++
 includes/index-hero.php |  2 +-
 sections/counter.php    | 16 ++++++++++++++--
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 227df83..f808cb2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -9736,3 +9736,19 @@ textarea.form-control {
   100% {
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -136px; } }
+
+
+
+.blue-text {
+  color: var(--blue);
+}
+
+.banner-over {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, .5);
+  z-index: 1;
+}
\ No newline at end of file
diff --git a/includes/index-hero.php b/includes/index-hero.php
index ee55f5a..e076657 100644
--- a/includes/index-hero.php
+++ b/includes/index-hero.php
@@ -21,7 +21,7 @@
 		          <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
 			          <div class="col-md-8 text-center ftco-animate">
 			          	<div class="text w-100">
-			          		<h2 class="text-white">The Roofing Specialists</h2>
+			          		<h2 class="text-primary">The Roofing Specialists</h2>
 				            <h1 class="mb-4">Quality roofing at a affordable price</h1>
 				            <p><a href="contact.php" class="btn btn-primary">Book a Free Quote</a></p>
 			            </div>
diff --git a/sections/counter.php b/sections/counter.php
index c4c24ea..851adb6 100644
--- a/sections/counter.php
+++ b/sections/counter.php
@@ -1,4 +1,4 @@
-<section class="ftco-counter" id="section-counter">
+<!--<section class="ftco-counter" id="section-counter">
     	<div class="container">
 				<div class="row">
           <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
@@ -39,4 +39,16 @@
           </div>
         </div>
     	</div>
-    </section>
\ No newline at end of file
+    </section>-->
+
+
+    <section class="ftco-counter" id="section-counter">
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="col-lg-8">
+            <h2 class="display-5 fw-bold text-white">2,500+ Roofs Restored Since 2003</h2>
+            <p class="lead mt-3 text-white">From emergency repairs to full re-roofs, we’ve helped hundreds of families stay safe and dry.</p>
+          </div>
+        </div>
+      </div>
+    </section>