/*
Theme Name: Solar Panel Distributor
Theme URI: https://www.mizanthemes.com/products/free-solar-wordpress-theme/
Author: mizanthemes
Author URI: https://www.mizanthemes.com/
Description: Solar Panel Distributor is a user-friendly and efficient WordPress theme designed specifically for individuals and businesses in the solar energy industry. Tailored for olar panels, solar energy, renewable energy, solar power, solar service, Solar installation services, Energy consultancy businesses,Solar farm developers and Solar power maintenance services this theme empowers users with limited technical expertise to create a professional online presence effortlessly. Catering to solar panel distributors, installers, and renewable energy enthusiasts, this theme is crafted to showcase solar products and services effectively. Its intuitive design allows users to effortlessly navigate and manage their website without delving into complex technicalities. The theme eliminates the need for coding knowledge, making it accessible for those who may not have a background in web development. The Solar Panel Distributor WordPress Theme features a clean and visually appealing layout, ensuring that potential customers can easily explore the range of solar products on offer. With a focus on simplicity, the theme allows users to showcase product details, pricing, and benefits in a clear and concise manner. The responsive design ensures that the website looks seamless on various devices, from desktops to mobile phones, enhancing accessibility for a broader audience. One of the key advantages of this theme is its efficiency in managing and updating product listings. Users can easily add or edit information, upload images, and highlight key features, streamlining the process of keeping the website current and informative. Preview: https://preview.mizanthemes.com/solar-panel-distributor/
Version: 0.9
Requires at least: 5.6
Tested up to: 6.6
Requires PHP: 7.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: solar-panel-distributor
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-menu, custom-header, featured-images, sticky-post, full-width-template, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo, news, e-commerce, portfolio
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
    --primary-color: #5cb85c;
    --secondary-color: #f0ad4e;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none !important;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #001837;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}

body {
    line-height: 1.5;
    color: #727272;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #121212;
    font-weight: bold;
    margin: 0 0 15px 0;
    font-family: 'Figtree', sans-serif;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    clear: both;
}

p {
    color: #727272;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

.page-links {
    width: 100%;
    display: inline-block;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul,
ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

.entry-content ul,
.entry-content ol {
    margin-left: 0;
    list-style: none;
}

li.woocommerce-MyAccount-navigation-link {
    background: var(--primary-color);
    padding: 10px;
    border-radius: 15px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
}

li.woocommerce-MyAccount-navigation-link a {
    color: #fff !important;
    text-decoration: none !important;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    max-width: 100%;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

td,
th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
a.button,
input[type="button"],
input[type="reset"] {
    background: var(--primary-color) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 20px;
    border-radius: 10px;
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: transparent;
    background-color: #121212;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea,
select {
    color: #666;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"] {
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding: 5px;
}

textarea {
    padding: 10px;
    width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: inherit;
}

a:visited {
    color: var(--primary-color);
}

a:hover,
a:active {
    color: var(--primary-color);
}

a:focus,
.account a:focus {
    outline: 1px dotted;
}

a:hover,
a:active {
    outline: 0;
}

/*comment and post navigation*/
a.comment-reply-link {
    text-transform: uppercase;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
    clear: both;
}

#infinite-handle {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

#infinite-handle span:hover {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

#infinite-handle span {
    border: 1px solid #001837;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
    color: #001837;
    display: block;
}

.post-title {
    font-size: 17px;
    word-wrap: break-word;
    margin-top: 15px;
}

.meta-nav {
    background: var(--primary-color);
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    margin-right: 15px;
    padding: 7px 10px;
    text-align: center;
    width: 115px;
}

.post-navigation a {
    color: #1a1a1a;
    display: block;
}

.post-navigation a:hover {
    color: var(--primary-color);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    border-bottom: 4px solid var(--primary-color);
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    padding-left: 30px;
}

/** pagination **/
.navigation,
.pagination {
    margin-top: 15px;
}

.nav-links {
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 5px 10px;
    text-align: center;
}

.page-numbers.dots {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.navigation .nav-links .page-numbers.current,
.navigation .nav-links a:hover {
    background: #222 none repeat scroll 0 0;
    border-color: #2195af;
    color: #ffffff;
}

.navigation .nav-links a {
    background: var(--primary-color);
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
}

.navigation .nav-links .nav-next,
.navigation .nav-links .nav-next {
    float: right;
}

.navigation .nav-links .nav-previous,
.navigation .nav-links .nav-previous {
    float: left;
    margin-bottom: 30px;
}

.navigation .nav-links .nav-links a:hover,
.navigation .nav-links .nav-links a:hover {
    background: #00132c;
}

.post-navigation .nav-links a,
.post-navigation .nav-links a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #001837;
    padding: 0;
}

.post-navigation .nav-links>div {
    width: 100%;
}

#mobile-trigger,
#mob-menu {
    display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.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;
    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;
}

/*-------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

figure.alignright {
    margin-right: 0;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.alignnone {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 30px 0 0;
}

.widget:first-child {
    margin: 0;
}

.widget select {
    max-width: 100%;
}
.sidebar form.search-form{
    position: relative;
}
.sidebar .search-form .search-submit {
    width: 68px;
    top: 0px;
    height: 47px;
    background: var(--primary-color);
    display: block;
    border: 0px;
    color: #fff;
    right: 0px;
    position: absolute;
}
.sidebar .search-form .search-submit:hover{
    background: #000;
    color: #ffffff;
}
.sidebar form input.search-field {
    margin-right: 0px;
    border: 1px solid #dddddd;
    height: 15px;
     margin-right: 0px; 
    margin-top: 0px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 100%;
    z-index: 9999;
    right: 0;
}
.custom-logo-link img{
    max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#primary article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 15px 15px;
    position: relative;
    margin: 50px 0px;
    border-radius: 12px;
}
#primary article.hentry:hover {
    box-shadow: 0 0 20px #cfcfcf;
}
#primary article.hentry:nth-child(1){
    margin-top: 0px;
}
.page-header .page-title {
    margin: 0;
}
.page-header {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    margin-bottom: 20px;
    padding: 5px 30px;
}

.footer-widget-area article {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0px !important;
}

footer.entry-footer {
    margin-bottom: 25px;
}

.entry-footer>span {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
}

.entry-footer>span:last-child {
    border-right: none;
}

.cat-links>a {
    margin-left: 5px;
}

.cat-links>a:first-child {
    margin-left: 0;
}

.sticky {
    display: block;
}

#primary article.sticky.hentry {
    background: #f9f9f9;
}

.hentry {
    margin: 0 0 30px;
}

.hentry:first-child {
    margin: 0;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline-block;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.entry-footer {
    background: #ededed;
    padding: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.entry-footer>span a {
    color: #121212;
    font-size: 16px;
}

.entry-footer a:hover {
    color: var(--primary-color);
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.home .entry-content-wrapper .entry-content {
    margin: 0;
}

.entry-footer>span::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "";
    color: var(--primary-color);
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

span.comments-link::before {
    content: "\f0e6";
    color: var(--primary-color);
}

.entry-footer>.cat-links::before {
    content: "\f115";
    color: var(--primary-color);
}

.entry-footer>.byline::before {
    content: "\f007";
    color: var(--primary-color);
}

.entry-footer .edit-link::before {
    content: "\f044";
    color: var(--primary-color);
}

.entry-footer .tags-links::before {
    content: "\f02c";
}

.entry-footer>.posted-on::before {
    content: "\f017";
    color: var(--primary-color);
}

.text-content {
    clear: both;
}

.text-content p {
    font-size: 18px;
    line-height: 35px;
    color: #121212;
}

.post-button {
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.post-button a {
    padding: 8px 25px;
    z-index: 3;
    background: var(--primary-color) none repeat scroll 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.post-button a:hover {
    color: #121221;
}

/*single post CSS*/
.entry-content p {
    font-size: 18px;
}

