/*
Theme Name: Pet Care Veterinary Center
Theme URI: https://www.buywpthemes.net/products/free-pet-care-veterinary-center-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Pet Care Veterinary Center Theme has been designed for people engaged in animal care and animal medical care services. Whether you own or manage one of these, i.e. Animal Hospital, Veterinary Clinic, Animal Clinic, Veterinary Center, Animal Care Center, Animal Hospital, or Animal Medical Center, this is the template that will help your venture take off, grow, and expand. You won’t face any difficulty, any hurdle to make your business or services live once you decide to use Pet Care WordPress Theme. Owning and operating your business through this theme is going to be simple and easy. Everything about this template starting from the way it appears to the ultimate the way it will function for you both are extra ordinary, practical, and realistic. You can display all your services, use images of your choice, people can communicate with you, follow you on social media, you can respond to them via this theme. All you need is a domain name and hosting space. The design is all yours! This is the part that costs the most in terms of money as well time and effort. However, Pet Clinic WordPress Theme has simplified everything for you. Pet Clinic WordPress Theme is a ready to use theme that make it possible for you to make your business within a few days. Most people using this theme feel confident and get used to maintaining their own website within a week. Don’t miss out on it! It’s designed to adjust itself to mobile and every other device screen and browser. You can change images and text yourself without any coding skills. Once you download Pet Clinic WordPress Theme all you to do is go to the dashboard, decide what you want to do, load images, change background color, text, etc. and start following  instructions to make it happen and see the beauty unfold! 
Version: 0.1
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pet-care-veterinary-center
Slug: pet-care-veterinary-center
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: #1a1a1a;
    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;
  }
}