/*
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 a field of solar solutions, green energy, sustainability, clean power, eco-friendly, energy efficiency, photovoltaic, renewable resources, climate action, energy management, environmental impact, solar panels, power generation, energy savings, sustainable business. This is a best theme with multipurpose use. Also, the features of this theme is amazing. Environmental and organic websites are most suitable. Eco-Friendly power services, Environment friendly & protection agencies can showcase their products and services. Thru the social media icons users can show the world their products. Solar Renewable Energy has customization option were users can change colors of the background or enable/disable sections according to users demand. The theme also has color pallet of bright and dark colors suitable for your taste and brand. Make your solar farm websites and other related sites best with this theme. Solar Renewable Energy is multipurpose and multilingual theme ideal for foreign clients. Demo: https://trial.ovationthemes.com/solar-renewable-energy/
Version: 3.8
Requires PHP: 5.6
Tested up to: 6.6
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*/
.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{
    color: var(--theme-primary-color);
}

.gb_nav_menu ul li a{
    letter-spacing: 0;
    font-weight: 600;
}

/* --------- Slider --------- */
#slider{
    background: #222222;
    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;
    }
}