.latest-post-wrapper{
    padding: 15px;
}

.latest-post-wrapper .row .col-12{
    margin-bottom: 15px;
}

.latest-post-wrapper .row .col-12:last-child{
    margin-bottom: 0;
}

.latest-post-wrapper .row .col-12 a{
    font-size: 12px;
}

.latest-post-wrapper .row .col-12 a p i{
    font-size: 10px;
    color: #a5a5a5;
}

.latest-post-wrapper .row .col-12 a:hover p{
    color: var(--primary);
}

/* Equal height cards */
#post_latest_row{
    display: flex;
    flex-wrap: wrap;
}

.post-latest-card{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

/* Layout 0: image top, content below */
.post-latest-card > a {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.post-latest-card > a .post-latest-desc{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.post-latest-card > a .pst-latest-description{
    flex: 1;
}

.post-latest-card > a .post-latest-img img{
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Layout 1: image left, content right — same height per row */
.post-latest-card > .row {
    flex: 1;
    margin: 0;
}

.post-latest-card > .row > [class*="col-"] {
    /*padding: 0;*/
}

.post-latest-card > .row .post-latest-img {
    height: 100%;
    min-height: 200px;
}

.post-latest-card > .row .post-latest-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.post-latest-card > .row .post-latest-desc {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

.post-latest-card > .row .pst-latest-description {
    flex: 1;
}

.post-latest-load-more-wrapper{
    text-align: center;
    padding-top: 15px;
}

.btn-load-more-post{
    color:var(--dark-text-color);
    padding: 8px 30px;
    border: 1px solid #fff;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-load-more-post:hover{
    background: var(--white-color);
    color:var(--red-color);
    /*border-color: var(--primary, #333);*/
}