/*
Theme Name: Kizobrax Newsmatic Modern
Description: Production child theme for KizobraxMusic.com.
Author: Kizobrax Music
Template: newsmatic
Version: 1.0.0
Text Domain: kizobrax-newsmatic
*/

/* =========================================================
   KIZOBRAX MODERN UI
   ========================================================= */

:root {
    --kz-radius: 14px;
    --kz-radius-small: 9px;
    --kz-shadow: 0 8px 28px rgba(0,0,0,.07);
    --kz-border: rgba(127,127,127,.18);
}

html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.65;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
                 Helvetica,Arial,sans-serif;
}

.site,
#page {
    overflow: hidden;
}

.site-header,
header {
    position: relative;
    z-index: 50;
}

.site-branding img,
.custom-logo {
    max-height: 74px;
    width: auto;
    object-fit: contain;
}

.main-navigation ul,
nav ul {
    gap: 2px;
}

.main-navigation a,
nav a {
    font-weight: 650;
    letter-spacing: -.01em;
}

main img,
article img,
.post-thumbnail img,
.wp-post-image {
    border-radius: var(--kz-radius-small);
}

article,
.widget,
.post-card,
.news-list-post-wrap,
.news-grid-post-wrap {
    border-radius: var(--kz-radius);
}

.widget {
    overflow: hidden;
}

.widget-title,
.section-title {
    font-weight: 800;
    letter-spacing: -.025em;
}

.entry-title,
.post-title {
    letter-spacing: -.025em;
    line-height: 1.22;
}

.entry-title a,
.post-title a {
    text-decoration: none;
}

.entry-meta {
    opacity: .78;
    font-size: .91em;
}

.entry-content {
    font-size: 1.03rem;
}

.entry-content img {
    height: auto;
}

.entry-content a {
    text-underline-offset: 3px;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea,
select {
    border-radius: 9px;
}

button,
input[type="submit"],
.wp-element-button,
.wp-block-button__link {
    border-radius: 9px;
    font-weight: 700;
}

.site-footer,
footer {
    margin-top: 40px;
}

@media (min-width: 1024px) {
    .site-content,
    #content {
        margin-top: 20px;
    }

    .entry-content {
        font-size: 1.05rem;
    }
}

@media (max-width: 782px) {
    .site-branding img,
    .custom-logo {
        max-height: 58px;
    }

    .entry-title,
    .post-title {
        line-height: 1.25;
    }

    .entry-content {
        font-size: 1rem;
    }

    article,
    .widget,
    .post-card {
        border-radius: 10px;
    }
}


/* ==========================================================
   KIZOBRAX MODERN UI - STAGE 3
   Production refinement layer
   ========================================================== */

:root {
    --kz-content-width: 1240px;
    --kz-card-radius: 14px;
    --kz-small-radius: 9px;
    --kz-soft-border: rgba(120,120,120,.16);
    --kz-soft-shadow: 0 8px 30px rgba(0,0,0,.055);
    --kz-hover-shadow: 0 14px 38px rgba(0,0,0,.10);
}

/* Global layout */
body {
    overflow-x: hidden;
}

.site,
#page {
    min-height: 100vh;
}

.site-content,
#content,
.site-main,
main {
    position: relative;
}

.container,
.site-container,
.main-wrap,
.site-content {
    max-width: var(--kz-content-width);
}

/* Header */
.site-header {
    box-shadow: 0 1px 0 var(--kz-soft-border);
}

.site-branding {
    display: flex;
    align-items: center;
}

.custom-logo-link {
    display: inline-flex;
    align-items: center;
}

.custom-logo,
.site-logo img,
.site-branding img {
    width: auto;
    max-width: min(260px, 70vw);
    height: auto;
    max-height: 72px;
}

/* Navigation */
.main-navigation,
.primary-navigation {
    position: relative;
}

.main-navigation ul,
.primary-navigation ul {
    align-items: center;
}

.main-navigation a,
.primary-navigation a {
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.main-navigation a:hover,
.primary-navigation a:hover {
    opacity: .78;
}

/* Main cards */
article {
    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.post-thumbnail,
.post-thumb,
.featured-image,
article .wp-post-image {
    overflow: hidden;
}

.post-thumbnail img,
.post-thumb img,
.featured-image img,
.wp-post-image {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .32s ease;
}

article:hover .post-thumbnail img,
article:hover .post-thumb img {
    transform: scale(1.025);
}

/* Typography */
.entry-title,
.post-title,
h1,
h2,
h3 {
    text-wrap: balance;
}

.entry-title,
.post-title {
    font-weight: 800;
}

.entry-meta,
.post-meta {
    line-height: 1.5;
}

.entry-content {
    max-width: 100%;
}

.entry-content p {
    margin-bottom: 1.25em;
}

/* Sidebar */
.widget {
    border: 1px solid var(--kz-soft-border);
    box-shadow: var(--kz-soft-shadow);
    padding: 20px;
    margin-bottom: 24px;
}

.widget-title {
    margin-top: 0;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--kz-soft-border);
}

/* Search */
.search-form {
    display: flex;
    gap: 7px;
}

.search-form label {
    flex: 1;
}

.search-field {
    width: 100%;
}

/* Pagination */
.navigation.pagination,
.pagination {
    margin-top: 32px;
    margin-bottom: 32px;
}

.page-numbers {
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

/* Single article */
.single-post article {
    border-radius: var(--kz-card-radius);
}

.single-post .entry-title {
    line-height: 1.15;
}

.single-post .entry-content img {
    margin-top: 10px;
    margin-bottom: 18px;
}

/* Footer */
.site-footer {
    margin-top: 50px;
}

.site-footer .widget {
    box-shadow: none;
}

/* Desktop */
@media (min-width: 1024px) {

    .site-content,
    #content {
        padding-top: 24px;
        padding-bottom: 40px;
    }

    .single-post .entry-title {
        font-size: clamp(2rem,3vw,3.1rem);
    }
}

/* Tablet */
@media (max-width: 1023px) {

    .site-content,
    #content {
        padding-left: 18px;
        padding-right: 18px;
    }

    .widget {
        padding: 17px;
    }
}

