/*
 * WPT Related Posts
 * https://wp-tutorials.tech/...
 */

.related-posts {
    padding:  2rem;
    margin-bottom:  2em;
}


.related-posts article .inner {
    width:  100%;
    position:  relative;
}

.related-posts article h3 {
    position:  absolute;
    left:  0;
    bottom:  0;
    margin-bottom:  0;
    line-height: 1.5em;
    width:  100%;
    /* min-height: 35%; */
/*     background-color:  #ffffffa0; */
    background-color:  #fffd;
}

.related-posts article a,
.related-posts article img {
    display:  block;
    /* color:  black; */
}

.related-posts article h3 a {
    padding:  1rem;
    /* min-height:  3em; */
}


.related-posts article .featured-image a img {
    width:  100%;
    height:  15em;
    object-fit:  cover;
}

@media(max-width: 919px) {
    .related-posts article:not( :last-child ) {
        padding-bottom:  2rem;
    }
}

@media(min-width: 920px) {
    .related-posts .posts-container {
        display: flex;
        justify-content: space-between;
        gap:  2rem;
    }

    .related-posts article {
        flex-grow: 1;
        flex-basis: 0;
        padding:  0;
        /* width:  33%; */
    }

    .related-posts article .featured-image a img {
        /* height:  20em; */
    }
}