/*                                                                                                                                                                                                                                                                     
Theme Name: Bright Solar    
Theme URI: TBD
Author: Harrison Bleiweiss
Author URI: https://drue.dev
Description: Bright Solar SEO Theme
Version: 1.0
*/








/******************** GENERAL ADJUSTMENTS ********************/           
                                                           
/* body & html adjustments */
body, html {                                                                                                                                                                                 
    overflow-x: hidden; 
    background-color: #6F6F6F;
}

/* adjust all elements aside from wp editor sections */
*:not(.solar-fp-the-content-section *) { 
    margin: 0px auto; 
    padding: 0px; 
    box-sizing: border-box;  
}

/* text tags */
h1, h2, h3, h4, h5, h6, p, a, span, label, input, button {
    font-family: 'Fira Sans Condensed', sans-serif; 
}

/* abril font family */
.abril-fatface {
    font-family: "Abril Fatface", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* theme colors */
.solar-primary-color { color: rgb(251, 202, 7); } 

/* hide wp admin bar */
#wpadminbar { display: none; } 
 







/******************** PAGE LOADER ********************/

#PageLoader {       
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999999999; 
    background-color: white;
    opacity: 1;
    pointer-events: auto;
    transition: 1.5s;
}

#PageLoader.deactivate {
    opacity: 0;
    pointer-events: none;
}

/* dvh */
@supports (height: 100dvh) {
    #PageLoader { height: 100dvh; }
}  

/* loader */
#PageLoader img {
    display: block;
    height: 80px;
    position: relative;
    top: calc(50% - 50px);
}

/* overlay */
#PageLoaderOverlay {
    position: absolute;
    top: 0px;
    left: 0px; 
    z-index: 9;
    background-color: rgba(90, 90, 90, 0.9); 
}




 



/******************** NAVIGATION BAR ********************/ 
               
#SolarPrimaryNavigation {
    width: 60px; 
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999999; 
    background-color: rgb(120, 120, 120); 
}

/* dvh */
@supports (height: 100dvh) {
    #SolarPrimaryNavigation { height: 100dvh; }
}  
 
/* ham */
#SolarPrimaryNavigation #SPNHamburger {  
   width: 50px;
   height: 50px;
   padding: 5px;
   position: absolute;
   top: 5px;
   left: 5px;  
   cursor: pointer;       
   transition: 1s;       
} 

#SolarPrimaryNavigation #SPNHamburger:hover {
    opacity: 0.3;
}

/* cta */
#SolarPrimaryNavigation #SPNCTA {
    width: 120px;  
    height: 35px;
    padding-top: 9px;
    position: absolute;
    top: 135px;
    left: -30px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 500; 
    border: 1px solid #939393;
    border-radius: 17.5px;
    color: rgb(251, 202, 7);  
    transform: rotate(90deg);
    transition: 1s;
}

#SolarPrimaryNavigation #SPNCTA:hover { 
    opacity: 0.3;
}  

/* section indicator */
#SolarPrimaryNavigation #SPNSectionIndicator { 
    width: 250px;
    height: 20px;
    position: absolute;  
    left: -96.7px;   
    pointer-events: none;
    text-align: right;    
    font-size: 13px;
    font-weight: 500; 
    color: #939393;
    transform: rotate(90deg); 
}  

#SolarPrimaryNavigation #SPNSectionIndicator span.sec {
    padding-right: 20px; 
    letter-spacing: 1px; 
}  

#SolarPrimaryNavigation #SPNSectionIndicator span.bar {
    opacity: 0.5; 
}

/* dot nav */
#SolarPrimaryNavigation #SPNDotNavigation {   
    width: 16px;  
    height: auto;
    position: absolute;
    bottom: 22px;  
    left: 22px;     
}

/* dot nav - dot */
#SolarPrimaryNavigation #SPNDotNavigation .container {
    display: block;
    width: 16px;
    height: 17px;
    margin-top: 15px; 
    cursor: pointer; 
    background-color: #373737;
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%); 
    transition: 300ms;  
} 
    
#SolarPrimaryNavigation #SPNDotNavigation .container:nth-child(1) {
    margin-top: 0px;
} 
 
/* dot nav - dot inner */ 
#SolarPrimaryNavigation #SPNDotNavigation .container .inner {
    width: 100%;
    height: 100%;
    background-color: rgb(120, 120, 120); 
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%); 
    transform: scale(0.8);
    transition: 500ms;    
}  
 
/* dot nav - active */ 
#SolarPrimaryNavigation #SPNDotNavigation .container.active {  
    background-color: rgb(251, 202, 7);
}
 
#SolarPrimaryNavigation #SPNDotNavigation .container.active .inner {
    background-color: rgb(251, 202, 7);
    transform: scale(1);  
}

/* dot nav - inactive hover */ 
#SolarPrimaryNavigation #SPNDotNavigation .container:not(.active):hover {
    opacity: 0.5;   
} 

/* nav logo */
#SPNLogo {
    width: 20px;
    height: auto;
    position: fixed;
    top: 40px;
    right: 36px;
    z-index: 999999; 
}

/* nav chat & call btns */
.spn-right-btn {
    width: 50px;
    height: auto;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999; 
    cursor: pointer;
    transition: 1s;
}

#SPNCallBtn {
    bottom: 90px;
}

.spn-right-btn:hover {
    opacity: 0.3;
}

/* chat overlay */ 
#SPNChatOverlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999999; 
    opacity: 0;
    pointer-events: none;
    background-color: rgba(90, 90, 90, 0.9); 
    transition: 1s;
}

@supports (height: 100dvh) {
    #SPNChatOverlay { height: 100dvh; }
}  

#SPNChatOverlay.active {
    opacity: 1;
    pointer-events: auto;
}







 
/******************** NAVIGATION MENU *********************/
      
#SolarMobileNavigation {                 
    width: 300px; 
    height: calc(100vh - 100px); 
    position: fixed;  
    top: 50px; 
    left: -300px; 
    z-index: 9999999; 
    opacity: 0;   
    overflow: hidden;
    pointer-events: none; 
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/nav_menu_bg.png"); 
    text-align: left; 
    border-radius: 20px;  
    transition: 500ms; 
} 

/* nav - dvh */
@supports (height: 100dvh) {
    #SolarMobileNavigation { height: calc(100dvh - 100px); } 
}  

/* nav - active */
#SolarMobileNavigation.active {
    left: 110px;
    opacity: 1;
    pointer-events: auto; 
}

/* close */ 
#SolarMobileNavigation #SolarMobileNavigationClose {
    width: 50px;
    height: 80px;
    padding-top: 15px;
    position: absolute;
    top: 0px;
    left: 50px;
    z-index: 99;
    cursor: pointer;
    background-color: rgb(251, 202, 7);
    text-align: center;
    font-size: 30px;   
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #4B4B4B;  
}

/* links outer */
#SolarMobileNavigationLinksOuter {
    width: 100%;
    height: calc(100% - 100px);
    position: absolute;
    top: 100px;
    left: 0px;
    opacity: 0;
    overflow-y: scroll;  
    overflow-x: hidden;  
    transform: translate(0px, 30px);
    transition: 500ms;  
}

#SolarMobileNavigationLinksOuter.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

/* links inner */
#SolarMobileNavigation #SolarMobileNavigationLinks {
    width: 100%;
    height: auto;
    padding: 0px 0px 100px 50px;
}

/* links inner - a */
#SolarMobileNavigation #SolarMobileNavigationLinks a {
    display: block;
    width: 100%;
}

/* links inner - a - main link */
#SolarMobileNavigation #SolarMobileNavigationLinks a.mainlink {
    margin-top: 20px;  
    padding-top: 20px; 
    border-top: 1px solid rgba(255,255,255,0.1); 
    font-size: 20px; 
    font-weight: bold; 
    color: white; 
}

#SolarMobileNavigation #SolarMobileNavigationLinks a.mainlink.last {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1); 
}

/* links inner - a - sub link */
#SolarMobileNavigation #SolarMobileNavigationLinks a.sublink {
    margin-top: 5px; 
    margin-left: 1px;
    font-size: 15px;
    font-weight: 300;
    color: rgba(255,255,255,0.6);
} 

#SolarMobileNavigation #SolarMobileNavigationLinks a.sublink span {
    padding-right: 10px;
    position: relative;
    bottom: 1px;
    font-size: 8px;
    font-weight: 900;
    color: rgb(251, 202, 7);   
} 
 
/* nav overlay */
#SolarMobileNavigationOverlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;  
    opacity: 0;
    pointer-events: none;
    background-color: rgba(90, 90, 90, 0.95);   
    transition: 1s;
}

/* nav overlay - dvh */
@supports (height: 100dvh) {
    #SolarMobileNavigationOverlay { height: 100dvh; }
}  

/* nav overlay - active */
#SolarMobileNavigationOverlay.active {
    opacity: 1;
    pointer-events: auto;
}








/******************** FRONT PAGE WELCOME SECTION LAYOUT ********************/    
        
.solar-fp-welcome-section { 
    width: calc(100% - 60px);  
    height: 100vh; 
    position: relative;
    left: 30px;
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/welcome.gif");   
} 

/* overlay */
.solar-fp-welcome-section .solar-fp-welcome-section-overlay {
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 99; 
    opacity: 0.925; 
    background-color: #6F6F6F;
}

