/*
Theme Name: Driving School Academy
Theme URI: https://www.buywpthemes.net/products/free-driving-school-academy-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Our Driving School WordPress theme has been designed to market services of, as the name suggests driving schools, driving instructors, those imparting driving education related to road safety, driver training, driving lessons etc.  This ready to use template will help all these people engaged in driving lessons to improve their visibility online and get more clients. The layout, visuals, color schemes and overall look has been created specifically for this segment. So if you are a driving instructor, give driving lessons for any vehicle from a bike to an industrial vehicle like tractors , cranes, mixers, forklift, etc. this theme will give your expertise and services an online presence and you will fetch more enquiries and conversions. The layout will enable you to share your standardized curriculum, operations related information about vehicles you train in, advanced defensive driving techniques, along with helping drivers to develop valuable skills like decision-making, judgment, motor skills, coordination, and quick reflexes. The theme enables you to display all these details on Driving School WordPress Theme website. Driving School WordPress Theme besides looking great and suitable for your niche is also easy to manage by yourself. You will not have to employ a person or a digital team to handle your online presence for you. Thus it will save you time and cost. A traditional website takes months of coordination with different teams to finalize layout, images, design, color schemes, and so on; whereas, Driving School WordPress Theme is a pre-designed template crafted specifically for this niche that will help you to take your business online within days. The design is ready, all you need to do it upload your logo, images, information, contact information and you’re ready to go! For changing information, colors, images, new announcement of discount and other offers etc. can be done within minutes.  
Version: 0.1
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: driving-school-academy
Slug: driving-school-academy
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: #000;
    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;
  }
}