.custom-entry-date {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    background: var(--primary-color);
}

.custom-entry-date span.entry-month {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    padding: 8px 22px;
    text-transform: uppercase;
    width: 73px;
}

.custom-entry-date span.entry-day {
    font-size: 30px;
    font-weight: bold;
    line-height: 26px;
    overflow: hidden;
    padding: 7px 0 10px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    width: 73px;
    background: var(--secondary-color);
}

.custom-entry-date>span {
    display: block;
    text-align: center;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#respond {
    clear: both;
    display: block;
    float: left;
}

#comments {
    margin-top: 30px;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-notes {
    position: relative;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form {
    margin: 0 -15px;
}

.comments-area form#commentform p.logged-in-as,
.comments-area form#commentform p {
    padding: 0 15px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 50%;
}

.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 33.33%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li {
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}

.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment>div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-metadata>a {
    color: #49616b;
    margin-right: 30px;
}

.comment-metadata::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    content: "\f017";
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-content {
    clear: both;
    display: block;
}

.authorbox .author-info,
.authorbox .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}

.author-info h4 {
    margin-bottom: 0;
}

#commentform label {
    display: inline;
    position: relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
    margin-right: 10px;
}

#commentform p.form-submit {
    margin-top: 30px;
}

#commentform span.required {
    color: #f0632b;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-right: -5px;
    margin-left: -5px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 5px;
}

.gallery-item img {
    vertical-align: middle;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
    padding: 5px;
}

/*--------------------------------------------------------------
# Custom 
--------------------------------------------------------------*/
#page {
    position: relative;
    margin: 0 auto;
}

.site-layout-boxed #page {
    max-width: 1230px;
    margin-top: 30px;
    box-shadow: 0 2px 2px;
    margin-bottom: 30px;
}

.site-layout-boxed #page .top-news-title {
    margin-left: -16px;
    padding-left: 15px;
}

.inner-wrapper {
    margin-left: -12px;
    margin-right: -12px;
}
.page-template-home-page-template .inner-wrapper{
    margin-left: auto;
    margin-right: auto;
}
.custom-button {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.custom-button {
    border: 2px solid var(--primary-color);
    display: inline-block;
    font-size: 15px;
    margin: 10px;
    padding: 8px 25px;
}

.custom-button:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

/*buttons*/
a.more {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 5px 25px 8px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

a.more::after {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 17px;
    margin-left: 9px;
}

a.more:hover {
    color: #343434;
    background-color: #fff;
    border-color: #fff;
}

a.button {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 9px 25px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    text-transform: uppercase;
}

a.button:hover {
    color: #6081a7;
}

a.button::after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 5px;
}

a.read-more {
    margin-left: 10px;
    color: var(--primary-color);
}

/*--------------------------------------------------------------
##  Preloader css
--------------------------------------------------------------*/
.loader-head {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    z-index: 9999;
}

.preloader {
    position: fixed;
    height: 10%;
    width: 10%;
    top: 40%;
    left: 0px;
    margin: 0px auto;
    right: 0px;
}

.spinner {
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid var(--primary-color);
    box-shadow: 4px 4px 5px #ffffff inset;
    border-right: 10px solid transparent;
    border-radius: 50%;
    animation: 1.5s spin linear infinite;
}

.spinner-2 {
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    animation: 1.2s spin-2 linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-2 {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

/*--------------------------------------------------------------
##  Topbar css
--------------------------------------------------------------*/

h2.entry-title a {
    color: var(--primary-color);
    word-wrap: break-word;
}

.topheader {
    padding: 10px 0;
    background: var(--primary-color);
    color: #fff;
}

.topheader p{
    font-size: 16px;
    color: #fff;    
}

.topheader-box {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

#middle-header {
    padding: 20px 0;
    border-bottom: solid 1px #bfbfbf;
}

.media-div a, .top-phone span {
    background: #efffef;
    padding: 9px 0;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    color: #121212;
}

.top-btn a {
    color: #fff;
    background: var(--secondary-color);
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}

.center-header-box {
  background-image: url(./third-party/menu-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 51px;
}


/*--------------------------------------------------------------
##  Header Style 
--------------------------------------------------------------*/
#middle-header.sticky {
    position: fixed !important;
    width: 100%;
    background: #f9f9f9;
    z-index: 99999;
    top: 0px;
}

.admin-bar #middle-header.sticky {
    top: 32px;
}

.site-description {
    color: #121212;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

#header-social .solar_panel_distributor_widget_social ul li a::before {
    line-height: 1.5;
    font-size: 16px;
}

#header-social .solar_panel_distributor_widget_social li a {
    height: 25px;
    background: inherit;
    width: 20px;
}

#header-social .solar_panel_distributor_widget_social ul li a::before {
    color: #121212;
    text-shadow: inherit;
    font-size: 14px;
    font-weight: 300;
}

.search-form input.search-field {
    border: 1px solid #dddddd;
    height: 15px;
    margin-right: 10px;
    margin-top: 8px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 280px;
    z-index: 9999;
    right: 0;
}

