/*
Theme Name: Mini Golf
Theme URI: https://www.buywpthemes.net/products/free-mini-golf-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: While designing Mini Golf WordPress Theme we’ve kept visual impact of the sport in mind. You will see high-end visuals &amp; seamless, mobile-friendly functionality and a well-structured layout. These elements will hold attention of those interested in the sport to stay on your website and explore various aspects of your services, facilities, upcoming events and other details. The aspiring golfers will be able to book your services within seconds. You will get all the essential features in this template, right from visual aesthetics, functionality, and white space to share information by way of textual content and relevant images. The theme also comes with social media integration. If you’re serious about pursuing this profession this ready to use template will prove to be a good start. Besides giving your profession an online presence, it will also help you build a brand identity. Whether you are a coach imparting lessons in golf; a trainer offering training to professionals or amateurs; sell golf kits; or you own golf courses that you want to rent out – this Mini Golf WordPress Theme will suit them all. There is scope to create additional pages through which you can share information about your expertise, occupation, team, etc. You can create pages for different kinds of services you provide, facilities you offer, memberships, events that are coming up or previous events that you may have organized. All such information will give your visitor complete idea about what you do, how you do, and how aspiring golfers can or sponsors connect with you to discuss business. This theme also comes with Mega Menus, well placed call-to-action buttons, effective navigation and optimized visuals which make this template quick to load. This theme is user-friendly that you can manage yourself easily without any coding knowledge or web designing skills. 
Version: 0.1.1
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: mini-golf
Slug: mini-golf
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: #1b4332;
    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;
  }
}