/*
==========================================================
THE DIGITAL NEWS 24x7
News Module
==========================================================
*/

/* ==========================================================
   Latest News Section
========================================================== */

.latest-news-section{
    padding:80px 0;
}

.latest-news-section .container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}

/* ==========================================================
   Section Header
========================================================== */

.section-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:40px;
}

.section-header h2{
    font-size:2rem;
    font-weight:700;
    margin:0;
}

.section-header a{
    text-decoration:none;
    font-weight:600;
}

/* ==========================================================
   News Grid
========================================================== */

.latest-news-grid {

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:30px;

}

/* ==========================================================
   Card
========================================================== */

.news-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;

}

.news-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.news-card-image{

    display: block;

    aspect-ratio:16/9;

    overflow:hidden;

}

.news-card-image img, 
.latest-news-card img{

    width:100%;

    height:100%;

    object-fit:cover;

}


.news-card:hover .news-card-image img{

    transform:scale(1.05);

}

.news-card-content{

    padding:22px;

}

.news-date{

    color:#888;

    font-size:.9rem;

}

.news-card-title{

    margin:14px 0;

    font-size:1.35rem;

    line-height:1.4;

}

.news-card-title a{

    color:#111;

    text-decoration:none;

}

.news-card-excerpt{

    color:#666;

    line-height:1.8;

    margin-bottom:20px;

}

.news-card-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.read-more{

    color:#d40000;

    font-weight:600;

    text-decoration:none;

}

.loading{

    overflow:hidden;

}

.loading-image{

    height:220px;

    background:#eee;

}

.loading-content{

    padding:20px;

}

.loading-line{

    height:14px;

    background:#eee;

    margin-bottom:12px;

    border-radius:20px;

}

.loading-line.short{

    width:55%;

}

@media (max-width:768px){

    #latest-news-container{

        grid-template-columns:1fr;

    }

}

@media (max-width:992px){

    .latest-news-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .latest-news-grid{

        grid-template-columns:1fr;

    }

}

.load-more-wrapper{

    display:flex;

    justify-content:center;

    margin:50px 0;

}

#load-more-btn{

    min-width:220px;

}

/*
==========================================================
ARTICLE PAGE
==========================================================
*/

/* ==========================================================
   ARTICLE PAGE LAYOUT
========================================================== */

.news-layout{

    padding:25px 0 60px;

}

.news-grid {

    display:grid;

    grid-template-columns:
    minmax(0,2fr) 340px;

    gap:40px;

    align-items:start;

}

.news-main {

    min-width: 0;

}

.news-sidebar {

    min-width: 0;

}

/* ==========================================================
   ARTICLE
========================================================== */

.news-article {

    width: 100%;

}

.news-article-header {

    margin-bottom: 2rem;

}

.news-article-header h1 {

    color: var(--text-primary);

    font-size: clamp(2rem, 4vw, 2.8rem);

    line-height: 1.15;

    font-weight: 700;

    margin-bottom: 1rem;

    word-break: break-word;

}

.news-article-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 20px;

    margin-bottom: 1rem;

    font-size: .95rem;

    color: #666;

}

.news-article-hero {

    margin: 2rem 0 3rem;

}

.news-article-hero img {

    width: 100%;

    height: auto;

    display: block;

    border-radius: 12px;

}

.news-article-summary {

    font-size: 1.3rem;

    line-height: 1.8;

    font-weight: 500;

    color: #444;

    border-left: 4px solid var(--primary-color);

    padding-left: 18px;

    margin-bottom: 2.5rem;

}

.news-article-body {

    font-size: 1.05rem;

    line-height: 1.9;

    color: #333;

}

.news-article-body p {

    margin-bottom: 1.6rem;

}

.news-article img {

    max-width: 100%;

    height: auto;

}


/* ==========================================================
   ARTICLE CTA
========================================================== */

.news-article-footer{

    margin:50px 0;

    text-align:center;

}

.news-article-footer a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: .5rem;

    min-width: 220px;

    padding: 14px 28px;

    border-radius: 999px;

    background: linear-gradient(
        135deg,
        #E1306C,
        #C13584
    );

    color: #fff;

    font-weight: 600;

    text-decoration: none;

    transition: transform .25s ease,
                box-shadow .25s ease;

}

.news-article-footer a:hover {

    transform: translateY(-2px);

    box-shadow: 0 12px 24px rgba(225,48,108,.25);

}


/* ==========================================================
   SIDEBAR
========================================================== */

.news-sidebar {

    position: relative;

}

