diff --git a/css/style.css b/css/style.css index 789506d..901b205 100644 --- a/css/style.css +++ b/css/style.css @@ -8070,7 +8070,7 @@ h1, h2, h3, h4, h5, height: 100%; bottom: 0; left: 0; - background-color: var(--blue); + background-color: #084697; visibility: hidden; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); @@ -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: var(--blue); + background-color: #084697; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } @@ -8183,7 +8183,7 @@ h1, h2, h3, h4, h5, margin-right: 4px; padding-left: 2px; padding-top: 1px; - background: var(--blue); } + background: #084697; } .social-media p a span { color: white; } .social-media p a:hover { @@ -8199,7 +8199,7 @@ h1, h2, h3, h4, h5, padding-right: 23px; text-transform: uppercase; font-weight: 500; - background: var(--blue); + background: #084697; color: #fff; font-size: 12px; } @media (max-width: 991.98px) { @@ -8226,12 +8226,12 @@ h1, h2, h3, h4, h5, right: 0; bottom: 0; content: ''; - opacity: .4; + opacity: 0; background: #000000; } .hero-wrap.hero-wrap-2 { height: 500px; } .hero-wrap.hero-wrap-2 .overlay { - opacity: .5; } + opacity: 0; } .hero-wrap.hero-wrap-2 .slider-text { height: 500px; } .hero-wrap.hero-wrap-2 .slider-text h1 { @@ -8330,10 +8330,10 @@ h1, h2, h3, h4, h5, bottom: 0; right: 0; background: #000005; - opacity: .2; + opacity: 0.5; width: 100%; padding: 0; - z-index: 2; } + z-index: 0; } @media (max-width: 1199.98px) { .owl-carousel.home-slider .slider-item { background-position: center center !important; } } @@ -8341,7 +8341,7 @@ h1, h2, h3, h4, h5, height: 700px; position: relative; } .owl-carousel.home-slider .slider-item .slider-text .text { - z-index: 0; + z-index: 2; color: rgba(255, 255, 255, 0.9); } .owl-carousel.home-slider .slider-item .slider-text h1 { font-size: 60px; @@ -8512,7 +8512,7 @@ h1, h2, h3, h4, h5, background: #ebecf1 !important; } .bg-primary { - background: var(--blue) !important; } + background: #084697 !important; } .btn { padding: 12px 16px; @@ -8527,11 +8527,11 @@ h1, h2, h3, h4, h5, .btn:hover, .btn:active, .btn:focus { outline: none; } .btn.btn-primary { - background: var(--blue); - border: 1px solid var(--blue); + background: #084697; + border: 1px solid #084697; color: #fff; } .btn.btn-primary:hover { - border: 1px solid var(--blue); + border: 1px solid #084697; background: black; color: white; } .btn.btn-primary.btn-outline-primary { @@ -8591,7 +8591,7 @@ h1, h2, h3, h4, h5, color: #d9ba2b; } .tabulation-2 .nav-pills .nav-item .nav-link.active { color: #fff; - background: var(--blue); } + background: #084697; } .tabulation-2 .nav-pills .nav-item .nav-link.active span { color: #fff; } @@ -8676,12 +8676,12 @@ h1, h2, h3, h4, h5, color: #000000; font-size: 28px; } .tabulation .nav-pills .nav-item .nav-link.active { - color: var(--blue); + color: #084697; 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: var(--blue); } + color: #084697; } .tabulation .tab-content { background: #fff; @@ -8705,7 +8705,7 @@ h1, h2, h3, h4, h5, .tabulation .tab-content ul li span.fa { font-size: 12px; margin-right: 15px; - color: var(--blue); } + color: #084697; } .services { display: block; @@ -8727,7 +8727,7 @@ h1, h2, h3, h4, h5, position: relative; z-index: 0; border-radius: 50%; - background: var(--blue); + background: #084697; -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); } @@ -8745,8 +8745,8 @@ h1, h2, h3, h4, h5, color: #000000; border-bottom: 2px solid #e6e6e6; } .services .btn-custom:hover { - color: var(--blue); - border-color: var(--blue); } + color: #084697; + border-color: #084697; } .services-2 { margin: 0; @@ -8765,7 +8765,7 @@ h1, h2, h3, h4, h5, overflow-x: hidden; position: relative; padding: 4em 0; - background: var(--blue); } + background: #084697; } @media (max-width: 1199.98px) { .ftco-counter { background-position: center center !important; } } @@ -8791,7 +8791,7 @@ h1, h2, h3, h4, h5, .ftco-counter .text .icon span { font-size: 30px; font-weight: normal; - color: var(--blue); + color: #084697; position: absolute; top: 50%; left: 0; @@ -8932,7 +8932,7 @@ h1, h2, h3, h4, h5, -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .work .icon span { - color: var(--blue); } + color: #084697; } .work:hover:after { opacity: .8; } .work:hover .icon { @@ -9103,9 +9103,9 @@ textarea.form-control { .footer .ftco-footer-widget ul li a span { color: #fff; } .footer .ftco-footer-widget ul li a:hover { - color: var(--blue); } + color: #084697; } .footer .ftco-footer-widget ul li a:hover span { - color: var(--blue); } + color: #084697; } .footer .ftco-footer-widget .btn-primary { background: #fff !important; border: 2px solid #fff !important; } @@ -9182,7 +9182,7 @@ textarea.form-control { font-size: 12px; display: block; font-weight: 700; - color: var(--blue); + color: #084697; text-transform: uppercase; letter-spacing: 2px; } @@ -9289,9 +9289,9 @@ textarea.form-control { border-radius: 50%; background: rgba(0, 0, 0, 0.1); } .testimony-section .owl-dots .owl-dot.active { - background: var(--blue); } + background: #084697; } .testimony-section .owl-dots .owl-dot.active:after { - border-color: var(--blue); } + border-color: #084697; } .testimony-wrap { display: block; @@ -9310,7 +9310,7 @@ textarea.form-control { width: 40px; height: 40px; border-radius: 50%; - background: var(--blue); } + background: #084697; } .testimony-wrap .icon span { color: #fff; } .testimony-wrap .user-img { @@ -9741,7 +9741,7 @@ textarea.form-control { .blue-text { - color: var(--blue); + color: #084697; } .banner-over { @@ -9757,7 +9757,7 @@ textarea.form-control { .acorn a:hover { - color: var(--blue); + color: #084697; } @@ -9787,8 +9787,10 @@ textarea.form-control { justify-content: center; align-items: center; padding-bottom: 0; - max-width: 250px; - height: 250px; + max-width: 400px; + height: 400px; + opacity: 1; + z-index: 0 !important; } .banner-logo a { diff --git a/includes/index-hero.php b/includes/index-hero.php index 5099ed4..1bcb042 100644 --- a/includes/index-hero.php +++ b/includes/index-hero.php @@ -12,7 +12,6 @@
-

The Roofing Specialists

Dedicated to providing the highest quality roofing services

Book a Free Quote

@@ -27,7 +26,6 @@
-

The Roofing Specialists

Quality roofing at a affordable price

Book a Free Quote