.blog-list-image {
    display: block;
    object-fit: cover;
}

.post-title a,
.p-post a {
    text-transform: none;
}

.blog-featured-media {
    aspect-ratio: 850 / 478;
}

.blog-card-media {
    aspect-ratio: 410 / 295;
}

.blog-list-placeholder {
    background: #eef1f4;
    color: #9aa2aa;
}

.blog-latest-thumb {
    height: 85px;
    width: 115px;
    object-fit: cover;
}

.blog-filter-active > a,
.blog-filter-active > a > span {
    color: var(--bs-primary) !important;
}

.blog-tag-active {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
}

.blog-details-header {
    background: #35404b;
}

.blog-details-header::before {
    z-index: 1;
}

.blog-details-header > .container {
    z-index: 2 !important;
}

.blog-details-header__image {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.blog-article-intro {
    color: #52606d;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.blog-article-body {
    font-size: 1.05rem;
    line-height: 1.8;
}

.single-post .blog-article-body > p:first-child:first-letter {
    color: inherit;
    float: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

.blog-article-body img {
    border-radius: .75rem;
    height: auto;
    max-width: 100%;
}

.blog-article-body figure,
.blog-article-body video,
.blog-article-body iframe {
    max-width: 100%;
}

.blog-article-body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}