/* Blog content */

.blog-card {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.blog-card .image-area {
    padding-top: 60%;
    border-radius: 1.3rem 1.3rem 0 0;
}

.larger-card .blog-card .image-area {
    padding-top: 50%;
    border-radius: 1.3rem 1.3rem 0 0;
}

.blog-card .blog-info {
    background-color: var(--subtlecolor);
    color: var(--secondary);
    border-radius: 0 0 1.3rem 1.3rem;
}

.blog-card .blog-info .h5 {
    font-size: 1rem;
}

.blog-card .blog-info .h3 {
    font-weight: 700;
    font-size: 1.5rem;
}

.blog-card-desc {
    font-weight: 500;
}