/* CSS personnalisé ici */

/***** REGLES GENERALES *****/

*,
*:after,
:before {
    box-sizing: border-box;
    /*inclut la padding et la bordure dans la largeur et la hauteur totales de l'élément*/
    margin: 0;
    /*réintialiser les padding et les marges à 0*/
    padding: 0;
    border: 0;
}

ul {
    list-style-type: none;
}

a {
    /* mes éléments <a> ne sont plus soulignés*/
    text-decoration: none;
}

/***** CSS PERSONNALISÉ ASTRA *****/


/* POUR MES ARTICLES DE BLOG */
.grid-post-prestation .wpr-grid-item-below-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.grid-post-prestation .wpr-grid-image-wrap img {
    height: 440px;
    object-fit: cover;
    object-position: center;
}

/*SURVOL IMAGE POST GRID*/
.wrap-articles .eael-grid-post img {
    transition: 200ms ease-in-out;
}

.wrap-articles .eael-grid-post:hover img {
    transform: scale(1.05);
    /*pour faire le zoom en hover sur toutes les images articles de mon blog*/
}

.wrap-articles .eael-grid-post:hover .eael-grid-post-excerpt a {
    font-weight: 700;
    color: #554B41
}

.wrap-articles .eael-entry-thumbnail {
    overflow: hidden;
    /*clip content*/
}

/* .video-chapeaucornu .elementor-wrapper .elementor-open-inline iframe {
    border: 5px solid red !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    aspect-ratio: 16 / 9 !important;
} */


/* TAILLE IMAGE PRESTATIONS */
.conteneur-prestations .elementor-widget-image img {
    height: 515px ; 
    object-fit: cover;
}

@media (max-width: 1440px) {
    .conteneur-prestations .elementor-widget-image img {
        height: 515px ;
    }
}

/* PAGE ACCUEIL */
/*survol prestations card*/
.card-prestation {
    min-width: 343px;
    max-width: 343px;
    transition: 200ms linear;
    cursor: pointer;
}

.card-prestation:hover {
    transform: scale(1.05);
}

.savoir-plus a {
    transition: 200ms linear;
}

.card-prestation:hover .savoir-plus a {
    color: #FBC46E !important;
}


/* review cards */
.elementor-element.wrap-reviews .review-content {
    /*quand pas d'espace : class sur la même div, quand espace : on vise une class sur une div en dessous*/
    /* min-width: 343px;
    max-width: 343px; */
     flex-shrink: 0;
   }

/* section ce qu'ils en pensent pour masquer les cartes à droite*/
/* .section-reviews {
    overflow: hidden;
} */


/*style du swiper.js*/
.swiper {
    width: 100%;
    height: 100%;
    overflow: visible !important;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    position: static;
}

.swiper .wrap-arrows .swiper-button-prev,
.swiper .wrap-arrows .swiper-button-next {
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
    transition: 200ms linear;
}

.swiper .wrap-arrows .swiper-button-prev:hover,
.swiper .wrap-arrows .swiper-button-next:hover {
    background-color: #EEE7E1;
}

.swiper-button-prev .e-con-inner,
.swiper-button-next .e-con-inner {
    display: none;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 14px !important;
    font-weight: 700;
    color: #554B41;
}

/* TAILLE NUMEROS ETAPES

.number-icon {
    max-height: 64px;
    min-height: 64px;
    min-width: 64px;
    min-width: 64px;
}

@media (min-width: 600px) {
    .frm_submit button {
        margin: 0 !important;
    }
} */

/* NEWSLETTER */

.newsletter input[type="email"] {
    height: auto;
}



/* BLOG*/

.post-navigation {
  display: flex !important;
}




/* TARIFS */
/* si je remets ça, bien passer en flex column en version mobile
/* .price-content {
    min-width: 190px !important;
    max-width: 190px !important;
} */