/* Mobile */
@media (max-width: 782px) {

    .site-content,
    #content {
        padding-left: 14px;
        padding-right: 14px;
    }

    .custom-logo,
    .site-logo img,
    .site-branding img {
        max-height: 54px;
        max-width: 220px;
    }

    .entry-title,
    .post-title {
        line-height: 1.22;
    }

    .widget {
        padding: 15px;
        border-radius: 10px;
    }

    .page-numbers {
        min-width: 36px;
        min-height: 36px;
    }
}

/* Accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* Avoid layout shift */
img {
    max-width: 100%;
}

iframe,
video {
    max-width: 100%;
}

/* KIZOBRAX_STAGE5_BEGIN */

/* ==========================================================
   KIZOBRAX MUSIC — MODERN PRODUCTION DESIGN SYSTEM
   ========================================================== */

:root {
    --kz-accent: #e50914;
    --kz-accent-hover: #c80711;

    --kz-text: #171717;
    --kz-muted: #686868;

    --kz-surface: #ffffff;
    --kz-soft: #f7f7f8;

    --kz-border: rgba(20,20,20,.09);

    --kz-radius-xs: 7px;
    --kz-radius-sm: 10px;
    --kz-radius-md: 14px;
    --kz-radius-lg: 18px;

    --kz-shadow:
        0 5px 22px rgba(0,0,0,.055);

    --kz-shadow-hover:
        0 14px 35px rgba(0,0,0,.10);

    --kz-container: 1240px;
}


/* ----------------------------------------------------------
   FOUNDATION
   ---------------------------------------------------------- */

html {
    scroll-behavior: smooth;
}

body.newsmatic_main_body {
    color: var(--kz-text);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.newsmatic_main_body .site {
    overflow: clip;
}

body.newsmatic_main_body img {
    max-width: 100%;
    height: auto;
}

body.newsmatic_main_body a {
    transition:
        color .18s ease,
        opacity .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

body.newsmatic_main_body .site-header {
    position: relative;
    z-index: 100;
    background: var(--kz-surface);
    border-bottom: 1px solid var(--kz-border);
    box-shadow: 0 2px 14px rgba(0,0,0,.035);
}

body.newsmatic_main_body .site-header .bb-bldr-row {
    max-width: var(--kz-container);
    margin-left: auto;
    margin-right: auto;
}

body.newsmatic_main_body .site-branding {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.newsmatic_main_body .site-title {
    margin: 0;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.045em;
}

body.newsmatic_main_body .site-title a {
    text-decoration: none;
}

body.newsmatic_main_body .site-description {
    margin-top: 6px;
    margin-bottom: 0;
    max-width: 650px;
    color: var(--kz-muted);
    line-height: 1.45;
}

body.newsmatic_main_body .custom-logo,
body.newsmatic_main_body .site-logo img,
body.newsmatic_main_body .site-branding img {
    width: auto;
    height: auto;
    max-width: 270px;
    max-height: 74px;
    object-fit: contain;
}


/* ----------------------------------------------------------
   NAVIGATION
   ---------------------------------------------------------- */

body.newsmatic_main_body .main-navigation {
    position: relative;
}

body.newsmatic_main_body .main-navigation ul {
    align-items: center;
}

body.newsmatic_main_body .main-navigation li {
    position: relative;
}

body.newsmatic_main_body .main-navigation a {
    font-weight: 750;
    letter-spacing: -.012em;
    text-decoration: none;
}

body.newsmatic_main_body .main-navigation > div > ul > li > a {
    position: relative;
}

body.newsmatic_main_body
.main-navigation > div > ul > li > a:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 5px;
    height: 2px;
    background: var(--kz-accent);
    transition: left .2s ease,right .2s ease;
}

body.newsmatic_main_body
.main-navigation > div > ul > li:hover > a:after,
body.newsmatic_main_body
.main-navigation > div > ul > li.current-menu-item > a:after {
    left: 15%;
    right: 15%;
}


/* ----------------------------------------------------------
   PAGE CONTAINER
   ---------------------------------------------------------- */

body.newsmatic_main_body .site-content {
    max-width: var(--kz-container);
    margin-left: auto;
    margin-right: auto;
}

body.home.newsmatic_main_body .site-content {
    padding-top: 24px;
}


/* ----------------------------------------------------------
   FEATURED / SLIDER
   ---------------------------------------------------------- */

body.home.newsmatic_main_body article.slide-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--kz-radius-lg);
    background: var(--kz-surface);
}

body.home.newsmatic_main_body article.slide-item img {
    display: block;
    width: 100%;
    transition: transform .45s ease;
}

body.home.newsmatic_main_body article.slide-item:hover img {
    transform: scale(1.035);
}

body.home.newsmatic_main_body article.slide-item .post-title,
body.home.newsmatic_main_body article.slide-item .entry-title {
    letter-spacing: -.025em;
    line-height: 1.18;
}


/* ----------------------------------------------------------
   HOMEPAGE POST ITEMS
   ---------------------------------------------------------- */

body.home.newsmatic_main_body article.post-item {
    overflow: hidden;
    border-radius: var(--kz-radius-md);
    background: var(--kz-surface);
    border: 1px solid var(--kz-border);
    box-shadow: var(--kz-shadow);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

body.home.newsmatic_main_body article.post-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--kz-shadow-hover);
    border-color: rgba(20,20,20,.14);
}

