/*
Theme Name: Solar Panels
Theme URI: https://www.theclassictemplates.com/products/free-solar-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Solar Panels is like the shining sun in the world of website templates, designed to empower businesses and enthusiasts in the field of solar energy. This versatile digital solution offers an array of benefits and features, making it an ideal choice for solar companies, green energy advocates, and eco-conscious individuals. Whether you’re a solar panel manufacturer, installer, or an environmentalist with a solar blog, this theme has you covered. This theme is build for websites that offer solar energy, renewable energy, green technology, eco solutions, clean energy, sustainable business, energy efficiency, solar installation, photovoltaic systems, energy conservation, solar power, eco-friendly, green business, alternative energy, solar solutions. The Solar Panels WordPress Theme boasts a modern and eco-friendly design. The color schemes, visuals, and layout all reflect the essence of clean and sustainable energy, creating an inviting and informative digital environment. It’s like having the sun’s warmth and brightness right on your website, which is sure to leave a positive impact on your visitors.The Solar Panels WordPress Theme also supports informative blogs and articles, enabling you to share insights and knowledge about solar technology and its environmental benefits. This feature serves as your digital soapbox for advocating clean energy and engaging with like-minded individuals and organizations.The theme’s responsive design ensures that your website looks and functions flawlessly on various devices, from desktops to smartphones. This flexibility is like having your solar message accessible to people wherever they are, ensuring that your message reaches a wider audience.
Template: solar-services
Version: 1.4.5
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: solar-panels
Tags: blog, portfolio, e-commerce, right-sidebar, left-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-logo, post-formats, full-width-template, featured-images, custom-colors, editor-style, wide-blocks, block-styles, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options, rtl-language-support

Solar Panels WordPress Theme has been created by classictemplate (theclassictemplates.com), 2023.
Solar Panels WordPress Theme is released under the terms of GNU GPL

Solar Panels WordPress Theme is child theme of Solar Services WordPress Theme, Copyright 2023 classictemplate (theclassictemplates.com)
Solar Panels WordPress Theme is distributed under the terms of the GNU GPL
*/

body{
  margin:0;
  padding:0;
  line-height:20px;
  font-size:13px;
  color:#aaaaaa;
  font-family: 'Roboto', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background: #ffffff;
  overflow-x: hidden !important;
}
:root {
  --first-theme-color: #80aa45;
  --second-theme-color: #30584c;
}
#error-page{
  margin-top: 0 !important;
}
a, a:hover{
  text-decoration: none;
  color:var(--first-theme-color);
}
h1,h2,h3,h4,h5,h6{
  font-weight: 600;
  color:#000;
}
p{
  color:#9d9c9c;
}
/*block css*/
.postsec-list .wp-block-button a:hover, 
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background-color: var(--second-theme-color);
  color: #fff !important;
}
.postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid var(--first-theme-color) !important;
  color: #fff !important;
}
.site-main .wp-block-button.is-style-outline a{
  background:  var(--first-theme-color);
  color: #fff !important;
  outline: none !important;
  border:none !important;
}
.site-main .wp-block-button.is-style-outline a:hover{
  background: var(--second-theme-color);
}
.site-main .wp-block-button a:hover, .site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  border: none !important;
}
.postsec-list .wp-block-button__link, .site-main .wp-block-button__link{
  background: var(--first-theme-color);
  color:#fff !important;
  border-radius: 30px;
}
.postsec-list .wp-block-button a:hover, .site-main .wp-block-button a:hover{
  background:var(--second-theme-color);
  border:1px solid var(--second-theme-color) !important;
  color: #fff !important;
}
a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, button.wc-block-components-checkout-place-order-button{
  background-color: var(--first-theme-color);
  color:#fff;
}
button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color: #262626;
  color:#fff;
}
/*braedcrumb*/
.breadcrumb a{
  background-color: var(--first-theme-color);
  color:#fff !important;
  padding: 10px;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  align-self: center;
  margin-left: 15px;
}
.breadcrumb a:first-child{
  margin-left: 0;
}
.breadcrumb .current-breadcrumb, .breadcrumb a:hover{
  background-color: var(--second-theme-color);
  color:#fff;
}
.breadcrumb .current-breadcrumb{
  padding: 10px;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.breadcrumb {
    margin-bottom: 10px;
}

/* = top header css
-------------------------------------- */
h1.site-title, p.site-title{
  font-size: 35px;
  margin-bottom: 0;
  color:#fff;
}
h1.site-title a, p.site-title a{
  color: #fff;
  font-size: 27px;
  font-weight: 600;
}
h1.site-title a:hover {
  text-decoration: unset;
}
h1.site-title a:hover, p.site-title a:hover, #footer p.site-title a:hover, .social-icons i:hover, #footer .social-icons i:hover, h1.site-title a:hover, p.site-title a:hover, #footer p.site-title a:hover{
  color: var(--first-theme-color);
}

