.layout-archive-header {
    background: #f4f4f2;
}

.layout-archive-filter {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.layout-related-posts .card-body,
.layout-post-archive .card-body {
    color: #222222 !important;
}

.layout-related-posts .archive-post-card,
.layout-post-archive .archive-post-card {
    border: 1pt solid solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
/*    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.08);*/
}

.layout-related-posts .card-img-top,
.layout-post-archive .card-img-top {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 0 !important;
    border: none !important;
}

.layout-related-posts .archive-post-card:hover,
.layout-post-archive .archive-post-card:hover {
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
}

.layout-related-posts .archive-post-card:hover h2,
.layout-post-archive .archive-post-card:hover h2{
    color: #54b6e7 !important;
    text-decoration: none !important;
}

.layout-post-archive .badge {
    position: relative;
    z-index: 2;
}

.layout-archive-header .badge.active {
    background-color: var(--featured-bg);
    color: #ffffff !important;
}

.layout-archive-header a.badge.active:hover,
.layout-archive-header a.badge.active:focus {
    background-color: var(--featured-bg);
    color: #ffffff !important;
}


.page-link{
    color: #222222 !important;
}

.layout-post-archive .pagination {
    gap: 0.35rem;
}

.layout-post-archive .page-link {
    border-radius: 0 !important;
}