/*
 Theme Name:   Solar Energy Solutions
 Theme URI:    https://www.energycircle.com
 Description:  Solar Energy Solutions
 Author:       Energy Circle
 Author URI:   https://www.energycircle.com
 Template:     generatepress
 Version:      0.1
*/

/* ------------------- Desktop navigation & sticky styles -------------------- */
#sticky-navigation,
#mobile-header.is_stuck {
    box-shadow: 0 5px 2px -2px rgb(0 0 0 / 20%);
}

.main-navigation.sticky-navigation-transition .main-nav > ul > li > a {
    font-size: 16px;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li[class*='current-menu-'] > a {
    text-decoration: underline;
}

.main-navigation .main-nav ul.sub-menu {
    background-color: unset;
    box-shadow: unset;
}

.main-navigation .main-nav ul.sub-menu li {
    background-color: #f5f5f5;
    margin-bottom: 5px;
}

.main-navigation .main-nav ul.sub-menu ul.sub-menu li {
    background-color: var(--global-color-2);
}

.main-navigation .main-nav ul.sub-menu ul.sub-menu li a {
    color: var(--base-1);
}

/* -------------------- Auxiliary menu styles -------------------- */
.secondary-navigation .menu-toggle {
    display: none;
}

.custom-aux-nav {
    background: linear-gradient(180deg, #ffe69d 0%, var(--base-1) 100%);
}

.custom-aux-nav nav.aux-nav > ul,
.custom-aux-nav nav.other-nav > ul {
    gap: 20px;
}

.custom-aux-nav
    nav.aux-nav
    > ul.wp-block-navigation__container
    > li.wp-block-navigation-item
    > a:hover,
.custom-aux-nav
    nav.other-nav
    > ul.wp-block-navigation__container
    > li.wp-block-navigation-item
    > a:hover,
.custom-aux-nav
    nav.aux-nav
    > ul.wp-block-navigation__container
    > li.wp-block-navigation-item[class*='current-menu-']
    > a,
.custom-aux-nav
    nav.other-nav
    > ul.wp-block-navigation__container
    > li.wp-block-navigation-item[class*='current-menu-']
    > a {
    font-weight: 500;
    text-decoration: none;
}

.custom-aux-nav
    nav.aux-nav:not(.has-background)
    .wp-block-navigation__submenu-container {
    background-color: unset;
    border: none;
}

.custom-aux-nav
    nav.aux-nav.wp-block-navigation
    li.has-child
    ul.wp-block-navigation__submenu-container {
    z-index: 99999;
}

.custom-aux-nav nav.aux-nav ul.wp-block-navigation__submenu-container li {
    background-color: #f5f5f5;
    margin-bottom: 5px;
}

.custom-aux-nav
    nav.aux-nav
    ul.wp-block-navigation__submenu-container
    li[class*='current-menu-']
    > a {
    text-decoration: underline;
}

.custom-aux-nav nav.other-nav li.aux-nav-phone > a {
    font-size: 16px;
    color: var(--global-color-2);
}

header ul.sub-menu li:not(#generate-slideout-menu),
.aux-nav ul.wp-block-navigation-submenu > li {
    box-shadow: 5px 5px 5px -2px rgba(43, 43, 43, 0.3);
}

/* Hide aux nav when hamburger appears */
@media screen and (max-width: 931px) {
    .custom-aux-nav {
        display: none;
    }
}

/* Style third child nest menu items in header aux */
.locations-we-serve .has-child ul.wp-block-navigation-submenu > li {
    margin-top: 0.75rem;
    margin-left: 0.25em;
    box-shadow: 5px 5px 5px -2px rgba(43, 43, 43, 0.3);
}

/* -------------------- Mobile header and hamburger menu styles -------------------- */
.mobile-header-navigation {
    box-sizing: border-box;
    padding: 10px;
}

#generate-slideout-menu .gb-button-wrapper .gb-button,
.slideout-navigation.do-overlay .inside-navigation .main-nav,
.slideout-navigation.do-overlay .inside-navigation .slideout-widget {
    width: 100%;
}

.main-navigation.slideout-navigation .main-nav > ul > li > a {
    line-height: 20px;
}

.menu-toggle .gp-icon svg,
.slideout-exit .gp-icon svg {
    fill: var(--global-color-1);
}

#generate-slideout-menu div.inside-navigation {
    padding-bottom: 30%;
}

.slideout-navigation a.gb-button-orange {
    color: var(--base-1) !important;
}

.main-navigation.slideout-navigation .main-nav > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: 80%;
    margin: 10px auto;
    padding-left: 0;
}

#generate-slideout-menu .off-canvas-aux-menu {
    width: 80%;
    margin: auto;
}

#generate-slideout-menu.main-navigation .off-canvas-aux-menu ul {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    opacity: 1;
    left: 0;
    top: 0;
}

#generate-slideout-menu.main-navigation .off-canvas-aux-menu ul a:hover {
    text-decoration: underline;
}

