/*
Theme Name: Spower
Theme URI: https://shtheme.com/demosd/spower/
Author: Vergatheme
Author URI: https://themeforest.net/user/vergatheme
Description: SPower is a clean, creative, unique WordPress theme for Solar Energy, Wind Trubine, Solar Panel, Repair, Solar Panel Shops and companies that offer related services.This theme is very creative and unique, and also very easy to customize and useFurthermore.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: spower

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



:root{
    --primary1:#ff7029;
    --primary2:#57b33e;
}
.blog-widget-instagram {
    padding: 30px 30px 30px 30px;
}
.blog-standard-right .blog-widget-instagram:last-child {
	padding: 0px 0px 0px 0px;
    border: 0px solid #ebebeb;
}
.blog-standard-right .blog-widget-instagram:first-child {
	padding: 0px 0px 0px 0px;
    border: 0px solid #ebebeb;
}
.tagcloud .wp-tag-cloud li a {
	color: #616161;
    font-size: 14px !important;
    line-height: 1;
    font-family: "Mulish", sans-serif;
    font-weight: 600;
    background: whitesmoke;
    padding: 8px 15px;
    margin: 0 7px 7px 0;
    display: inline-block;
}
.tagcloud .wp-tag-cloud li a:hover {
    color: white;
    background: var(--primary1);
}
.tagcloud .wp-tag-cloud li {
	display: inline-block;
}
.widget_categories ul li.cat-item a {
	display: block;
    color: #232323;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 800;
    padding: 25px 30px;
    background: whitesmoke;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.widget_categories ul li.cat-item a:hover {
    background: var(--primary1);
    color: white;
}
.widget_news .post__content .coment-date i {
	color: var(--primary1);
    margin-right: 5px;
}
.blog-widget-post .post:last-child {
    border-bottom: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.blog-widget-instagram .semi-title {
    border-left: 5px solid var(--primary1);
    margin-left: -30px;
    padding-left: 25px;
}
.post-form-area .comment-respond .form-submit .submit {
    color: white;
    background: var(--primary2);
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    font-family: "Mulish", sans-serif;
    padding: 22px 40px 22px 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    border: none;
}
.post-form-area .comment-respond .form-submit .submit:hover {
    color: white;
    background: var(--primary1);
}
.post-form-area .comment-respond .col-md-12{
    padding: 0px;
}
.post-form-area .comment-respond .col-md-12+.col-md-6{
    padding-left: 0px;
    float: left;
}
.post-form-area .comment-respond .col-md-12+.col-md-6+.col-md-6{
    padding-right: 0px;
    float: right;
}
.post-form-area .comment-respond .comment-form-cookies-consent {
    display: none;
}
.post-form-area .comment-respond .comment-reply-title {
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 40px;
}
nav ul.pagination li a {
    padding: .5rem .75rem;
    margin-left: -1px;
    border: 2px solid #dddddd;
    border-radius: 50%;
    color: #0d3c00;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    width: 56px;
    height: 56px;
    display: inline-block;
    margin-right: 10px;
}
nav ul.pagination li a:hover {
    color: white;
    background: var(--primary2);
    border-color: var(--primary2);
}
nav ul.pagination li span.page-numbers.current {
    padding: .5rem .75rem;
    margin-left: -1px;
    border: 2px solid #dddddd;
    border-radius: 50%;
    color: #0d3c00;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    width: 56px;
    height: 56px;
    display: inline-block;
    margin-right: 10px;
    color: white;
    background: var(--primary2);
    border-color: var(--primary2);
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.header2__social.team-details-social a+br {
    display: none;
}
.subscribe-area .subscribe-bg .wpcf7{
    width: 66.66666666667%;
}
.subscribe-area .subscribe-bg .wpcf7 .wpcf7-form .col-xl-7.col-lg-7 {
    float: left;
    width: 66.67%;
    max-width: 62.666667%;
}
.subscribe-area .subscribe-bg .wpcf7 .col-xl-4.col-lg-4 {
    float: left;
}
.subscribe-area form .subscribe__btn .fa-long-arrow-right {
    position: absolute;
    top: 20px;
    left: 165px;
}
.subscribe-area .subscribe__btn:hover .fa-long-arrow-right {
    color: #fff;
}
@media (max-width: 1519px) and (min-width: 991px) {
    .subscribe-area .subscribe__btn.mt-155 {
        margin-top: 208px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .subscribe-area .subscribe-bg .wpcf7 {
        width: 56.67%;
    }
    .subscribe-area .subscribe-bg .wpcf7 .subscribe__content {
        padding-left: 0px;
        margin-left: 0px;
        padding-top: 13px;
    }
    .subscribe-area .subscribe__btn {
        text-align: left;
    }
    .subscribe-area .subscribe-bg .wpcf7 .wpcf7-form .col-xl-7.col-lg-7 {
        float: left;
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .subscribe-area .subscribe-bg .wpcf7 {
        width: 100%;
    }
    .subscribe-area .subscribe-bg .wpcf7 .wpcf7-form .col-xl-7.col-lg-7 {
        float: left;
        width: 100%;
        max-width: 100%;
    }
    .subscribe-area.pos-rel .subscribe__content {
        margin-left: 15px;
        padding-right: 15px;
    }
    .footer-area .footer__widget.pl-15 {
        padding-left: 0px;
    }
    .footer-area .footer__widget.ml-35{
        margin-left: 0px;
    }
    .statistics-area .counter-row .col-xl-12.col-lg-6 {
        padding-left: 0;
    }
}
@media (max-width: 991px) {
    .metismenu .has-dropdown a i {
        display: none;
    }
}
.form-area .form-input::before {
    z-index: 1;
}
.portfolio-message-area input.wpcf7-form-control.wpcf7-submit.theme_btn.theme_btn2 {
    padding: 30px 80px;
    border: none;
}
.team-detail-area input.wpcf7-form-control.wpcf7-submit.theme_btn.theme_btn2 {
    padding: 30px 80px;
    border: none;
    float: left;
}
.form-area.contact-form .cintact-form-btn input.theme_btn {
    display: inline-block;
    width: 570px;
    border: none;
}
.side-mobile-menu ul li.has-dropdown > a:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-width: 2px 0 0 2px;
    border-style: solid;
    border-color: initial;
    right: 16px;
    top: 60%;
    -webkit-transform: rotate( -45deg ) translateY(-50%);
    transform: rotate( 135deg ) translateY(50%);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition: all .3s cubic-bezier(0, 0, 0.2, 1);
}
.side-mobile-menu ul li.has-dropdown a[aria-expanded="true"]:after {
    -webkit-transform: rotate(
-135deg
) translateY(-50%);
    transform: rotate(
225deg
) translateY(50%);
}
.side-mobile-menu ul li ul li a:before {
    display: none;
}

.error-area {
    padding: 250px;
}
.error-area .error-inner .error-title {
    font-size: 250px;
    font-weight: 800;
    line-height: 1.1;
}
.error-area .error-inner .error-title {
    font-size: 250px;
    font-weight: 800;
    line-height: 1.1;
}
.error-area .error-inner p {
    max-width: 545px;
    margin: 20px auto 30px;
}
.error-area .error-inner a {
    background: var(--primary1);
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    background-color: var(--primary1);
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    padding: 18px 56px;
    border: 1px solid var(--primary1);
}
.error-area .error-inner a:hover {
    background: #fff;
    color: var(--primary1);
    border: 1px solid var(--primary1);
}
@media (max-width: 1199px){
.footer-area .footer__widget.ml-35 {
    margin-left: 0px;
    max-width: 330px;
}
	.footer-area .footer__widget.pl-15 {
		padding-left: 0px;
	}
}
@media (max-width: 1199px){
	.post-form-area .comment-respond .col-md-12+.col-md-6+.col-md-6 {
		padding-left: 0px;
	}
}
.theme_btn {
    padding: 20px 40px 22px 40px;
}
.blog-grid-content .blog__content3--meta span {
    text-transform: capitalize;
}
.sub-bg3 h2.shadow-text {
    left: 135px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
}
.portfolio-area .portfolio >h2 {
    font-size: 300px;
    line-height: 1;
    font-weight: 900;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.portfolio-area .portfolio:hover h2 {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
}
.video-area3 >h2 {
    font-size: 220px;
    line-height: 1;
    z-index: 1;
}
.subscribe__content--inner-text >h2 {
    font-size: 220px;
    top: 64%;
    line-height: 1;
}
.brand-area > h2 {
    font-size: 180px;
    font-weight: 900;
}
.portfolio h2 {
    font-size: 300px;
    line-height: 1;
    font-weight: 900;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.portfolios h2 {
    font-size: 150px;
    z-index: 2;
}
.portfolio:hover h2 {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
}
.plan__head >h2 {
    color: var(--primary2);
    font-size: 65px;
    line-height: 1;
    font-weight: 300;
    font-family: "Mulish", sans-serif;
    margin-bottom: 25px;
}
.plan__head >h2 span {
    font-size: 24px;
}
.promotion3__box >h2 {
    font-size: 250px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 25%;
    transform: translateY(-25%);
}
.portfolio-right-content .client-list li {
    font-size: 22px;
}
.semi-title {
    font-size: 22px;
}
.blog-details-list-desc .details-desc-title {
    font-size: 28px;
}
.service-details-gallery .col-md-6:nth-child(1) .details-gallery-img {
    margin-top: 20px;
}
.service-details-gallery .col-md-6:nth-child(2) .details-gallery-img {
    margin-top: 20px;
}
.promotion2 .text2 h6 {
    transition: none;
}
.promotion2 .text2 h6 a{
    transition: none;
}
.promotion2 .text2 .more_btn {
    transition: none;
}
.promotion2 .text2 p {
    transition: none;
}
.team__content h5 {
    transition: none;
}
.team__content h5 a {
    transition: none;
}
.team__content span {
    transition: none;
}
.latest-comment .comment-box.d-sm-flex .comment-text {
    position: relative;
}
.comment-text .comment-reply-link {
    display: inline-block;
    margin-top: 5px;
    background: var(--primary1);
    padding: 3px 20px;
    font-size: 14px;
    color: #fff;
    border-radius: 35px;
    border: 1px solid var(--primary1);
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    top: 0px;
    position: absolute;
    right: 0px;
}
.comment-text .comment-reply-link:hover {
    background: var(--primary2);
	border: 1px solid var(--primary2);
}
.comment-box .comment-text h6 {
    font-size: 21px;
}
.comment-box .comment-text .comment-desig {
    color: #616161;
}
.blog-grid .blog__thumb a{
    z-index: 9;
}
.promotion .promotion__thumb{
	display: block;
}
.promotion .promotion__text{
	text-align:left;
}
.b_btn_home{
    padding: 0;
    padding-bottom: 5px;
}
.subscribe-area span.wpcf7-not-valid-tip {
    color: #333;
}
.subscribe-area .wpcf7-response-output{
    border: 2px solid #333;
}
@media(min-width: 768px){
    .subscribe-area.pos-rel:has(.wpcf7-not-valid-tip) .wpcf7-response-output,
    .subscribe-area.pos-rel:has(.wpcf7-not-valid-tip) .wpcf7-mail-sent-ok{
        display: inline-block!important;
        width: 74%;
        margin-left: 88px;
    }
}
@media(max-width: 767px){
    .subscribe-area.pos-rel:has(.wpcf7-not-valid-tip) .wpcf7-response-output,
    .subscribe-area.pos-rel .wpcf7-response-output.wpcf7-mail-sent-ok{
        display: -webkit-box;
        margin-left: 30px;
        margin-right: 30px;
    }
}
.elementor img {
    max-width: unset!important;
}
i.un-rate{
    color: #eee;
}
.contact-area .contact-box a:hover,
.contact-area .contact-box a:focus {
    color: white!important;
}
div.widget_media_image {
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
.contact-form-area .form-area.contact-form span.wpcf7-not-valid-tip{
    color: #333;
    margin-top: 5px;
}
.contact-form-area div.wpcf7-validation-errors{
    border: 2px solid #333;
    margin-right: 0;
    margin-left: 0;
}
.contact-form-area .contact-form input:focus{
    background: var(--primary1);
}
@media(max-width: 300px){
    #scrollUp {
        right: 85px;
    }
    #wp-admin-bar-top-secondary{
        display: none;
    }
    .slide-bar.show {
        left: 0;
        width: 310px;
    }
}
.elementor-editor-active .slick-dots,
.elementor-editor-active button.slick-prev,
.elementor-editor-active button.slick-next{
    display: none!important;
}
header + .slide-bar.show .offset-sidebar {
    border-top: 2px solid #fff;
    padding-top: 30px;
}