/*
Theme Name: Hello Child Theme
Template: hello-elementor
Author: Florian EYCHENNE
Version: 1.0
*/

/* .zone-scroll {
    position: relative;
}

.sticky-title {
    position: sticky !important;
    background: #F7F2EC;
    top: 117px;
    z-index: 10;
    padding-bottom: 24px;
}

.bloc-scroll {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
} */


/* GENERAL */
    /* @media (max-width:1480px) {
        .e-con>.e-con-inner {
            max-width: 1140px !important;
        }
    } */

    .post-4308,
    .post-4291,
    .post-4300,
    .post-1549{
        overflow: hidden !important;
    }


/* HEADER */
    header{
        transition: top 0.3s ease-in-out !important;
    }

    .elementor-nav-menu ul.sub-menu{
        width: 88% !important;
    }

    .elementor-nav-menu ul.sub-menu a{
        white-space: break-spaces !important;
    }

    @media (max-width:1310px) and (min-width:1024px){
        header .elementor-widget-theme-site-logo img{
            width: 110px !important;
        }

        header .elementor-widget-button .elementor-button-wrapper a{
            font-size: 1.03rem !important;
            padding: 12px 14px;
        }

        header .elementor-nav-menu li > a{
            font-size: 0.9rem;
        }
    }


/* FOOTER */
    @media (max-width:1310px) and (min-width:1024px){
        .elementor-location-footer .logo-footer img{
            width: 150px !important;
        }
    }


/* CONTACT FORM */
    .elementor-form-fields-wrapper .elementor-form-fields-wrapper .elementor-field-textual {
        padding: 0.4rem 0.8rem !important;
    }

    .elementor-form-fields-wrapper input[type="file"].elementor-upload-field {
        max-width: 149px !important;
    }

    @media (min-width:1920px){
        .elementor-form-fields-wrapper input[type="file"].elementor-upload-field {
            max-width: 160px !important;
        }
    }

    @media (max-width:1540px) {
        .elementor-form-fields-wrapper input[type="file"].elementor-upload-field {
            max-width: 134px !important;
        }
    }

    .elementor-form-fields-wrapper input[type="file"].elementor-upload-field::file-selector-button {
        background: transparent;
        color: #000;
        border: 1px solid #000;
        border-radius: 8px;
        padding: 0.4rem 0.8rem;
        font-family: var(--e-global-typography-4cb5926-font-family), Sans-serif;
        font-size: var(--e-global-typography-4cb5926-font-size);
        cursor: pointer;
        transition: background 0.2s, color 0.2s;
    }

    .elementor-form-fields-wrapper input[type="file"].elementor-upload-field::-webkit-file-upload-button {
        background: transparent;
        color: #000;
        border: 1px solid #000;
        border-radius: 5px;
        padding: 0.4rem 0.8rem;
        font-family: var(--e-global-typography-4cb5926-font-family), Sans-serif;
        font-size: var(--e-global-typography-4cb5926-font-size);
        cursor: pointer;
        transition: background 0.2s, color 0.2s;
    }

        /* Colors on homepage & contact page */
        .page-id-1514 .elementor-form-fields-wrapper input[type="file"].elementor-upload-field::file-selector-button,
        .page-id-1553 .elementor-form-fields-wrapper input[type="file"].elementor-upload-field::file-selector-button{
            color: #fff;
            border: 1px solid #C5C5C5;
        }

        .page-id-1514 .elementor-form-fields-wrapper input[type="file"].elementor-upload-field::-webkit-file-upload-button,
        .page-id-1553 .elementor-form-fields-wrapper input[type="file"].elementor-upload-field::-webkit-file-upload-button{
            color: #fff;
            border: 1px solid #C5C5C5;
        }

    .elementor-form-fields-wrapper .elementor-field-type-upload .elementor-field-label {
        flex: 100%;
    }

    .elementor-form-fields-wrapper .elementor-field-type-acceptance .elementor-field-option{
        display: flex;
    }

    .elementor-form-fields-wrapper .elementor-acceptance-field {
        appearance: none;
        -webkit-appearance: none;
        border: 1.5px solid #000;
        width: 23px;
        min-width: 23px;
        height: 21px;
        vertical-align: middle;
        position: relative;
        margin-right: 10px;
    }

    .elementor-form-fields-wrapper .elementor-acceptance-field:checked::after {
        content: "";
        position: absolute;
        left: 7px;
        width: 7px;
        height: 15px;
        border-right: 3px solid #000;
        border-bottom: 3px solid #000;
        transform: rotate(45deg);
    }

    .elementor-form-fields-wrapper .elementor-field-type-submit{
        margin-top: 30px;
    }



