/*
Theme Name: Cinematic Videography
Theme URI: https://www.buywpthemes.net/products/free-videography-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Professionals & amateurs offering their services as Cinematic Videographer looking for a theme that is free to use, and will provide all the benefits of a website, here is Cinematic Videography WordPress Theme you must have a look at! Just download and start using it. It is aesthetically designed to suit your profession. It’s so attractive that it is bound to draw customers to your business as soon you make it live! People can connect with you after clicking on your Cinematic Videography WordPress Theme as there is space where you can publish your contact details for customers to connect with you. It is a theme with many relevant features that will enable you to showcase your work and working style in an impressive manner. Cinematic Videography WordPress Theme is free to use and can be viewed on mobile or any other device. You can upload videos, photographs, and content without any help. One look at this Cinematic Videography WordPress Theme and you know - it is designed to project the perfect picture of your business. You can customize the portfolio in a way that will help you to build a brand just like you want! Download now! Demo - https://www.wpthemesdemo.com/cinematic-videography/
Version: 0.2.6
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: cinematic-videography
Slug: cinematic-videography
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;
}
.m-rl{margin-right: 0;margin-left: 0}

.hero-slider .sliderimg{
    padding: 29px 0px 0px 57px;
    background: #E7DB13;
    margin: 0;
    width: 920px;
    height: 700px;
    right: 108px;
    top: 0px;
    z-index: 0;
    position: relative;
    -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%;
}
.hero-slider .sliderimg img{
    -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: 920px;
    height: 640px;
}
#service-section {
    background: url(assets/images/servicesbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#blog-section {
    background-repeat: no-repeat;
    background: #000;
    background-size: cover;
}

.footer-area {
    background: url(assets/images/footerbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:4em 0 0em 0;
    background-repeat: no-repeat;
}

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

}