/*scroll to top*/
.page-links .post-page-numbers.current, .page-links a:hover, #button, .header-btn a, .slider-box .slider-btn .btn1, .slider-box .slider-btn .btn2, .tagcloud a:hover, .wp-block-tag-cloud a:hover{
  background: var(--first-theme-color);
  color:#fff;
  display: inline-block;
}
.header-btn a:hover, .slider-box .slider-btn .btn1:hover, .slider-box .slider-btn .btn2:hover,.header,
.nav-links .page-numbers{
  background-color: var(--second-theme-color);
}
.page-links a, .page-links span,  #footer,.page-template-template-home-page .bhead.sticky-head, .bhead.sticky-head{
  background-color: var(--second-theme-color);
}
#footer a:hover, .header .site-mail p:hover, .header .social-icons i:hover, .post-comment:hover a, .post-comment:hover i, .post-date:hover a, .post-date:hover i, .page-header span a{
  color:var(--first-theme-color);
}
.widget_calendar #today a, #footer aside h5, .page-links a, .page-links span{
  color:#fff !important;
}
/* = header css
-------------------------------------- */
.woocommerce a.added_to_cart,.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
  color: #fff;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 15px;
  display: inline-block;
  background-color: var(--first-theme-color);
  text-decoration: none;
  margin-top: 5px;
}
.woocommerce a.added_to_cart {
  margin-top: 10px;
  padding: 10px 14px !important;
}
.woocommerce .single_add_to_cart_button{
  margin-top: 0px !important;
}
.pagemore a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover,.woocommerce a.added_to_cart:hover {
  background: var(--second-theme-color);
  color: #fff;
}
.woocommerce input#coupon_code{
  padding: 10px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
  width: 100px;
}
.woocommerce ul.products li.product .onsale, .copywrap{
  background-color: var(--first-theme-color);
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]{
  color:#fff;
}
/* = menus css */
.main-nav li ul{
  border: none;
}
.main-nav a {
  color: #fff;
}
.main-nav a:hover {
  color: var(--first-theme-color);
}
/*Clearing floats css*/
.page-links a, .page-links span{
  color: var(--first-theme-color);
  border: 1px solid var(--first-theme-color);
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: var(--first-theme-color);
  color: #fff;
}
/* = slider section css
-------------------------------------- */
.slider-img-color{
  background-color: var(--first-theme-color);
  width:1800px;
}
.slider-box h1 a{
  color: #fff;
  font-size: 30px;
}
.slider-box h1 a:hover,#blog h4 a:hover{
  color: var(--first-theme-color) !important;
}
/* = services css
-------------------------------------- */
.service-box{
  position: relative;
}
.service-box img{
  width: 100%;
  height: 350px;
  object-fit: cover;
}
#blog .subhed {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
#blog h3 {
    font-size: 28px;
    font-weight: 600;
    color: #000;
}
#blog h4{
  line-height: 0.7;
}
#blog h4 a{
  font-size: 22px;
  color: #fff;
}
.blog-content {
  padding: 18px;
  background-color: var(--second-theme-color);
  margin-left: 20px;
  margin-right: 30px;
  bottom: auto;
  top: 85%;
  position: absolute;
  border-radius: 8px;
  width: 86%;
  border:1px solid #000;
}
.blog-content.no-thumbnail {
 position: static;
}
.blog-btn{
  text-align: right;
}
#blog .blog-btn a{
  background: #eaeeed;
  color: #bbb;
  border-radius: 0;
  font-size: 12px;
  padding: 10px;
}
#blog .blog-btn a i{
  padding-left: 0;
}
/*footer*/
.postsec-list .search-form input.search-submit, .widget_calendar caption, .widget_calendar #today, span.page-numbers.current, .nav-links .page-numbers:hover, #footer, #sidebar input.search-submit, #footer input.search-submit, form.woocommerce-product-search button, .woocommerce-account .addresses .title .edit{
  background-color: var(--first-theme-color);
}
.postsec-list .search-form input.search-submit, #sidebar input[type="text"], #sidebar input[type="search"], #footer input[type="search"]{
  border-color: var(--first-theme-color);
}
#sidebar ul li::before{
  color: var(--first-theme-color);
}
#sidebar .widget{
  border-bottom: 3px solid var(--first-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li, .woocommerce-message, span.page-numbers.current, .nav-links .page-numbers:hover{
  border-color: var(--first-theme-color) !important;
}
#sidebar .widget a:hover, #sidebar .widget a:active, .listarticle h2 a, .woocommerce-message::before{
  color: var(--first-theme-color);
}
#sidebar .wp-block-search__button{
  background-color: var(--first-theme-color);
  color: #fff;
}
#sidebar .widget-title{
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul li{
  background-color: var(--first-theme-color);
}
.header .site-mail i{
  background-color: var(--second-theme-color);
}
.page-header span {
  margin-top: 0px;
  margin-bottom: 0px;
}
/*responsive*/
@media screen and (max-width: 1000px){
  .toggle-nav button{
    background-color: var(--first-theme-color) !important;
  }
  #mySidenav{
    background-color: var(--second-theme-color);
  } 
  .toggle-nav button{
    color:#fff;
    border-radius: 8px;
    border:1px solid #fff;
  }
  .main-nav li{
    border-color: #fff;
  }
  .page-template-template-home-page .bhead, .bhead{
    background-color: var(--second-theme-color);
  }
  .sidenav .close-button{
    margin-bottom: 20px !important;
    margin-top: 20px;
  }
  .main-nav a:hover{
    background:none;
    color:#fff !important;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px){
  .admin-bar .sticky-head{
    top: 45px;
  }
}
@media screen and (max-width: 999px){
  .blog-content{
    width: 80%;
  }
}
@media screen and (max-width: 600px){
  .page-template-template-home-page .bhead.sticky-head, .bhead.sticky-head{
    padding-top: 0px !important;
  }
}