/*
Theme Name: Cooking Master
Theme URI: https://www.buywpthemes.net/products/free-cooking-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: The art of cooking is ever evolving, ever interesting, and demand for good food and good cooks is never going to diminish, no matter what! Good cooks are always in demand by all categories of people whether people are simply hungry, conscious of what they eat, and the connoisseurs. It is well known that people all over the world keep following and visiting their favorite cook’s YouTube channel when they want to come up something nice. Many of them join cooking classes of their favorite cook online or offline as per convenience. So if you are a cook running cooking classes.  And over the years if you’ve built a community of followers on YouTube or any such channel, we’d advice you to build an online platform via our specially designed Cooking Master WordPress theme. As soon as you download and launch and install the theme, your shop will be ready! This theme will open a hundred new doors for you to connect with new followers and fans and your cooking classes business will become a huge hit! The layout and design of Cooking Master WordPress theme is perfect to attract cooking class audience. We’ve created scope for pictures as well as textual information that someone interested to enroll in cooking class would like to know about before joining. Pictures play a large part in the business of cooking, whether it is cooking classes, catering business or anything related to cooking. That is the reason we’ve created prominent spaces where you can highlight pictures that you deem fit. And the best thing about it is that you can change the picture as and when you like, without anyone’s help, on your own! Can it get easier than that! When you are launching a new cooking class, say Italian or Spanish cooking, or birthday or tiffin cooking, you can announce it on the theme and the community of people who follow you or visit your theme will get to know about it. If this is your first attempt to take your cooking classes online and you’re aiming to get in the eyes and mind of a new set of audience you need to check out the Cooking WordPress theme. It is sure to meet your expectations and you will be convinced that if you download and install it (takes no more than a few minutes), it will help you create an impressive image of your business. Grab the cooking master theme! 
Version: 0.1.1
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: cooking-master
Slug: cooking-master
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}
#slider-section{
    background: url(assets/images/sliderbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#slider-section .slidertp{
    background: url(assets/images/slidertop.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0%;
    background-repeat: no-repeat;
    z-index: 2;
}
#slider-section .sliderbtm{
    background: url(assets/images/sliderbotm.png);
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 71%;
    background-repeat: no-repeat;
}
.hero-slider .sliderimg{
    padding: 29px 0px 0px 57px;
    background: #E7DB13;
    margin: 0;
    width: 920px;
    height: 700px;
    right: 108px;
    top: 0px;
    z-index: 0;
    position: relative;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
.hero-slider .sliderimg img{
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 920px;
    height: 640px;
}


#service-section .conbx:before{
    content: "";
    background: url(assets/images/serbtm.png);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    left: 78%;
    top: 49%;
    background-repeat: no-repeat;
}
#service-section .conbx .stbx {
    top: -23px;
    background-repeat: no-repeat;
    background: url(assets/images/sertitlebx.png);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
}
.footer-area {
    background: #207278;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:4em 0 0em 0;
    background-repeat: no-repeat;
}

/* 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: 1299px) {
#slider-section .sliderbtm { left: 64%;}

}

@media (max-width: 1199px) {
#slider-section .sliderbtm { left: 60%;}

}

@media (max-width: 1024px) {
#slider-section .sliderbtm {
    left: 52%;
}

}
@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%;
}

}