.news-sidebar-section {

    background: #ffffff;

    border: 1px solid #ececec;

    border-radius: 12px;

    overflow: hidden;

}

.news-sidebar-section .news-section-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 18px 20px;

    margin: 0;

    border-bottom: 1px solid #ececec;

    background: #ffffff;

}

.news-sidebar-section .news-section-title {

    position: relative;

    margin: 0;

    padding-left: 14px;

    font-size: 1rem;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .6px;

    color: var(--text-primary);

}

.news-sidebar-section .news-section-title::before {

    content: "";

    position: absolute;

    left: 0;

    top: 2px;

    bottom: 2px;

    width: 4px;

    border-radius: 4px;

    background: var(--primary-color);

}

.sidebar-news-list {

    display: flex;

    flex-direction: column;

}

.sidebar-news-card {

    display: flex;

    gap: 16px;

    padding: 18px 20px;

    border-bottom: 1px solid #f3f3f3;

    text-decoration: none;

    transition: background .25s ease;

}

.sidebar-news-card:last-child {

    border-bottom: none;

}

.sidebar-news-card:hover {

    background: #fafafa;

}

.sidebar-news-image {

    width: 110px;

    flex-shrink: 0;

    overflow: hidden;

    border-radius: 8px;

}

.sidebar-news-image img {

    width: 100%;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    display: block;

    transition: transform .35s ease;

}

.sidebar-news-card:hover .sidebar-news-image img {

    transform: scale(1.05);

}

.sidebar-news-content {

    flex: 1;

    min-width: 0;

}

.sidebar-news-title {

    margin: 0 0 10px;

    font-size: .95rem;

    line-height: 1.45;

    font-weight: 600;

}

.sidebar-news-title a {

    color: var(--text-primary);

    text-decoration: none;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    transition: color .25s ease;

}

.sidebar-news-card:hover .sidebar-news-title a {

    color: var(--primary-color);

}

.sidebar-news-meta {

    font-size: .82rem;

    color: #777;

}

/* ==========================================================
   SIDEBAR SUBTITLE
========================================================== */

.sidebar-widget-subtitle {

    padding: 0 1.25rem;
    margin: 0 0 1rem;

    margin-top: 0.75rem;
    margin-bottom: 1rem;

    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--text-secondary);

}

/* ==========================================================
   SIDEBAR FOOTER
========================================================== */

.sidebar-widget-footer {

    margin-top: 1.25rem;

    padding: 1rem 1.25rem 0;

    border-top: 1px solid var(--border-color);

}

.sidebar-widget-footer a {

    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    font-weight: 600;

    color: var(--primary-color);

    text-decoration: none;

    transition: color 0.3s ease;

}

.sidebar-widget-footer a:hover {

    color: var(--primary-dark);

}

/* ==========================================================
   SIDEBAR EMPTY STATE
========================================================== */

.sidebar-widget-empty {

    padding: 2rem 1rem;

    text-align: center;

    color: var(--text-secondary);

}

.sidebar-widget-empty p {

    margin-bottom: 0.5rem;

    font-weight: 600;

}

.sidebar-widget-empty small {

    display: block;

    font-size: 0.85rem;

}


/* ==========================================================
   RELATED ARTICLES
========================================================== */

.related-news {

    padding: 2rem 0 5rem;

}

.related-news-section {

    background: #fff;

    border: 1px solid var(--border-color);

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 8px 24px rgba(0,0,0,.05);

}


.related-news-section
.news-section-header {

    padding:2rem 2rem .5rem;

    border-bottom: none;

}

.related-news-subtitle {

    padding: 0 2rem;

    margin: 0 0 1.5rem;

    color: var(--text-secondary);

    line-height: 1.6;

}

.related-news-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    padding:0 2rem 2rem;

}

.related-news-card {

    display: flex;

    flex-direction: column;

    transition: transform .25s ease;

}

.related-news-card:hover {

    transform: translateY(-4px);

}


.related-news-image {

    overflow: hidden;

    border-radius: 12px;

}

.related-news-image img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    display:block;

}

.related-news-card:hover
.related-news-image img {

    transform: scale(1.05);

}

.related-news-content {

    padding-top: 1rem;

}

.related-news-title {

    margin: 1rem 0 .75rem;

    line-height: 1.4;

}

.related-news-title a {

    text-decoration: none;

    color: inherit;

}

.related-news-link {

    margin-top: auto;

    font-weight: 600;

}



/* ==========================================================
   ARTICLE RESPONSIVE
========================================================== */

@media (max-width: 1200px) {

    .news-grid {

        grid-template-columns: minmax(0, 2fr) 300px;

    }

}

