/* =============================================
   Cubic Promote – Category Page
   Only styles NOT already in blog.css
   Card grid/card/meta/pagination styles are
   inherited from blog.css via .all-blogs classes
   ============================================= */

/* ── Category Header Banner ─────────────────── */

.category-hero {
    background-color: #007071 !important;
    padding: 90px 0 90px !important;
    margin-bottom: 0 !important;
    /* override any blog-hero teal/green */
    background-image: none !important;
}

.category-hero .category-label {
    color: rgba(255, 255, 255, 0.85);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0 0 4px;
    text-transform: none;
}

.category-hero .category-name {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 10px;
    line-height: 1.15;
}

.category-hero .category-desc {
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    max-width: 700px;
}

.category-hero .category-desc p a {
    color: #fff;
    text-decoration: underline;
}

.category-hero .category-desc p a:hover {
    text-decoration: none;
}


/* ── Intro text ──────────────────────────────── */

.all-blogs .category-intro {
    font-size: 15px;
    color: #222;
    margin: 20px 0 4px;
    line-height: 1.6;
    border-bottom: 1px solid #e5edf0;
    padding-bottom: 18px;
}

.all-blogs .category-intro a {
    color: #007071;
    text-decoration: underline;
}

.all-blogs .category-intro a:hover {
    text-decoration: none;
}


.category .card-content a {
    color: #2c3e50 !important;
}

.category main#main-content {
    padding-top: 0px;
}

.category .all-blogs .card-content h3 {
    text-decoration: underline;
    color: #2c3e50;
}

.category .card-content a:hover,
.category .all-blogs .card-content h3 a:hover {
    color: #e67e22 !important;
    text-decoration: underline;
}

.category span.cp-blog-author a,
.category span.cp-blog-category a,
.category span.cp-blog-category span {
    color: #e67e22 !important;
}

.category span.cp-blog-arrow {
    color: #e67e22 !important;
}

.category .card-content .read-more:hover {
    text-decoration: none !important;
}