/* content */
.solar-fp-welcome-section .solar-fp-welcome-section-content {
    width: 750px; 
    height: auto;
    position: absolute;  
    left: calc(50% - 375px); 
    z-index: 999;   
}

/* content - p */
.solar-fp-welcome-section .solar-fp-welcome-section-content .sssh-three {
    padding-right: 75px; 
    padding-left: 75px; 
}

/* content - typewriter */
.solar-fp-welcome-section .solar-fp-welcome-section-content .sssh-three strong {
    color: white; 
}

.solar-fp-welcome-section .solar-fp-welcome-section-content #SolarHomeWelcomeSectionTypewriter span.typewriter-wrapper span {
    font-family: "Abril Fatface", serif !important; 
}  

.solar-fp-welcome-section .solar-fp-welcome-section-content #SolarHomeWelcomeSectionTypewriter span.typewritercursor {
    font-weight: 100 !important; 
}
 
/* arrow */
.solar-fp-welcome-section .solar-fp-welcome-section-arrow {
    width: 40px;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 20px);
    z-index: 999;
    cursor: pointer;
    transition: 1s;
}

.solar-fp-welcome-section .solar-fp-welcome-section-arrow:hover {
    opacity: 0.3;
}








/******************** FRONT PAGE ABOUT SECTION LAYOUT ********************/     
            
.solar-fp-about-section {
    width: calc(100% - 60px);
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    left: 30px;
}

/* cols */
.solar-fp-about-section .solar-fp-about-section-outer-col {
    display: inline-block;
    width: calc(50% - 100px);
    height: auto;
    position: relative;
    z-index: 2; 
    float: left;
}

/* img col */
.solar-fp-about-section .sfpasoc-image-col {
    margin-left: 100px;
    overflow: hidden;
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px; 
}

.solar-fp-about-section .sfpasoc-image-col .sfpasoc-img {
    position: absolute;
    bottom: 0px;
    height: calc(100% + 300px);
    object-fit: cover; 
}

/* hide mobile image col */
.solar-fp-about-section .sfpasoc-image-col.mobile {
    display: none !important;
}

/* content col */
.solar-fp-about-section .sfpasoc-content-col {
    margin-left: 50px;
    padding: 100px 0px 100px;
}

/* inner content col */
.solar-fp-about-section .sfpasoc-content-col-inner {
    width: 500px; 
}

/* inner content col - stats */
.solar-fp-about-section .sfpass-col {
    display: inline-block;
    width: calc(33.3333333% - 30px);
    height: auto;
    margin-top: 85px;
    float: left;
    vertical-align: top;
    text-align: left;  
}

.solar-fp-about-section .sfpass-col.one,
.solar-fp-about-section .sfpass-col.two {
    margin-right: 45px;
}

/* inner content col - stats - text */
.solar-fp-about-section .sfpass-col .sfpass-col-textelone,
.solar-fp-about-section .sfpass-col .sfpass-col-textelone span {
    font-family: "Abril Fatface", serif; 
    font-size: 30px;
    font-weight: bold;
    color: rgb(251, 202, 7);
}

.solar-fp-about-section .sfpass-col .sfpass-col-textelone span:not(.sfpass-statel) {
    font-family: 'Fira Sans Condensed', sans-serif !important;
    opacity: 0.2;
}
 
.solar-fp-about-section .sfpass-col .sfpass-col-texteltwo {
    margin-top: 10px;
    padding-top: 13px;
    font-size: 13px;
    font-weight: 300;
    border-top: 1px solid rgba(255,255,255,0.05);
    color: rgba(255,255,255,0.3); 
}

/* blocks */
.solar-fp-about-section .solar-fp-about-block-one {
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: rgb(100, 100, 100); 
}

.solar-fp-about-section .solar-fp-about-block-two {
    width: 75%;
    height: calc(100% - 100px);
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1; 
    background-color: rgb(90, 90, 90); 
}








/***************************************************/   
/******************** SERVICE PAGE ********************/      
/***************************************************/   








/******************** SERVICES WELCOME SECTION ********************/   

.solar-services-welcome-section {                
    width: calc(100% - 60px);  
    height: auto;
    position: relative;
    left: 30px; 
} 

/* col */
.solar-services-welcome-section .col {                
    display: inline-block;
    width: 50%; 
    float: right; 
}

/* col - img */
.solar-services-welcome-section .col.img {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/services_graphic.png");
    background-position-x: 100%; 
    background-size: contain; 
    opacity: 0.3;
}
 
/* col - cont */
.solar-services-welcome-section .col.cont .continner {
    width: 500px;  
    height: auto;  
    padding-top: 175px;
    padding-bottom: 175px; 
}








/******************** SERVICES ICONS SECTION ********************/   
     
#SolarServicesIconsSection {        
    width: calc(100% - 60px);  
    height: auto;
    margin-top: 200px;
    margin-bottom: 200px;        
    position: relative;
    left: 30px;
}

/* header */
#SolarServicesIconsSection #SSISHeader {
    width: 700px;
}

/* icons */
#SolarServicesIconsSection #SSISIcons {
    width: 1400px; 
    height: auto; 
}

/* icons - el */
#SolarServicesIconsSection #SSISIcons .ssisicon-el {
    display: inline-block; 
    width: calc(25% - 60px); 
    height: auto;
    margin: 90px 30px 0px;
    float: left;
    text-align: center; 
}

/* icons - el - img */
#SolarServicesIconsSection #SSISIcons .ssisicon-el .imgouterborder {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-color: black; 
    border: 1px solid rgb(135,135,135); 
    border-top-left-radius: 22.5px; 
    border-bottom-right-radius: 22.5px; 
}

#SolarServicesIconsSection #SSISIcons .ssisicon-el .imgouter {
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.4; 
}

#SolarServicesIconsSection #SSISIcons .ssisicon-el img {
    display: block;
    width: auto;
    height: 26px;
    position: relative;
    top: 21.5px;
}

/* icons - el - p */
#SolarServicesIconsSection #SSISIcons .ssisicon-el p {
    margin-top: 27.5px;
    padding-top: 25px;
    font-size: 14px;
    font-weight: bold;
    border-top: 1px solid rgba(0,0,0,0.15); 
    color: black;
}

#SolarServicesIconsSection #SSISIcons .ssisicon-el p br {
    display: none;
}








/***************************************************/   
/******************** BLOG ARCHIVE ********************/   
/***************************************************/   








/******************** BLOG ARCHIVE PAGE *********************/       
    
#SolarPostArchive {
    width: calc(100% - 260px);
    height: auto;
    position: relative;
    left: 30px;
}

/* blog el */
#SolarPostArchive .solar-blog-post-element { 
    width: calc(50% - 50px);
    height: auto;
    margin-top: 125px; 
    float: left;
}

#SolarPostArchive .solar-blog-post-element:nth-child(2n + 1) { 
    margin-right: 100px;
} 

/* blog el - img */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-img {
    width: 100%;
    height: 400px;
    overflow: hidden;
    background-color: black;
    border-radius: 50px; 
}

#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-img img {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    object-fit: cover;
}

/* blog el - content */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content {
    width: 100%;
    height: auto;
    padding: 45px 50px 0px;
    text-align: left;
}

/* blog el - content - date */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-date {
    font-size: 10px;
    font-weight: 300;
    color: rgba(255,255,255,0.4);
}

#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-date span {
    padding-left: 10px;
}

/* blog el - content - header */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-header {
    display: -webkit-box;
    -webkit-line-clamp: 1;    
    -webkit-box-orient: vertical;
    margin-top: 10px; 
    overflow: hidden; 
    line-height: 1; 
    font-size: 40px;
    font-weight: 900;
    color: rgb(251, 202, 7);
}

/* blog el - content - sub header */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-sub-header {
    display: -webkit-box;
    -webkit-line-clamp: 3;    
    -webkit-box-orient: vertical;
    margin-top: 15px;
    padding-top: 15px; 
    overflow: hidden;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 300;
    border-top: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.6);
}

/* blog el - content - btn */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-btn {
    display: inline-block;
    margin-top: 35px;
    padding-bottom: 3px;
    padding-right: 20px;
    word-spacing: 3px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: white;
}

#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-btn span {
    padding-left: 20px;
}

/* pagination */
#SolarPostArchive #SolarPostArchiveNav { 
    width: 100%;
    margin-top: 125px;
    padding: 40px 0px 40px;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* pagination - inner */
#SolarPostArchive #SolarPostArchiveNav .navigation.pagination {
    width: 400px; 
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 20px; 
}

#SolarPostArchive #SolarPostArchiveNav .navigation.pagination .nav-links * {
    padding: 0px 5px;
    font-size: 20px;
    font-weight: 300;
    color: rgba(255,255,255,0.6);
}

#SolarPostArchive #SolarPostArchiveNav .navigation.pagination .nav-links span.current {
    font-weight: bold;
}

#SolarPostArchive #SolarPostArchiveNav .navigation.pagination .nav-links a.next {
    padding-left: 30px;
    font-weight: bold;
}

#SolarPostArchive #SolarPostArchiveNav .navigation.pagination .nav-links a.prev {
    padding-right: 30px; 
    font-weight: bold; 
}








/***************************************************/   
/******************** BLOG POST START ********************/   
/***************************************************/   