@media (max-width: 992px) {

    .news-layout {

        padding: 40px 0;

    }

    .news-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .news-sidebar {

        order: 2;

    }

    .news-sidebar-inner {

        position: static;

    }

}

@media (max-width: 768px) {

    .news-layout {

        padding: 30px 0;

    }

    .news-article-header h1 {

        font-size: 2rem;

    }

    .news-article-summary {

        font-size: 1.1rem;

    }

}

@media (max-width: 576px) {

    .news-article-meta {

        gap: 12px;

        font-size: .9rem;

    }

}

/* ==========================================================
   SIDEBAR RESPONSIVE
========================================================== */

@media (max-width: 992px) {

    .news-sidebar {

        margin-top: 10px;

    }

}

@media (max-width: 576px) {

    .sidebar-news-card {

        gap: 12px;

        padding: 15px;

    }

    .sidebar-news-image {

        width: 90px;

    }

    .sidebar-news-title {

        font-size: .9rem;

    }

}

@media (max-width: 992px) {

    .related-news-grid {

        grid-template-columns: 1fr;

    }

}


@media (max-width:992px){

    .related-news-grid{

        grid-template-columns:1fr;

    }

}


/* ==========================================================
   NEWS SHOWCASE v1.0
========================================================== */

.news-showcase{

    padding:55px 0 35px;

    background:linear-gradient(
        180deg,
        #f8fafc 0%,
        #ffffff 100%
    );

}

.news-showcase__inner,
.news-showcase__wrapper{

    display:grid;

    grid-template-columns:minmax(0,2fr) 340px;

    gap:60px;

    align-items:center;

}

.news-showcase__content{

    max-width:720px;

}

.news-showcase__title span{

    display:block;

    color:#d62828;

}

.news-showcase__badge{

    display:inline-flex;

    align-items:center;

    padding:10px 20px;

    border-radius:999px;

    background:#eef3ff;

    color:#1e3a8a;

    font-size:.9rem;

    font-weight:700;

    letter-spacing:.02em;

}

.news-showcase__title{

    margin:0;

    font-size:clamp(2.5rem,5vw,4rem);

    line-height:1.1;

    font-weight:800;

    color:var(--text-primary);

}

.news-showcase__title span{

    display:block;

    color:#e30613;

}

.news-showcase__subtitle{

    margin:28px 0 0;

    max-width:560px;

    font-size:1.15rem;

    line-height:1.9;

    color:var(--text-secondary);

}

/* ==========================================================
   NEWS SHOWCASE RESPONSIVE
========================================================== */

@media (max-width:992px){

    .news-showcase{

        padding:60px 0 50px;

    }

    .news-showcase__inner,
    .news-showcase__wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

}

@media (max-width:768px){

    .news-showcase{

        padding:50px 0 40px;

    }

    .news-showcase__title{

        font-size:2.5rem;

    }

    .news-showcase__subtitle{

        font-size:1rem;

        line-height:1.8;

    }

}


/*==========================================================
NEWS HIGHLIGHTS CARD
==========================================================*/

.news-highlights{

    background:#ffffff;

    border:1px solid #edf1f5;

    border-radius:24px;

    padding:34px;

    box-shadow:
        0 20px 45px rgba(15,23,42,.08);

    transition:.3s;

}

.news-highlights:hover{

    transform:translateY(-4px);

    box-shadow:
        0 28px 55px rgba(15,23,42,.12);

}

.news-highlights__title{

    margin:0 0 28px;

    font-size:1.8rem;

    font-weight:800;

    color:#111827;

}

.news-highlights__list{

    display:flex;

    flex-direction:column;

    gap:0;

}

.news-highlight{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 0;

}

.news-highlight:not(:last-child){

    border-bottom:1px solid #eef2f7;

}

.news-highlight__icon{

    width:58px;

    height:58px;

    border-radius:18px;

    background:#f8fafc;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.6rem;

    flex-shrink:0;

}

.news-highlight strong{

    display:block;

    font-size:1.55rem;

    font-weight:800;

    color:#111827;

    margin-bottom:4px;

}

.news-highlight small{

    font-size:.95rem;

    color:#6b7280;

}

/* ==========================================================
   CATEGORY PILLS
========================================================== */

.news-showcase__categories{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:35px;

}

.news-category{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #e5e7eb;

    font-size:.94rem;

    font-weight:600;

    color:#374151;

    transition:.25s;

}

.news-category:hover{

    border-color:#d62828;

    color:#d62828;

    background:#fff8f8;

}