.search-form .search-submit {
    font: 14px/1.3 FontAwesome;
    height: 37px;
    display: none;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus {
    color: var(--primary-color);
    background: none;
}

/* Anchor tag undeline */
#sidebar-primary .textwidget a,
.comment .comment-body a,
.rsswidget,
.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-privacy-policy-text a,
.woocommerce-info a,
.entry-content a,
.text-content a {
    color: var(--primary-color);
    text-decoration: underline !important;
}

.wp-block-button__link {
    color: #fff !important;
}

/*middle header css*/

.site-header.fixed {
    background-color: var(--primary-color);
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    padding: 0 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.site-header.fixed .site-branding {
    display: none;
}

.slider-enabled .site-header {
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 99999;
}

.site-header.fixed #main-nav {
    background: var(--primary-color) none repeat scroll 0 0;
    margin: 0;
}

.site-header.fixed #main-nav a {
    color: #ffffff;
}

.site-branding img {
    margin-top: 5px;
    vertical-align: middle;
}

.site-title>a {
    color: var(--primary-color);
    font-size: 25px;
    font-weight: bold;
}

.site-header.fixed .site-description {
    display: none;
}

#masthead {
    clear: both;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#site-logo {
    max-width: 300px;
}

.site-title {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 500;
}

.site-info a {
    color: #fff;
}

.woocommerce a.remove:hover {
    background: var(--primary-color) none repeat scroll 0 0 !important;
}

/*--------------------------------------------------------------
## Menu Style 
--------------------------------------------------------------*/

.admin-bar .fixed {
    margin-top: 32px;
}

.gb_nav_menu li {
    display: inline-block;
    margin: 0;
    position: relative;
}

.gb_nav_menu li a {
    color: #fff;
    padding: 8px 15px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.gb_nav_menu ul li a:active,
.gb_nav_menu ul li a:hover {
    color: #121212;
}

.gb_nav_menu ul ul {
    display: none;
    position: absolute;
    background: var(--primary-color);
    min-width: 210px;
    z-index: 9999;
    padding: 4px;
}

.gb_nav_menu ul ul ul {
    left: 100%;
    top: 0;
    margin-left: 0;
}

.gb_nav_menu ul ul a {
    color: #fff;
    padding: 10px;
}

.gb_nav_menu ul ul a:hover {
    background: var(--secondary-color);
    color: #fff !important;
}

.gb_nav_menu ul ul li {
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
}

.gb_nav_menu ul ul li:last-child {
    border-bottom: 0;
}

.gb_nav_menu ul li:hover>ul {
    display: block;
}

.gb_nav_menu .menu>ul>li.highlight {
    background-color: #006ccc;
}

.gb_nav_menu .menu>ul>li.highlight:hover {
    background: transparent;
}

.sf-arrows ul .sf-with-ul {
    padding: 10px;
}

.sf-arrows .sf-with-ul:after {
    content: '\f0dd';
    position: absolute;
    right: 0px;
    top: 1px;
    font-size: 18px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.sf-arrows ul .sf-with-ul:after {
    top: 4px;
}

.toggle-menu,
a.closebtn {
    display: none;
}

#menu-header .nav{
    justify-content: space-around;
}

/*--------------------------------------------------------------
## Social Links Style 
--------------------------------------------------------------*/
.solar_panel_distributor_widget_social {
    clear: both;
    overflow: hidden;
}

.solar_panel_distributor_widget_social ul {
    margin: 0;
}

.solar_panel_distributor_widget_social li a {
    display: block;
    height: 40px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.solar_panel_distributor_widget_social li {
    display: inline-block;
}

.widget-area .solar_panel_distributor_widget_social li,
#footer-widgets .solar_panel_distributor_widget_social li {
    padding: 0;
}

.widget-area .solar_panel_distributor_widget_social li::before,
#footer-widgets .solar_panel_distributor_widget_social li::before {
    display: none;
}

.solar_panel_distributor_widget_social ul li a::before {
    font-size: 19px;
}

.solar_panel_distributor_widget_social li a i {
    color: #cacad8;
    font-size: 20px;
    font-weight: normal;
}

.solar_panel_distributor_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 2.2;
}

.solar_panel_distributor_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.solar_panel_distributor_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.solar_panel_distributor_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.solar_panel_distributor_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.solar_panel_distributor_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.solar_panel_distributor_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.solar_panel_distributor_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.solar_panel_distributor_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.solar_panel_distributor_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.solar_panel_distributor_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.solar_panel_distributor_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.solar_panel_distributor_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.solar_panel_distributor_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.solar_panel_distributor_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.solar_panel_distributor_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.solar_panel_distributor_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.solar_panel_distributor_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.solar_panel_distributor_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.solar_panel_distributor_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.solar_panel_distributor_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.solar_panel_distributor_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.solar_panel_distributor_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.solar_panel_distributor_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.solar_panel_distributor_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

.solar_panel_distributor_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.solar_panel_distributor_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.solar_panel_distributor_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.solar_panel_distributor_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.solar_panel_distributor_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.solar_panel_distributor_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

.solar_panel_distributor_widget_social ul li a[href*="plus.google.com"] {
    background-color: #dd4b39;
}

.solar_panel_distributor_widget_social ul li a[href*="/feed/"] {
    background-color: #dc622c;
}

.solar_panel_distributor_widget_social ul li a[href*="wordpress.org"],
.solar_panel_distributor_widget_social ul li a[href*="wordpress.com"] {
    background-color: #45bbe6;
}

/*--------------------------------------------------------------
## Main Content Style
--------------------------------------------------------------*/
#primary {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
}

#content {
    clear: both;
    padding: 30px 0;
}

.home.home-content-not-enabled #content {
    display: none;
}

/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
.sidebar {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}

.sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.entry-title h2:before {
    content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}

.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.sidebar ul ul {
    border-bottom: none;
    padding-bottom: 0;
}

.sidebar ul li {
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px;
    position: relative;
}

.sidebar ul li::before {
    color: var(--primary-color) !important;
    content: "\f192";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 6px;
    margin-left: 2px;
}

.sidebar .widget a,
.sidebar .widget a:visited {
    color: #001837;
    word-wrap: break-word;
}

.sidebar .widget a:hover,
.sidebar .widget a:active {
    color: var(--primary-color);
}

.sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px #cfcfcf;
    border-bottom: 3px solid var(--primary-color);
}

