/*
Theme Name: Organic Grocery
Theme URI: https://www.ovationthemes.com/products/free-grocery-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Organic Grocery is a modern and versatile theme designed for online grocery stores, organic food shops, fresh vegetable markets, farm produce sellers, supermarkets, health food outlets, eco-friendly product stores, and multivendor grocery platforms. It is also suitable for businesses dealing with natural food products, sustainable farming goods, nutrition-based items, dairy products, bakery goods, and everyday household essentials sold through digital marketplaces. The design is clean, minimal, and product-focused, ensuring food items and categories are displayed in an organized and visually appealing way that enhances customer browsing and shopping experience. Fully responsive and mobile-friendly, it delivers smooth performance across desktops, tablets, and smartphones with consistent usability. Optimized code structure ensures fast loading speed and improved search visibility, helping attract more organic traffic. The layout includes useful sections such as product highlights, banners, testimonials, featured categories, and call-to-action areas to improve engagement and conversions. Customization options allow easy control over colors, typography, layouts, and branding elements without technical complexity. Social media integration and translation-ready features further enhance reach and accessibility. Overall, it provides a complete and efficient solution for building a professional online grocery and organic product store with strong usability and performance.
Version: 6.5
Requires PHP: 5.6
Tested up to: 6.9
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: organic-grocery
Template: organic-farm
Tags:  one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, full-width-template, sticky-post, block-styles, custom-colors, custom-background, custom-header, flexible-header, featured-image-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, threaded-comments, wide-blocks,Post-formats, food-and-drink, portfolio, e-commerce

Organic Grocery WordPress Theme, Copyright 2022 pewilliams
Organic Grocery is distributed under the terms of the GNU GPL

Organic Grocery WordPress Theme is child theme of Organic Farm WordPress Theme, Copyright 2021 pewilliams
Organic Farm WordPress Theme is distributed under the terms of the GNU GPL
*/

/*color-change*/

:root {
    --theme-primary-color:#d30c1f;
    --theme-heading-color:#1a2225;
    --theme-primary-fade:#fbe2e5;
    --slider-overlay:#1a2225;
}

.quote-btn,
.wc-block-cart__submit-container a,.woocommerce #respond input#submit, 
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button,.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, .woocommerce input.button.alt,
nav.woocommerce-MyAccount-navigation ul li,
a.added_to_cart.wc-forward,
button.search-submit{
    background:var(--theme-primary-color);
}
.wc-block-cart__submit-container a:hover,a.added_to_cart.wc-forward:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, 
.woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background: var(--theme-heading-color);
    color: var(--post-bg-color);
}
.top_header strong,a:hover, a:active {
    color: var(--theme-primary-color);
}
#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover,
#slider .home-btn a:hover{
    background: #1a2225;
}
.site-info .footer-copyright,.site-info a:hover, .organic-grocery-logo h1, .site-title, .site-title a,
#slider .home-btn a,#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
    color: #1a2225;
}

#slider .home-btn a,#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
    background-color: #fff;
}
.gb_nav_menu li a, .site-info,
.gb_nav_menu li.page_item_has_children:after,
.gb_nav_menu li.menu-item-has-children:after,
#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover,
#slider .home-btn a:hover {
    color: #fff;
}

/* --------- Header Top --------- */

#header{
    background: transparent;
}
.menu_header {
    border-radius: 0;
    position: static;
    margin-top: 0;
    box-shadow: none;
    background: #1a2225;
}
.quote-btn {
    border-radius: 0px!important;
}
.quote-btn a {
    font-weight: 700;
}

/* --------- Slider --------- */
#slider{
    background-color: var(--slider-overlay);
}
#slider .carousel-caption {
    bottom: auto;
}
#slider .carousel-caption h2{
    color: #fff;
    font-size: 45px;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
    width: 10%;
}
/* --------- Category --------- */
.cat-box {
    position: relative;
    background: #ececec;
    border-radius: 15px;
    box-shadow: 5px 5px 15px 1px #838383;
}
.cat-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.cat-content i {
    font-size: 40px;
    color: var(--theme-primary-color);
}
.cat-box h4 {
    padding: 15px 10px;
    font-size: 16px;
}
.cat-img img {
    opacity: 0.5;
    border-radius: 15px 15px 0 0;
    height: 300px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar ,.comment-author .avatar{
    border-color: var(--theme-heading-color);
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
@media screen and (max-width:1200px){
    .cat-img img{
        height: 250px;
    }
}
@media screen and (max-width: 991px){
    .gb_nav_menu ul ul{
        background: transparent;
    }
    .toggle-menu button {
        border-radius: 0;
        padding: 10px 15px;
    }
    #slider .carousel-caption h2 {
        font-size: 25px;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover{
        color: var(--theme-primary-color) !important;
    }
    .toggle-menu i{
        color: #fff;
    }
}

@media screen and (max-width: 425px){
    #slider p {
        display: none;
    }
    footer#colophon {
        text-align: center;
    }
    table#wp-calendar {
        margin: 0 auto;
    }

}