/*
Theme Name: Home Repair Solutions
Theme URI: https://www.buywpthemes.net/products/free-home-repair-solutions-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: We’ve designed Home Repair WordPress theme for people offering services including consultancy related to property maintenance, home improvement services, residential repair, renovation, home maintenance & repair etc. If you don’t yet have an online presence to market your services it is going to be very difficult to survive in this digital world. Saying you don’t have an online presence will dent your impression in the mind of potential customers searching for home renovation services. Website gives you a solid foundation and helps you create a professional image in the mind of your audience. The whole perception of your client changes about you the minute you share your website URL with your target audience. Home Repair WordPress Theme is a website you can own right away without touching your bank. Home Repair WordPress Theme is a user-friendly ready to use template at your service that will enable you to clearly display various home repair and renovation services offered by you, portfolio of past projects, contact information, customer feedback and more. The theme looks great on any device whether your customer is viewing your office on mobile phone, tablet, laptop, or desktop. Our design team has built responsive website that will respond and adjust itself to any screen size without distorting or misrepresenting the layout, images etc. The most popular feature that compels home improvement expert to download Home Repair WordPress Theme is that it is easy to manage. You don’t need to technically savvy nor are you expected to hire an in-house digital team to handle day to day activities and changes. You can manage the entire show yourself effortlessly. From changing images, replacing old information with new to receiving and responding to customer queries you can manage and oversee the entire office yourself from any location. 
Version: 0.1.2
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: home-repair-solutions
Slug: home-repair-solutions
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: #182333;
    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;
  }
}