body.home.newsmatic_main_body article.post-item img {
    display: block;
    width: 100%;
    transition: transform .35s ease;
}

body.home.newsmatic_main_body article.post-item:hover img {
    transform: scale(1.025);
}


/* ----------------------------------------------------------
   STANDARD BLOG POSTS
   ---------------------------------------------------------- */

body.blog.newsmatic_main_body
#primary.site-main > article[id^="post-"] {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 18px;
    background: var(--kz-surface);
    border: 1px solid var(--kz-border);
    border-radius: var(--kz-radius-md);
    box-shadow: var(--kz-shadow);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

body.blog.newsmatic_main_body
#primary.site-main > article[id^="post-"]:hover {
    transform: translateY(-2px);
    box-shadow: var(--kz-shadow-hover);
}


/* ----------------------------------------------------------
   POST IMAGES
   ---------------------------------------------------------- */

body.newsmatic_main_body .post-thumbnail,
body.newsmatic_main_body .post-thumb,
body.newsmatic_main_body .featured-image {
    overflow: hidden;
    border-radius: var(--kz-radius-sm);
}

body.newsmatic_main_body .post-thumbnail img,
body.newsmatic_main_body .post-thumb img,
body.newsmatic_main_body .featured-image img,
body.newsmatic_main_body .wp-post-image {
    display: block;
    width: 100%;
    border-radius: var(--kz-radius-sm);
}


/* ----------------------------------------------------------
   TITLES
   ---------------------------------------------------------- */

body.newsmatic_main_body .entry-title,
body.newsmatic_main_body .post-title {
    color: var(--kz-text);
    font-weight: 850;
    letter-spacing: -.027em;
    line-height: 1.2;
}

body.newsmatic_main_body .entry-title a,
body.newsmatic_main_body .post-title a {
    color: inherit;
    text-decoration: none;
}

body.newsmatic_main_body .entry-title a:hover,
body.newsmatic_main_body .post-title a:hover {
    color: var(--kz-accent);
}


/* ----------------------------------------------------------
   META
   ---------------------------------------------------------- */

body.newsmatic_main_body .entry-meta,
body.newsmatic_main_body .post-meta {
    color: var(--kz-muted);
    font-size: .89rem;
    line-height: 1.5;
}


/* ----------------------------------------------------------
   CATEGORY / LABELS
   ---------------------------------------------------------- */

body.newsmatic_main_body .cat-links a,
body.newsmatic_main_body .post-categories a {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1;
    text-decoration: none;
}


/* ----------------------------------------------------------
   SIDEBAR
   ---------------------------------------------------------- */

body.newsmatic_main_body #secondary .widget,
body.newsmatic_main_body .widget-area .widget {
    overflow: hidden;
    margin-bottom: 24px;
    padding: 20px;
    background: var(--kz-surface);
    border: 1px solid var(--kz-border);
    border-radius: var(--kz-radius-md);
    box-shadow: var(--kz-shadow);
}

body.newsmatic_main_body #secondary .widget-title,
body.newsmatic_main_body .widget-area .widget-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 17px;
    padding-bottom: 11px;
    font-weight: 850;
    letter-spacing: -.02em;
    border-bottom: 1px solid var(--kz-border);
}

body.newsmatic_main_body #secondary .widget-title:after,
body.newsmatic_main_body .widget-area .widget-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 42px;
    height: 3px;
    border-radius: 3px;
    background: var(--kz-accent);
}


/* ----------------------------------------------------------
   SINGLE POSTS
   ---------------------------------------------------------- */

body.single-post.newsmatic_main_body #primary article {
    background: var(--kz-surface);
}

body.single-post.newsmatic_main_body .entry-title {
    font-size: clamp(2rem,3.5vw,3.25rem);
    line-height: 1.12;
    letter-spacing: -.04em;
}

body.single-post.newsmatic_main_body .entry-content {
    font-size: 1.055rem;
    line-height: 1.78;
}

body.single-post.newsmatic_main_body .entry-content p {
    margin-bottom: 1.35em;
}

body.single-post.newsmatic_main_body .entry-content img {
    border-radius: var(--kz-radius-md);
}


/* ----------------------------------------------------------
   LINKS / DOWNLOAD BUTTON-LIKE LINKS
   ---------------------------------------------------------- */

body.single-post.newsmatic_main_body
.entry-content a[href$=".mp3"],
body.single-post.newsmatic_main_body
.entry-content a[href*="/download"],
body.single-post.newsmatic_main_body
.entry-content a[href*="dl."] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 19px;
    margin: 5px 0;
    border-radius: var(--kz-radius-sm);
    background: var(--kz-accent);
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

body.single-post.newsmatic_main_body
.entry-content a[href$=".mp3"]:hover,
body.single-post.newsmatic_main_body
.entry-content a[href*="/download"]:hover,
body.single-post.newsmatic_main_body
.entry-content a[href*="dl."]:hover {
    background: var(--kz-accent-hover);
    color: #fff;
    transform: translateY(-1px);
}


/* ----------------------------------------------------------
   PAGINATION
   ---------------------------------------------------------- */

body.newsmatic_main_body .navigation.pagination,
body.newsmatic_main_body .pagination {
    margin-top: 32px;
    margin-bottom: 38px;
}

body.newsmatic_main_body .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 7px 11px;
    margin: 3px;
    border: 1px solid var(--kz-border);
    border-radius: var(--kz-radius-xs);
    text-decoration: none;
}

body.newsmatic_main_body .page-numbers.current {
    background: var(--kz-accent);
    border-color: var(--kz-accent);
    color: #fff;
}


/* ----------------------------------------------------------
   SEARCH / FORM CONTROLS
   ---------------------------------------------------------- */

