.elementor-4281 .elementor-element.elementor-element-5207e992:not(.elementor-motion-effects-element-type-background), .elementor-4281 .elementor-element.elementor-element-5207e992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theproject.quintadogriffo.com/wp-content/uploads/2025/05/Capture-decran-2024-11-30-a-17.14.14.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4281 .elementor-element.elementor-element-5207e992 > .elementor-background-overlay{opacity:0.64;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4281 .elementor-element.elementor-element-5207e992{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4281 .elementor-element.elementor-element-88571a6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4281 .elementor-element.elementor-element-88571a6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000061;}.elementor-4281 .elementor-element.elementor-element-88571a6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4281 .elementor-element.elementor-element-88571a6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4281 .elementor-element.elementor-element-3a77eb41 > .elementor-widget-container{margin:0px 200px 190px 0px;padding:0px 0px 0px 0px;}.elementor-4281 .elementor-element.elementor-element-3a77eb41{text-align:left;}.elementor-4281 .elementor-element.elementor-element-3a77eb41 img{width:20%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4281 .elementor-element.elementor-element-1fb6ce5 .elementor-heading-title{color:#FFFFFF;}.elementor-4281 .elementor-element.elementor-element-19619bf .elementor-heading-title{color:#FFFFFF;}.elementor-4281 .elementor-element.elementor-element-30cade5:not(.elementor-motion-effects-element-type-background), .elementor-4281 .elementor-element.elementor-element-30cade5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1102028F;}.elementor-4281 .elementor-element.elementor-element-30cade5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4281 .elementor-element.elementor-element-30cade5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-4281 .elementor-element.elementor-element-88571a6{width:100%;}}@media(min-width:1025px){.elementor-4281 .elementor-element.elementor-element-5207e992:not(.elementor-motion-effects-element-type-background), .elementor-4281 .elementor-element.elementor-element-5207e992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for column, class: .elementor-element-88571a6 */.elementor-4281 .elementor-element.elementor-element-88571a6 {
  text-align: center;
  color: #ffffff; /* blanc pur */
  font-size: 64px; /* ajuste selon ton goût */
  font-weight: 400;
  line-height: 1.2;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.7); /* ombre pour lisibilité */
}

@media (max-width: 768px) {
  .elementor-4281 .elementor-element.elementor-element-88571a6 {
    font-size: 38px; /* version mobile */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d105d80 *//* Appliquer la hauteur aux images du magazine */
#magazine img {
    width: 100%;
    height: 250px; /* ou 220px si tu veux encore plus resserré */
    object-fit: cover;
    border-radius: 8px;
}
/* Appliquer la hauteur harmonisée aux images du magazine */
#magazine img {
    width: 100%;
    height: 220px; /* plus resserré pour ton split "Réhabiliter" */
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Effet hover subtil : zoom et légère ombre */
#magazine img:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Optionnel : petit padding blanc autour de la vignette "Réhabiliter" */
.vignette-split img {
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
}
/* Harmoniser la hauteur des textes sous les images */
#magazine .elementor-image-box-content {
    min-height: 120px; /* ajuste si besoin (120-140px selon ton design) */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}
/* Effet hover pro sur la boîte entière */
#magazine .elementor-widget-image-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Pour que le retour au repos soit fluide */
#magazine .elementor-widget-image-box {
    transition: all 0.3s ease;
}/* End custom CSS */