/*
Theme Name: Green Grocer
Theme URI: https://www.seothemesexpert.com/products/green-grocer-theme
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Green Grocer is a multipurpose WordPress theme designed with a perfect balance of minimal, elegant, and sophisticated styling. Built to meet the needs of grocery store owners, organic food shops, farmers market websites, fresh produce stores, online grocery stores, eco-friendly shop owners, and food delivery businesses, this theme offers a clean and user-friendly interface that ensures effortless navigation for visitors. Its responsive and mobile-friendly design adapts seamlessly across devices, while being retina-ready ensures every detail looks stunning and crisp. Packed with modern personalization options, the Green Grocer Theme makes customization simple and effective. From interactive banners to animated elements, it allows you to create visually appealing pages that grab attention. Essential features like a testimonial section, team showcase, and prominent Call to Action Buttons (CTA) make it easy to connect with your audience and build trust. Integrated social media options help expand your reach, while shortcodes and Bootstrap framework support add flexibility for developers to design without limits. Engineered with optimized codes and secure, clean coding standards, the theme delivers faster page load times and ensures a safe browsing experience. Its agency-friendly structure makes it suitable for professional use, while also being ideal for personal blogs, portfolios, or business websites. The inclusion of advanced customisation options ensures users can tailor layouts, colors, and fonts to reflect their brand identity with ease. Additionally, the Green Grocer Theme is translation ready, enabling you to connect with global audiences effortlessly. With its luxurious yet minimal design, it strikes the right chord between functionality and aesthetics. Whether you want a beautiful modern site for your agency, a clean online store, or a sophisticated portfolio, the Green Grocer Theme offers everything you need to build an interactive and professional online presence.
Version: 0.4
Tested up to: 6.8
Requires PHP: 7.2
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: green-grocer
Template: supermarket-shopping
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, food-and-drink, e-commerce, 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.
*/
:root {
    --color-primary1: #78B85D;
    --font-awesome: 'FontAwesome';
}
a{
    text-decoration: none;
    color: var(--color-primary2);
}
.blog-item.inner-related-post .post-title a{
  color: var(--color-primary2);
  text-decoration: none;
}
.singel-page-area a{
  color: var(--color-primary2);
}
.topbar{
    background-color: var(--color-primary1);
}
.search-cat-box{
    border: 1px solid var(--color-primary1);
}
.banner-2 .toppro-text{
    color: #FF4242;
}
.banner-2 h2.discount-text a{
    color: #000;
}
.banner-2 .product-btn a{
    color: #000;
}
.product-content.second{
    left: 46%;
}
#slider{
    position: relative;
    height: 550px;
    background-color: var(--color-primary1);
}
#slider img{
    opacity: 1;
    height: 300px;
    width: 80% !important;
    object-fit: contain;
}
.slideimg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 550px;
}
/*deliver section*/
#product-services .container{
    background-color: #fff; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
}
.main-delivery-detail {
    display: flex;
    justify-content: normal;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
}
.delivery-icon i{
    font-size: 40px;
    color: #FF8A00;
}
.delivery-text{
    font-size: 13px;
    color: #B0B0B0;
}
.deliver-title{
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
@media (max-width: 767px) {
    #slider img{
        height: 170px;
    }
    #slider .owl-dots{
        top: 95%;
    }
    #slider{
        height: 600px;
    }
    .slideimg{
        height: 300px;
    }
  body{
    position: static;
  }
  .main-header .navbar-menubar.responsive-menu{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
  #slider .carousel-caption{
    position: static;
    height: 300px;
    transform: none;
    padding: 2em;
    text-align: center;
  }
  p.slidetop-text.mb-3 {
    border-left: 2px solid #FF4242;
    padding-left: 13px;
    }
    #slider .short-content{
        border-left: none;
        padding-left: 0 !important;
    }
    .main-delivery-detail{
        justify-content: center;
    }
    #product-section .product-heading{
        text-align: center !important;
        font-size: 28px;
        margin-bottom: 5em;
    }

}
@media (min-width: 768px) and (max-width: 999px) {
  #slider .carousel-caption{
    right: 55%;
  }
  #product-section .product-image img{
    height: 210px
  }
    #product-section .product-heading{
        font-size: 28px;
        margin-bottom: 5em;
    }
}
@media (min-width: 999px) and (max-width: 1024px) {
    .login-text, span.cart-count{
        font-size: 9px;
    }
    .topbar a, .topbar p {
        font-size: 12px;
    }
    .navbar-menubar .main-navigation .menu > li > a, .navbar-menubar .page_item a{
        font-size: 12px;
    }
    #slider .carousel-caption{
    right: 55%;
  }
  #product-section .product-image img{
    height: 210px
  }
    #product-section .product-heading{
        font-size: 28px;
        margin-bottom: 5em;
    }
  .delivery-text{
        font-size: 10px;
    }
    .deliver-title{
        font-size: 13px;
    }
    .delivery-icon i{
        font-size: 30px;
    }
    .banner-2 h2.discount-text a{
        font-size: 16px;
    }
    .product-btn a{
        font-size: 13px;
    }
    .toppro-content{
        font-size: 10px;
    }
  .banner-1 h2.discount-text a{
    font-size: 18px;
  }
}
@media (max-width: 1000px) {
    .delivery-text{
        font-size: 10px;
    }
    .deliver-title{
        font-size: 13px;
    }
    .delivery-icon i{
        font-size: 30px;
    }
    .banner-2 h2.discount-text a{
        font-size: 16px;
    }
    .product-btn a{
        font-size: 13px;
    }
    .toppro-content{
        font-size: 10px;
    }
  .banner-1 h2.discount-text a{
    font-size: 18px;
  }
}
#main-slider .product-img{
    width: 100%;
    height: 265px;
    border-radius: 0;
}
#main-slider .product-img img, .slidesection, .slider-img-color {
    border-radius: 0;
}