body.newsmatic_main_body input[type="text"],
body.newsmatic_main_body input[type="email"],
body.newsmatic_main_body input[type="url"],
body.newsmatic_main_body input[type="search"],
body.newsmatic_main_body textarea,
body.newsmatic_main_body select {
    border-radius: var(--kz-radius-xs);
}

body.newsmatic_main_body input[type="submit"],
body.newsmatic_main_body button,
body.newsmatic_main_body .wp-element-button,
body.newsmatic_main_body .wp-block-button__link {
    border-radius: var(--kz-radius-xs);
    font-weight: 750;
}


/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

body.newsmatic_main_body .site-footer {
    margin-top: 45px;
}

body.newsmatic_main_body .site-footer .widget {
    box-shadow: none;
}

body.newsmatic_main_body .site-footer a {
    text-decoration: none;
}


/* ----------------------------------------------------------
   ACCESSIBILITY
   ---------------------------------------------------------- */

body.newsmatic_main_body a:focus-visible,
body.newsmatic_main_body button:focus-visible,
body.newsmatic_main_body input:focus-visible,
body.newsmatic_main_body textarea:focus-visible,
body.newsmatic_main_body select:focus-visible {
    outline: 2px solid var(--kz-accent);
    outline-offset: 3px;
}


/* ----------------------------------------------------------
   DESKTOP
   ---------------------------------------------------------- */

@media (min-width: 1024px) {

    body.home.newsmatic_main_body .site-content {
        padding-top: 28px;
        padding-bottom: 44px;
    }

    body.newsmatic_main_body .site-header .row-two {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    body.blog.newsmatic_main_body
    #primary.site-main > article[id^="post-"] {
        min-height: 180px;
    }
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 1023px) {

    body.newsmatic_main_body .site-content {
        padding-left: 17px;
        padding-right: 17px;
    }

    body.newsmatic_main_body #secondary .widget,
    body.newsmatic_main_body .widget-area .widget {
        padding: 17px;
    }

    body.single-post.newsmatic_main_body .entry-title {
        font-size: clamp(1.75rem,5vw,2.5rem);
    }
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 782px) {

    body.newsmatic_main_body .site-content {
        padding-left: 13px;
        padding-right: 13px;
    }

    body.home.newsmatic_main_body .site-content {
        padding-top: 14px;
    }

    body.newsmatic_main_body .custom-logo,
    body.newsmatic_main_body .site-logo img,
    body.newsmatic_main_body .site-branding img {
        max-width: 215px;
        max-height: 54px;
    }

    body.newsmatic_main_body .site-description {
        font-size: .82rem;
        line-height: 1.35;
    }

    body.home.newsmatic_main_body article.slide-item {
        border-radius: 12px;
    }

    body.home.newsmatic_main_body article.post-item {
        border-radius: 11px;
    }

    body.blog.newsmatic_main_body
    #primary.site-main > article[id^="post-"] {
        padding: 12px;
        margin-bottom: 17px;
        border-radius: 11px;
    }

    body.newsmatic_main_body #secondary .widget,
    body.newsmatic_main_body .widget-area .widget {
        padding: 14px;
        border-radius: 11px;
    }

    body.single-post.newsmatic_main_body .entry-title {
        font-size: clamp(1.6rem,8vw,2.05rem);
        line-height: 1.16;
    }

    body.single-post.newsmatic_main_body .entry-content {
        font-size: 1rem;
        line-height: 1.72;
    }

    body.newsmatic_main_body .page-numbers {
        min-width: 36px;
        min-height: 36px;
        margin: 2px;
    }
}


/* ----------------------------------------------------------
   SMALL MOBILE
   ---------------------------------------------------------- */

@media (max-width: 480px) {

    body.newsmatic_main_body .site-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    body.newsmatic_main_body .site-description {
        display: none;
    }

    body.single-post.newsmatic_main_body .entry-title {
        font-size: 1.55rem;
    }
}

/* KIZOBRAX_STAGE5_END */

/* ==========================================================
   KIZOBRAX_STAGE7B3_BEGIN
   DESIGN #3 — KIZOBRAX MODERN MAGAZINE GRID
   ========================================================== */

:root {
    --kbx7-accent: #198513;
    --kbx7-accent-dark: #12670e;
    --kbx7-dark: #111820;
    --kbx7-text: #17202a;
    --kbx7-muted: #68727d;
    --kbx7-bg: #f5f7f8;
    --kbx7-card: #ffffff;
    --kbx7-border: rgba(17,24,32,.09);
    --kbx7-radius: 15px;
    --kbx7-radius-lg: 20px;
    --kbx7-shadow: 0 6px 22px rgba(17,24,39,.07);
    --kbx7-shadow-hover: 0 15px 38px rgba(17,24,39,.13);
}

/* ---------- SITE CANVAS ---------- */

body.newsmatic_main_body {
    background: var(--kbx7-bg);
    color: var(--kbx7-text);
}

body.newsmatic_main_body .newsmatic-container {
    width: min(1240px, calc(100% - 36px));
    max-width: 1240px;
}

body.newsmatic_main_body .site-content {
    padding-top: 24px;
    padding-bottom: 46px;
}

/* ---------- HEADER ---------- */

body.newsmatic_main_body .site-header {
    background: #fff;
    box-shadow: 0 3px 16px rgba(15,23,42,.07);
}

body.newsmatic_main_body .site-header .row-one {
    background: var(--kbx7-dark);
}

body.newsmatic_main_body .site-header .row-two {
    background: #fff;
}

body.newsmatic_main_body .site-header .row-three {
    background: #fff;
    border-top: 1px solid var(--kbx7-border);
}

body.newsmatic_main_body .site-title {
    font-weight: 900;
    letter-spacing: -.035em;
}

body.newsmatic_main_body .site-description {
    color: var(--kbx7-muted);
}

