/*
Theme Name: Home Roofing Services
Theme URI: https://www.buywpthemes.net/products/free-roofing-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Home Roofing Services & Solutions providers - a niche category service, are also considering going online to create a presence to reach out to wider audience and strengthen the brand power of their services and products. Industrial and commercial roofers have already experimented with this medium and are finding it a very profitable proposition. Home roofing services have followed the lead.  We’ve designed home roofing services WordPress theme that suits start-ups as well as established home roof solution providers who are attempting to take their services online for the first time. Home Roofing Services WordPress Theme is a perfect platform to display your work, expertise, and share all the important information with your potential audience who may be on a lookout for home roof service providers. Displaying all the critical information in a proper and easy to understand flow eases the process of decision making for those seeking the same.  Home Roofing Services WordPress Theme has been aptly divided into separate sections to enable you to talk about different aspects of your business in different sections. You can use the sections to place whatever content you deem fit considering your audience preferences and area of interest.  The user interface is very user-friendly that also a layman can use with ease. Own Home Roofing Services WordPress Theme, which is a complete ecosystem in itself to do business online! You can quickly download and install the theme today! 
Version: 0.1.8
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: home-roofing-services
Slug: home-roofing-services
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;
}

.footer-area {
    background: #978052;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:3em 0 0em 0;
    background-repeat: no-repeat;
}


.slider-area .sliderinn-img{
    background:#000;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0% !important;
    right: 0;
    opacity: 0.49;
}

/* 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);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}
.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%;
}

}