.sidebar .widget:hover {
    box-shadow: 0 0 20px #cfcfcf;
}

/*calendar widget*/
.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}

.widget_calendar #today {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
}

.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.widget .tagcloud a:hover {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.widget_categories li>a,
.widget_archive li>a {
    display: inline-block;
    min-width: 85%;
}

.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}

/*--------------------------------------------------------------
## Footer Style By 
--------------------------------------------------------------*/
#colophon {
    background: var(--primary-color);
    clear: both;
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
}

#colophon a {
    color: rgba(255, 255, 255, 0.75);
}

#colophon a:hover {
    color: rgba(255, 255, 255, 0.75);
}

#footer-widgets {
    background: #121212 none repeat scroll 0 0;
    overflow: hidden;
    padding: 50px 0;
    color: rgba(255, 255, 255, 0.75);
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#footer-widgets ul li {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 3px 15px 3px 13px;
    position: relative;
}

#footer-widgets ul li::before {
    color: rgba(255, 255, 255, 0.75);
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 3px;
}

#footer-widgets a .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
}

#footer-widgets a,
#footer-widgets p {
    color: rgba(255, 255, 255, 0.75);
}

#footer-widgets a:hover {
    color: #fff;
}

#footer-widgets .footer-active-1 {
    width: 100%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 25px;
}

#footer-widgets .widget-title {
    color: #dddddd;
    font-size: 21px;
    font-weight: 400;
    width: max-content;
}

header.entry-header h1 {
    word-wrap: break-word;
}

/*Footer Navigation*/
#colophon .solar_panel_distributor_widget_social ul li a::before {
    font-size: 14px;
}

#colophon .solar_panel_distributor_widget_social li a {
    height: 30px;
    width: 30px;
}

#colophon .footer-social {
    margin: 5px 0;
}

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}

#footer-navigation li a {
    display: block;
    padding: 0 5px 5px;
}

#footer-navigation ul {
    margin: 0;
}

#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h2,
#footer-widgets h4 #footer-widgets h5 #footer-widgets h6 {
    color: #fff;
}

/*Scrollup Style*/
.scrollup {
    background: var(--primary-color);
    bottom: 30px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 1px 10px 4px;
    position: fixed;
    right: 32px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    z-index: 99;
    border-radius: 10px 10px;
}

.scrollup:hover {
    background-color: var(--primary-color);
}

.scrollup i {
    font-size: 38px;
    color: #fff;
}

/*--------------------------------------------------------------
##  layout sidebar By 
--------------------------------------------------------------*/
.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.four-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 25%;
}

.four-columns-enabled #sidebar-secondary1 {
    float: inline-end;
}

.four-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-three-columns .sidebar {
    float: right;
}

.three-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-no-sidebar #primary {
    width: 100%;
}

/*--------------------------------------------------------------
## Inner Pages Style By 
--------------------------------------------------------------*/
/*Basic Breadcrumb */
#breadcrumb {
    padding: 18px 0;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

#breadcrumb .breadcrumb-trail li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;
}

#breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}

#breadcrumb .breadcrumb-trail li::after {
    content: "\f105";
    margin-left: 10px;
    font-family: 'FontAwesome';
}

#breadcrumb .breadcrumb-trail .trail-items {
    margin: 0;
    padding: 0;
}

#breadcrumb span,
.submit {
    background: var(--primary-color);
    padding: 10px 20px;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 18px;
}

/*Error 404 Page*/
section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}
.error-404 .search-form{
    display: flex;
    align-items: center;
    justify-content: center;
}
.error404 .search-form .search-submit {
    height: 45px;
    padding: 0 20px;
    display: block;
    background: var(--primary-color);
    color: #fff;
    border: none;
}
.error404 .search-form input.search-field{
    margin-top: 0px;
}
/*contact form 7*/
.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}

.wpcf7-form-control-wrap {
    margin-top: 5px;
    display: block;
}

/*--------------------------------------------------------------
## Extra css for Pro 
--------------------------------------------------------------*/
/* Global layout sidebar*/
.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

/* equal global layout*/
.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}

.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}

/*sidebar and footer widget area style*/
#footer-widgets .home-section-post-category .post-category-item,
.sidebar .home-section-post-category .post-category-item {
    margin-bottom: 15px;
    width: 100%;
}

/*--------------------------------------------------------------
### Recent post widget style
--------------------------------------------------------------*/
#footer-widgets .solar_panel_distributor_widget_recent_posts .recent-posts-item {
    margin: 0;
}

.solar_panel_distributor_widget_recent_posts .recent-posts-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.solar_panel_distributor_widget_recent_posts .recent-posts-title a {
    color: #222;
}

.solar_panel_distributor_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 30px;
}

.solar_panel_distributor_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}

.solar_panel_distributor_widget_recent_posts .recent-posts-date::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "\f017";
}

/*--------------------------------------------------------------
### Featured Page Widget style 
--------------------------------------------------------------*/
#solar-panel-distributor-front-page-widgets .solar_panel_distributor_widget_featured_page .container {
    width: 1349px;
    padding: 0;
    max-width: 100%;
}

#solar-panel-distributor-front-page-widgets .featured-page-widget img.alignleft {
    margin-right: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#solar-panel-distributor-front-page-widgets .featured-page-widget img.alignright {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#solar-panel-distributor-front-page-widgets .fetured-page-content {
    padding: 50px;
}

#solar-panel-distributor-front-page-widgets .featured-page-widget.entry-content {
    margin: 0;
    background: #fff;
}

#solar-panel-distributor-front-page-widgets .solar_panel_distributor_widget_featured_page {
    padding: 0;
}

/*--------------------------------------------------------------
### Featured Content style 
--------------------------------------------------------------*/
.home-section-featured-blocks article {
    float: left;
    padding: 0 15px;
}

.home-section-featured-blocks .featured-blocks-column-1 article {
    width: 100%;
}

.home-section-featured-blocks .featured-blocks-column-2 article {
    width: 50%;
}

.home-section-featured-blocks .featured-blocks-column-3 article {
    width: 33.33%;
}

.home-section-featured-blocks .featured-blocks-column-4 article {
    width: 25%;
}

.home-section-featured-blocks {
    background: var(--primary-color) none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 40px 0;
}

.home-section-featured-blocks .entry-title a {
    color: #fff;
    font-weight: 400;
}

.home-section-featured-blocks p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 20px;
}

