/* Blog Post Grid */

.blog-side-section {
    padding-left: var(--theme--gutters);
    padding-right: var(--theme--gutters);
}
.blog-side-section, .side-bar-section {
    padding-left: var(--theme--gutters);
    padding-right: var(--theme--gutters);
}

.latestPost.card {
    border: 1px solid #dadada;
    height: 100%;
    position: relative;
    border-radius: var(--theme--border-radius);
    overflow: hidden;
    box-shadow: var(--theme--box-shadow);
}

.latestPost.card .card-body {
    position:relative;
    padding:var(--theme--card--padding, 10px);
    padding-bottom:calc(var(--theme--card--padding, 10px) * 3);
}

a.latestPost.card {
    color:var(--wp--preset--color--text);
    text-decoration:none;
}

.latestPost.card a {
    cursor:pointer;
}
.latestPost.card a:hover {
    text-decoration:none;   
}

.wp-block-latest-posts__featured-image.card-img-top {
    position:relative;
    padding-bottom:80%;
}

.wp-block-latest-posts__featured-image.card-img-top img {
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:100%;
    object-fit:cover;
    max-width:100%!important;
    border-radius:calc(var(--theme--border-radius, 10px) * 0.5);
}

.latestPost.card .blog-img{
    overflow: hidden;
    display: block;
}

.latestPost.card .blog-img > img {
    object-fit: cover;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    display:block;
    height: 320px;
}

@media screen and (max-width: 767px){
    .latestPost.card .blog-img > img {
        height: 250px !important;
    }
}

.latestPost.card .blog-img:hover > img {
    transform:scale(1.1);
    border-radius: calc(var(--theme--border-radius) / 2);
}

.latestPost.card .card-img-top time {
    position:absolute;
    top:0.75em;
    right:0.75em;
    padding:0.75em;
    background-color: var(--theme--primary-color);
    color:#fff;
    border-radius: calc(var(--theme--border-radius) / 2);
}
.latestPost.card .card-img-top time span {
    display:block;
    text-align:center;
    font-weight:400;
    text-transform: uppercase;
    line-height:1em;
}

.latestPost.card .card-img-top time span.day {
    font-size:1.5em;
}
.latestPost.card .card-footer{
    border:0;
    background-color: transparent;
    padding: var(--theme--card--padding, 10px) calc(var(--theme--card--padding, 10px) * 1.5);
}
.latestPost.card a{
    color:var(--theme--text-color);
}
.latestPost.card .read-more{
    position:absolute;
    right:var(--theme--card--padding, 10px);
    bottom:var(--theme--card--padding, 10px);
    color:var(--theme--button-text-color);
    background-color:var(--theme--button-color);
}
.related-posts h2 {
    margin-bottom:0;
}