/******************** BLOG WELCOME ********************/      
#BlogWelcomeSection {                                           
    width: calc(100% - 60px);  
    height: auto;
    position: relative;
    left: 30px;
}

/* overlay */
#BlogWelcomeSection #BlogWelcomeSectionOverlay {
    position: relative;
    background-color: rgba(100,100,100,0.9);  
}

/* content */
#BlogWelcomeSection #BlogWelcomeSectionContent {
    width: 700px;
    height: auto;
    padding: 250px 0px 250px;
    position: relative;
    text-align: center; 
}

/* content - bar */
#BlogWelcomeSection #BlogWelcomeSectionContent .bar {
    width: 50px;
    height: 10px;
    background-color: white;
    border-radius: 5px; 
}

/* content - title */
#BlogWelcomeSection #BlogWelcomeSectionContent h1 {
    margin-top: 40px;
    word-spacing: 5px;
    letter-spacing: 1px;
    line-height: 1.2; 
    font-family: "Abril Fatface", serif !important;
    font-size: 50px;
    font-weight: 900;
    color: rgb(251, 202, 7);
}

/* content - date & author */
#BlogWelcomeSection #BlogWelcomeSectionContent h2 {
    margin-top: 40px;
    padding-top: 50px;
    word-spacing: 3px;
    font-size: 20px;
    font-weight: 300;
    border-top: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.6); 
}

#BlogWelcomeSection #BlogWelcomeSectionContent h2 span {
    position: relative;
    bottom: 1px;
    color: rgba(255,255,255,0.2);
}

/* down arrow */
#BlogWelcomeSection #BlogWelcomeSectionContent img {
    width: 30px;
    height: auto;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 15px); 
}








/******************** BLOG CONTENT ********************/    
#BlogContentSection { 
    width: calc(100% - 60px); 
    height: auto;
    margin-bottom: 150px;
    position: relative;
    left: 30px;
}

/* col */
#BlogContentSection .blogcontentcol {
    width: 50%;
    float: left;
}

/* text col */
#BlogContentSectionText {
    padding: 50px 150px 150px;
    border-right: 1px solid rgba(0,0,0,0.1);
}

/* text col - header */
#BlogContentSection #BlogContentSectionText h2 {
    margin-top: 100px;
    padding: 25px 0px 25px 25px;
    font-family: "Abril Fatface", serif !important;
    line-height: 1;
    font-size: 35px;
    font-weight: 900;
    border-left: 10px solid rgba(255,255,255,0.1);
    color: white;
}

/* text col - p */
#BlogContentSection #BlogContentSectionText p {
    margin-top: 30px;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 300;
    color: rgba(255,255,255,0.6); 
}

/* right col */
#BlogContentSectionRightCol { 
    position: relative;   
}

/* right col - text */
#BlogContentSectionRightCol h1 {
    height: 90px;
    padding: 22px 50px 0px;
    position: absolute;
    top: calc(50% - 45px);
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    word-spacing: 20px;
    letter-spacing: 5px;
    font-size: 35px;
    font-weight: 900;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.1);
    transform: rotate(90deg);
}

/* particles */ 
#BlogParticles {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0.2; 
}

/* clear float */
#BlogContentSectionClearFloat {
    width: 100%;
    height: 1px;
    clear: both; 
} 








/***************************************************/   
/******************** FOOTER STARTS ********************/   
/***************************************************/  








/******************** FOOTER SERVICES CAROUSEL SECTION ********************/   
     
#FooterServicesCarouselSection {                                                          
    width: calc(100% - 60px); 
    height: 460px; 
    margin-top: 250px;
    margin-bottom: 250px; 
    position: relative;     
    left: 30px; 
}

/* col */
#FooterServicesCarouselSection .col {
    display: inline-block;
    height: 100%; 
    position: relative; 
    float: left;   
}

/* header col */
#FooterServicesCarouselSection #Header {  
    width: 450px;  
    margin-left: 100px;  
}

/* header col - controls */
#FooterServicesCarouselSection #Header .controls { 
    width: 100%; 
    height: 25px; 
    margin-top: 70px;  
}

#FooterServicesCarouselSection #Header .controls .control {
    display: inline-block; 
    width: 23px;
    height: 25px;
    margin-left: 20px; 
    opacity: 0.2;
    cursor: pointer;
    background-color: rgb(251, 202, 7);
    clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%); 
    transition: 1s;       
}

#FooterServicesCarouselSection #Header .controls .control.c1 {
    margin-left: 0px;
}

#FooterServicesCarouselSection #Header .controls .control:hover,
#FooterServicesCarouselSection #Header .controls .control.active {
    opacity: 1;
}

/* carousel */  
#FooterServicesCarouselSection #FSCSCarousel {  
    width: calc(100% - 650px); 
    margin-left: 100px; 
    overflow: hidden;  
}  

/* carousel inner */ 
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner {
    height: 100%; 
    position: absolute;
    top: 0px;
    left: 0px;
    transition: transform 1s cubic-bezier(0.87, 0, 0.13, 1); 
}

/* carousel item */
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el {
    height: 100%; 
    width: 400px; 
    margin-right: 50px;
    float: left;
    opacity: 0.2;
    cursor: pointer;
    transition: 1s;  
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel7 {
    margin-right: 0px;
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.active {
    opacity: 1;
}

/* carousel item - img */
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el .imgouter {
    width: 100%;  
    height: 380px;  
    border-top-left-radius: 100px; 
    border-bottom-right-radius: 100px;  
} 

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel1 .imgouter {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/3.jpg");
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel2 .imgouter {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/6.jpg");
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel3 .imgouter {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/5.jpg");
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel4 .imgouter {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/4.jpg");
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel5 .imgouter {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/11.jpg");
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel6 .imgouter {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/10.jpg");
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el.fscscel7 .imgouter {
    background-image: url("https://gobrightsolar.com/wp-content/uploads/2026/02/9.jpg");
}

/* carousel item - text */ 
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el h2 {
    position: absolute; 
    bottom: 10px;
    word-spacing: 1px;
    line-height: 1;
    font-size: 25px; 
    color: rgb(251, 202, 7); 
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el h2 strong {
    margin-right: 25px;
    opacity: 0.3; 
}




  



/******************** FOOTER - SERVICED AREAS ********************/      
         
#SolarFooterServicedAreas { 
    width: calc(100% - 60px); 
    height: auto;
    position: relative;
    left: 30px;  
    overflow: hidden;
}

/* col */
#SolarFooterServicedAreas .sfsa-col {
    display: inline-block;
    height: auto;
    position: relative;
    float: right; 
}

/* map */
#SolarFooterServicedAreas .sfsa-col.map {
    width: 50%;
}

/* map - overlays */
#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay {   
    position: absolute; 
    z-index: 9;
    pointer-events: none;  
}
 
#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.one {
    width: 100%;
    height: 50%;
}
 
#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.two {
    width: 50%;
    height: 100%;
    top: 0px;
}

#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.upper {
    top: 0px;
    background: linear-gradient(to bottom, #6F6F6F, rgba(111, 111, 111, 0));
}

#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.lower {
    bottom: 0px;
    background: linear-gradient(to top, #6F6F6F, rgba(111, 111, 111, 0));
}

#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.right {
    right: 0px;
    background: linear-gradient(to left, #6F6F6F, rgba(111, 111, 111, 0));
}

#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.left {
    left: 0px;
    background: linear-gradient(to right, #6F6F6F, rgba(111, 111, 111, 0)); 
}

/* content */
#SolarFooterServicedAreas .sfsa-col.content {
    width: 50%; 
    padding-top: 150px;
    padding-bottom: 150px;   
    z-index: 2;
}

/* content - inner */
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner {
    width: 500px; 
}

/* content - serviced areas nav */
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav {
    width: 100%;
    margin-top: 80px;
    list-style: none;  
}

#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li {
    display: inline-block; 
    width: calc(50% - 40px);
    margin-bottom: 40px; 
    margin-right: 80px; 
    padding-top: 30px; 
    padding-bottom: 30px; 
    padding-left: 45px;
    position: relative;
    float: left;
    font-size: 14px;
    border: 1px solid rgba(255,255,255,0.1);
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px; 
    text-align: left; 
}

#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li:nth-child(2n + 2) {
    margin-right: 0px; 
}

#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li a {
    font-weight: 400;  
    color: white;
    transition: 1s;  
}

#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li a:hover {
    opacity: 0.3;
}   
  
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li a span {
    position: absolute;
    top: 10px;
    left: 25px;
    opacity: 0.05;
    font-family: "Abril Fatface", serif !important;
    font-size: 40px;
    font-weight: 300;
    color: white;  
}

/* blocks */
#SolarFooterServicedAreas .sfsa-block-one {  
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    background-color: rgb(100, 100, 100); 
}








/******************** FOOTER CTA ********************/   
   
#SolarFooterCTASection {
    width: calc(100% - 60px);
    height: 800px;
    margin-top: 100px; 
    position: relative;
    left: 30px;
    overflow: hidden; 
}

/* content */
#SolarFooterCTASectionContent {
    width: 500px;
    position: absolute;
    top: calc(50% - 220px);
    left: calc(25% - 250px); 
    z-index: 3;
}

