/* 
Theme Name: Hello Elementor Child
*/


footer nav ul > li > a {
    color: var(--e-global-color-c33d959)!important;
    padding-left: 0!important;
}

footer nav ul > li > a:hover {
    background: transparent!important;
    color: var(--e-global-color-primary)!important;
}

@media screen and (max-width: 768px) {
    footer nav ul > li  > a {
       justify-content: center!important;
       text-align: center!important;
    }

    footer svg {
        height: 45px!important;
    }
}

#copyright a:hover {
    color: #cc2026!important;
}


footer #cta {
    @media  (max-width: 1220px) {
        padding-left: 60px!important;
        padding-right: 60px!important; 
    }

    @media (max-width: 767px) { 
        padding-left:40px!important;
        padding-right:40px!important; 
    }

    & .elementor-heading-title {
        @media  (max-width: 1024px) { 
            font-size: 2.625rem!important;
            line-height: normal!important;
        }

        @media  (max-width: 767px) { 
            font-size: 2.375rem!important;
        }

        @media  (max-width: 600px) { 
            font-size: 2rem!important;
        }
    }
}


/* apparition des block par rapport au page */

#nos-realisation-footer,
#nos-etapes-footer,
#autres-prestation-footer,
#zone-intervention-footer,
#avis-container,
#cta,
#cta-contact-container {
    display: none;
}

/* page contact */
.page-id-441 {
    #cta-contact-container,
    #zone-intervention-footer {
        display: flex;
    } 

    #cta-contact-container{
        position: relative;

        &::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 250px;
            background: #191919;
        }

        & #cta-contact {
            position: relative;
            z-index: 1;
        }
    }
}

/* page maintenance et reparation */
.page-id-433 {
    & #autres-prestation-footer,
    & #zone-intervention-footer,
    & #avis-container, 
    & #cta {
        display: flex;
    }

    & #autres-prestation-footer {
        background: #fff!important;

        & .services-order {
            & > div:nth-child(3) {
                display: none;
            }

        }
    }

    & #avis-container {
        & h2.elementor-heading-title {
            max-width: 650px!important;
        }
    }
}

/* page test d'ecoulement */
.page-id-431 {
    & #nos-realisation-footer,
    & #autres-prestation-footer,
    & #zone-intervention-footer,
    & #avis-container,
    #cta {
        display: flex;
    }

    & #autres-prestation-footer {
        background: #fff!important;

        & .services-order {
            & > div:nth-child(4) {
                display: none;
            }
        }
    }
}


/* page gicleur automatique */
.page-id-429 {
    & #nos-realisation-footer,
    & #autres-prestation-footer,
    & #zone-intervention-footer,
    & #avis-container,
    #nos-etapes-footer,
    #cta {
        display: flex;
    }

    & #autres-prestation-footer {
        background: #fff!important;

        & .services-order {
            & > div:nth-child(1) {
                display: none;
            }

            & > div:nth-child(4) {
                order: 1;
            }
            & > div:nth-child(2) {
                order: 2;
            }
            & > div:nth-child(3) {
                order: 3;
            }
            & > div:nth-child(5) {
                order: 5;
            }
        }
    }
}


/* page conception et ingenierie */
.page-id-427 {
    & #nos-realisation-footer,
    & #autres-prestation-footer,
    & #zone-intervention-footer,
    & #avis-container,
    #nos-etapes-footer,
    #cta {
        display: flex;
    }

    & #nos-realisation-footer {
        order: 2;
        background: #fff!important;
    }
    & #autres-prestation-footer {
        order: 4;
    }
    & #zone-intervention-footer {
        order: 4;
    }
    & #avis-container {
        order: 5;
        & h2.elementor-heading-title {
            max-width: 650px!important;
        }
    }
    #nos-etapes-footer {
        order: 1;
    }

    & #autres-prestation-footer {

        & .services-order {
            & > div:nth-child(1) {
                order: 1;
            }

            & > div:nth-child(4) {
               order: 4;
            }
            & > div:nth-child(2) {
                display: none;
            }
            & > div:nth-child(3) {
               order: 3;
            }
            & > div:nth-child(5) {
               order: 2;
            }
        }
    }
}



/* page inspection */
.page-id-425 {
    & #autres-prestation-footer,
    & #avis-container,
    #cta {
        display: flex;
    }

    & #avis-container {
        & h2.elementor-heading-title {
            max-width: 650px!important;
        }
    }

    & #autres-prestation-footer {

        & .services-order {
            & > div:nth-child(1) {
                order: 1;
            }

            & > div:nth-child(4) {
               order: 4;
            }
            & > div:nth-child(2) {
                order: 2;
            }
            & > div:nth-child(3) {
               order: 3;
            }
            & > div:nth-child(5) {
               display: none;
            }
        }
    }
}


/* page realisation listing */
.page-id-439 {
    #avis-container, 
    #cta {
        display: flex;
    }

    & #avis-container {
        & h2.elementor-heading-title {
            max-width: 650px!important;
            margin: 0 auto;
        }
    }
}


/* page qui sommes nous*/
.page-id-471 {
    #cta {
        display: flex;
    }
}

/* page qui sommes nous*/
.home{
    & #nos-realisation-footer,
    & #zone-intervention-footer,
    #cta {
        display: flex;
    }

    & #nos-realisation-footer {
        order: 2;
        padding-bottom: 250px!important;
    }
    & #zone-intervention-footer {
        order: 1;
    }
}

.realisation-template-default {
    & footer > div:nth-child(2) {
        & > div .e-con-inner {
            & > div:nth-child(2) {
                margin-top: 0!important;
            }
        }
    }
}

#cta {
    & .elementor-heading-title {
        @media(max-width: 1100px) {
            font-size: 3rem!important;
        }
    }
}


#nos-realisation-footer {
  & .ue-remote-bullet-btn {
    flex: 1!important;
  }

  @media screen and (max-width: 767px) {
    & .e-con-inner {
        & > div:nth-child(5) {
            justify-content: center!important;
            & > div:first-child {
                margin-bottom: 30px!important;
            }
        }
    }
}
}

#nos-etapes-footer {
    @media screen and (max-width: 550px) {
        &  .e-con-inner {
            & > div:last-child {
                flex-direction: column;
                justify-content: center!important;
                & > div:first-child {
                    margin-bottom: 30px!important;
                }
                & > div:last-child {
                    align-self: center!important;
                }
            }
        }
    }
}