#generate-slideout-menu.main-navigation
    .off-canvas-aux-menu.wp-block-navigation
    .wp-block-navigation-item {
    justify-content: center;
    flex-direction: column;
}

#generate-slideout-menu .off-canvas-aux-menu li.wp-block-navigation-item {
    margin: 10px auto;
}

#generate-slideout-menu.main-navigation
    .off-canvas-aux-menu
    .wp-block-navigation__submenu-icon {
    position: absolute;
    right: 15px;
    height: 0.8em;
    font-size: 20px;
}

#generate-slideout-menu.main-navigation
    .off-canvas-aux-menu.wp-block-navigation
    .wp-block-navigation__submenu-container {
    width: 100%;
    border: 0;
    font-size: 18px;
    background-color: #f5f5f5;
}

#generate-slideout-menu.main-navigation
    .off-canvas-aux-menu.wp-block-navigation
    .wp-block-navigation__submenu-container
    li
    a {
    font-size: 16px;
    color: var(--contrast);
}

#generate-slideout-menu.main-navigation
    .off-canvas-aux-menu.wp-block-navigation
    .wp-block-navigation__submenu-container
    li
    a:hover {
    text-decoration: underline;
}

.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
    position: absolute;
    right: 0px;
    border: 0;
}

@media (max-width: 1024px) {
    #generate-slideout-menu.main-navigation ul.ec_menu_ul {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .slideout-navigation.do-overlay .slideout-exit {
        position: fixed !important;
    }
}

/* -------------------- Back to Top Button -------------------- */
.generate-back-to-top__show {
    transform: translateY(-100px);
}

/* -------------------- Testimonials -------------------- */
.strong-view.wpmtst-modern .wpmtst-testimonial-content {
    text-align: left !important;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-field {
    font-style: italic;
    color: var(--base-1);
}

.strong-view.wpmtst-modern .wpmtst-testimonial {
    border: 0;
}

.strong-view.wpmtst-modern .wpmtst-testimonial:last-child {
    border-right: 0;
}

.strong-view.wpmtst-modern .wpmtst-testimonial .testimonial-content {
    padding: 10px;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-content:before,
.strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
    color: var(--base-1) !important;
    background: var(--base-1) !important;
}

/* -------------------- Distinctions -------------------- */
.distinctions.wp-block-getwid-post-carousel .slick-track {
    align-items: center;
}

.distinctions .slick-slide img {
	width: 180px;
	height: auto;
	padding: 15px;
	margin: 15px 0px;
}

/* -------------------- Footer styles -------------------- */
.ec_menu_ul {
    margin-left: 0em;
    list-style-type: none;
}

.ec_menu_ul ul.sub-menu {
    list-style-type: none;
}

.footer .ec_menu_ul li a {
    color: var(--base-1);
}

.footer .ec_menu_ul li a:hover {
    text-decoration: underline;
}

.footer #menu-footer-primary1 > li {
    margin-bottom: 40px;
}

.footer #menu-footer-primary1 a[href*='service-category'],
.footer #menu-footer-primary2 a[href*='service-category'] {
    font-size: 20px;
    font-weight: 600;
}

.footer .wpforms-submit-container {
    margin-top: 0 !important;
    padding-top: 0;
}

@media (max-width: 768px) {
    .footer {
        text-align: center;
    }

    .footer #menu-footer-primary1 > li {
        margin-bottom: 20px;
    }

    .footer input[type='email'] {
        max-width: 300px;
        margin: 0 auto;
    }

    .footer .ec_menu_ul ul.sub-menu {
        margin-left: 0;
    }
}

span.wp-block-getwid-social-links__wrapper:hover {
	color: #c97d07;
	background-color: #fceeda;
	cursor: pointer;
}

span.wp-block-getwid-social-links__wrapper {
	cursor: pointer;
}

/* -------------------- WP Forms styles -------------------- */
div.cta-form {
    margin: 0;
}

div.newsletter-form {
    margin-top: 0;
}

div.cta-form.wpforms-container .wpforms-field {
    padding-top: 5px;
}

div.cta-form label.wpforms-field-label,
div.newsletter-form label.wpforms-field-label,
div.newsletter-form legend.wpforms-field-label,
div.newsletter-form label.wpforms-field-sublabel {
    margin-bottom: 5px;
    color: var(--base-1);
}

div.cta-form div.wpforms-submit-container {
    margin: 0 !important;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

/* Submit button style */
div.wpforms-container-full .wpforms-form input[type='submit'],
div.wpforms-container-full .wpforms-form button[type='submit'],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
    height: auto;
    color: var(--base-1) !important;
    background-color: var(--global-color-2) !important;
    padding: 15px 30px !important;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.5s ease 0s !important;
}