/* content - btns */ 
#SolarFooterCTASectionContent h3 {
    display: inline-block;
    width: 200px;
    height: 50px;
    margin-top: 80px;
    padding-top: 14.5px;
    cursor: pointer;
    background-color: rgb(251, 202, 7); 
    text-align: center;
    word-spacing: 5px;
    letter-spacing: 1px; 
    font-size: 18px;
    font-weight: 700;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    color: black;
    transition: 1s;
}

#SolarFooterCTASectionContent h3.one {
    margin-right: 40px;
    padding-top: 13.5px;
    background-color: transparent;
    border: 2px solid black;
    color: black; 
}

#SolarFooterCTASectionContent h3:hover {
    opacity: 0.3;
}

/* overlays */
#SolarFooterCTASection .sfctas-overlay {   
    width: 100%;
    height: 50%;
    position: absolute; 
    z-index: 2;
    pointer-events: none;  
}

#SolarFooterCTASection .sfctas-overlay.upper {
    top: 0px;
    background: linear-gradient(to bottom, #6F6F6F, rgba(111, 111, 111, 0));
}

#SolarFooterCTASection .sfctas-overlay.lower {
    bottom: 0px;
    background: linear-gradient(to top, #6F6F6F, rgba(111, 111, 111, 0));
}

/* background image */
#SolarFooterCTASection img {
    height: calc(100% + 800px);
    position: absolute;
    bottom: 0px; 
    z-index: 1;
    opacity: 0.15; 
}








/******************** FOOTER REVIEW SECTION ********************/   

#SolarFooterReviewSection {              
    width: calc(100% - 60px);
    position: relative;
    left: 30px; 
    overflow: hidden;       
    transition: 1s;    
}

/* review */
#SolarFooterReviewSection .sfrsreview {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2; 
    opacity: 0;
    pointer-events: none;
    transform: translate(0px, 25px);
    transition: 750ms;
}

#SolarFooterReviewSection .sfrsreview.active {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0px, 0px); 
}

/* review inner */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner {
    width: 600px; 
    height: auto;
    padding: 200px 0px 250px;
    text-align: center;  
}

/* review inner - img */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner img {
    width: auto;
    height: 70px;
}

/* review inner - p */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner p {
    margin-top: 60px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 300;
    color: rgba(255,255,255,0.6);  
}

/* review inner - h3 */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner h3 {
    margin-top: 70px;
    padding-top: 70px;
    word-spacing: 5px;
    font-size: 30px;
    font-weight: 900;
    border-top: 1px solid rgba(255,255,255,0.1);
    color: rgb(251, 202, 7); 
}

#SolarFooterReviewSection .sfrsreview .sfrsreviewinner h3 strong {
    margin-left: 25px;  
    color: white;
}

/* carousel controls icon */
#SolarFooterReviewSection .sfrscarcontrol img {
    display: block;
    width: auto;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    z-index: 3;
    cursor: pointer;
    transition: 1s; 
}

#SolarFooterReviewSection .sfrscarcontrol.left img {
    left: 100px;
}

#SolarFooterReviewSection .sfrscarcontrol.right img {
    right: 100px;
    transform: rotate(180deg); 
}

#SolarFooterReviewSection .sfrscarcontrol:hover img {
    opacity: 0.3; 
}

/* floating stars */
#SolarFooterReviewSection .sfrs-star {
    width: auto;
    height: 25px;
    position: absolute;
    z-index: 1;
    opacity: 0.2;
}

/* floating stars - pos */
.sfrs-star.sfrss1     { top: 5%;  left: 8%; }
.sfrs-star.sfrss2     { top: 12%; left: 25%; }
.sfrs-star.sfrss3     { top: 10%; left: 48%; }
.sfrs-star.sfrss4     { top: 20%; left: 70%; }
.sfrs-star.sfrss5     { top: 15%; left: 85%; }
.sfrs-star.sfrss6     { top: 30%; left: 10%; }
.sfrs-star.sfrss7     { top: 25%; left: 35%; }
.sfrs-star.sfrss8     { top: 32%; left: 60%; }
.sfrs-star.sfrss9     { top: 28%; left: 80%; }
.sfrs-star.sfrss10    { top: 38%; left: 20%; }
.sfrs-star.sfrss11    { top: 40%; left: 50%; }
.sfrs-star.sfrss12    { top: 42%; left: 75%; }
.sfrs-star.sfrss13    { top: 50%; left: 5%; }
.sfrs-star.sfrss14    { top: 55%; left: 25%; }
.sfrs-star.sfrss15    { top: 48%; left: 45%; }
.sfrs-star.sfrss16    { top: 58%; left: 65%; }
.sfrs-star.sfrss17    { top: 52%; left: 85%; }
.sfrs-star.sfrss18    { top: 60%; left: 15%; }
.sfrs-star.sfrss19    { top: 65%; left: 40%; }
.sfrs-star.sfrss20    { top: 68%; left: 60%; }
.sfrs-star.sfrss21    { top: 72%; left: 80%; }
.sfrs-star.sfrss22    { top: 75%; left: 10%; }
.sfrs-star.sfrss23    { top: 78%; left: 30%; }
.sfrs-star.sfrss24    { top: 82%; left: 55%; }
.sfrs-star.sfrss25    { top: 85%; left: 75%; }
.sfrs-star.sfrss26    { top: 88%; left: 20%; }
.sfrs-star.sfrss27    { top: 90%; left: 45%; }
.sfrs-star.sfrss28    { top: 92%; left: 65%; }
.sfrs-star.sfrss29    { top: 95%; left: 85%; }
.sfrs-star.sfrss30    { top: 98%; left: 35%; }







 
/******************** FOOTER BLOG ********************/      
        
#SolarFooterBlog {
    width: calc(100% - 60px);
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    left: 30px; 
}

/* cols */
#SolarFooterBlog .sfb-outer-col {
    display: inline-block; 
    width: calc(50% - 100px);
    height: auto;
    position: relative;
    z-index: 2; 
    float: right; 
}

/* img col */
#SolarFooterBlog .sfb-outer-col.image {
    margin-right: 100px; 
    overflow: hidden;
    border-top-right-radius: 150px;
    border-bottom-left-radius: 150px;  
}

#SolarFooterBlog .sfb-outer-col.image .sfboc-img {
    height: calc(100% + 300px);
    position: absolute;
    bottom: 0px;
    object-fit: cover;     
}

/* content col */
#SolarFooterBlog .sfb-outer-col.content {
    margin-right: 50px;
    padding: 100px 0px 100px;
}

/* inner content col */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner {
    width: 500px; 
}

/* inner content col - btns */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3 {
    display: inline-block;
    width: 200px;
    height: 50px;
    margin-top: 60px;
    padding-top: 14.5px;
    cursor: pointer;
    background-color: rgb(251, 202, 7); 
    text-align: center;
    word-spacing: 5px;
    letter-spacing: 1px; 
    font-size: 18px;
    font-weight: 700;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    color: black;
    transition: 1s;
}

#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3.one {
    margin-right: 40px;
    padding-top: 13.5px;
    background-color: transparent;
    border: 2px solid black;
    color: black; 
}

#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3:hover {
    opacity: 0.3;
}

/* blocks */
#SolarFooterBlog .sfb-block-one {
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    background-color: rgb(100, 100, 100);  
}

#SolarFooterBlog .sfb-block-two {
    width: 75%;
    height: 100%;  
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1; 
    background-color: rgb(90, 90, 90);  
}








/******************** FOOTER - FINAL *********************/       

#SolarFooterFinal {                       
    width: calc(100% - 60px);
    height: 100vh;   
    position: relative;
    left: 30px;
} 
 
/* inner */
#SolarFooterFinalInner {
    width: 1000px;
    height: 250px;
    position: absolute;
    top: calc(50% - 135px);
    left: calc(50% - 500px);
}

/* socials */
#SolarFooterFinal #SolarFooterFinalSocials {
    width: auto;
    height: 45px; 
    position: absolute; 
    top: 30px;
    left: 50px; 
}

#SolarFooterFinal #SolarFooterFinalSocials img { 
    display: inline-block; 
    width: 45px; 
    height: 45px; 
    margin-right: 8px;  
    padding: 10px;
    object-fit: contain;
    border: 1px solid rgba(251, 202, 7, 0.2);
    transition: 1s; 
}

#SolarFooterFinal #SolarFooterFinalSocials img.sff-socials-last {
    margin-right: 0px;
}

#SolarFooterFinal #SolarFooterFinalSocials img:hover {
    opacity: 0.3;
}  
 
/* logo */ 
#SolarFooterFinal #SolarFooterFinalLogo {
    width: auto;
    height: 100px;
    position: absolute;
    top: -25px;
    left: calc(50% - 75px);
    opacity: 1;
}
 
/* contact form btn */
#SolarFooterFinal #SolarFooterFinalButton {
    display: block;
    width: 215px;
    height: 45px;  
    padding-top: 11px;
    position: absolute;  
    top: 30px;
    right: 50px;  
    cursor: pointer; 
    text-align: center;
    word-spacing: 5px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid rgba(251, 202, 7, 0.2); 
    color: rgb(251, 202, 7);
    transition: 1s; 
}
 
#SolarFooterFinal #SolarFooterFinalButton:hover {
    opacity: 0.3;
}

