/*
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 wonderful theme for grocery stores, organic food stores, food markets, fresh vegeables, farm products, online supermarkets, and multivendor online grocery shops. Fashion and electronic stores, marketplaces, agriculture-based products, and much more. It is minimal and crafted by expert developers delivering you an elegant design that is 100% responsive to make your website work well on every device as well as a web browser. There is no need to learn to code as this theme comes with a user-friendly interface that also has some easy personalization options. This will make tweaking easy resulting in a beautiful website. It is clean and comes with highly optimized codes that are well-commented and deliver a lightweight design that loads at a quick speed. Basically, it offers a faster page load time. You will find the social media options, Banner, Team, and other sections as well as Call to Action Button (CTA). The overall theme is responsive and translation-ready. Create your online grocery store with ease! Demo: https://trial.ovationthemes.com/organic-grocery/
Version: 6.1
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;
    }

}