.home-section-featured-blocks .block-title a {
    color: #fff;
}

/*--------------------------------------------------------------
### Woocommercce Product Grid widget style
--------------------------------------------------------------*/
.solar_panel_distributor_widget_products_grid .solar-panel-distributor-woocommerce-product-grid-4 ul.products li.product {
    margin: 0 1.5% 30px;
    width: 22%;
}

.solar_panel_distributor_widget_products_grid .solar-panel-distributor-woocommerce-product-grid-3 ul.products li.product {
    width: 30.3%;
    margin: 0 1.5% 30px;
}

.solar-panel-distributor-woocommerce ul {
    margin: 0;
}

.solar_panel_distributor_widget_products_grid .solar-panel-distributor-woocommerce {
    margin: 0 -15px;
}

#solar-panel-distributor-front-page-widgets .solar_panel_distributor_widget_products_grid {
    padding-bottom: 0;
}

.woocommerce-info a,
.site-title,
.woocommerce-info::before,
.site-title a:hover {
    color: #121212;
}

.woocommerce-info {
    border-top-color: var(--primary-color) !important;
}

/*--------------------------------------------------------------
### Woocommercce Carousel widget style
--------------------------------------------------------------*/
.solar-panel-distributor-woocommerce .slick-prev {
    left: 0;
    z-index: 999;
}

.solar-panel-distributor-woocommerce .slick-next {
    right: 0;
    z-index: 999;
}

.solar-panel-distributor-woocommerce .slick-arrow {
    bottom: 50%;
    position: absolute;
}

.solar-panel-distributor-woocommerce .slick-arrow i {
    background: #4fc3dd none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    line-height: 1.3;
    position: relative;
    text-align: center;
    width: 40px;
}

.solar-panel-distributor-woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

.solar-panel-distributor-woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.solar-panel-distributor-woocommerce ul.products li.product,
.solar-panel-distributor-woocommerce -page ul.products li.product {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 15px;
}

.solar-panel-distributor-woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.solar-panel-distributor-woocommerce span.onsale {
    background-color: #121212;
    color: #ffffff;
    position: absolute;
    z-index: 99;
}

.solar-panel-distributor-woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.solar-panel-distributor-woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.solar-panel-distributor-woocommerce ul.products li.product .onsale::after {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.solar-panel-distributor-woocommerce ul.products li.product .onsale {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
}

.solar-panel-distributor-woocommerce ul.products li.product h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 7px;
    width: 100%;
}

.solar-panel-distributor-woocommerce.solar-panel-distributor-woocommerce-product-grid-3 ul.products li.product .button {
    left: 32%;
}

.solar-panel-distributor-woocommerce ul.products li.product .button {
    font-size: 15px;
    left: 21%;
    position: absolute;
    text-align: center;
    top: 35%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: auto;
    opacity: 0;
    border: none;
    text-transform: capitalize;
}

.solar-panel-distributor-woocommerce ul.products li.product .button:hover {
    color: #fff;
}

.solar-panel-distributor-woocommerce ul.products li.product:hover .button {
    visibility: visible;
    opacity: 1;
    top: 40%;
}

.solar-panel-distributor-woocommerce .star-rating {
    float: right;
    font-family: star;
    font-size: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
}

.solar-panel-distributor-woocommerce .star-rating::before {
    color: #d3ced2;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.solar-panel-distributor-woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.solar-panel-distributor-woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.solar-panel-distributor-woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.solar-panel-distributor-woocommerce .woocommerce-product-rating::after,
.solar-panel-distributor-woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.solar-panel-distributor-woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.solar-panel-distributor-woocommerce .products .star-rating {
    display: block;
    float: none;
    left: 25px;
    position: absolute;
    top: 62%;
}

.solar-panel-distributor-woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.solar-panel-distributor-woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.solar-panel-distributor-woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

.solar-panel-distributor-woocommerce a.button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}

/*--------------------------------------------------------------
## Custom Woocommerce Style
--------------------------------------------------------------*/
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins,
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins {
    background: #fa6f6f none repeat scroll 0 0;
    border-radius: 14px;
    color: #ffffff;
    font-weight: normal;
    margin: 0 5px;
    padding: 0 13px;
    text-decoration: none;
}

.woocommerce ul.products li.product h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 0.5em;
}

.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.woocommerce div.product .button {
    vertical-align: middle;
    float: left;
    font-weight: normal;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 30%;
    margin: 0 1.5% 20px;
    padding: 0 0 5px;
    text-align: center;
    float: left;
    list-style-type: none;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    border-bottom: 3px solid var(--primary-color);
    border-radius: 10px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--primary-color)
}

.woocommerce ul.products li.product a img {
    position: relative;
}

.woocommerce ul.products li.product .button {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    float: none;
    font-size: 15px !important;
    line-height: 1.5;
    margin: 14px auto 14px;
    max-width: 134px;
    padding: 7px 0px;
    transition: all 0.4s ease-in-out 0s;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .price ins {
    color: #121212;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 25px;
}

.woocommerce ul.products li.product .button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}

.woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
    color: var(--primary-color);
}

.woocommerce span.onsale {
    background-color: var(--primary-color);
}

.woocommerce ul.products li.product .star-rating {
    font-size: 0.857em;
    left: 20px;
    position: absolute;
    top: 10px;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    background: none repeat scroll 0 0 #ffffff;
    padding: 5px;
    border: 1px solid #ddd;
}

.images .thumbnails a {
    border: 1px solid #ddd;
    clear: both;
}

#reviews .comment-form {
    margin: 0;
}

.woocommerce ul.products li.product a {
    text-align: center;
    text-decoration: none;
}

/*woocommerce button custom color*/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: var(--primary-color);
    box-shadow: inherit;
    border-radius: 0;
    color: #fff !important;
    text-decoration: none !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #121212;
    box-shadow: none;
    color: #fff;
    border: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #fff;
    padding: 15px;
    border-top: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    float: left;
    margin: 0 2px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    border-radius: 17px;
    height: 33px;
    margin-top: 1px;
    padding-left: 15px;
    width: auto;
}

.woocommerce input#billing_phone {
    padding: 5px;
    border: 1px solid #ddd;
}

.woocommerce .select2-container .select2-choice {
    border: 1px solid #ddd;
    border-radius: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #ddd;
    border-top: 2px solid #ddd;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: outside none none;
}

