/*
Theme Name: Roofing Company
Theme URI: https://www.buywpthemes.net/products/free-roofing-wordpress-template
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Roofing Company WordPress Theme has been curated for Roofing Solution providers like Roofing Service Contractors, Roofing Service Consultants, and Roofing Service Engineers. The template is also perfect to display roofing related other services such as waterproofing installation service providers, sealant specialists, or engineers offering structural covering services and so on. Even those supplying or manufacturing materials and machines related to Roofing Company can use Roofing Company WordPress Theme. This is a ready to use template. Just download and install it. Upload content, images, your company logo, and other relevant information for which sections are provided and you’re all set for a take off! This readymade design is responsive in nature. Meaning it has been designed to adjust itself as per the user’s screen size. Whether your visitor is viewing your business on his/her mobile phone, laptop, desk top or any other device, the experience of exploring product range or services, connecting with you for queries or quote, or placing an order will remain seamless. The theme also offers cross browser compatibility. When you download Roofing Company WordPress Theme you will be given access via log-in to the dashboard. Here there are clear cut instructions provided for the user to maintain their online business. You can update content, images, change background colors; create a blog section to post blogs to engage with your clients and many other things all by yourself. You don’t need to employ an in-house digital team nor need to learn coding and other programing languages. You just follow instructions provided and manage your show independently. With Roofing Company WordPress Theme you can take your business online within a few days. You get email support & regular updates to ensure your theme functions well with changing and evolving technology. Download the Roofing Company template today. 
Version: 0.1.2
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: roofing-company
Slug: roofing-company
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/ 
.waves {
    position: absolute;
    width: 100%;
    height: 31vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
}

.hero-style .slide-text{position: relative;}
/*.hero-style .slide-text p:after{
    content: "";
    position: absolute;
    left: 0%;
   
    right: 0;
    bottom: 0;
    top: 40px;
    background-repeat: no-repeat;
}*/
.footer-area {
    background: #0C0C0C;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:3em 0 0em 0;
    background-repeat: no-repeat;
    background-size:cover ;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

.recentcomments a {
    display: inline-block !important;
    padding-left: 18px !important;
    margin: 0 !important;
}

.slider-img-overlay {
    position: absolute;
    left: 0;
    right: 52.5%;
    top: 0;
    bottom: 0;
    background: #161415;
    opacity: 1;
    clip-path: polygon(0 0, 67% 0, 100% 100%, 0% 100%);
}
.slider-img-overlay-outer {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
    clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);
}

@media (max-width: 991px) {
/*.slider-img-overlay-outer {  right: 35%;}
.slider-img-overlay { right: 38.5%;}*/

}

/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}