/*
Theme Name: Bakery Shop Pro
Theme URI: https://www.theclassictemplates.com/trial/bakery-shop-pro/
Author: Classic Template
Author URI: https://www.themeignite.com/
Description: The Eco is a beautifully crafted, multipurpose theme ideal for businesses, blogs, and consultancy services with an eco-friendly or sustainability-focused mission. Designed with a minimal and elegant layout, this theme offers a professional and sophisticated appearance that suits a variety of industries. Whether you’re a green consultant, environmental blogger, or developer launching a product-based website, this theme delivers the perfect mix of form and function. Built with responsive and mobile-friendly technology, it guarantees smooth viewing across all devices and screen sizes. The theme is retina-ready, offering crisp visuals and an engaging user experience. Powered by Bootstrap and supported with clean, optimized code, it ensures faster page load time and top performance. The inclusion of a testimonial section, interactive banner, animated call-to-action (CTA) buttons, and an appealing team showcase enhances your credibility and customer trust. With built-in shortcodes, setting up features and sections becomes quick and easy. Designed to be developer-friendly, this theme allows flexible customization with plenty of personalization options and secure, clean code for extended functionality. Whether you need a simple blog or a feature-rich site, the theme delivers modern aesthetics and powerful features to build an impressive, interactive, and luxurious online presence.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bakery-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Bakery Shop Pro WordPress Theme has been created by Classic Template(Classic Template.net), 2018.
Bakery Shop Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
    font-weight: 600;
}
.wpcf7-spinner {
    display: none;
}
:root{
    --primarry-- : #5A422F;
  --secondary-- : #454545;
  --white-- : #ffffff;
  --peru-- : #C57139;
  --dim-gray-- : #766F6D;
  --dark-- : #28221D;
  --light-gray-- : #EBEBEB;
  --brown-- : #383028;
  --bg-- : #F0EFE9;
  --bbg-- : #FAFAF8;
  --fbg-- : #28221D;
  --border-- : #E9E9E9;
  --inter-- : "Inter";
  --marcellus-- : "Marcellus";
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/
.preloader{
    display: flex;
    background: #fc7c15;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    z-index: 99999;
}
.preloader .loading-dot{
    width: 15px;
    height: 15px;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    animation: load 3s infinite linear;
}
@keyframes load{
    0% {
        transform: rotate(0deg); 
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    }
    25%{
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
    }
    50%{
        box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                    -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
    }
    70%{
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    75%{
        width:10px;
        height:10px;
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    80%{
        background-color: #fff;
        width:40px;
        height:40px;
        transform: rotate(360deg); 
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    85%{
        background-color: #fff; 
        width:40px;
        height:40px;
        transform: rotate(360deg);
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    90%{
        background-color: #fff; 
        width:10px;
        height:10px;
        transform: rotate(360deg); 
        box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                    0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
    }
    95%{
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    }
    100%{
        transform: rotate(360deg);
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
    }
}
#menu-item-146 a,#menu-item-147 a {
    background: #C57139;
    padding: 8px 16px;
    border-radius: 23px !important;
    color: #fff;
}

#menu-item-146 a:hover, #menu-item-147 a:hover {
    background: #000;
}
.mtsnb .mtsnb-container {
    padding: 5px 0px;
}
.mtsnb .notification-bar a {
    font-weight: 600;
    background: #111;
    border-radius:6px;
    color: #fff;
    padding: 5px 8px;
    margin: 5px 0 5px 10px;
    display: inline-block;
}
.home #header_navigation,
#header_navigation {
    top: 50px;
}
.sidenav {
        top: 90px;
    }
@media only screen and (min-width: 250px) and (max-width: 767px) {
    .sidenav {
        top: 140px;
    }
    .home #header_navigation,
#header_navigation {
    top: 0px;
}
    div#content_header {
    top: 120px;
}
    body.has-mtsnb {
    padding-top: 0px !important;
}
}
@media only screen and (max-width: 693px){    
    body.has-mtsnb {
        padding-top: 0px !important;
    }
}
@media only screen and (max-width: 427px){   
        .sidenav {
        top: 145px;
    }
        div#content_header {
    top: 145px;
}
    }
@media only screen and (max-width: 481px){    
    .inner-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    } 
    .sidenav {
        top: 123px;
    } 
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .home #header_navigation, #header_navigation {
        top: 80px;
    }
    .sidenav {
        top: 90px;
    }
}
  
/* Animation */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
@keyframes shake {
    0% { left: 0; }
    25% { left: 15px; }
    50% { left: 30px; }
    75% { left: 15px; }
    100% { left: 0; }
}