/* ----------------------------------------------------------
    :: Template Name: TheGazette - News Magazine HTML5 Template
    :: Author: Colorlib
    :: Author URL: https://colorlib.com
    :: Description: TheGazette is a smart & creative news & magazine template. It's suitable for all news & magazine website.
    :: Version: 1.0.0
    :: Created: 17 January 2018
    :: Last Updated: 17 January 2018
    ---------------------------------------------------------- */

    /* ============ PLACE YOUR CUSTOM CSS HERE ============ */

    .single-post-text h2,
    .single-post-text h3,
    .single-post-text h4 {
        margin-top: 30px;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .single-post-text p,
    .single-post-text ul,
    .single-post-text ol,
    .single-post-text blockquote {
        margin-bottom: 24px;
    }

    .single-post-text ul,
    .single-post-text ol {
        padding-left: 24px;
    }

    .article-hero-content {
        max-width: 820px;
        padding-bottom: 70px;
    }

    .article-hero-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 24px;
        margin-top: 15px;
        color: #ffffff;
        font-size: 13px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .article-lead {
        max-width: 720px;
        margin-top: 24px;
        color: #ffffff;
        font-size: 20px;
        line-height: 1.7;
        font-weight: 400;
    }

    .single-post-contents {
        padding: 70px 0 50px;
    }

    .article-body-copy {
        color: #2d334a;
        font-size: 17px;
        line-height: 1.95;
    }

    .article-body-copy p:first-child {
        margin-top: 0;
    }

    .article-body-copy blockquote {
        margin: 35px 0;
        padding: 20px 25px;
        border-left: 4px solid #ee002d;
        background-color: #f8f9fb;
        color: #1f2230;
        font-size: 20px;
        line-height: 1.7;
    }

    .article-body-copy a {
        color: #ee002d;
        text-decoration: underline;
    }

    .article-share-row {
        padding-top: 20px;
        border-top: 1px solid #eceef4;
    }

    .article-tag-list .gazette-post-tag {
        display: inline-block;
        margin-bottom: 10px;
    }

    .article-block {
        margin-top: 55px;
        padding-top: 10px;
    }

    .article-source-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .article-source-item + .article-source-item {
        margin-top: 20px;
    }

    .article-source-card {
        padding: 28px 30px;
        border: 1px solid #eceef4;
        background-color: #ffffff;
    }

    .article-source-meta,
    .article-nav-label,
    .article-nav-meta,
    .article-related-copy span {
        display: inline-block;
        color: #7a8196;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .article-source-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 18px;
        margin-bottom: 12px;
    }

    .article-source-card h5 {
        margin-bottom: 10px;
        color: #1f2230;
        line-height: 1.5;
    }

    .article-source-note {
        margin-bottom: 16px;
        color: #5c6277;
    }

    .article-source-divider {
        display: inline-block;
        margin: 0 8px;
    }

    .article-nav-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 24px 26px;
        border: 1px solid #eceef4;
        background-color: #ffffff;
        transition: box-shadow 0.2s ease, transform 0.2s ease;
    }

    .article-nav-card:hover,
    .article-nav-card:focus {
        box-shadow: 0 12px 30px rgba(26, 31, 46, 0.08);
        transform: translateY(-2px);
    }

    .article-nav-card strong {
        margin: 12px 0;
        color: #1f2230;
        font-size: 22px;
        line-height: 1.45;
    }

    .article-related-card {
        margin-bottom: 30px;
        border: 1px solid #eceef4;
        background-color: #ffffff;
    }

    .article-related-image {
        display: block;
    }

    .article-related-image img {
        width: 100%;
        display: block;
    }

    .article-related-copy {
        padding: 22px 22px 24px;
    }

    .article-related-copy h5 {
        margin: 12px 0 10px;
        line-height: 1.5;
    }

    .article-related-copy h5 a,
    .article-nav-card strong,
    .article-nav-card strong:hover,
    .article-nav-card strong:focus {
        color: #1f2230;
    }

    .article-sidebar .breaking-news-widget,
    .article-sidebar .donnot-miss-widget,
    .article-sidebar .advert-widget,
    .article-sidebar .subscribe-widget {
        margin-bottom: 40px;
    }

    @media only screen and (max-width: 767px) {
        .article-hero-content {
            padding-bottom: 45px;
        }

        .article-lead {
            font-size: 17px;
            line-height: 1.75;
        }

        .single-post-contents {
            padding: 50px 0 35px;
        }

        .article-body-copy {
            font-size: 16px;
            line-height: 1.85;
        }

        .article-source-card,
        .article-nav-card,
        .article-related-copy {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    .single-breaking-news-widget h5 a {
        color: #ffffff;
    }

    .pagination .page-item.active .page-link {
        background-color: #ee002d;
        border-color: #ee002d;
        color: #ffffff;
    }

    .alert {
        border-radius: 0;
        margin-bottom: 30px;
    }