/*
Theme Name: Architecture Designer
Theme URI: https://www.buywpthemes.net/products/free-architecture-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Architecture Designer WordPress Theme is an alluring website theme uniquely designed for Commercial architecture, Residential architecture, industrial architecture, construction companies, interior designing firms, home decor and interior, Real estate, home furnishing, building warehouses constructions, builder contractors etc. It is a clean and minimal website design that provides a sophisticated online presence. Being user-friendly, it doesn't require you to have any coding or such professional knowledge, you just need to fill the content and images and some required fields to showcase all your services, projects and products on the website. It is the best way to present your construction or architectural designs on a clean and sophisticated homepage layout of this website theme. Architecture Designer WordPress Theme is design as eye-catchy with quick responsive layouts that adjust themselves according to the screen, making the website compatible with all types of devices and screens. This theme is designed using the latest HTML5 and CSS3 which makes the website look more attractive and professional and also delivers faster loading pages that gives a flawless and an engaging experience to the visitors. You also get some customisation options with which you can add and customise the content of the website the way you want and that too anytime and anywhere. Experience the finest website theme with us.
Version: 1.2.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: architecture-designer
Slug: architecture-designer
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;
}

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

}