/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* retire l'effet de zoom lors du hover sur les icônes RS */
.FooterRS a:hover {
    font-size: var(--icon-size);
}

/* card réa */
.projet-content {
    position: absolute;
    left: 0;
    bottom: -70px;
    padding: 24px;
    transition: bottom .3s;
}

.projet-content .projet-desc {
    opacity: 0;
    transition: opacity .2s;
}

.card-projet {
    background-size: cover;
}

.card-projet:hover .projet-content {
    bottom: 0;
}

.card-projet:hover .projet-desc {
    opacity: 1;
}

.extrait-ref {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/* Graisse titre + texte FAQ*/
.faq p {
    font-weight: 400 !important;
}

/* retire les margins et padding des p */
p {
    margin: 0 !important;
    padding: 0 !important
}

/* Taille max de images dans une références */
.ref-image img {
    max-height: 532px;
}

/* Tag d'article de blog */

.article-tag .elementor-post-info__terms-list-item {
    background: var(--e-global-color-98e1238);
    padding: 4px 8px;
    border-radius: 99px;
    color: var(--e-global-color-primary) !important;
}

.article-tag .elementor-post-info__terms-list {
    color: white;
}

/* Gestion du contenu flexible d'une référence */
.container {
    display: flex;
    padding: 0;
    width: 100%;
    gap: 24px;
}

.section-description {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    margin-top: 24px;
}

.section-description .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #E6E9FF;
    padding: 24px;
    gap: 0;
    border-radius: 24px;
}

.section-bandeau-c-p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 24px;
}

/* Carré */
.img-square {
    flex: 1 1 300px;
    aspect-ratio: 1 / 1;
}

/* Paysage */
.img-landscape {
    flex: 2 1 600px;
    aspect-ratio: 16 / 9;
}

/* Images */
#section-bandeau-c-p .photo-carre,
#section-bandeau-c-p .photo-paysage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    display: block;
}

@media (max-width: 1377px) {
    .section-description {
        padding: 0 30px;
    }

    .container {
        padding: 0 30px;

    }
}

/* Animation off */
@media (max-width: 1024px) {

    .elementor-invisible {
        visibility: visible !important;
        animation: none !important;
    }

    [class*="elementor-animation-"],
    .animated {
        animation: none !important;
        transition: none !important;
    }
}

@media (max-width: 767px) {
    .footer-menu ul li a {
        display: flex;
        flex-direction: column;
        justify-content:
            center;
    }

    .footer-menu ul li span {
        display: flex;
        justify-content:
            center;
    }

    .container {
        padding: 0 16px;
    }

    .section-description {
        padding: 0 16px;
    }

    .section-bandeau-c-p .container {
        flex-direction: column;
    }

    .img-square,
    .img-landscape {
        width: 100%;
        aspect-ratio: auto;
        height: auto;
        flex: auto;
    }

    #section-bandeau-c-p .photo-carre,
    #section-bandeau-c-p .photo-paysage {
        height: 300px;
        object-fit: cover;
    }
}