/*
Theme Name: Mobile Repair Center
Theme URI: https://www.buywpthemes.net/products/free-mobile-repair-theme-wordpress/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Digital presence is a must for any business big or small that wants to compete and grow. We’ve crafted Mobile Repair Hub WordPress Theme for those into the business of repairing mobile phones. Our template works for variety of small and medium size phone repair shop, electronics repair shop, device repair shop, gadget repair shop, tech repair shop, mobile phone repair center, phone fix shop, cell phone repair services and so on. The layout divided into sections and panels enable you to describe all your services. You can share information about team, your working model, service charges. Whether you facilitate collection of phone from customers’ homes and offices or do they have to visit your repair center, how long will it generally take for you to turn around the job. Will your team call phone owner after detecting the problem to discuss things etc. The layout allows you to discuss everything, share all the important information to make it easy for the client to get in touch with you and know what to expect. The navigation will ease the exploration process for customer visiting your website. Mobile Repair Hub WordPress Theme is very easy to maintain. You can make all the changes yourself concerning changing images, replacing old content with fresh announcements, you can upload your logo, even photographs of your workshop, your team members and other images that you think will help you build a rapport and trust with your customer. You don’t need any special training for coding etc. to be able to maintain your online presence. When you download Mobile Repair Hub WordPress Theme you can log into the user interface and follow instructions you see there to make your presence live, edit content, background color etc. Being a responsive template your visitor will be able to get a clear view on all devices and browsers. It’s a perfect theme to make your mobile repair business get into online action.
Version: 0.1.5
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: mobile-repair-center
Slug: mobile-repair-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: #064273;
    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;
  }
}