/*
Theme Name: Personal Lawyer
Theme URI: https://www.buywpthemes.net/products/free-lawyer-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: This WordPress theme you’re visiting right now has especially been designed for representing services of Personal Lawyers, Attorneys, Legal Advisers, Barristers at Law, Counsels, Solicitors, and Advocates. Not with standing what your area of expertise may be, Personal Lawyer WordPress theme is bound to fit your bill. It has all the required pages and positions that a lawyer may require in order to sell or showcase his or her services to the target audience. It is a perfect solution for lawyers who’re setting up their website for the first time. There is no rocket science involved in setting up or installing the website. As soon as you’ve finalized the theme you want for your website, our team will come on board and help you install it. Since this is a free theme you don’t even need to set a budget aside for web designing. Personal Lawyer WordPress theme is not only easy to set up, our team will also tutor you to help you self-manage your website. The tools are user friendly and you can easily learn to change or edit content; align or change images, font size color, etc. The Personal Lawyer WordPress Theme is lightweight; which means it’s quick to load; and highly compatible. It can be viewed on all devices. The visual appeal of the site is professional and sophisticated. If you’re a lawyer and contemplating getting your website, you must have a look at the Personal Lawyer WordPress theme created especially for you.
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: personal-lawyer
Slug: personal-lawyer
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: #3c3f6c;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:2em 0 0em 0;
    background-repeat: no-repeat;
}


.slider-area .sliderinn-img{
    background-image: url(assets/images/sliderbg.png);
    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%;
}

}
