/*
Actualités en ligne, miniature carrées
Composant : liste de contenu
Style : Afficher les contenus horizontalement
Style global : Contenus ligne images carrées
*/

.widget--shared-row-squarethumbs-link{
    .widget--hide-first .block-grid__item:first-child{
        display: none;
    }
    .lumx-thumbnail__image{
        aspect-ratio: 1 !important;
    }
    .lumx-paginated-grid-columns{
        --lumx-grid-column-columns: 4 !important;
    }
    .widget-footer{
        display:none;
    }
    .block-page-preview__thumbnail-wrapper {
        margin-bottom: 16px !important;
    }
}

.my-block{
    background-color:var(--eiffage-gray-background) !important;
    aspect-ratio: 1 !important;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    cursor: pointer;
    align-items: end;
}
.my-block{
    img{
    position: relative;
    right:0;
    width: 18px;
    }
    p{
        width: 100%;
        font-weight: bold;
        font-size: 21px;
        line-height: 100%;
    }
}
.my-block:hover{
    img{
        filter: invert(8%) sepia(90%) saturate(7419%) hue-rotate(359deg) brightness(101%) contrast(118%);
    }
    p{
        color: var(--lumx-color-secondary-N) !important;
    }
}

.component-cell--news-title-metadata{
    position: absolute !important;
    width: 361px !important;
    aspect-ratio: 1;
    background-color: #ffffff !important;
    padding-bottom: 0px !important;
    justify-content: end;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    .cell__wrapper {
        justify-content: end !important;
    }
    .block-title{
        font-family: var(--lumx-typography-custom-title3-font-family);
        font-size: 30px;
    }
    .widget{
        margin-bottom: 0px !important;
    }
}
@media (max-width: 64em) {
    .component-cell--news-title-metadata {
        position: relative !important;
        transform: none !important;
        aspect-ratio: auto !important;
        width: 100% !important;
        margin: 0px !important;
        left: 0px !important;
    }
}
@media (max-width: 64em) {

    .widget--shared-vignette-de-contenu {
    aspect-ratio:1;
  }
    .my-block {
        aspect-ratio: auto !important;
        padding: 20px;
    }
}

.component-row--vie-locale{
    .block-event-preview__actions{
        display: none;
    }
    .lumx-flex-box--gap-tiny {
        gap: 0px !important;
    }
    .block-article-preview__thumbnail-wrapper {
        margin-bottom: 10px !important;
    }
    .lumx-flex-box h2:after {
        content: "Articles";
        Border: 1px solid #000;
        display: block;
        width: 65px !important;
        border-radius: 15px;
        padding: 3px;
        padding-left: 10px;
        font-size: 12px;
        font-family:inter;
        font-weight:lighter;
        margin-top:12px;
    }
    .block-article-preview__informations h2:after {
        content: "Articles"
    }
    .block-event-preview__informations h2:after {
        content: "Evènements";
        width: 90px !important;
    }
}