/*
Theme Name: Freelancer Portfolio
Theme URI: https://www.buywpthemes.net/products/free-best-portfolio-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: In this digital age portfolio website is vital for all freelancers. Whether you’re a content creator, freelance photographer, fashion designer, event management consultant, or Life Coach; or your employment, want to go abroad for higher studies or employment, Portfolio WordPress Theme will serve your purpose to tee. It is a perfect platform to showcase your personality, education, skills, goals, resume, and more. Freelancer Portfolio WordPress Theme isn’t just for individuals looking for professional avenues and growth. It can be used by people pursuing hobbies, and want to bring out a combination of their professional and personal sides. Freelancer Portfolio WordPress Theme designed by us offers a perfect layout and has all the necessary features that will help you to convey your personality and highlight aspects that you feel are important considering the objective of getting a Portfolio WordPress Theme. The theme is designed to evolve with your personality; as your personal & professional achievements evolve. On Freelancer Portfolio WordPress Theme, you can add pages, edit and change content, and place or replace images as per your requirement. And all this is very easy to manage. No need for special training or qualification to manage this Freelancer Portfolio WordPress Theme independently.
Version: 0.3.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: freelancer-portfolio
Slug: freelancer-portfolio
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;
}

.footer-area {
    background: #FD7F00;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:2em 0 0em 0;
    background-repeat: no-repeat;
}


.slider-area .sliderinn-img{
    position: absolute;
    top: -11%;
    bottom: 0;
    left: 0% !important;
    right: 0;
    background-size: 100%;
}

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

}
