/*
Theme Name: Water Sports
Theme URI: https://www.buywpthemes.net/products/free-water-sports-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: We can help you own a template that will enable you to display water sports activities online in the most captivating manner.   For those looking for a template or theme to display and market water sports adventures, and related stuff & information, don’t miss having a close look at the Water Sports WordPress Theme designed by our team.  The thought and sensibilities that have gone into making of it shines through in all its aspects right from images, format, layout, flow, sections, colors, fonts…everything! Everything has been selected with utmost carefulness. Our team has travelled extra miles speaking to people in this occupation to understand things will work or won’t. Making of this theme with an in-depth understanding of the niche ensures that when someone offering water sports activities downloads and installs the theme to showcase their business and widen reach amongst online target audience, it conveys the message with the right vibe.  Water Sports WordPress Theme exudes the sporty and compelling energies that will trigger attention of audience interested in or looking out for some water sports action.  We’ve purposely crafted it the way it appears; neatly and clearly divided into sections or blocks. These neat spaces flowing in a particular design and flow enable the water sports services provider to share images and information effectively to its audience visiting the theme. Our Water Sports WordPress Theme is a contemporary modern design perfectly suitable to market activities and water adventures and sports like boating, scuba diving, skiing, swimming, and more. Even a newbie with no experience of owing a website or having coding and technical knowledge can download and install Water Sports WordPress Theme quick and fast. It’s a self-manageable theme with an easy to use in-built dashboard/interface through which the owner can control everything, from changing images, updating information etc. Get ready to launch your water sports club. Offer membership to amateurs and professionals; offer training, organize special camps and competition - our Water Sports WordPress Theme will act as a fully furnished platform to launch your business and achieve your goals successfully!  
Version: 0.1.1
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: water-sports
Slug: water-sports
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;
}
.pl-0{padding-left:0;  }
.m-rl{margin-right: 0;margin-left: 0}
#slider-section{
    position: relative;
    overflow: hidden; 
/*    background: url(assets/images/sliderimage.png);*/
    /*background-repeat: no-repeat;
    background-size: cover;*/
/*    background: #fff;*/
}



/**/
#service-section .planesvg svg {
    position: relative;
    /* padding: 0px 0 0 100px; */
    top: -10px;
    left: 52px;
}

#service-section {
    position: relative;
    overflow: hidden;
    padding: 3em 0 0em 0;
    overflow: hidden;
/*    background: #17212a url(assets/images/servicesbg.png) center;*/
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-area .blog-img{
    /* -webkit-mask-image: url(assets/images/blog_m.png);
    mask-image: url(assets/images/blog_m.png); */
    -webkit-mask-position: center center;
/*    mask-position: center center;*/
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 100%;
    height: 100%;
}
.blog-area .blog-image:before{
    content: "";
    position: absolute;
    width: 80%;
    height: 100%;
    margin: auto;
    /* border-top-left-radius: 174px; */
    /* border-top-right-radius: 312px; */#slider-section .planesvg {
    position: relative;
    top: -2em;
    left: 0%;
}
    /* border-bottom-left-radius: 291px; */
    /* border-bottom-right-radius: 200px; */
    background: #e2bc95;
    transition: all .4s;
    top: 0px;
    right: 7px;
    border-radius: 256px 237px 252px / 209px 311px;
    transform: rotate(44deg);
}
.footer-area {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    padding:3em 0 0em 0;
    overflow: hidden;
    background: url(assets/images/footerbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-area .f-oly{
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0.7;
}


/* 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%);
}*/
/*Shrinking for mobile*/
@media (min-width: 992px) {

    .top-header {
        display: block !important
    }
    .breadcrumb-section {
        background: #000;
        padding: 10em 0 2em 0;
    }
}

@media (max-width: 991px) {
/*.slider-img-overlay-outer {  right: 35%;}
.slider-img-overlay { right: 38.5%;}*/
}
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .videos {
    position: relative;
    top: 0;
  }
  #aboutus-section {
    padding: 1em 0em 2em 0em;
  }
}
/*@media (max-width: 767px) {
    .hero-slider {height: 500px;}
     #slider-section .slidercontent {top: 50%;left: 2%;}
}
*/

@media (max-width: 575px) {
/*.hero-slider { height: 360px;}*/
#slider-section .slidercontent {top: 10%;}
.hero-style .slide-title h2 { font-size: 28px;}

}
@media (max-width: 475px) {
.hero-style .slide-title h2 {font-size: 20px;}
.hero-style .slide-text p { font-size: 16px;line-height: 1.3;}
}