.woocommerce-checkout #payment,
.woocommerce table {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce table.shop_table {
    border: medium none;
}

.woocommerce table.shop_table {
    border-collapse: collapse;
}

.woocommerce caption,
.woocommerce th,
.woocommerce td {
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

.woocommerce table.shop_table th {
    font-weight: normal;
    padding: 6px 12px;
}

.woocommerce table.shop_table td {
    padding: 5px;
    text-align: center;
}

.woocommerce a.remove {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff !important;
    margin: 0 auto;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 10px 20px;
    text-align: center;
}

.woocommerce div.product .product_title {
    clear: none;
    font-size: 28px;
    margin: 0 0 5px;
    padding: 0 0 10px;
}

.page-numbers {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce nav.woocommerce-pagination {
    margin-bottom: 30px;
    text-align: center;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}

.woocommerce ul.products li.product .onsale {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
    display: block;
}

.cart button.single_add_to_cart_button {
    margin-left: 15px;
}

.woocommerce .actions p {
    margin: 0;
}

.woocommerce table.shop_table.cart thead {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
}

.woocommerce .checkout h3 {
    font-size: 20px;
}

.woocommerce #ship-to-different-address .checkbox+br {
    display: none;
}

.woocommerce .checkout-button.button.alt.wc-forward {
    display: inline-block;
    width: auto;
}

.woocommerce .authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.woocommerce .authorbox img {
    border-radius: 100%;
}

.woocommerce .authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.woocommerce .authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.woocommerce .authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.woocommerce .authorbox .author-bio-posts-content p {
    margin: 0;
}

.woocommerce .authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

.woocommerce ul.products li.product .price {
    font-size: 16px;
}

.comment-body .reply a {
    background: var(--primary-color);
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px;
    font-weight: 600;
    display: inline-block;
}

/*woocommerce form */
.woocommerce #review_form_wrapper #commentform {
    margin: 0 -15px;
}

.woocommerce p.comment-form-rating {
    clear: both;
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    padding: 10px 15px;
}

.woocommerce .star-rating span::before {
    color: var(--primary-color);
}

.woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
a.wc-block-components-product-name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
/*Bio Auther box*/
.authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox img {
    border-radius: 100%;
}

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}
/*--------------------------------------------------------------
##  Media Queries For Container
--------------------------------------------------------------*/
@media only screen and (min-width: 1400px){
    .elementor-section.elementor-section-boxed > .elementor-container{
          max-width: 1320px !important;
          }
      }
     @media only screen and (min-width: 1600px){
     .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container,.elementor-section.elementor-section-boxed > .elementor-container{
         max-width: 1500px !important;
         }
     }
     @media only screen and (min-width: 1920px){
         .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .elementor-section.elementor-section-boxed > .elementor-container {
             max-width: 1840px !important;
         }
     }
/*--------------------------------------------------------------
##  Media Queries 
--------------------------------------------------------------*/

/* Smaller than standard 1349 above (devices and browsers) */
@media only screen and (min-width:1400px) {
    .solar_panel_distributor_widget_featured_page .container {
        width: 1230px;
        padding: 0 15px;
        max-width: 100%;
    }
}