body.newsmatic_main_body .main-navigation > div > ul > li > a {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

/* ---------- TRENDING ---------- */

body.home .newsmatic-ticker {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid var(--kbx7-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 14px rgba(15,23,42,.05);
}

body.home .newsmatic-ticker-label {
    background: var(--kbx7-accent);
    color: #fff;
    font-weight: 850;
}

/* ---------- HERO MAGAZINE GRID ---------- */

body.home #main-banner-section {
    margin-top: 4px;
    margin-bottom: 30px;
}

body.home #main-banner-section .main-banner-wrap {
    gap: 13px;
}

body.home #main-banner-section article.slide-item,
body.home #main-banner-section article.post-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--kbx7-radius-lg);
    background: #111;
    box-shadow: var(--kbx7-shadow);
}

body.home #main-banner-section article.slide-item figure,
body.home #main-banner-section article.post-item figure {
    overflow: hidden;
    border-radius: inherit;
}

body.home #main-banner-section article.slide-item img,
body.home #main-banner-section article.post-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

body.home #main-banner-section article.slide-item:hover img,
body.home #main-banner-section article.post-item:hover img {
    transform: scale(1.045);
}

body.home #main-banner-section .main-banner-slider .post-title {
    font-size: clamp(26px,3vw,42px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -.03em;
}

body.home #main-banner-section .banner-trailing-posts .post-title,
body.home #main-banner-section .main-banner-block-posts .post-title {
    font-size: clamp(16px,1.55vw,21px);
    line-height: 1.18;
    font-weight: 850;
}

/* ---------- CATEGORY PILLS ---------- */

body.newsmatic_main_body .post-categories {
    gap: 6px;
}

body.newsmatic_main_body .post-categories .cat-item {
    overflow: hidden;
    border-radius: 999px;
}

body.newsmatic_main_body .post-categories a {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--kbx7-accent);
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .045em;
    text-transform: uppercase;
}

/* ---------- SECTION TITLES ---------- */

body.newsmatic_main_body .newsmatic-block-title {
    position: relative;
    margin-bottom: 18px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--kbx7-border);
    font-size: 21px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -.025em;
}

body.newsmatic_main_body .newsmatic-block-title:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 58px;
    height: 3px;
    border-radius: 999px;
    background: var(--kbx7-accent);
}

/* ---------- HOMEPAGE LATEST GRID ---------- */

body.home main.site-main .primary-content .news-list-wrap {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 19px;
}

body.home main.site-main .primary-content .news-list-wrap > article.post {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 0 0 17px;
    overflow: hidden;
    border: 1px solid var(--kbx7-border);
    border-radius: var(--kbx7-radius);
    background: var(--kbx7-card);
    box-shadow: var(--kbx7-shadow);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

body.home main.site-main .primary-content .news-list-wrap > article.post:hover {
    transform: translateY(-4px);
    border-color: rgba(25,133,19,.22);
    box-shadow: var(--kbx7-shadow-hover);
}

body.home main.site-main .primary-content .news-list-wrap > article.post > figure.post-thumb-wrap {
    width: 100%;
    margin: 0 0 15px;
    padding-bottom: 60% !important;
    overflow: hidden;
    border-radius: 0 !important;
}

body.home main.site-main .primary-content .news-list-wrap > article.post > figure.post-thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

body.home main.site-main .primary-content .news-list-wrap > article.post:hover > figure.post-thumb-wrap img {
    transform: scale(1.035);
}

body.home main.site-main .primary-content .news-list-wrap > article.post > :not(figure) {
    margin-left: 17px;
    margin-right: 17px;
}

body.home main.site-main .primary-content .news-list-wrap > article.post .post-title {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 850;
    letter-spacing: -.018em;
}

body.home main.site-main .primary-content .news-list-wrap > article.post .post-title a {
    color: var(--kbx7-text);
}

body.home main.site-main .primary-content .news-list-wrap > article.post .post-title a:hover {
    color: var(--kbx7-accent);
}

body.home main.site-main .primary-content .news-list-wrap > article.post .post-meta {
    margin-bottom: 9px;
    color: var(--kbx7-muted);
    font-size: 11px;
}

body.home main.site-main .primary-content .news-list-wrap > article.post .post-excerpt {
    color: #5d6874;
    font-size: 13px;
    line-height: 1.55;
}

/* ---------- CAROUSEL ---------- */

body.home .news-carousel article.carousel-item {
    overflow: hidden;
    border: 1px solid var(--kbx7-border);
    border-radius: var(--kbx7-radius);
    background: #fff;
    box-shadow: 0 4px 17px rgba(15,23,42,.055);
}

body.home .news-carousel article.carousel-item img {
    transition: transform .35s ease;
}

body.home .news-carousel article.carousel-item:hover img {
    transform: scale(1.035);
}

/* ---------- ARCHIVES ---------- */

body.archive #primary.site-main > article[id^="post-"],
body.search #primary.site-main > article[id^="post-"],
body.blog.paged #primary.site-main > article[id^="post-"] {
    border: 1px solid var(--kbx7-border);
    border-radius: var(--kbx7-radius);
    background: #fff;
    box-shadow: 0 4px 17px rgba(15,23,42,.055);
}

/* ---------- PAGINATION ---------- */

body.newsmatic_main_body .navigation.pagination,
body.newsmatic_main_body .pagination {
    margin-top: 30px;
}

body.newsmatic_main_body .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

body.newsmatic_main_body .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--kbx7-border);
    border-radius: 10px;
    background: #fff;
    color: var(--kbx7-text);
    font-weight: 800;
    text-decoration: none;
}

body.newsmatic_main_body .page-numbers.current,
body.newsmatic_main_body a.page-numbers:hover {
    border-color: var(--kbx7-accent);
    background: var(--kbx7-accent);
    color: #fff;
}

/* ---------- SINGLE POSTS ---------- */