/* ==========================================================
   MODULE 1 – NEWS CARD POLISH v2.0
   (Production)
========================================================== */

/* Card */

.news-card{

    border-radius:18px;

    border:1px solid rgba(15,23,42,.06);

    background:#fff;

    overflow:hidden;

    box-shadow:0 8px 24px rgba(15,23,42,.06);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}

.news-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 42px rgba(15,23,42,.12);

}

/* Image */

.news-card-image{

    display:block;

    overflow:hidden;

}

.news-card-image img{

    display:block;

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    transition:transform .45s ease;

}

.news-card:hover .news-card-image img{

    transform:scale(1.05);

}

/* Content */

.news-card-content{

    padding:18px;

}

/* Meta */

.news-card-meta{

    margin-bottom:12px;

}

.news-date{

    font-size:.82rem;

    font-weight:500;

    color:#8b95a7;

}

/* Title */

.news-card-title{

    margin:0 0 14px;

    line-height:1.45;

}

.news-card-title a{

    color:#111827;

    text-decoration:none;

    transition:color .25s ease;

}

.news-card-title a:hover{

    color:#d62828;

}

/* Excerpt */

.news-card-excerpt{

    margin:0 0 18px;

    color:#5f6c7b;

    font-size:.94rem;

    line-height:1.75;

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

/* Footer */

.news-card-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:14px;

    border-top:1px solid #eef2f7;

    font-size:.82rem;

}

.news-card-footer span{

    color:#8b95a7;

}

.read-more{

    color:#d62828;

    text-decoration:none;

    font-weight:600;

    transition:color .25s ease;

}

.read-more:hover{

    color:#8f0e1d;

}

/* ==========================================================
   MODULE 1 – NEWS CARD FINAL POLISH
   Production Freeze
========================================================== */

/* Make every card equal height */

.news-card{

    display:flex;

    flex-direction:column;

    height:100%;

}

/* Content grows naturally */

.news-card-content{

    display:flex;

    flex-direction:column;

    flex:1;

}

/* Consistent title */

.news-card-title{

    min-height:96px;

}

/* Consistent excerpt */

.news-card-excerpt{

    flex:1;

    min-height:82px;

}

/* Footer always stays at bottom */

.news-card-footer{

    margin-top:auto;

}

/* Slightly softer hover */

.news-card:hover{

    transform:translateY(-4px);

}

/* Better desktop spacing */

@media (min-width:992px){

    .news-card-content{

        padding:22px;

    }

}

/* Better mobile spacing */

@media (max-width:767px){

    .news-card-content{

        padding:20px;

    }

}

/* ==========================================================
   MODULE 2 – HERO POLISH
   Batch 1 : Spacing & Visual Balance
========================================================== */

/* Hero Section */

.news-showcase{

    padding:52px 0 48px;

}

/* Grid */

.news-showcase__wrapper{

    align-items:start;

    gap:48px;

}

.news-showcase__content{

    padding-top:6px;

}

.news-showcase__sidebar{

    padding-top:4px;

}

/* Left Column */

.news-showcase__content{

    padding-top:8px;

}

/* Badge */

.news-showcase__badge{

    margin-bottom:18px;

}

/* Main Heading */

.news-showcase__title{

    margin:18px 0 22px;

    font-size:4.2rem;

    font-weight:900;

    line-height:1.05;

    letter-spacing:-0.04em;

    color:#111827;

    max-width:720px;

}

/* Highlight */

.news-showcase__title span{

    color:#d62828;

}

/* Subtitle */

.news-showcase__subtitle{

    margin-bottom:34px;

    max-width:640px;

    font-size:1.18rem;

    line-height:1.9;

    color:#5b6472;

}

/* Category Pills */

.news-showcase__categories{

    gap:12px;

}

/* Individual Pills */

.news-showcase__categories a,

.news-showcase__categories button,

.news-showcase__categories span{

    padding:10px 18px;

    font-size:.92rem;

    border-radius:999px;

}

/* Right Column */

.news-showcase__sidebar{

    align-self:start;

    margin-top:12px;

}

/* ==========================================================
   MODULE 2 – ARCHIVE HEADER POLISH
========================================================== */

.news-listing__header{

    margin-bottom:36px;

}

.news-listing__title{

    margin:0;

    font-size:2rem;

    font-weight:800;

    color:#111827;

}

.news-listing__subtitle{

    margin:12px 0 18px;

    color:#6b7280;

    font-size:1rem;

    line-height:1.7;

}

/* Decorative divider */

.news-listing__subtitle::after{

    content:"";

    display:block;

    width:90px;

    height:3px;

    background:#d62828;

    border-radius:20px;

    margin-top:18px;

}