/* links */
#SolarFooterFinalLinks {
    width: 100%;
    height: auto;
    padding-top: 70px;
    position: absolute;
    top: 140px;
    left: 0px;
    text-align: center;
    border-top: 0.5px solid rgba(255,255,255,0.3);  
}

#SolarFooterFinalLinks p {
    display: inline-block;
    padding: 0px 10px 0px;
    font-size: 15px;
    font-weight: 400;
    color: white;
}

#SolarFooterFinalLinks p.line {
    opacity: 0.3;
    font-weight: 100;
}
 







/***************************************************/   
/******************** OTHER STARTS ********************/   
/***************************************************/  







 
/******************** SECTION HEADERS ********************/     
 
.solar-section-standard-header {
    width: 100%;   
}

.solar-section-standard-header.left {
    text-align: left;
}

.solar-section-standard-header.center {
    text-align: center;
}
 
/* sub header */
.solar-section-standard-header .sssh-one {   
    font-size: 10px; 
    font-weight: 400; 
    color: rgba(255,255,255,0.3); 
}

.solar-section-standard-header .sssh-one span {
    margin-left: 10px;
}

/* header */
.solar-section-standard-header .sssh-two {
    margin-top: 20px; 
    word-spacing: 5px; 
    line-height: 1; 
    font-size: 60px;
    font-weight: 300 !important; 
    color: rgb(251, 202, 7);
}

.solar-section-standard-header .sssh-two strong {
    color: white;
}

/* header text */
.solar-section-standard-header .sssh-three { 
    margin-top: 25px;  
    padding-top: 30px; 
    line-height: 1.4; 
    font-size: 20px;
    font-weight: 300;
    border-top: 1px solid rgba(255,255,255,0.2); 
    color: rgba(255,255,255,0.6);  
}

.solar-section-standard-header .sssh-three.notfirst {
    border-top: none;
    padding-top: 0px;
}








/******************** HELPER ELEMENTS ********************/   

/* clear float */
.solar-clear-float {
    width: 100%;
    height: 1px;
    clear: both;
}

/* anchor */ 
a, a:hover {
    text-decoration: none;
} 

/* background image */
.background {
    background-size: cover;
    background-position: 50% 50%;
} 

/* fill-parent */ 
.fill-parent {  
    width: 100%;
    height: 100%; 
}   








/********************* ANIMATION ELEMENTS *********************/ 

/* animation-element */ 
.animation-element,
.animation-element-parent {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    opacity: 0;
    pointer-events: none;
}

/* animation-element up */ 
.animation-element.up-trigger,
.animation-element-parent.up-trigger { 
    top: 30% !important;  
}

/* transition */
.ae-zoom, .ae-up, .ae-fadein {
    -moz-transition: all 600ms ease-out; 
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out; 
    transition: all 600ms ease-out;
}

/* zoom */
.ae-zoom {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}      
                                                                                       
.ae-zoom.in-view {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); 
} 

/* up */ 
.ae-up { 
    -moz-transform: translate3d(0px, 75px, 0px);   
    -webkit-transform: translate3d(0px, 75px, 0px);
    -o-transform: translate(0px, 75px);
    -ms-transform: translate(0px, 75px);
    transform: translate3d(0px, 75px, 0px); 
}

.ae-up.in-view {
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px); 
} 

/* fade */
.ae-fadein {      
    opacity: 0;
}

.ae-fadein.in-view {
    opacity: 1;
} 

/* typewriter */
.typewritercursor { animation: cursorblink 1s step-end infinite; }
@keyframes cursorblink { from, to { color: transparent; } 50% { color: white; } }
@-webkit-keyframes cursorblink { from, to { color: transparent; } 50% { color: white; } }








/**************************************************************/
/******************** COMMENCE MOBILE CODE ********************/   
/**************************************************************/








/******************** NAVIGATION BAR ********************/ 
   

/********************/
/****** max height ******/ 
/********************/   
@media (min-width: 601px) and (max-height: 675px) { 
#SolarPrimaryNavigation #SPNSectionIndicator { 
    opacity: 0 !important;
}
}

@media (max-width: 600px) and (max-height: 575px) {  
#SolarPrimaryNavigation #SPNSectionIndicator { 
    opacity: 0 !important;
}
}


/********************/
/****** 600px ******/ 
/********************/
@media (max-width: 600px) {  
#SolarPrimaryNavigation {
    width: 40px;  
}
 
/* ham */
#SolarPrimaryNavigation #SPNHamburger {  
   width: 40px;
   height: 40px;
   padding: 2.5px;
   top: 0px;
   left: 0px;         
} 

/* cta */
#SolarPrimaryNavigation #SPNCTA {
    width: 100px;  
    height: 30px;
    padding-top: 7px;
    top: 100px;
    left: -30px;
    font-size: 12px;
    border-radius: 15px; 
}

/* section indicator */
#SolarPrimaryNavigation #SPNSectionIndicator { 
    width: 200px;
    height: 16px;
    left: -80px;   
    font-size: 12px;
}  

/* dot nav */
#SolarPrimaryNavigation #SPNDotNavigation {   
    width: 14px; 
    bottom: 50px;  
    left: 13px;      
}

/* dot nav - dot */
#SolarPrimaryNavigation #SPNDotNavigation .container {
    width: 14px; 
    height: 15px; 
    margin-top: 10px;    
}

/* nav logo */
#SPNLogo {
    width: 15px;
    top: 20px;
    right: 20px;
}

/* nav chat & call btns */
.spn-right-btn {
    width: 35px;
    bottom: 50px;    
    right: 10px;
}

#SPNCallBtn {
    bottom: 70px;
} 
}


 


 


/******************** NAVIGATION MENU *********************/
      

/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {  
#SolarMobileNavigation {                 
    width: calc(100% - 60px);
    height: calc(100vh - 20px); 
    top: 10px; 
    left: -100%;
    border-radius: 10px;   
} 

/* nav - dvh */
@supports (height: 100dvh) {
    #SolarMobileNavigation { height: calc(100dvh - 20px); } 
}  

/* nav - active */
#SolarMobileNavigation.active {
    left: 50px;
} 
}








/******************** FRONT PAGE WELCOME SECTION LAYOUT ********************/    


/********************/
/****** 1250px ******/ 
/********************/ 
@media (max-width: 1250px) {   
/* content */
.solar-fp-welcome-section .solar-fp-welcome-section-content {
    width: 600px; 
    left: calc(50% - 300px); 
}
}

 
/********************/
/****** 1050px ******/ 
/********************/ 
@media (max-width: 1050px) {   
/* content */
.solar-fp-welcome-section .solar-fp-welcome-section-content {
    width: 400px; 
    left: calc(50% - 200px); 
}

/* content - p */
.solar-fp-welcome-section .solar-fp-welcome-section-content .sssh-three {
    padding-right: 35px; 
    padding-left: 35px; 
}
}
        

/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {  
.solar-fp-welcome-section { 
    width: calc(100% - 40px);  
    left: 20px;
} 
 
/* custom height for service page */
#SolarServicesExtraContentOne {
    height: 500px;
} 

/* content */
.solar-fp-welcome-section .solar-fp-welcome-section-content {
    width: 280px;   
    left: calc(50% - 140px);  
}

/* content - p */
.solar-fp-welcome-section .solar-fp-welcome-section-content .sssh-three {
    padding-right: 20px; 
    padding-left: 20px; 
}
 
/* arrow */
.solar-fp-welcome-section .solar-fp-welcome-section-arrow {
    width: 30px;
    bottom: 10px;
    left: calc(50% - 15px);
}
}








