/* Blog content */

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

.blog-card .image-area {
    padding-top: 50%;
}

.larger-card .blog-card .image-area {
    padding-top: 50%;
}

.blog-card .blog-info {
    position: absolute;
    bottom: 5px;
    width: 100%;
    z-index: 10;
    background-color: #004750d6;
    color: var(--light);
}

.blog-card .blog-info .h5 {
    font-size: 1.5rem;
    font-weight: 900;
}

.blog-card .blog-info .h3 {
    font-size: 1rem;
    font-weight: 500;
}

/* Minified blog cards */

.blog-card-minified {
    -webkit-box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.1);
}

.blog-card-minified .bg-img {
    min-height: 7rem;
}

/* Vertical blog cards */

.blog-card-vertical {
    -webkit-box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 15px 2px rgba(0, 0, 0, 0.1);
}

.blog-card-vertical .bg-img {
    aspect-ratio: 5 / 4;
}