/* HOMEPAGE */

    /* First section */
    .solaire-title-span{
        background: #fbf97a;
        margin-top: 17px;
        transform: rotate(-5deg) translateX(-20px);
        display: inline-block;
        padding: 0 0.2em;
    }

    @media (max-width:1024px){
        .solaire-title-span{
            margin-top: 7px;
            transform: rotate(-2deg) translateX(0);
        }
    }


    /* Tabs section */
    .tabs-section .e-n-tabs-heading{
        flex-wrap: nowrap !important;
        width: 74%;
        align-self: center;
    }

    @media (max-width:1540px){
        .tabs-section .e-n-tabs-heading{
            width: 81%;
        }
    }

    .tabs-section button{
        padding: 8px 19px !important;
        min-width: 30% !important;
    }

    .photovoltaiques-solutions{
        position: relative !important;
    }

    .photovoltaiques-solutions .scroll-section{
        position: sticky;
    }

    /* Accordion section */
    .homepage-accordion details.e-n-accordion-item {
        border-bottom: 1.5px solid var(--e-global-color-primary);
    }

    /* Testimonial */
    .quote-section{
        overflow: hidden !important;
    }

    .quote-section-bloc{
        overflow: visible !important;
    }

    /* Notre projet humain */
    .projet-humain-section{
        overflow: hidden !important;
    }

    .background-grill-img{
        height: 100%;
    }

    .background-grill-img img{
        max-width: none !important;
        width: auto;
    }

    /* Actualités */
    .actualites{
        overflow: hidden !important;
    }

    .actualites .e-loop-item .elementor-inline-item a{
        flex-direction: row-reverse;
        gap: 12px;
    }

    .actualites .e-loop-item .elementor-inline-item a .elementor-icon-list-text{
        border-bottom: 1px solid white;
        padding: 0;
        line-height: 18px;
    }


/* PAGES SOLUTIONS */

    .notre-ambition-section,
    .pourquoi-nous-choisir-section,
    .exploitation-agrivoltaique
    {
        overflow: hidden !important;
    }

    /* .exploitation-agrivoltaique-mobile{
        overflow: visible !important;
    } */

    .centrale-au-sol-bouton-vignette{
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
    }


/* PAGE ENGAGEMENTS */

    /* HOVER ON SECTION */
    .hovered-section .hidden-section{
        opacity: 0;
        transition: opacity 0.2s;
    }
    
    @media (min-width: 1024px){
        .hovered-section:hover .hidden-section{
            opacity: 1;
        }
    }


/* ARTICLES */

    .autres-articles{
        overflow: clip !important;
    }

    .post h1.entry-title{
        display: none;
    }




/* ///////// */
/* MOBILE / TABLET */
/* ///////// */


/* HEADER */

    @media (max-width: 1024px){
        .elementor-widget-theme-site-logo img{
            transition-duration: 0.2s;
        }

        .elementor-sticky--active .elementor-widget-theme-site-logo:not(.off-canvas-logo) > div > a > img{
            width: 125px !important;
        }
    }
    
    .mobile-menu-button .elementor-button-wrapper{
        line-height: 1 !important;
    }

    .mobile-menu-button #open-menu svg{
        width: 45px !important;
    }

    .mobile-menu-button #close-menu svg{
        width: 27px !important;
        
    }

    .mobile-menu-button + .elementor-widget-off-canvas nav.elementor-nav-menu--dropdown{
        position: relative;
    }

    .mobile-menu-button + .elementor-widget-off-canvas .elementor-nav-menu ul.sub-menu{
        width: 100% !important;
    }

    .mobile-menu-button + .elementor-widget-off-canvas .elementor-nav-menu--dropdown > .elementor-nav-menu > li > a{
        font-size: 1.4rem !important;
        font-weight: bold !important;
    }

    .mobile-menu-button + .elementor-widget-off-canvas .elementor-nav-menu--dropdown ul.sub-menu{
        margin: 12px 0 25px;
    }

    .mobile-menu-button + .elementor-widget-off-canvas .elementor-nav-menu--dropdown a.elementor-sub-item{
        border: none !important;
        padding: 8px 45px !important;
    }


/* HOMEPAGE */

    @media (max-width: 1024px){
        .first-section-button span{
            text-align: left;
        }
    }


/* PAGES SOLUTIONS */

    /* Points clés et services carousels */
    .carousel-solutions .e-n-carousel{
        overflow: visible;
    }

    .carousel-solutions .e-n-carousel .swiper-slide{
        overflow: visible;
    }

    /* Carousel points clés toitures points */
    .carousel-solutions.toitures .swiper-pagination{
        bottom: -187px !important;
        top: initial;
    }


/* PAGE ENGAGEMENTS */

    @media (max-width: 1024px){

        /* HOVER ON BUTTON */
        .hidden-section.active{
            opacity: 1;
            z-index: 2;
        }

        /* HIDDEN SECTION */
        .hidden-section{
            transform: translateX(-50%);
        }
    }


/* PAGES LÉGALES */
    .legal-table{
        overflow-x: scroll;
    }


/* CONTACT FORM */

    @media (max-width: 1024px){
        .elementor-field-type-upload{
            align-items: flex-start !important;
            flex-direction: column;
        }

        .elementor-field-type-upload label{
            flex: 0 !important;
            padding-bottom: 0px !important;
            line-height: 9px !important;
        }

        .elementor-field-type-upload input{
            flex: 0 !important;
        }

        .elementor-field-type-acceptance{
            width: 100% !important;
        }
    }