/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        width: 97%;
    }

    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    #comments input#submit {
        width: auto;
    }

    .right-header {
        width: auto;
    }

    .header-search-box .search-box-wrap {
        width: 200px;
    }

    .search-form input.search-field {
        width: 85%;
    }

    .authorbox .author-info,
    .authorbox .author-bio-posts-content {
        float: left;
        max-width: 70%;
        width: 70%;
    }

    #solar-panel-distributor-front-page-widgets .featured-page-widget img.alignleft {
        margin-bottom: 0;
        margin-right: 30px;
        max-width: 45%;
    }

    .site-layout-boxed #page {
        max-width: 93%;
    }

    .site-layout-boxed #page .top-news-title {
        margin-left: -30px;
        padding-left: 15px;
    }
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {

    .site-header.fixed,
    .home .site-header.fixed {
        position: absolute;
        background-color: inherit;
        box-shadow: inherit;
    }

    .site-layout-boxed #page {
        max-width: 100%;
        margin-top: 45px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 22px;
    }

    td,
    th {
        font-size: 12px;
        padding: 2px;
    }

    .solar_panel_distributor_widget_contact .wpcf7-form>p {
        width: 100%;
    }

    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary,
    body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }

    .widget-area .home-section-post-category .post-category-meta li.news-read-more {
        float: none;
        margin-top: 10px;
    }

    .widget-area .home-section-post-category .post-category-meta li {
        display: inline-block;
        float: none;
        margin-right: 0;
    }

    .box-content {
        width: 95%;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:1000px) {
    .submit-button {
        right: 4%;
    }

    .site-branding {
        float: none;
        margin: 0 auto;
        max-width: 100%;
    }

    .slider-enabled .site-header {
        position: inherit;
    }

    .site-description {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
    }

    .solar-panel-distributor-woocommerce-product-grid-4 ul.products li.product .button {
        padding: 5px 13px;
        left: 13%;
        font-size: 14px;
    }

    .solar-panel-distributor-woocommerce-product-grid-3 ul.products li.product .button {
        left: 16%;
    }

    .enabled-sticky-primary-menu #masthead.fixed {
        position: inherit;
        top: 0;
    }

    .site-header.fixed .site-branding {
        display: block;
    }

    .solar-panel-distributor-woocommerce .products .star-rating {
        top: 20px;
    }

    .gb_nav_menu .nav ul li a:focus,
    a.closebtn.gb_menu:focus,
    .toggle-menu button:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }

    .toggle-menu {
        display: none;
        width: 100%;
        cursor: pointer;
        text-align: center;
        font-size: 20px;
    }

    .toggle-menu i {
        font-size: 22px;
    }

    .side_gb_nav {
        max-height: 100%;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999999;
        top: 110%;
        right: 0;
        overflow-y: scroll;
        background-color: #121212;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        visibility: hidden;
    }

    .side_gb_nav.show {
        visibility: visible;
        top: 0%;
    }

    .side_gb_nav .closebtn {
        position: absolute;
        top: 0;
        padding: 0px 18px;
        font-size: 42px;
        display: block;
        color: #ffffff;
    }

    .side_gb_nav #top_gb_menu {
        width: 100%;
    }

    .toggle-menu span {
        font-size: 30px;
        cursor: pointer;
        text-align: right;
    }

    .toggle-menu {
        display: block;
    }

    .gb_nav_menu .nav ul li {
        border-top: 1px #404040 solid;
        display: block;
    }

    .nav ul li a {
        padding: 10px 15px;
        display: block;
        color: #ffffff !important;
        border: none;
        border-bottom: 1px solid #404040;
        background: none !important;
    }

    .sf-arrows .sf-with-ul:after {
        right: 20px;
    }

    .nav ul li:first-child a {
        border-top: 1px solid #47515a;
    }

    .nav ul li:first-child ul li a {
        border-top: none;
    }

    .gb_nav_menu .current_page_item>a,
    .gb_nav_menu .current-menu-item>a,
    .gb_nav_menu .current_page_ancestor>a {
        color: var(--primary-color);
    }

    .nav ul li ul li a:before {
        content: "__";
        padding-right: 10px;
    }

    .nav ul li ul li a {
        padding-left: 20px !important;
    }

    .nav ul li ul li ul li a {
        padding-left: 30px !important;
    }

    .gb_nav_menu ul ul {
        position: static;
        width: 100%;
        background: none;
        border: none;
    }

    .gb_nav_menu li,
    .menu_header {
        padding: 0;
        display: block;
    }

    .gb_nav_menu .sub-menu>li>a:focus,
    .nav ul li a:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    .text-content p {
        text-align: center;
    }

    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 22px;
    }

    body .sidebar,
    body #primary {
        width: 100%;
    }

    .site-content {
        padding-top: 15px;
    }

    /*footer widget area*/
    .sibebar {
        margin-top: 15px;
    }

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #footer-widgets .footer-active-1 {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }

    .solar_panel_distributor_widget_products_grid .solar-panel-distributor-woocommerce-product-grid-4 ul.products li.product,
    .solar_panel_distributor_widget_products_grid .solar-panel-distributor-woocommerce-product-grid-3 ul.products li.product {
        margin: 0 1.5% 30px;
        width: 47%;
    }

    .solar-panel-distributor-woocommerce-product-grid-4 ul.products li.product .button,
    .solar-panel-distributor-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 22%;
        padding: 5px 13px;
    }

    .block-title {
        margin-bottom: 5px;
    }

    a.more {
        padding: 2px 15px 5px;
    }

    .widget {
        margin: 15px 0 0;
    }

    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }

    #main-slider::before,
    #main-slider::after {
        display: none;
    }

    #colophon .colophon-column {
        float: left;
        width: 100%;
    }

    #footer-navigation {
        text-align: center;
        margin-bottom: 10px;
    }

    .copyright {
        margin-bottom: 5px;
    }

    .entry-footer>span {
        border-right: medium none;
        border-top: 1px solid #dddddd !important;
        display: block;
        float: left;
        padding: 10px 15px;
        width: 100%;
    }

    .service-block-inner-content {
        display: block;
    }

    .slider-buttons a {
        color: #ffffff;
    }

    #breadcrumb,
    #breadcrumb {
        padding: 5px 0;
        border-top: 2px solid;
    }

    .blog-content .entry-content-wrapper,
    .blog-img {
        width: 100%;
        float: none;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
    tr.wc-block-cart-items__row {
        gap: 0.4em;
      }
      td.wc-block-cart-item__total{
          padding-left: 0px !important;
      }
      li.wc-block-grid__product{
          max-width:100% !important;
          float:none;
          flex: 100% !important;
      }
      .wc-block-grid__products{
        padding: 10px !important;
      }
      .wc-block-grid.has-4-columns .wc-block-grid__product {
        max-width: 100% !important;
        width: 100%;
    }
    .single-post-footer img{
        float: left;
    }
    .single-post .entry-footer>span{
        text-align: left;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:640px) {
    .topheader-box,.topheader p{
        display: block;
        text-align: center;
    }

    .page-title {
        font-size: 30px;
    }

    a.custom-logo-link {
        display: block;
        float: left;
        margin-right: 0;
        margin-top: 15px;
        width: 100%;
    }

    #site-identity {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    #top-nav {
        width: 100%;
    }

    #top-nav .is-open .menu-inside-wrapper {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

    #top-nav li {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    #top-nav li:first-child {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .top-news {
        float: left;
        width: 100%;
    }

    #header-social li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
    }

    .home-section-call-to-action .cta-buttons {
        padding: 15px 0 0;
    }

    .site-layout-boxed #page .top-news-title {
        margin-left: -22px;
        padding-left: 10px;
    }

    #main-nav {
        margin-top: 5px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
    .info-wrap {
        margin-bottom: 10px;
    }

    #fashion-article .tags {
        top: 30px;
        right: 30px;
    }

    .submit-button {
        right: 3%;
    }

    div#fashion-article {
        display: block;
        gap: 0em;
    }

    .box-content {
        width: 88%;
        opacity: 0.6;
    }

    .box-content h1 a {
        font-size: 16px !important;
    }

    .entry-container {
        padding: 10px 20px;
    }

    .site-title {
        font-size: 21px;
    }

    .site-header {
        padding: 0;
    }

    .site-title {
        font-size: 26px;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .social-links .solar_panel_distributor_widget_social li {
        display: inline-block;
        float: none;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }

    #footer-widgets .footer-active-2 .solar_panel_distributor_widget_social {
        margin-top: 0;
    }

    .services-block-list {
        text-align: center;
    }

    #solar-panel-distributor-front-page-widgets .fetured-page-content {
        padding: 0 15px;
        text-align: left;
    }

    #solar-panel-distributor-front-page-widgets .fetured-page-content .widget-title {
        font-size: 19px;
        text-align: left;
    }

    .entry-header .entry-title {
        font-size: 20px;
    }

    .sidebar .widget {
        padding: 15px;
    }

    #solar-panel-distributor-featured-blocks article {
        margin-bottom: 15px;
    }

    .solar_panel_distributor_widget_products_grid .solar-panel-distributor-woocommerce-product-grid-4 ul.products li.product,
    .solar_panel_distributor_widget_products_grid .solar-panel-distributor-woocommerce-product-grid-4 ul.products li.product {
        width: 94%;
        margin: 0 auto 15px;
        float: none;
    }

    .solar-panel-distributor-woocommerce-product-grid-4 ul.products li.product .button,
    .solar-panel-distributor-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 28%;
        padding: 5px 13px;
    }
    .site-title {
        margin: 0;
    }
}


/* free theme css starts here */

