/*
 * PSF MH Posts Grid 2
 * Deux articles côte à côte dans l'esprit du widget MH Posts Grid.
 */

.psf-mh-posts-grid-2 .psf-grid-2-item {
    width: 48.75%;
    margin: 10px 0 10px 2.5%;
}

.psf-mh-posts-grid-2 .psf-grid-2-item:first-child {
    margin-left: 0;
}

.psf-mh-posts-grid-2 .psf-grid-2-thumb img {
    width: 100%;
    height: auto;
}

/* Le thème parent force .content-grid à 23.125% sous 980 px.
   On conserve ici deux vraies colonnes jusqu'au breakpoint mobile. */
@media only screen and (max-width: 980px) and (min-width: 768px) {
    .psf-mh-posts-grid-2 .psf-grid-2-item {
        float: left;
        width: 48.75%;
        margin: 10px 0 10px 2.5%;
    }

    .psf-mh-posts-grid-2 .psf-grid-2-item:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .psf-mh-posts-grid-2 .psf-grid-2-item,
    .psf-mh-posts-grid-2 .psf-grid-2-item:first-child {
        float: none;
        width: 100%;
        margin: 25px 0 20px;
    }
}