/*
Theme Name: Charging Station
Theme URI: https://www.buywpthemes.net/products/free-charging-point-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: We all think in a very futuristic way, in the future installation of charging points will increase rapidly. So This Charging Station WordPress Theme is created especially for the companies related to Electric Vehicle Public charging station, EV Power Stations, Electric Charging Point, EV Automobile Services, Plug-in charging Services centers for all type of Electric vehicles. Launching your EV charging stations website can encourage lots of people in making the environment healthy. The theme has an amazing customization options that gives you the freedom to build your website within clicks.  This theme contains professional homepage design where the sections can move in a sequence as per your need, About Us page where you can show the Company Features, Services Page is mostly highlighted for your best services showcase, Galleries, Blogs, Testimonials etc... This theme is also compatible for all kinds of screens, Maximum Browsers supported and well know plugins compatible. There is no need to learn about any coding skills this can be set up by any beginner also.
Version: 0.3.1
Tested up to: 6.0
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: charging-station
Slug: charging-station
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;
}

/* 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%;
}

}