/*
Theme Name: Bakery Store
Theme URI: https://www.buywpthemes.net/products/free-bakery-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Bakery Store is a WordPress theme designed for showcasing products, services and shops related to bakery such as bakery shops, coffee shops, cakes and pastries shop, cafe, dessert shops, fast food chains, ice cream parlours and many more. It is a tempting WordPress theme that attracts more visitors with its eye-catching design. It is a customizable website design so that you can create your website and showcase your products and services exactly the way you want to. The theme has a user-friendly interface that make things effortless for you in creation of your website. The theme uses the latest HTML5 and awesome CSS3 that gives a clean view to the website with sophisticated homepage layouts. You can create a completely professional looking bakery website easily using this Bakery Store WordPress Theme. The theme also uses the Bootstrap Framework which makes the website responsive, lightweight and renders faster page loading that provides a lag free experience to the visitors and keeps them engaged on your website. Also the Theme is made SEO friendly to attract more visitors. The theme is also made compatible with all types of browsers, devices and screens to provide a seamless browsing experience to the visitors that visit your website.
Version: 0.3.6
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: bakery-store
Slug: bakery-store
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%;
}

}