/******************** FRONT PAGE ABOUT SECTION LAYOUT ********************/     

 
/********************/
/****** 1250px ******/ 
/********************/ 
@media (max-width: 1250px) {      
/* inner content col */
.solar-fp-about-section .sfpasoc-content-col-inner {
    width: 400px; 
} 
}

 
/********************/
/****** 1050px ******/ 
/********************/ 
@media (max-width: 1050px) {     
.solar-fp-about-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* cols */
.solar-fp-about-section .solar-fp-about-section-outer-col {
    width: calc(50% - 50px);
}
 
/* img col */
.solar-fp-about-section .sfpasoc-image-col {
    margin-left: 50px; 
}

/* content col */
.solar-fp-about-section .sfpasoc-content-col {
    margin-left: 25px; 
    padding: 50px 0px 50px;
}

/* inner content col */
.solar-fp-about-section .sfpasoc-content-col-inner {
    width: 300px; 
} 

/* inner content col - stats */
.solar-fp-about-section .sfpass-col {
    width: calc(33.3333333% - 10px);
    margin-top: 65px;   
}

.solar-fp-about-section .sfpass-col.one,
.solar-fp-about-section .sfpass-col.two {
    margin-right: 15px; 
}

/* inner content col - stats - text */
.solar-fp-about-section .sfpass-col .sfpass-col-textelone,
.solar-fp-about-section .sfpass-col .sfpass-col-textelone span {
    font-size: 25px;
}
 
.solar-fp-about-section .sfpass-col .sfpass-col-texteltwo {
    font-size: 12px;
}

/* blocks */
.solar-fp-about-section .solar-fp-about-block-two {
    height: calc(100% - 50px);
}
}

 
/********************/
/****** 775px ******/ 
/********************/ 
@media (max-width: 775px) {     
.solar-fp-about-section {
    padding-top: 20px;
    padding-bottom: 20px;
}
 
/* img col */
.solar-fp-about-section .sfpasoc-image-col {
    width: calc(35% - 20px); 
    margin-left: 20px; 
    border-top-left-radius: 75px;
    border-bottom-right-radius: 75px; 
}

/* content col */
.solar-fp-about-section .sfpasoc-content-col {
    width: calc(65% - 20px);  
    margin-left: 10px;  
}

/* inner content col */
.solar-fp-about-section .sfpasoc-content-col-inner {
    width: 280px; 
}  

/* inner content col - stats */
.solar-fp-about-section .sfpass-col {
    margin-top: 50px;  
}

/* inner content col - stats - text */
.solar-fp-about-section .sfpass-col .sfpass-col-textelone,
.solar-fp-about-section .sfpass-col .sfpass-col-textelone span {
    font-size: 20px;
}
 
/* blocks */
.solar-fp-about-section .solar-fp-about-block-two { 
    height: calc(100% - 20px);
}
}

 
/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {     
.solar-fp-about-section { 
    width: calc(100% - 40px);
    padding-bottom: 0px;
    left: 20px;
}

/* cols */
.solar-fp-about-section .solar-fp-about-section-outer-col {
    display: block; 
    float: none;
}
 
/* img col */
.solar-fp-about-section .sfpasoc-image-col {
    width: calc(100% - 40px) !important;
    height: 300px !important;
}

/* content col */
.solar-fp-about-section .sfpasoc-content-col {
    width: 100% !important;
    height: auto !important;
    margin-left: 0px; 
    padding: 100px 0px 100px; 
}

/* inner content col - stats */
.solar-fp-about-section .sfpass-col {
    width: calc(33.3333333% - 15px);
}

.solar-fp-about-section .sfpass-col.one,
.solar-fp-about-section .sfpass-col.two {
    margin-right: 22.5px;
} 
}








/******************** SERVICES WELCOME SECTION ********************/   
 

/********************/
/****** 1250px ******/ 
/********************/ 
@media (max-width: 1250px) {   
/* col - cont */
.solar-services-welcome-section .col.cont .continner {
    width: 400px;  
}
}


/********************/
/****** 1000px ******/ 
/********************/ 
@media (max-width: 1000px) {  
/* col - img */
.solar-services-welcome-section .col.img {
    width: 35%; 
}

/* col - cont */
.solar-services-welcome-section .col.cont {
    width: 65%;
}

.solar-services-welcome-section .col.cont .continner {
    width: 280px;  
    padding-top: 150px;
    padding-bottom: 150px; 
}
}


/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {  
.solar-services-welcome-section {                
    width: calc(100% - 40px);  
    left: 20px;  
} 

/* col */
.solar-services-welcome-section .col {                
    display: block; 
    width: 100% !important; 
    float: none;  
}

/* col - img */
.solar-services-welcome-section .col.img {
    height: 200px !important;
} 
 
/* col - cont */
.solar-services-welcome-section .col.cont .continner {
    padding-top: 100px;
    padding-bottom: 100px; 
}
}








/******************** SERVICES ICONS SECTION ********************/   
     

/********************/
/****** 1500px ******/ 
/********************/ 
@media (max-width: 1500px) {   
/* icons */
#SolarServicesIconsSection #SSISIcons {
    width: 1200px;  
}

/* icons - el */
#SolarServicesIconsSection #SSISIcons .ssisicon-el {
    width: calc(25% - 50px); 
    margin: 90px 25px 0px;
}

/* icons - el - p */
#SolarServicesIconsSection #SSISIcons .ssisicon-el p {
    font-size: 13px;
}
}
     

/********************/
/****** 1300px ******/ 
/********************/ 
@media (max-width: 1300px) {  
/* icons */
#SolarServicesIconsSection #SSISIcons {
    width: 1000px;  
}

/* icons - el */
#SolarServicesIconsSection #SSISIcons .ssisicon-el {
    width: calc(25% - 30px); 
    margin: 90px 15px 0px;
}

/* icons - el - p */
#SolarServicesIconsSection #SSISIcons .ssisicon-el p {
    font-size: 12px;
}
}
     

/********************/
/****** 1100px ******/ 
/********************/ 
@media (max-width: 1100px) {   
/* icons */
#SolarServicesIconsSection #SSISIcons {
    width: 800px;  
}

/* icons - el */
#SolarServicesIconsSection #SSISIcons .ssisicon-el {
    width: calc(25% - 10px); 
    margin: 90px 5px 0px;
}

/* icons - el - p */
#SolarServicesIconsSection #SSISIcons .ssisicon-el p {
    font-size: 10px;
}
}
     

/********************/
/****** 900px ******/ 
/********************/ 
@media (max-width: 900px) {  
/* header */
#SolarServicesIconsSection #SSISHeader {
    width: 500px; 
}

/* icons */
#SolarServicesIconsSection #SSISIcons {
    width: 500px;  
}
 
/* icons - el */
#SolarServicesIconsSection #SSISIcons .ssisicon-el {
    width: calc(33.33333% - 20px); 
    margin: 70px 10px 0px;
}

/* icons - el - p */
#SolarServicesIconsSection #SSISIcons .ssisicon-el p br {
    display: block;
}
}
     

/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {  
#SolarServicesIconsSection {        
    width: calc(100% - 40px);  
    margin-top: 100px; 
    margin-bottom: 100px;      
    left: 20px; 
}

/* header */
#SolarServicesIconsSection #SSISHeader {
    width: 280px; 
}
  
/* icons */
#SolarServicesIconsSection #SSISIcons {
    width: 280px;  
}

/* icons - el */
#SolarServicesIconsSection #SSISIcons .ssisicon-el {
    width: calc(50% - 20px);   
    margin: 50px 10px 0px;
}

/* icons - el - img */
#SolarServicesIconsSection #SSISIcons .ssisicon-el .imgouterborder {
    width: 50px; 
    height: 50px;
    border-top-left-radius: 12.5px; 
    border-bottom-right-radius: 12.5px; 
}

#SolarServicesIconsSection #SSISIcons .ssisicon-el img {
    height: 20px;
    top: 14.5px;
}

/* icons - el - p */
#SolarServicesIconsSection #SSISIcons .ssisicon-el p {
    margin-top: 15px;
    padding-top: 15px;
}
}








/******************** BLOG ARCHIVE PAGE *********************/       
 

/********************/
/****** 1400px ******/ 
/********************/ 
@media (max-width: 1400px) {    
#SolarPostArchive {
    width: calc(100% - 160px);
}

/* blog el */
#SolarPostArchive .solar-blog-post-element { 
    width: calc(50% - 25px);  
}

#SolarPostArchive .solar-blog-post-element:nth-child(2n + 1) { 
    margin-right: 50px;
} 

/* blog el - img */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-img {
    border-radius: 40px; 
}

/* blog el - content */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content {
    padding: 45px 40px 0px;
}

/* blog el - content - header */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-header {
    -webkit-line-clamp: 2;    
}
}
 

/********************/
/****** 1000px ******/ 
/********************/ 
@media (max-width: 1000px) {    
#SolarPostArchive {
    width: calc(100% - 100px); 
}

/* blog el */
#SolarPostArchive .solar-blog-post-element { 
    width: calc(50% - 10px); 
}

#SolarPostArchive .solar-blog-post-element:nth-child(2n + 1) { 
    margin-right: 20px;
} 

/* blog el - img */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-img {
    height: 350px;
}

/* blog el - content */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content {
    padding: 45px 20px 0px;
}

/* blog el - content - date */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-date {
    font-size: 9px;
}

/* blog el - content - header */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-header {
    -webkit-line-clamp: 3;    
    font-size: 30px;
}

/* blog el - content - sub header */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-sub-header {
    -webkit-line-clamp: 5;    
    font-size: 15px;
}

/* blog el - content - btn */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-btn {
    font-size: 15px;
}
}


/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {    
#SolarPostArchive {
    width: calc(100% - 80px);
    left: 20px;
}

/* blog el */
#SolarPostArchive .solar-blog-post-element { 
    display: block;
    width: 100%;
    margin-top: 100px; 
    float: none; 
}

#SolarPostArchive .solar-blog-post-element:nth-child(1) {
    margin-top: 20px !important;
}

#SolarPostArchive .solar-blog-post-element:nth-child(2n + 1) { 
    margin-right: 0px; 
} 

/* blog el - img */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-img {
    height: 300px; 
    border-radius: 30px; 
}

/* blog el - content */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content {
    padding: 45px 30px 0px;
}

/* blog el - content - date */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-date {
    font-size: 8px;
}

/* blog el - content - header */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-header {
    font-size: 25px;
}

/* blog el - content - sub header */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-sub-header {
    font-size: 14px;
}
 
/* blog el - content - btn */
#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-btn {
    margin-top: 30px; 
    padding-right: 15px; 
    font-size: 14px; 
}

#SolarPostArchive .solar-blog-post-element .solar-blog-post-element-content .solar-blog-post-element-btn span {
    padding-left: 15px;
}

/* pagination */
#SolarPostArchive #SolarPostArchiveNav { 
    margin-top: 100px; 
    padding: 20px 0px 20px;
}

/* pagination - inner */
#SolarPostArchive #SolarPostArchiveNav .navigation.pagination {
    width: 280px;  
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;  
}

