.wp-serie-signalements{
    width:min(1120px,calc(100% - 40px));
    margin:34px auto 60px;
    color:#111;
}

.wp-serie-signalements *{
    box-sizing:border-box;
}


/* HEADER */

.wp-serie-signalements-head{
    margin-bottom:30px;
}

.wp-serie-signalements-head h1{
    position:relative;
    margin:0 0 14px;
    padding-bottom:8px;

    font-size:1.65rem;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
}

.wp-serie-signalements-head h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;

    width:230px;
    height:2px;

    background:#CA161A;
}

.wp-serie-signalements-head p{
    margin:0;
    padding-left:14px;

    border-left:4px solid #CA161A;

    font-size:.95rem;
    line-height:1.55;
}


/* GRILLE */

.wp-serie-signalements-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px 18px;
    align-items:stretch;
}


/* CARTES */

.wp-serie-signalements-card{
    display:flex;

    min-height:355px;
    height:auto;

    background:#fff;

    border:1px solid #d7d7d7;
    border-radius:4px;

    overflow:hidden;

    box-shadow:
        0 1px 3px rgba(0,0,0,.25),
        0 0 7px rgba(0,0,0,.08);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.wp-serie-signalements-card:hover{
    transform:translateY(-2px);

    box-shadow:
        0 4px 10px rgba(0,0,0,.24);
}

.wp-serie-signalements-card > a{
    display:flex;
    flex-direction:column;

    width:100%;
    height:100%;

    color:#111;
    text-decoration:none;

    overflow:hidden;
}


/* IMAGE */

.wp-serie-signalements-image{
    width:100%;
    height:170px;
    flex:0 0 170px;

    overflow:hidden;

    background:#eee;
}

.wp-serie-signalements-image img{
    display:block;

    width:100%;
    height:170px;

    object-fit:cover;
}


/* TEXTE */

.wp-serie-signalements-content{
    flex:1;

    display:flex;
    flex-direction:column;

    padding:10px 12px 12px;

    background:#fff;
}

.wp-serie-signalements-content h2{
    margin:0 0 10px;

    color:#111;

    font-size:.88rem;
    line-height:1.25;

    font-weight:800;
}

.wp-serie-signalements-content p{
    margin:0;

    color:#333;

    font-size:.76rem;
    line-height:1.45;

    overflow:visible;
}


/* PAGINATION */

.wp-serie-signalements-pagination{
    display:flex;
    justify-content:center;
    align-items:center;

    gap:8px;

    margin-top:30px;

    font-size:1rem;
    font-weight:600;
}

.wp-serie-signalements-pagination .page-numbers{
    color:#111;

    text-decoration:none;

    padding:4px 7px;
}

.wp-serie-signalements-pagination .page-numbers:hover,
.wp-serie-signalements-pagination .page-numbers.current{
    color:#CA161A;
}


/* TABLETTE */

@media(max-width:900px){

    .wp-serie-signalements{
        width:92%;
    }

    .wp-serie-signalements-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}


/* MOBILE */

@media(max-width:650px){

    .wp-serie-signalements{
        width:calc(100% - 20px);
        margin-top:24px;
    }

    .wp-serie-signalements-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px 12px;
    }

    .wp-serie-signalements-card{
        min-height:330px;
    }

    .wp-serie-signalements-image{
        height:150px;
        flex-basis:150px;
    }

    .wp-serie-signalements-image img{
        height:150px;
    }

    .wp-serie-signalements-head h1{
        font-size:1.35rem;
    }
}


@media(max-width:420px){

    .wp-serie-signalements-grid{
        grid-template-columns:1fr;
    }
}