/* Submit button hover style */
div.wpforms-container-full .wpforms-form input[type='submit']:hover,
div.wpforms-container-full .wpforms-form input[type='submit']:focus,
div.wpforms-container-full .wpforms-form input[type='submit']:active,
div.wpforms-container-full .wpforms-form button[type='submit']:hover,
div.wpforms-container-full .wpforms-form button[type='submit']:focus,
div.wpforms-container-full .wpforms-form button[type='submit']:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
    background: none;
    text-decoration: underline;
}

@media (max-width: 500px) {
    div.wpforms-field-container .wpforms-field-name .wpforms-one-half {
        width: 100% !important;
    }

    div.wpforms-field-container
        .wpforms-field-name
        .wpforms-field-row
        > .wpforms-one-half:last-child {
        margin: 20px 0 0;
    }
}

/* -------------------- General styles -------------------- */
/* Top page margin - no hero section */
header.entry-header {
    margin-top: 40px;
}

/* Same size images */
.aspect-3-2 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

/* -------------------- Home page styles -------------------- */
/* Background video */
.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.gb-container-29f4c8c3 {
    width: 100vw !important;
}

/* Solar Solutions section - hover styles */
a.gb-container.box-shadow-hover {
    display: flex;
    color: var(--base-1);
    box-shadow: inset 0 0 0 0 var(--global-color-1);
    transition: ease 0.5s;
}

a.gb-container.box-shadow-hover:hover,
a.gb-container.box-shadow-hover:focus,
a.gb-container.box-shadow-hover:active {
    color: var(--base-1);
    box-shadow: inset -1000px 0 0 0 var(--global-color-1);
}

/* -------------------- Testimonial page styles -------------------- */
.testimonial-grid p {
    font-size: 18px;
}

.testimonial-grid img {
    max-height: 300px;
    object-fit: cover;
}

.testimonial-grid .testimonial-content {
    min-height: 500px;
}

/* -------------------- Filter dropdowns on Case Study and Blog pages -------------------- */
.ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-active {
    border: none;
    background: #f5f5f5;
}

.ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-active span {
    color: var(--global-color-1);
    font-weight: 600;
}

.ymc-smart-filter-container
    .filter-layout3
    .dropdown-filter
    .menu-active
    i.arrow.down {
    border-color: var(--global-color-2);
}

.ymc-smart-filter-container .filter-layout3 .dropdown-filter .menu-passive {
    background-color: #f5f5f5;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.ymc-smart-filter-container
    .filter-layout3
    .dropdown-filter
    .menu-passive__item
    .menu-link {
    color: var(--contrast);
}

.ymc-smart-filter-container
    .filter-layout3
    .dropdown-filter
    .menu-passive:before {
    display: none;
}

.ymc-smart-filter-container
    .filter-layout3
    .dropdown-filter
    .menu-passive__item
    .menu-link:before {
    border: 1px solid var(--contrast);
}

.ymc-smart-filter-container .filter-layout3 .btn-all {
    display: none;
}

.ymc-smart-filter-container .container-posts .post-custom-layout {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    margin-bottom: 40px;
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item {
    border: 0;
}

.ymc-smart-filter-container .filter-layout3 .posts-found {
    font-size: 18px;
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item a {
    text-decoration: none;
}

.ymc-smart-filter-container
    .container-posts
    .post-custom-layout
    .post-item
    h3.gb-headline-e39765ad
    a {
    color: var(--global-color-1);
    font-family: inherit;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 10px;
    margin-top: 10px;
}

.ymc-smart-filter-container
    .container-posts
    .post-custom-layout
    .post-item
    h5.term {
    margin-bottom: 0;
}

.ymc-smart-filter-container .container-posts .post-custom-layout .post-item p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.ymc-smart-filter-container
    .container-posts
    .post-custom-layout
    .post-item
    h5.term {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: var(--global-color-2);
}

.ymc-smart-filter-container
    .container-posts
    .post-custom-layout
    .post-item
    a.gb-button-9dd9ed1f {
    padding: 10px 20px;
    border: 1px solid var(--global-color-2);
    color: var(--global-color-2);
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    width: auto;
}

.ymc-smart-filter-container
    .container-posts
    .post-custom-layout
    .post-item
    a.gb-button-9dd9ed1f:hover {
    color: var(--base-1);
    background-color: var(--global-color-2);
}

.ymc-smart-filter-container .pagination-load-more .btn-load {
    padding: 10px 20px;
    color: var(--global-color-1);
    border: 1px solid var(--global-color-1);
    font-size: 20px;
    font-weight: 600;
}

.ymc-smart-filter-container .pagination-load-more .btn-load:hover {
    color: var(--base-1);
    background-color: var(--global-color-1);
}

.ymc-smart-filter-container
    .filter-layout3
    .dropdown-filter
    .menu-passive__item
    .menu-link.active:after {
    border-left-color: var(--contrast);
    border-bottom-color: var(--contrast);
}

.ymc-smart-filter-container .filter-layout3 .selected-items .item {
    background: var(--global-color-2);
}

.ymc-smart-filter-container
    .filter-layout3
    .dropdown-filter
    .menu-passive
    .btn-close {
    color: black;
}