/*
Theme Name: Solar Renewable Energy
Theme URI: https://www.ovationthemes.com/products/free-solar-energy-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Solar Renewable Energy is a theme for everyone who is in the field of solar solutions, green energy, sustainability, clean power, eco-friendly initiatives, energy efficiency, photovoltaic systems, renewable resources, climate action, energy management, environmental impact, solar panels, power generation, energy savings, and sustainable business under the solar renewable energy framework. This is a multipurpose theme with strong flexibility, making it suitable for environmental and organic websites, as well as eco-friendly power services and environment protection agencies to showcase their products and services effectively. Through social media integration, users can promote their offerings and reach a wider audience. The theme includes customization options where users can change background colors or enable/disable sections as needed. It also provides a balanced color palette of bright and dark tones to match different branding styles. Designed to support solar farm websites and related eco industries, it is fully responsive and multilingual, making it suitable for global clients and sustainable business growth.
Version: 5.6
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: solar-renewable-energy
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

Solar Renewable Energy WordPress Theme, Copyright 2023 pewilliams
Solar Renewable Energy is distributed under the terms of the GNU GPL

Solar Renewable Energy WordPress Theme is child theme of Organic Farm WordPress Theme, Copyright 2023 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:#70bf4a;
}

/*Color change*/
.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,
.ico-border::after, .ico-border::before,.ico-border::after, .ico-border::before,.quote-btn,
#slider .home-btn a,#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
    background:var(--theme-primary-color);
}
.ico-border i,a:hover, a:active {
    color: 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);
}
.gb_nav_menu ul li a{
    letter-spacing: 0;
    font-weight: 600;
}

/* --------- Slider --------- */
#slider{
    position: relative;
}
#slider .carousel-caption h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 800;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
    width: 15%;
}
/* --------- Category --------- */
.cat-box {
    background: var(--theme-topbar-bg-color);
    border-radius: 10px;
    box-shadow: 0 0 10px 2px #e4e4e4;
}
.cat-img img {
    border-radius: 10px 0 0 10px;
    width: 100%;
}
.cat-content h4 {
    font-size: 20px;
}
.cat-content a {
    font-size: 15px;
    font-weight: 700;
}
#home-mission h3 {
    font-size: 35px;
    width: 50%;
    margin: 0 auto;
    color: var(--theme-primary-color);
}
.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: 991px){
    .gb_nav_menu ul ul{
        background: transparent;
    }
    #slider .carousel-caption {
        top: 50%;
        transform: translateY(-50%);
    }
    .toggle-menu button,.toggle-menu button:hover{
        background: transparent;
    }
    .toggle-menu i{
        color: var(--theme-primary-color);
    }
    #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;
    }
}
@media screen and (max-width:575px){
    #home-mission h3{
        width: 100%;
    }
    .cat-img img {
        border-radius: 0;
    }
    .cat-content {
        padding: 15px;
    }
}