/* Blog index template styles */
.next.page-numbers {
    background: #051842;
    border-color: #051842;
    color: wheat;
}

.btn-primary.fw-bold {
    background: #051842;
    border-color: #051842;
    color: wheat;
}

.btn-primary.fw-bold:hover,
.btn-primary.fw-bold:focus {
    background: #23305a;
    border-color: #23305a;
    color: #246f8c;
}

.search-highlight:focus {
    border-color: #246f8c !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.15);
}

.search-btn-highlight,
.search-btn-highlight:focus {
    background: #246f8c !important;
    color: #051842 !important;
    border-color: #246f8c !important;
    font-weight: bold;
}

.search-btn-highlight:hover {
    background: #051842 !important;
    color: #246f8c !important;
    border-color: #051842 !important;
}

.pagination-dark .page-numbers {
    display: inline-block;
    min-width: 38px;
    min-height: 38px;
    line-height: 36px;
    margin: 0 4px;
    padding: 0 12px;
    border-radius: 50%;
    background: #051842;
    color: #fff !important;
    font-weight: 500;
    border: 2px solid #051842;
    text-align: center;
    transition: background 0.2s, color 0.2s, border 0.2s;
    text-decoration: none;
}

.pagination-dark .page-numbers:hover,
.pagination-dark .page-numbers:focus {
    background: #23305a;
    color: #246f8c !important;
    border-color: #246f8c;
    text-decoration: none;
}

.pagination-dark .page-numbers.current {
    background: #246f8c;
    color: #051842 !important;
    border-color: #246f8c;
    font-weight: bold;
    text-decoration: none;
}

.comments-area,
.comments-area * {
    color: #246f8c;
}

.archive-post-card,
.archive-post-card * {
    color: #1a2236 !important;
}

.archive-post-card a,
.archive-post-card a:visited {
    color: #051842 !important;
    text-decoration: none;
}

.archive-post-card a:hover,
.archive-post-card a:focus {
    color: #23305a !important;
    text-decoration: underline;
}

.blog__sidebar,
.blog__sidebar * {
    background: #fff !important;
    color: #3D4956 !important;
}

@media (max-width: 575.98px) {
    .search-btn-highlight {
        width: 100% !important;
        margin-top: 8px;
    }

    .search-highlight {
        width: 100% !important;
    }

    form[role="search"].row {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}