refactor footer content and update color variables in CSS

css/style.css

@@ -8083,7 +8083,7 @@ h1, h2, h3, h4, h5,
       color: #000000; }
       .ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover:before {
         visibility: visible;
-        background-color: #d9ba2b;
+        background-color: var(--blue);
         -webkit-transform: scaleX(1);
         -ms-transform: scaleX(1);
         transform: scaleX(1); }
@@ -8198,7 +8198,7 @@ h1, h2, h3, h4, h5,
   padding-right: 23px;
   text-transform: uppercase;
   font-weight: 500;
-  background: #d9ba2b;
+  background: var(--blue);
   color: #fff;
   font-size: 12px; }
   @media (max-width: 991.98px) {
@@ -8511,7 +8511,7 @@ h1, h2, h3, h4, h5,
   background: #ebecf1 !important; }
 
 .bg-primary {
-  background: #d9ba2b !important; }
+  background: var(--blue) !important; }
 
 .btn {
   padding: 12px 16px;
@@ -8526,11 +8526,11 @@ h1, h2, h3, h4, h5,
   .btn:hover, .btn:active, .btn:focus {
     outline: none; }
   .btn.btn-primary {
-    background: #d9ba2b;
-    border: 1px solid #d9ba2b;
+    background: var(--blue);
+    border: 1px solid var(--blue);
     color: #fff; }
     .btn.btn-primary:hover {
-      border: 1px solid #d9ba2b;
+      border: 1px solid var(--blue);
       background: transparent;
       color: #d9ba2b; }
     .btn.btn-primary.btn-outline-primary {
@@ -8590,7 +8590,7 @@ h1, h2, h3, h4, h5,
     color: #d9ba2b; }
   .tabulation-2 .nav-pills .nav-item .nav-link.active {
     color: #fff;
-    background: #d9ba2b; }
+    background: var(--blue); }
     .tabulation-2 .nav-pills .nav-item .nav-link.active span {
       color: #fff; }
 
@@ -8675,12 +8675,12 @@ h1, h2, h3, h4, h5,
     color: #000000;
     font-size: 28px; }
   .tabulation .nav-pills .nav-item .nav-link.active {
-    color: #d9ba2b;
+    color: var(--blue);
     background: #fff;
     border: 1px solid #fff;
     border-top: 1px solid rgba(0, 0, 0, 0.1); }
     .tabulation .nav-pills .nav-item .nav-link.active span {
-      color: #d9ba2b; }
+      color: var(--blue); }
 
 .tabulation .tab-content {
   background: #fff;
@@ -8764,7 +8764,7 @@ h1, h2, h3, h4, h5,
   overflow-x: hidden;
   position: relative;
   padding: 4em 0;
-  background: #d9ba2b; }
+  background: var(--blue); }
   @media (max-width: 1199.98px) {
     .ftco-counter {
       background-position: center center !important; } }
@@ -8790,7 +8790,7 @@ h1, h2, h3, h4, h5,
       .ftco-counter .text .icon span {
         font-size: 30px;
         font-weight: normal;
-        color: #d9ba2b;
+        color: var(--blue);
         position: absolute;
         top: 50%;
         left: 0;
@@ -9181,7 +9181,7 @@ textarea.form-control {
   font-size: 12px;
   display: block;
   font-weight: 700;
-  color: #d9ba2b;
+  color: var(--blue);
   text-transform: uppercase;
   letter-spacing: 2px; }
 
@@ -9288,9 +9288,9 @@ textarea.form-control {
       border-radius: 50%;
       background: rgba(0, 0, 0, 0.1); }
       .testimony-section .owl-dots .owl-dot.active {
-        background: #d9ba2b; }
+        background: var(--blue); }
         .testimony-section .owl-dots .owl-dot.active:after {
-          border-color: #d9ba2b; }
+          border-color: var(--blue); }
 
 .testimony-wrap {
   display: block;
@@ -9309,7 +9309,7 @@ textarea.form-control {
     width: 40px;
     height: 40px;
     border-radius: 50%;
-    background: #d9ba2b; }
+    background: var(--blue); }
     .testimony-wrap .icon span {
       color: #fff; }
   .testimony-wrap .user-img {

includes/footer.php

@@ -4,7 +4,7 @@
           <div class="col-md-6 col-lg">
             <div class="ftco-footer-widget mb-4">
               <h2 class="logo"><a href="#"><span class="flaticon-roof-2 mr-2"></span>Warmseal</a></h2>
-              <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+              <p>The Roofing Specialists.</p>
               <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-4">
                 <li class="ftco-animate"><a href="#"><span class="fa fa-twitter"></span></a></li>
                 <li class="ftco-animate"><a href="#"><span class="fa fa-facebook"></span></a></li>
@@ -47,7 +47,6 @@
             	<h2 class="ftco-heading-2">Contact information</h2>
             	<div class="block-23 mb-3">
 	              <ul>
-	                <li><span class="icon fa fa-map-marker"></span><span class="text">203 Fake St. Mountain View, San Francisco, California, USA</span></li>
 	                <li><a href="#"><span class="icon fa fa-phone"></span><span class="text">+2 392 3929 210</span></a></li>
 	                <li><a href="#"><span class="icon fa fa-paper-plane"></span><span class="text">info@yourdomain.com</span></a></li>
 	              </ul>