.free-solar-th-slider-sec .bdt-ps-button-wrapper,span.hfe-menu-toggle.sub-arrow{
    display: none !important;
  }
  .free-solar-th-slider-sec .bdt-prime-slider-dragon .bdt-ps-dragon-slide-image{
    -webkit-mask-image: unset;
  }
  .home.page-template-default .elemento-farm-navigation-box {
      margin-bottom: -46px;
      z-index: 99;
  }
  .free-solar-th-slider-sec .bdt-ps-button-text {
      background: var(--secondary-color);
      padding: 16px 30px;
      border-radius: 5px;
  }
  .free-solar-th-slider-sec h1.bdt-title-tag {
      width: 85%;
      text-transform: capitalize !important;
  }
  .free-solar-th-slider-sec p {
      width: 87%;
      color: #fff;
  }
  .free-solar-th-slider-sec .reveal-muted {
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 70%;
      transform: rotate(90deg);
      left: 60%;
  }
  .free-solar-th-slider-sec .bdt-prime-slider-skin-general .bdt-prime-slider-previous:hover{
        background: transparent;
      opacity: 0.5;
      border-color: transparent;
      border-radius:50px;
      height:48px;
      width:48px;
  }
  .free-solar-th-slider-sec .bdt-prime-slider-skin-general .bdt-prime-slider-next:hover {
      width: 48px;
      margin-right: 20px;
      height: 48px;
      border-radius: 50px;
      background: transparent;
      opacity: 0.5;
      border-color: transparent;
  }
  .free-solar-th-slider-sec .bdt-prime-slider .bdt-prime-slider-previous:before,.free-solar-th-slider-sec .bdt-prime-slider-skin-general .bdt-prime-slider-next:hover:before {
      display:none;
  }
  .free-solar-th-sllder-bottom-image{
      position: absolute;
      bottom: 0;
  }
  #maincontent {
      padding-top: 3em;
  }
  .free-solar-th-feature-section .ua-alter-carousel .ua-title a:hover{
    color: var(--secondary-color);
  }
  .free-solar-th-feature-section .elementor-widget-container {
    overflow-x: clip;
  }
  .free-solar-th-sllder-bottom-image img{
  width: 100%;
  }
  .free-solar-th-feature-section .ua-main-img img {
    height: 100% !important;
    border-radius: 10px;
  }
  .free-solar-th-feature-section .ua-title{
    position: relative;
  }
  .free-solar-th-feature-section .entry-title:before {
      content: "\f5ba";
      font-family: 'Font Awesome 5 Free';
      color: var(--secondary-color);
      background: #fff;
      box-shadow: 0px 3px 6px #00000029;
      padding: 15px 6px 0px 6px;
      border-radius: 50px;
      height: 50px;
      width: 50px;
      position: absolute;
      top: -45px;
      right: 40%;
      z-index: 1;
      font-weight:900;
  }
  .free-solar-th-feature-section h3.ua-title a {
      position: relative;
      font-size: 18px;
      top: -40px;
  }
  .free-solar-th-slider-sec .bdt-slider-excerpt {
      margin: 0px !important;
  }
  .free-solar-th-slider-sec  .bdt-prime-slider-content {
      max-width: 840px;
      margin-left: 50px;
  }
  .free-solar-th-slider-sec .bdt-position-large {
      width: 100%;
  }
  .free-solar-th-slider-sec .bdt-btn-wrapper {
      position: absolute;
      margin-top: 100px;
  }
  .free-solar-th-slider-sec .bdt-prime-slider-skin-general .bdt-slide-btn{
      background:var(--primary-color) !important;
      border-color:var(--primary-color);
      padding:16px 30px;
      border-radius:6px;
  }
  .free-solar-th-feature-section .elementskit-post-image-card {
      background: transparent !important;
      box-shadow:unset !important;
  }
  .free-solar-th-feature-section .entry-title a {
      color: #2B2D42 !important;
      text-align: center;
  }
  .free-solar-th-feature-section h2.entry-title {
      background: #EFFFEF;
      border-radius: 10px;
      padding: 10px;
      width: max-content;
      margin: 0 auto !important;
      margin-top: -20px !important;
  }
  @media screen and (max-width:576px){
    .free-solar-th-slider-sec h1.bdt-title-tag,.free-solar-th-slider-sec p{
      width: 100%;
    }
  .free-solar-th-slider-sec .bdt-btn-wrapper {
      position: absolute;
      bottom:-75px;
  }
      .free-solar-th-slider-sec .bdt-slidenav {
    display:none !important;
  } 
  .bdt-slider-excerpt p{
    display: none;
  }
  }
  @media screen and (min-width: 1366px) and (max-width: 1599px){
    .free-th-solar-section-main-container >.elementor-container{
      max-width: calc(100% - 10%)!important;
    }
  }
  @media screen and (min-width: 1600px){
    .free-solar-th-feature-section .elementor-container{
      max-width: calc(100% - 20%)!important;
    }
  }
  @media screen and (max-width:1024px){
  .free-solar-th-feature-section h3.ua-title a {
    position: relative;
    font-size: 15px;
    top: -40px;
  }
      .free-solar-th-slider-sec  .bdt-prime-slider-content {
      max-width: 840px;
      margin-left: 20px;
  }
  }
  @media screen and (min-width: 577px) and (max-width: 767px){
  .free-solar-th-slider-sec .bdt-btn-wrapper {
      margin-top: 130px;
  }
  .free-solar-th-slider-sec .reveal-muted {
      bottom: 40%;
      left: 75%;
  }
  }
  @media screen and (min-width: 768px) and (max-width: 991px){
  .free-solar-th-slider-sec .bdt-btn-wrapper {
      bottom: -70px;
  }
      .free-solar-th-slider-sec .reveal-muted {
      bottom: 50%;
      left: 70%;
  }
  }
  @media screen and (min-width: 1024px) and (max-width: 1199px){
  .free-solar-th-slider-sec .reveal-muted {
      bottom: 60%;
  }
  }
  @media screen and (min-width: 1599px) and (max-width: 1920px){
  .free-solar-th-slider-sec  .bdt-prime-slider-content {
      margin-left: 100px;
  }
  }
  .free-solar-th-slider-sec {
      bottom: 51px;
  }
  div#menu-header {
      z-index: 999;
      position: relative;
  }
  .free-solar-th-sllder-bottom-image {
      position: absolute;
  }
  .free-solar-th-sllder-bottom-image {
      position: absolute !important;
  }
  
  /* free theme css ends here */