body.single-post.newsmatic_main_body #primary article {
    border: 1px solid var(--kbx7-border);
    border-radius: var(--kbx7-radius-lg);
    background: #fff;
    box-shadow: var(--kbx7-shadow);
}

body.single-post.newsmatic_main_body .entry-title {
    font-weight: 900;
    letter-spacing: -.028em;
}

/* ---------- FOOTER ---------- */

body.newsmatic_main_body .site-footer {
    margin-top: 38px;
    background: #10161a;
    border-top: 4px solid var(--kbx7-accent);
}

/* ---------- TABLET ---------- */

@media (max-width: 1023px) {

    body.newsmatic_main_body .newsmatic-container {
        width: min(100% - 28px,1240px);
    }

    body.home main.site-main .primary-content .news-list-wrap {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 15px;
    }

    body.home #main-banner-section .main-banner-slider .post-title {
        font-size: clamp(23px,4vw,34px);
    }
}

/* ---------- MOBILE ---------- */

@media (max-width: 782px) {

    body.newsmatic_main_body .newsmatic-container {
        width: min(100% - 22px,1240px);
    }

    body.newsmatic_main_body .site-content {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    body.home .newsmatic-ticker {
        margin-bottom: 13px;
        border-radius: 9px;
    }

    body.home #main-banner-section {
        margin-bottom: 21px;
    }

    body.home #main-banner-section article.slide-item,
    body.home #main-banner-section article.post-item {
        border-radius: 12px;
    }

    body.home #main-banner-section .main-banner-slider .post-title {
        font-size: clamp(21px,6vw,29px);
        line-height: 1.12;
    }

    body.home main.site-main .primary-content .news-list-wrap {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    body.home main.site-main .primary-content .news-list-wrap > article.post {
        border-radius: 12px;
    }

    body.home main.site-main .primary-content .news-list-wrap > article.post > figure.post-thumb-wrap {
        padding-bottom: 56.25% !important;
    }

    body.home main.site-main .primary-content .news-list-wrap > article.post .post-title {
        font-size: 18px;
    }

    body.newsmatic_main_body .newsmatic-block-title {
        font-size: 19px;
    }

    body.single-post.newsmatic_main_body #primary article {
        border-radius: 12px;
    }
}

@media (max-width: 480px) {

    body.newsmatic_main_body .newsmatic-container {
        width: calc(100% - 18px);
    }

    body.home main.site-main .primary-content .news-list-wrap > article.post > :not(figure) {
        margin-left: 14px;
        margin-right: 14px;
    }

    body.newsmatic_main_body .page-numbers {
        min-width: 36px;
        height: 36px;
        padding: 0 9px;
    }
}

/* KIZOBRAX_STAGE7B3_END */

/* ==========================================================
   KIZOBRAX_STAGE7C2_BEGIN
   MODERN MAGAZINE GRID #3 — FINAL POLISH
   ========================================================== */

body.newsmatic_main_body {
    background: #f5f6f7;
}

/* Main desktop canvas */
body.newsmatic_main_body .newsmatic-container {
    width: min(1320px, calc(100% - 42px)) !important;
    max-width: 1320px !important;
}

/* Compact branding area */
body.newsmatic_main_body .site-header .row-two {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.newsmatic_main_body .site-header .row-two .newsmatic-container {
    min-height: 100px !important;
}

body.newsmatic_main_body .site-branding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.newsmatic_main_body .site-branding .site-title {
    margin: 0 !important;
    font-size: clamp(38px, 3.5vw, 56px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em;
}

body.newsmatic_main_body .site-branding .site-description {
    max-width: 720px;
    margin: 10px auto 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

/* Compact navigation */
body.newsmatic_main_body .site-header .row-three {
    min-height: 56px !important;
}

body.newsmatic_main_body .main-navigation > div > ul {
    min-height: 56px !important;
    align-items: center;
}

body.newsmatic_main_body .main-navigation > div > ul > li > a {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* Homepage */
body.home .site-content {
    padding-top: 20px !important;
}

body.home .newsmatic-ticker {
    margin-bottom: 18px !important;
    border-radius: 8px !important;
}

/* Remove unused homepage sidebar */
body.home .site-content #primary,
body.home .site-content .primary-content,
body.home .site-content .primary-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

body.home .site-content #secondary,
body.home .site-content aside#secondary,
body.home .site-content .primary-sidebar,
body.home .site-content .secondary-content {
    display: none !important;
}

body.home .site-content .main-content-wrap,
body.home .site-content .primary-secondary-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

/* Magazine hero */
body.home #main-banner-section {
    width: 100% !important;
    margin-bottom: 30px !important;
}

body.home #main-banner-section .main-banner-wrap {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.72fr)
        minmax(310px, .88fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
}

body.home #main-banner-section .main-banner-slider {
    width: 100% !important;
    min-width: 0 !important;
}

body.home #main-banner-section .banner-trailing-posts,
body.home #main-banner-section .main-banner-block-posts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
}

body.home #main-banner-section article.slide-item {
    min-height: 465px !important;
    overflow: hidden;
    border-radius: 15px !important;
}

body.home #main-banner-section .banner-trailing-posts article,
body.home #main-banner-section .main-banner-block-posts article {
    min-height: 225px !important;
    overflow: hidden;
    border-radius: 15px !important;
}

/* Latest section */
body.home main.site-main .news-list-wrap {
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
}