/*==========================================================
NEWS ARCHIVE HEADER
==========================================================*/

.news-archive__header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:30px;

    margin-bottom:42px;

    padding-bottom:22px;

    border-bottom:1px solid #dbe3ec;

}

.news-archive__header>div{

    flex:1;

}

.news-archive__title{

    margin:0;

    font-size:2.35rem;

    font-weight:800;

    line-height:1.15;

    color:#111827;

    letter-spacing:-0.02em;

    position:relative;

    display:inline-block;

}

.news-archive__title::before{

    content:"";

    position:absolute;

    left:-18px;

    top:8px;

    width:6px;

    height:38px;

    border-radius:20px;

    background:#e30613;

}

.news-archive__subtitle{

    margin:14px 0 0;

    max-width:650px;

    font-size:1rem;

    line-height:1.8;

    color:#6b7280;

}


/* Article count */

.news-count{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #e5e7eb;

    box-shadow:

        0 10px 24px rgba(15,23,42,.06);

    font-size:.95rem;

    font-weight:700;

    color:#111827;

    white-space:nowrap;

    transition:.3s;

}

.news-count::before{

    content:"📰";

    font-size:1rem;

}

.news-count:hover{

    transform:translateY(-2px);

    box-shadow:

        0 16px 30px rgba(15,23,42,.10);

}

@media (max-width:768px){

    .news-archive__header{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

    }

    .news-archive__title{

        font-size:2rem;

    }

    .news-archive__title::before{

        height:32px;

        top:6px;

    }

    .news-archive__subtitle{

        margin-top:10px;

    }

    .news-count{

        align-self:flex-start;

    }

}

/*==========================================================
320px
==========================================================*/

@media (max-width:320px){

    .news-showcase{

        padding:36px 0;

    }

    .news-showcase__title{

        font-size:2.4rem;

    }

    .news-showcase__subtitle{

        font-size:1rem;

        line-height:1.7;

    }

    .news-category{

        font-size:.82rem;

        padding:8px 14px;

    }

    .news-highlights{

        padding:24px;

    }

    .news-archive__title{

        font-size:1.8rem;

    }

}

@media (max-width:375px){

    .news-showcase__title{

        font-size:2.8rem;

    }

}

/*==========================================================
768px
==========================================================*/

@media (max-width:768px){

    .news-showcase__wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .news-showcase__sidebar{

        width:100%;

    }

    .news-highlights{

        max-width:520px;

    }

}

@media (max-width:992px){

    .news-showcase__wrapper{

        gap:48px;

    }

}

.news-showcase__content{

    max-width:700px;

}

/*==============================================
    POST.HTML
===============================================*/

/*==========================================================
EDITORIAL HEADER
==========================================================*/

.editorial-header{

    padding:48px 0 32px;

    border-bottom:1px solid var(--border-color);

    background:#fff;

}

.editorial-category{

    margin:18px 0 20px;

}

.editorial-title{

    max-width:900px;

    margin:0;

    font-size:clamp(2.2rem,4vw,3.5rem);

    font-weight:800;

    line-height:1.15;

    color:var(--heading-color);

}

.editorial-excerpt{

    max-width:760px;

    margin:22px 0 28px;

    font-size:1.1rem;

    line-height:1.9;

    color:var(--text-color);

}

.editorial-meta{

    display:flex;

    flex-wrap:wrap;

    gap:28px;

    padding-top:20px;


}

.editorial-meta-item{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:.95rem;

    color:var(--text-light);

}

.editorial-meta-item .material-symbols-outlined{

    font-size:20px;

    color:var(--primary-color);

}

@media (max-width:768px){

    .editorial-header{

        padding:36px 0 28px;

    }

    .editorial-title{

        font-size:2.2rem;

    }

    .editorial-excerpt{

        font-size:1rem;

        line-height:1.8;

    }

    .editorial-meta{

        gap:16px;

    }

}

/*==========================================================
EDITORIAL BREADCRUMB
==========================================================*/

.editorial-header .breadcrumb{

    justify-content:flex-start;

    margin-bottom:28px;

    color:var(--text-light);

}

.editorial-header .breadcrumb a{

    color:var(--text-light);

}

.editorial-header .breadcrumb a:hover{

    color:var(--primary-color);

    text-decoration:none;

}

.editorial-header .breadcrumb .material-symbols-outlined{

    font-size:18px;

    color:var(--text-light);

}

.editorial-header .breadcrumb [aria-current="page"]{

    color:var(--primary-color);

    font-weight:600;

}