/*
Theme Name: Agriculture Farming
Theme URI: https://www.ovationthemes.com/products/free-agriculture-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Agriculture farming is a theme for agriculture, agritourism, agritourism, eco farm, food, health, online store, organic, product delivery, agribusiness, crop production, livestock, agricultural services, horticulture, crop management, farm technology retail, grocery, livestock, horticulture, irrigation, farm equipment, and many more. It has elegant features like Retina ready, user-friendly, responsive, professional appearance, personalization options, and many sections like a testimonial section. The theme has secure and clean code, so if the users don’t have coding skills, they can use it easily. Moreover, the agriculture theme has a flexible header style. Users can create beautiful, elegant websites while using the stylish header to promote the website on different social media platforms like Instagram, Facebook, and other platforms, as the theme is integrated with social media icons. It is also integrated into multiple browsers like Firefox, opera, chrome, etc. You can easily list yopu fresh farm products using woocommerce functionality when using this theme. This theme is tested for the latest version of WordPress and PHP. Demo: https://trial.ovationthemes.com/agriculture-farming/
Version: 5.7
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: agriculture-farming
Template: organic-farm
Tags: blog, food-and-drink, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready

Agriculture Farming WordPress Theme, Copyright 2022 pewilliams
Agriculture Farming is distributed under the terms of the GNU GPL

Agriculture Farming 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
*/

body,h1,h2,h3,h4,h5,h6{
    font-family: 'Raleway', sans-serif;
}
:root {
    --theme-primary-color:#8ec63f;
    --theme-topbar-bg-color:#181a1e;
    --theme-heading-color:#181a1e;
    --theme-primary-fade:#effbdd;
    --theme-footer-color:#131313;
    --slider-overlay:#181a1e;
}

/*color change*/
a.added_to_cart.wc-forward ,
.menu-outer,.page-template-custom-home-page .menu_header,
.gb_nav_menu ul ul,#slider .home-btn a,.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);
}
a:hover, a:active{
    color: var(--theme-primary-color);
}
.gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover{
    color: var(--theme-topbar-bg-color);
}
.topbar-outer,.site-info{
    background: var(--theme-topbar-bg-color);
}
.links i.fab.fa-x-twitter,
.links a i,.gb_nav_menu li.page_item_has_children:after,
.gb_nav_menu li.menu-item-has-children:after,
.gb_nav_menu li a, 
.site-info,.agriculture-farming-logo h1, .site-title, .site-title a,.agriculture-farming-logo p,
.links i.fab.fa-instagram,
.links i.fab.fa-facebook-f,
.links i.fab.fa-twitter,
.links i.fab.fa-youtube,.agriculture-farming-logo h1 a{
    color: #fff;
}
.cat-box{
    background: var(--post-bg-color);
}
#home-mission{
    background: #f9f7f2;
}

#gb_responsive {
    justify-content: flex-end;
}
.gb_nav_menu ul li a{
    letter-spacing: 0;
    font-weight: 600;
}
ul.sub-menu ul.sub-menu {
    right: 100% !important;
    left: auto !important;
}
span.entry-author a,.comment-author a,.product_meta a {
    text-decoration: underline;
}
.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);
}
/* --------- Header Top --------- */

#header{
    background: transparent !important;
    left: 0;
}
.menu_header {
    background: transparent;
    border-radius: 0;
    position: static;
    margin-top: 0;
    box-shadow: none;
    padding: 0 15px;
}
.top_header {
    background: var(--theme-topbar-bg-color);
    color: #fff;
    padding: 0 15px;
}
.top_header span a{
    color: #fff;
}
.page-template-custom-home-page #header{
    position: relative;
}
.page-template-custom-home-page .wrap_figure {
    position: absolute;
    width: 100%;
    z-index: 999;
}
.page-template-custom-home-page .topbar-outer,.page-template-custom-home-page .menu-outer{
    background: transparent;
}
/* --------- Slider --------- */

#slider{
    background-color: var(--slider-overlay);
    position: relative;
}
#slider .carousel-caption {
    bottom: auto;
}
#slider .carousel-caption h2{
    font-size: 50px;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
    width: 15%;
}
#slider img{
    width: 100%;
}
#slider:after {
    content: "";
    background-image: url(assets/border-slide.png);
    background-repeat: repeat-x;
    background-position: center top;
    display: block;
    height: 168px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

/* --------- Category --------- */
.cat-content {
    padding: 15px;
}
.cat-img img{
    width: 100%;
    height: 250px;
}
.cat-content h4 {
    font-size: 20px;
}
#home-mission h3 {
    font-size: 35px;
    width: 50%;
    margin: 0 auto;
}

.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: 200px;
    }
}
@media screen and (max-width: 991px){
    .gb_nav_menu ul ul{
        background: transparent !important;
    }
    .toggle-menu button {
        border-radius: 0;
        padding: 10px 15px;
        background: #181a1e;
    }
    #slider .carousel-caption h2 {
        font-size: 25px;
    }
    .toggle-menu{
        text-align: right;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover{
        color: var(--theme-primary-color) !important;
    }
    #slider img{
        height: 500px;
    }
    .toggle-menu i{
        color: #fff;
    }
    .cat-img img{
        height: 250px;
    }
}
@media screen and (max-width:782px){
    .menu_header.fixed{
        padding: 0px !important;
    }
    .page-template-custom-home-page .wrap_figure{
        position: static;
    }
    .page-template-custom-home-page .topbar-outer{
       background: var(--theme-heading-color);
    }
    .page-template-custom-home-page .menu-outer{
        background: var(--theme-primary-color);
    }
}
@media screen and (max-width:575px){
    #slider .carousel-caption p{
        display: none;
    }
    #home-mission h3{
        width: 100%;
    }
    #slider .carousel-caption{
        text-align: center !important;
        left: 15% !important;
        right: 15% !important;
    }
    #slider img{
        height: 400px;
    }
}