body.home main.site-main .news-list-wrap > article.post {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 5px 20px rgba(15,23,42,.06);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

body.home main.site-main .news-list-wrap > article.post:hover {
    transform: translateY(-3px);
    box-shadow: 0 13px 30px rgba(15,23,42,.11);
}

body.home main.site-main .news-list-wrap > article.post > figure.post-thumb-wrap {
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 0 15px !important;
    padding-bottom: 60% !important;
    border-radius: 0 !important;
}

body.home main.site-main .news-list-wrap > article.post > :not(figure) {
    width: auto !important;
    margin-left: 17px !important;
    margin-right: 17px !important;
}

body.home main.site-main .news-list-wrap .post-title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

body.home main.site-main .news-list-wrap .post-excerpt {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

/* Pagination occupies full grid row */
body.home .navigation.pagination {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Bottom carousel */
body.home .news-carousel {
    width: 100% !important;
    margin-top: 34px !important;
    padding: 25px 27px 29px !important;
    border-top: 2px solid #168313;
    background: #fff;
    box-shadow: 0 5px 20px rgba(15,23,42,.055);
}

body.home .news-carousel .newsmatic-block-title {
    font-size: 27px !important;
    font-weight: 900 !important;
}

/* Footer */
body.newsmatic_main_body .site-footer {
    margin-top: 40px !important;
    border-top: 4px solid #168313 !important;
    background: #0d1317 !important;
}

/* Hide parent visual attribution */
body.newsmatic_main_body .site-footer .site-info,
body.newsmatic_main_body .site-footer .copyright-text {
    font-size: 0 !important;
}

body.newsmatic_main_body .site-footer .site-info:after,
body.newsmatic_main_body .site-footer .copyright-text:after {
    content: "Kizobrax Music — Music & News From Africa";
    display: inline-block;
    color: rgba(255,255,255,.75);
    font-size: 14px;
}

body.newsmatic_main_body .kizobrax-stage7c2-footer {
    padding: 21px 20px;
    text-align: center;
    color: rgba(255,255,255,.72);
    font-size: 14px;
}

body.newsmatic_main_body .kizobrax-stage7c2-footer strong {
    color: #fff;
}

/* Tablet */
@media (max-width: 1100px) {

    body.home #main-banner-section .main-banner-wrap {
        grid-template-columns:
            minmax(0, 1.4fr)
            minmax(280px, .8fr) !important;
    }

    body.home main.site-main .news-list-wrap {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {

    body.newsmatic_main_body .newsmatic-container {
        width: calc(100% - 28px) !important;
    }

    body.home #main-banner-section .main-banner-wrap {
        grid-template-columns: 1fr !important;
    }

    body.home #main-banner-section .banner-trailing-posts,
    body.home #main-banner-section .main-banner-block-posts {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
    }

    body.home #main-banner-section article.slide-item {
        min-height: 410px !important;
    }
}

/* Mobile */
@media (max-width: 782px) {

    body.newsmatic_main_body .newsmatic-container {
        width: calc(100% - 20px) !important;
    }

    body.newsmatic_main_body .site-header .row-two {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    body.newsmatic_main_body .site-header .row-two .newsmatic-container {
        min-height: auto !important;
    }

    body.newsmatic_main_body .site-branding .site-title {
        font-size: clamp(29px, 9vw, 40px) !important;
    }

    body.newsmatic_main_body .site-branding .site-description {
        margin-top: 6px !important;
        font-size: 12px !important;
    }

    body.home #main-banner-section article.slide-item {
        min-height: 340px !important;
    }

    body.home #main-banner-section .banner-trailing-posts,
    body.home #main-banner-section .main-banner-block-posts {
        grid-template-columns: 1fr !important;
    }

    body.home #main-banner-section .banner-trailing-posts article,
    body.home #main-banner-section .main-banner-block-posts article {
        min-height: 205px !important;
    }

    body.home main.site-main .news-list-wrap {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body.home main.site-main .news-list-wrap > article.post > figure.post-thumb-wrap {
        padding-bottom: 56.25% !important;
    }

    body.home .news-carousel {
        padding: 19px 14px 23px !important;
    }

    body.home .news-carousel .newsmatic-block-title {
        font-size: 22px !important;
    }
}

/* KIZOBRAX_STAGE7C2_END */

/* ==========================================================
   KIZOBRAX_STAGE7E_BEGIN
   EXACT-DOM MAGAZINE GRID #3
   Stage 7D verified structure
   ========================================================== */

/* ---------- GLOBAL CANVAS ---------- */

body.home.newsmatic_main_body {
    background: #f4f5f6 !important;
}

body.home #page,
body.home #content,
body.home #theme-content {
    width: 100% !important;
}

/* ---------- COMPACT HEADER ---------- */