#SolarPostArchive #SolarPostArchiveNav .navigation.pagination .nav-links * {
    font-size: 16px;
} 
}








/******************** BLOG WELCOME ********************/      


/********************/
/****** 800px ******/ 
/********************/ 
@media (max-width: 800px) {    
/* content */
#BlogWelcomeSection #BlogWelcomeSectionContent {
    width: 280px;
    padding: 200px 0px 200px;
}

/* content - bar */
#BlogWelcomeSection #BlogWelcomeSectionContent .bar {
    width: 40px;
}

/* content - title */
#BlogWelcomeSection #BlogWelcomeSectionContent h1 { 
    word-spacing: 1px;
    font-size: 30px;
}

/* content - date & author */
#BlogWelcomeSection #BlogWelcomeSectionContent h2 {
    font-size: 15px;
}

/* down arrow */
#BlogWelcomeSection #BlogWelcomeSectionContent img {
    width: 20px;
    bottom: 20px;
    left: calc(50% - 10px); 
}
}


/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {  
#BlogWelcomeSection {                                           
    width: calc(100% - 40px);  
    left: 20px;
}
}








/******************** BLOG CONTENT ********************/    


/********************/
/****** 1400px ******/ 
/********************/ 
@media (max-width: 1400px) {  
/* text col */
#BlogContentSectionText {
    padding: 50px 75px 150px;
}
}


/********************/
/****** 1100px ******/ 
/********************/ 
@media (max-width: 1100px) {   
/* text col */
#BlogContentSectionText {
    width: 70% !important;
    padding: 50px 50px 150px;
} 

/* right col */
#BlogContentSectionRightCol { 
    width: 30% !important;
}
}


/********************/
/****** 600px ******/ 
/********************/ 
@media (max-width: 600px) {  
#BlogContentSection { 
    width: calc(100% - 40px); 
    margin-bottom: 0px; 
    left: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1); 
}

/* col */
#BlogContentSection .blogcontentcol {
    float: none;
}

/* text col */
#BlogContentSectionText {
    width: 100% !important; 
    padding: 0px 30px 100px; 
    border-right: none; 
}

/* text col - header */
#BlogContentSection #BlogContentSectionText h2 {
    margin-top: 80px;  
    padding: 20px 0px 20px 20px; 
    font-size: 30px; 
    border-left: 7.5px solid rgba(255,255,255,0.1); 
}

/* text col - p */
#BlogContentSection #BlogContentSectionText p {
    margin-top: 25px;  
    font-size: 16px; 
}

/* right col */
#BlogContentSectionRightCol { 
    display: none !important;
}
}








/******************** FOOTER SERVICES CAROUSEL SECTION ********************/   


/********************/
/****** 1250px ******/ 
/********************/ 
@media (max-width: 1250px) {  
/* header col */
#FooterServicesCarouselSection #Header {  
    width: 300px;  
    margin-left: 50px;  
}

/* header col - controls */
#FooterServicesCarouselSection #Header .controls { 
    height: 20px; 
    margin-top: 30px;  
}

#FooterServicesCarouselSection #Header .controls .control {
    width: 18px;
    height: 20px;
    margin-left: 15px; 
}

/* carousel */  
#FooterServicesCarouselSection #FSCSCarousel {  
    width: calc(100% - 400px); 
    margin-left: 50px; 
}  

/* carousel item */
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el { 
    width: 300px;   
}

/* carousel item - text */ 
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el h2 {
    font-size: 20px; 
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el h2 strong {
    margin-right: 20px;
}
}


/********************/
/****** 850px ******/ 
/********************/  
@media (max-width: 850px) {  
#FooterServicesCarouselSection {                                                          
    height: auto; 
}

/* col */
#FooterServicesCarouselSection .col {
    display: block;
    float: none;
}

/* header col */
#FooterServicesCarouselSection #Header {  
    width: 280px;    
    height: auto !important; 
    margin-left: 100px;    
}

/* carousel */  
#FooterServicesCarouselSection #FSCSCarousel {  
    width: calc(100% - 100px);   
    height: 400px !important;
    margin-left: 100px; 
    margin-top: 50px; 
}  
 
/* carousel item - img */
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el .imgouter {
    height: 350px;  
    border-top-left-radius: 50px; 
    border-bottom-right-radius: 50px;  
} 
}


/********************/
/****** 600px ******/ 
/********************/  
@media (max-width: 600px) {  
#FooterServicesCarouselSection {                                                          
    width: calc(100% - 40px); 
    margin-top: 100px;
    margin-bottom: 100px;   
    left: 20px;    
}

/* header col */
#FooterServicesCarouselSection #Header {  
    margin-left: 20px;  
}

/* header col - controls */
#FooterServicesCarouselSection #Header .controls { 
    margin-top: 25px;   
}

#FooterServicesCarouselSection #Header .controls .control { 
    margin-left: 12.5px; 
}

/* carousel */  
#FooterServicesCarouselSection #FSCSCarousel {  
    width: calc(100% - 20px); 
    height: 310px !important;
    margin-left: 20px;   
}  

/* carousel item */
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el { 
    width: 260px;  
    margin-right: 20px;  
}

/* carousel item - img */
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el .imgouter {
    height: 260px;   
} 

/* carousel item - text */ 
#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el h2 {
    font-size: 16px;   
}

#FooterServicesCarouselSection #FSCSCarousel #FSCSCarouselInner .fscsc-el h2 strong {
    margin-right: 8px;
}
}








/******************** FOOTER - SERVICED AREAS ********************/      
 

/********************/
/****** 1200px ******/ 
/********************/  
@media (max-width: 1200px) { 
/* content - inner */
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner {
    width: 400px; 
}
 
/* content - serviced areas nav */
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li {
    width: calc(50% - 15px); 
    margin-bottom: 30px; 
    margin-right: 30px;   
    padding-left: 35px;
    font-size: 13px;  
}
}


/********************/
/****** 1000px ******/ 
/********************/  
@media (max-width: 1000px) {  
/* map */
#SolarFooterServicedAreas .sfsa-col.map {
    width: 40%;
}

/* content */
#SolarFooterServicedAreas .sfsa-col.content {
    width: 60%;  
}

/* content - inner */
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner {
    width: 280px; 
}

/* content - serviced areas nav */
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav {
    margin-top: 60px;  
}

#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li {
    width: calc(50% - 10px);  
    margin-bottom: 20px; 
    margin-right: 20px; 
    padding-top: 20px; 
    padding-bottom: 20px;     
    padding-left: 20px;
    font-size: 11px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px; 
}
  
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav li a span {
    top: 7px;
    left: 12.5px;
    font-size: 30px; 
}

/* blocks */
#SolarFooterServicedAreas .sfsa-block-one {  
    width: 60%;
}
}


/********************/
/****** 600px ******/ 
/********************/  
@media (max-width: 600px) { 
#SolarFooterServicedAreas { 
    width: calc(100% - 40px); 
    left: 20px;  
}

/* col */
#SolarFooterServicedAreas .sfsa-col {
    width: 100% !important;
    display: block;
    float: none;
}

/* map */
#SolarFooterServicedAreas .sfsa-col.map {
    height: 500px !important;
}

#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.one {
    height: 40%;
}
 
#SolarFooterServicedAreas .sfsa-col.map .sfsam-overlay.two {
    width: 40%;
}

/* content */
#SolarFooterServicedAreas .sfsa-col.content {
    height: auto !important;
    padding-top: 100px;
    padding-bottom: 100px;   
}

/* content - serviced areas nav */
#SolarFooterServicedAreas .sfsa-col.content .sfsa-col-content-inner #ServicedAreasNav {
    margin-top: 50px;  
}

/* blocks */
#SolarFooterServicedAreas .sfsa-block-one {  
    width: 100%;
    height: calc(100% - 500px); 
}
}








/******************** FOOTER CTA ********************/   


/********************/
/****** 1250px ******/    
/********************/
@media (max-width: 1250px) {  
#SolarFooterCTASection {
    height: 700px;
}

/* content */
#SolarFooterCTASectionContent {
    width: 400px; 
    top: calc(50% - 200px); 
    left: calc(35% - 200px);  
}

/* content - btns */ 
#SolarFooterCTASectionContent h3 {
    width: 180px;
}

#SolarFooterCTASectionContent h3.one {
    margin-right: 15px;
}
}


/********************/
/****** 850px ******/    
/********************/
@media (max-width: 850px) {  
#SolarFooterCTASection {
    height: 600px;
}

/* content */
#SolarFooterCTASectionContent {
    width: 280px; 
    top: calc(50% - 175px); 
    left: calc(35% - 140px);  
}

/* content - btns */ 
#SolarFooterCTASectionContent h3 {
    width: 130px; 
    height: 40px;
    margin-top: 50px;
    padding-top: 12.5px;
    word-spacing: 2px;
    letter-spacing: 0.5px; 
    font-size: 14px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

#SolarFooterCTASectionContent h3.one {
    margin-right: 12.5px; 
    padding-top: 11.5px;
}
}
   

/********************/
/****** 600px ******/    
/********************/
@media (max-width: 600px) { 
#SolarFooterCTASection {
    width: calc(100% - 40px);
    height: 500px;
    margin-top: 25px; 
    left: 20px; 
}

