.haiwang-news-grid > [class*="col-"],
.haiwang-archive-grid > [class*="col-"] { display: flex; }

.haiwang-news-grid .single-item,
.haiwang-archive-grid .single-item,
.haiwang-news-card { width: 100%; }

.blog-area .haiwang-news-card {
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px);
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}

.blog-area .haiwang-news-card:hover {
    box-shadow: 0 18px 45px rgb(0 0 0 / 12%);
    transform: translateY(-6px);
}

.blog-area .haiwang-news-card .info { display: flex; flex: 1; flex-direction: column; }
.blog-area .haiwang-news-card .info h4 { font-size: 20px; }
.blog-area .haiwang-news-card .info p { flex: 1; }
.blog-area .haiwang-news-card .info .haiwang-news-card__excerpt {
    display: -webkit-box;
    flex: none;
    line-height: 1.75;
    min-height: 3.5em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blog-area .haiwang-news-card .info .btn { align-self: flex-start; }

.haiwang-news-card__thumb { aspect-ratio: 16 / 10; display: block; overflow: visible; }

.haiwang-news-card__thumb > img,
.haiwang-news-card__fallback { display: block; height: 100%; object-fit: cover; width: 100%; }

.haiwang-news-card__fallback {
    align-items: center;
    background-position: center;
    background-size: cover;
    color: #fff;
    display: flex;
    font-size: 42px;
    justify-content: center;
    position: relative;
}

.haiwang-news-card__fallback::before {
    background: rgb(17 29 48 / 52%);
    content: "";
    inset: 0;
    position: absolute;
}
.haiwang-news-card__fallback i { position: relative; }

.haiwang-empty-state {
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 8%);
    padding: 65px 30px;
    text-align: center;
}
.haiwang-empty-state > i { color: var(--color-primary); font-size: 50px; margin-bottom: 20px; }

.haiwang-archive-description {
    background: #fff;
    border-left: 3px solid var(--color-primary);
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px 25px;
}
.haiwang-archive-description p:last-child { margin-bottom: 0; }

.blog-area .sidebar .search-form label { display: block; width: 100%; }
.blog-area .sidebar .search-form .search-field { padding: 15px 65px 15px 22px; width: 100%; }
.blog-area .sidebar .search-form .search-submit { font-size: 0; }
.blog-area .sidebar .search-form .search-submit::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 900;
}

.blog-area .sidebar .recent-post ul,
.blog-area .sidebar .category ul { padding: 0; }
.blog-area .sidebar .recent-post li { display: table; width: 100%; }
.blog-area .sidebar .recent-post li .info:first-child { padding-left: 0; }
.blog-area .sidebar .recent-post li .info a { font-size: 16px; line-height: 1.45; }

.blog-area .sidebar .haiwang-blog-ad {
    background: linear-gradient(135deg, #111d30 0%, #5a57fb 100%);
    border-radius: 10px;
    overflow: hidden;
}
.blog-area .sidebar .sidebar-item.add-banner .haiwang-blog-ad::after { display: none; }
.haiwang-blog-ad img {
    height: auto;
    margin-bottom: 22px;
    max-height: 70px;
    max-width: 150px;
    object-fit: contain;
    position: relative;
    width: auto;
}
.haiwang-blog-ad h4,
.haiwang-blog-ad p,
.haiwang-blog-ad a { position: relative; }

.haiwang-single-thumb img { max-height: 520px; object-fit: cover; width: 100%; }
.blog-area.single .haiwang-single-title { font-size: 34px; margin-bottom: 25px; }
.haiwang-entry-content { color: var(--color-paragraph); line-height: 1.9; }
.haiwang-entry-content h2,
.haiwang-entry-content h3,
.haiwang-entry-content h4 { margin: 32px 0 18px; }
.haiwang-entry-content img { height: auto; max-width: 100%; }
.haiwang-entry-content a { color: var(--color-primary); text-decoration: underline; }
.haiwang-entry-content ul,
.haiwang-entry-content ol { margin: 20px 0; padding-left: 24px; }
.haiwang-entry-content ul { list-style: disc; }
.haiwang-entry-content ol { list-style: decimal; }
.blog-area.single .post-tags:empty { display: none; }
.blog-area.single .post-pagi-area a { max-width: 46%; }
.blog-area.single .post-pagi-area a:last-child { text-align: right; }

@media (max-width: 991px) {
    .blog-area.single .haiwang-single-title { font-size: 30px; }
}

@media (max-width: 767px) {
    .blog-area .haiwang-news-card .info { padding-top: 45px; }
    .blog-area.single .item .info { padding-top: 30px; }
    .blog-area.single .haiwang-single-title { font-size: 25px; }
    .blog-area.single .post-pagi-area a { display: block; max-width: 100%; text-align: left; }
    .blog-area.single .post-pagi-area a:last-child { float: none; margin-top: 25px; text-align: left; }
}