.related-blog-posts {margin-bottom:3em;}

.related-posts-grid {
    display:flex;
    gap:20px 2%;
    flex-wrap:wrap;
    margin:1em 0;
}

.related-post{
    display:flex;
    /*align-items:center;*/
    border:1px solid #eee;
    border-radius:8px;
    overflow:hidden;
    width:49%;
    max-height:64px;
}

.related-post .post-thumb{
    height: 100%;
    /*flex:1;*/
}

.related-post .post-thumb img{
    width: auto;
    height: 100%;
    display: block;
    max-width: fit-content;
}

.related-post .post-title{
    flex:1;
    margin: 0.7em;
    overflow: hidden;

    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.related-post .post-title h4{
    margin:0;
    font-size: 1.1rem;
}

@media only screen and (max-width: 921px) {
    .related-post {
        width:100%;
    }
}