body.home .site-header .row-two.full-width,
body.home .site-header .row-two .full-width {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

body.home .site-header .row-two .bb-bldr-row {
    min-height: 86px !important;
}

body.home .site-header .site-branding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.home .site-header .site-branding .site-title {
    margin: 0 !important;
    font-size: 42px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -1.4px !important;
}

body.home .site-header .site-branding .site-description {
    margin-top: 7px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

body.home .site-header .row-three.full-width,
body.home .site-header .row-three .full-width {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ---------- HEADLINES ---------- */

body.home .after-header {
    margin-bottom: 18px !important;
}

body.home .newsmatic-ticker {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* ---------- HERO: EXACT TEMPLATE FOUR ---------- */

body.home #main-banner-section {
    margin: 0 auto 28px !important;
}

body.home #main-banner-section .main-banner-wrap {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.62fr)
        minmax(330px, .9fr) !important;
    gap: 14px !important;
    width: 100% !important;
    align-items: stretch !important;
}

body.home #main-banner-section .main-banner-slider {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.home #main-banner-section
.main-banner-slider article.slide-item {
    min-height: 500px !important;
    height: 500px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

body.home #main-banner-section
.main-banner-slider article.slide-item .post-element,
body.home #main-banner-section
.main-banner-slider article.slide-item figure.post-thumb {
    height: 100% !important;
    min-height: 500px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

body.home #main-banner-section
.main-banner-slider article.slide-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.home #main-banner-section
.main-banner-block-posts.banner-trailing-posts {
    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows:
        repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    height: 500px !important;
    margin: 0 !important;
}

body.home #main-banner-section
.main-banner-block-posts.banner-trailing-posts
article.post-item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 243px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    overflow: hidden !important;
}

body.home #main-banner-section
.main-banner-block-posts.banner-trailing-posts
article.post-item .post-element,
body.home #main-banner-section
.main-banner-block-posts.banner-trailing-posts
article.post-item figure.post-thumb {
    width: 100% !important;
    height: 100% !important;
    min-height: 243px !important;
    border-radius: 13px !important;
    overflow: hidden !important;
}

body.home #main-banner-section
.main-banner-block-posts.banner-trailing-posts
article.post-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.home #main-banner-section
.main-banner-block-posts.banner-trailing-posts
.post-title {
    font-size: 16px !important;
    line-height: 1.22 !important;
}

/* ---------- EXACT MAIN CONTENT STRUCTURE ---------- */

body.home #theme-content > #primary.site-main {
    width: 100% !important;
}

body.home #theme-content > #primary.site-main
> .newsmatic-container {
    width: min(1320px, calc(100% - 40px)) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.home #theme-content > #primary.site-main
> .newsmatic-container > .row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Both sidebar shells are empty on this homepage.
   Remove their layout width completely. */

body.home #theme-content #primary
.secondary-left-sidebar,
body.home #theme-content #primary
.secondary-sidebar {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Primary content must consume the full row */

body.home #theme-content #primary
.primary-content {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------- TRUE LATEST POSTS GRID ---------- */

body.home #theme-content #primary
.primary-content > .news-list-wrap {
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    background: #fff !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 20px rgba(15,23,42,.055) !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post:hover {
    transform: translateY(-3px);
    box-shadow: 0 13px 30px rgba(15,23,42,.1) !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
> figure.post-thumb-wrap {
    display: block !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    height: auto !important;
    margin: 0 0 15px !important;
    padding-bottom: 62% !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
> figure.post-thumb-wrap > a {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
> figure.post-thumb-wrap img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
.post-element {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 17px !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
.post-title {
    margin: 7px 0 8px !important;
    font-size: 19px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
.post-title a {
    color: #111827 !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
.post-title a:hover {
    color: #168313 !important;
}

body.home #theme-content #primary
.primary-content > .news-list-wrap > article.post
.post-excerpt {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #68707c !important;
}

/* Pagination below grid */

body.home #theme-content #primary
.navigation.pagination {
    width: 100% !important;
    margin: 30px 0 10px !important;
}

/* ---------- CAROUSEL ---------- */

body.home .news-carousel.layout--three {
    width: min(1320px, calc(100% - 40px)) !important;
    max-width: 1320px !important;
    margin: 36px auto 0 !important;
    padding: 25px !important;
    background: #fff !important;
    border-top: 3px solid #168313 !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 20px rgba(15,23,42,.055) !important;
}

/* ---------- FOOTER ---------- */

body.home .site-footer {
    margin-top: 42px !important;
    border-top: 4px solid #168313 !important;
}

/* Stage 7C footer is outside parent footer.
   Make it visually part of the footer instead. */

body.home .kizobrax-stage7c2-footer {
    margin: 0 !important;
    padding: 18px 20px 22px !important;
    background: #000 !important;
    color: rgba(255,255,255,.72) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* ---------- TABLET ---------- */

@media (max-width: 1100px) {

    body.home #main-banner-section .main-banner-wrap {
        grid-template-columns:
            minmax(0, 1.35fr)
            minmax(300px, .85fr) !important;
    }

    body.home #theme-content #primary
    .primary-content > .news-list-wrap {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ---------- MOBILE/TABLET HERO ---------- */

@media (max-width: 900px) {

    body.home #main-banner-section .main-banner-wrap {
        grid-template-columns: 1fr !important;
    }

    body.home #main-banner-section
    .main-banner-slider article.slide-item,
    body.home #main-banner-section
    .main-banner-slider article.slide-item .post-element,
    body.home #main-banner-section
    .main-banner-slider article.slide-item figure.post-thumb {
        height: 410px !important;
        min-height: 410px !important;
    }

    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        height: auto !important;
    }

    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts
    article.post-item,
    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts
    article.post-item .post-element,
    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts
    article.post-item figure.post-thumb {
        height: 220px !important;
        min-height: 220px !important;
    }
}

@media (max-width: 650px) {

    body.home .site-header .row-two.full-width,
    body.home .site-header .row-two .full-width {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body.home .site-header .site-branding .site-title {
        font-size: 32px !important;
        letter-spacing: -.7px !important;
    }

    body.home .site-header .site-branding .site-description {
        font-size: 12px !important;
    }

    body.home #theme-content > #primary.site-main
    > .newsmatic-container {
        width: calc(100% - 20px) !important;
    }

    body.home #main-banner-section
    .main-banner-slider article.slide-item,
    body.home #main-banner-section
    .main-banner-slider article.slide-item .post-element,
    body.home #main-banner-section
    .main-banner-slider article.slide-item figure.post-thumb {
        height: 340px !important;
        min-height: 340px !important;
    }

    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts {
        grid-template-columns: 1fr !important;
    }

    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts
    article.post-item,
    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts
    article.post-item .post-element,
    body.home #main-banner-section
    .main-banner-block-posts.banner-trailing-posts
    article.post-item figure.post-thumb {
        height: 205px !important;
        min-height: 205px !important;
    }

    body.home #theme-content #primary
    .primary-content > .news-list-wrap {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    body.home .news-carousel.layout--three {
        width: calc(100% - 20px) !important;
        padding: 17px 13px !important;
    }
}

/* KIZOBRAX_STAGE7E_END */