/*
Theme Name: Carpenter Service
Theme URI: https://www.buywpthemes.net/products/free-carpenter-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Are you a skilled carpenter looking to showcase your expertise and attract more clients? Look no further! Presenting CraftsmanPro, the ultimate Carpenter Service WordPress theme designed specifically for carpentry businesses. With its professional and user-friendly design, CraftsmanPro empowers you to create a stunning online presence that truly reflects the quality of your craftsmanship. This beautifully designed and feature-rich theme is specifically crafted to meet the needs of carpentry businesses, woodworking professionals, and handyman services. With the Carpenter Service WordPress Theme, you can create a stunning website that not only highlights your expertise but also helps you establish a strong online presence. The Carpenter Service WordPress Theme offers a modern and visually appealing design that captivates visitors from the moment they land on your website. The theme provides a range of customizable templates, allowing you to create a unique and professional look that reflects your brand identity. With the Carpenter Service WordPress Theme, you can effectively communicate the value of your services and inspire trust in your craftsmanship. Get started with the Carpenter Service WordPress Theme today and take your craftsmanship to new heights! Demo - https://www.wpthemesdemo.com/carpenter-services/
Version: 0.3
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: carpenter-service
Slug: carpenter-service
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}
.tophead-brd{
    content: "";
    background: url(assets/images/head-t.png) repeat-x 0 0;
    height: 20px;
    position: relative;
    margin-bottom: 1.3em;
}
.topheadbt-brd{
    content: "";
    background: url(assets/images/head-b.png) repeat-x 0 0;
    height: 20px;
    position: relative;
    margin-bottom: -7px;
}
.footer-area {
    background: #000;
    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: 0;
    bottom: 0;
    left: 0% !important;
    right: 0;
    background: #000;
    opacity: 0.2;
}

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