/* content */
#SolarFooterCTASectionContent {
    top: calc(50% - 135px); 
    left: calc(50% - 140px);  
} 
}








/******************** FOOTER REVIEW SECTION ********************/   


/********************/
/****** 1150px ******/    
/********************/
@media (max-width: 1150px) {   
/* review inner */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner {
    width: 400px; 
}

/* review inner - p */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner p {
    margin-top: 50px;
    font-size: 18px;
}

/* review inner - h3 */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner h3 {
    margin-top: 60px;
    padding-top: 60px;
    font-size: 20px;
}

#SolarFooterReviewSection .sfrsreview .sfrsreviewinner h3 strong {
    margin-left: 10px;  
}

/* carousel controls icon */
#SolarFooterReviewSection .sfrscarcontrol img {
    height: 30px;
    top: calc(50% - 15px);
}

#SolarFooterReviewSection .sfrscarcontrol.left img {
    left: 50px;
}

#SolarFooterReviewSection .sfrscarcontrol.right img {
    right: 50px;
}
}


/********************/
/****** 700px ******/    
/********************/
@media (max-width: 700px) {    
/* review inner */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner {
    width: 350px; 
}
 
/* review inner - img */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner img {
    height: 50px;
}

/* review inner - p */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner p {
    margin-top: 25px; 
    line-height: 1.4;
    font-size: 15px;
}

/* review inner - h3 */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner h3 {
    margin-top: 30px;
    padding-top: 30px;
    word-spacing: 2.5px;
    font-size: 17px;
}

#SolarFooterReviewSection .sfrsreview .sfrsreviewinner h3 strong {
    margin-left: 5px;  
}

/* carousel controls icon */
#SolarFooterReviewSection .sfrscarcontrol img {
    height: 25px;
    top: calc(50% - 12.5px);
}

#SolarFooterReviewSection .sfrscarcontrol.left img {
    left: 25px;
}

#SolarFooterReviewSection .sfrscarcontrol.right img {
    right: 25px;
}

/* floating stars */
#SolarFooterReviewSection .sfrs-star {
    height: 15px;
}
}


/********************/
/****** 600px ******/    
/********************/ 
@media (max-width: 600px) {   
#SolarFooterReviewSection {              
    width: calc(100% - 40px);
    left: 20px; 
}

/* review inner */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner {
    width: 230px; 
    padding: 100px 0px 100px;
}

/* review inner - p */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner p {
    font-size: 12px;
}

/* review inner - h3 */
#SolarFooterReviewSection .sfrsreview .sfrsreviewinner h3 {
    word-spacing: 1px;
    font-size: 13px;
}

/* carousel controls icon */
#SolarFooterReviewSection .sfrscarcontrol img {
    height: 20px;
    top: calc(50% - 10px);
}

#SolarFooterReviewSection .sfrscarcontrol.left img {
    left: 15px;
}

#SolarFooterReviewSection .sfrscarcontrol.right img {
    right: 15px;
}
}








/******************** FOOTER BLOG ********************/      
 

/********************/
/****** 1300px ******/    
/********************/
@media (max-width: 1300px) {    
/* inner content col */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner {
    width: 400px; 
}

/* inner content col - btns */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3 {
    width: 180px;
}

#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3.one {
    margin-right: 30px;
}
}
 

/********************/
/****** 1100px ******/    
/********************/
@media (max-width: 1100px) {    
#SolarFooterBlog {
    padding-top: 50px;
    padding-bottom: 50px;
}

/* cols */
#SolarFooterBlog .sfb-outer-col {
    width: calc(50% - 20px);
}

/* img col */
#SolarFooterBlog .sfb-outer-col.image {
    margin-right: 20px; 
}

/* content col */
#SolarFooterBlog .sfb-outer-col.content {
    margin-right: 0px; 
    padding: 50px 0px 50px;
}

/* inner content col */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner {
    width: 250px; 
}

/* inner content col - btns */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3 {
    width: 115px; 
    height: 40px;
    margin-top: 50px;
    padding-top: 12.5px;
    word-spacing: 2px;
    letter-spacing: 0.5px; 
    font-size: 14px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3.one {
    margin-right: 12.5px; 
    padding-top: 11.5px;
}
}

 
/********************/
/****** 600px ******/    
/********************/
@media (max-width: 600px) {    
#SolarFooterBlog {
    width: calc(100% - 40px);
    padding-top: 20px;
    padding-bottom: 0px;
    left: 20px; 
}

/* cols */
#SolarFooterBlog .sfb-outer-col {
    display: block; 
    float: none;
}

/* img col */
#SolarFooterBlog .sfb-outer-col.image {
    width: calc(100% - 40px);
    height: 300px !important; 
    border-top-right-radius: 75px;
    border-bottom-left-radius: 75px;   
}

/* content col */
#SolarFooterBlog .sfb-outer-col.content {
    width: 100%;
    padding: 50px 0px 100px;
}
 
/* inner content col */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner {
    width: 280px; 
}

/* inner content col - btns */
#SolarFooterBlog .sfb-outer-col.content .sfboc-content-col-inner h3 {
    width: 130px; 
}
}







 
/******************** FOOTER - FINAL *********************/     

 
/********************/
/****** 1060px ******/    
/********************/
@media (max-width: 1060px) {    
/* inner */
#SolarFooterFinalInner {
    width: 800px;
    left: calc(50% - 400px);
}

/* links */
#SolarFooterFinalLinks p {
    font-size: 14px;
}
}

 
/********************/
/****** 860px ******/    
/********************/
@media (max-width: 860px) {   
/* inner */
#SolarFooterFinalInner {
    width: 600px;
    left: calc(50% - 300px);
}

/* socials */
#SolarFooterFinal #SolarFooterFinalSocials {
    left: 0px;
}

#SolarFooterFinal #SolarFooterFinalSocials img { 
    margin-right: 0px;  
}

/* contact form btn */
#SolarFooterFinal #SolarFooterFinalButton { 
    width: 190px;
    right: 0px;  
}

/* links */ 
#SolarFooterFinalLinks p {
    padding: 0px 5px 0px;
    font-size: 12px;
}
}

 
/********************/
/****** 700px ******/    
/********************/ 
@media (max-width: 700px) {  
#SolarFooterFinal {          
    height: 750px; 
} 
 
/* inner */
#SolarFooterFinalInner {
    width: 300px;
    height: 470px; 
    top: calc(50% - 235px);
    left: calc(50% - 150px);  
}

/* socials */
#SolarFooterFinal #SolarFooterFinalSocials {
    top: 130px;
    left: calc(50% - 110.5px);
}

#SolarFooterFinal #SolarFooterFinalSocials img { 
    margin-right: 10px;  
}

/* contact form btn */
#SolarFooterFinal #SolarFooterFinalButton {
    width: 221px;  
    top: 190px;
    right: calc(50% - 110.5px);
}

/* links */
#SolarFooterFinalLinks {
    padding-top: 40px;
    top: 290px;
}

#SolarFooterFinalLinks p {
    display: block;
    margin-top: 15px;
    padding: 0px 0px 0px;
    font-size: 14px;
}

#SolarFooterFinalLinks p.line {
    display: none;
}
}


/********************/
/****** 600px ******/    
/********************/ 
@media (max-width: 600px) {  
#SolarFooterFinal {                       
    width: calc(100% - 40px);
    left: 20px;
} 
}








/******************** SECTION HEADERS ********************/     
 

/********************/
/****** 1250px ******/    
/********************/ 
@media (max-width: 1250px) {
/* sub header */
.solar-section-standard-header .sssh-one {   
    font-size: 9px; 
}

/* header */
.solar-section-standard-header .sssh-two {
    font-size: 50px;
}

/* header text */
.solar-section-standard-header .sssh-three { 
    font-size: 18px;
}
}
 

/********************/
/****** 1000px ******/    
/********************/ 
@media (max-width: 1000px) {
/* sub header */
.solar-section-standard-header .sssh-one {   
    font-size: 8px; 
}

/* header */
.solar-section-standard-header .sssh-two {
    font-size: 40px;
}

/* header text */
.solar-section-standard-header .sssh-three { 
    font-size: 16px;
}
}

 
/********************/
/****** 800px ******/    
/********************/ 
@media (max-width: 800px) {
/* sub header */
.solar-section-standard-header .sssh-one {   
    font-size: 7px; 
}

/* header */
.solar-section-standard-header .sssh-two {
    font-size: 35px;
}

/* header text */
.solar-section-standard-header .sssh-three { 
    font-size: 15px;
}
}


/********************/
/****** 600px ******/    
/********************/ 
@media (max-width: 600px) {
/* sub header */
.solar-section-standard-header .sssh-one {   
    font-size: 6px; 
}

/* header */
.solar-section-standard-header .sssh-two {
    margin-top: 15px;  
    word-spacing: 3px; 
    font-size: 30px;
}

/* header text */
.solar-section-standard-header .sssh-three { 
    margin-top: 20px;  
    padding-top: 20px; 
    line-height: 1.3; 
    font-size: 14px;
}
}








/********************* ANIMATION ELEMENTS *********************/ 


/********************/
/****** 600px ******/    
/********************/ 
@media (max-width: 600px) {
/* animation-element */ 
.animation-element,
.animation-element-parent {
    top: 30%;
}
}