span.mvp-feat1-list-but {
	border-radius: 30px;
}
span.mvp-post-cat {
	border-radius: 30px;
}
span.mvp-widget-home-title {
	border-radius: 30px;

}
span.mvp-feat1-pop-head {
	border-radius: 30px;
}
.category-1764 {
    background-color: #000000;
}
.category-1764 mvp-main-nav-wrap{
    background-color: #000000;
}
/* ========================================================
   ZOX NEWS STYLE SUB-PAGE GRID - MASTER FIXED LAYOUT
   ======================================================== */

/* Core feed container setup */
.zox-final-grid {
    display: block !important;
    width: 100% !important;
    max-width: 1100px;
    margin: 0 auto;
}

/* Individual post item row - Structured 2-Column Grid Layout */
.zox-final-grid .listing-item {
    display: grid !important;
    grid-template-columns: 395px 1fr !important; /* Left column: Image, Right column: Text */
    gap: 0 35px !important; /* Spacing between image and text column */
    padding: 35px 0 !important;
    border-bottom: 1px solid #e5e5e5 !important; /* Clean line separating each post */
    box-sizing: border-box !important;
}

/* Removes the bottom separator line from the very last article post */
.zox-final-grid .listing-item:last-child {
    border-bottom: none !important;
}

/* Forces the image to lock cleanly into the left grid column and span all text rows */
.zox-final-grid .listing-item a.image {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important; 
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.zox-final-grid .listing-item img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    display: block !important;
}

/* 1. Relative Time Meta Row - Positioned ABOVE the heading */
.zox-final-grid .listing-item .date {
    grid-column: 2 !important;
    grid-row: 1 !important; /* Forces row placement above the title */
    display: block !important;
    font-family: "Roboto", sans-serif !important; /* Matches theme inspector */
    font-size: 11.2px !important;                 /* Matches theme inspector */
    color: #777777 !important;                     /* Matches theme inspector */
    font-weight: 400 !important;                   /* Changed to normal weight to fix boldness */
    text-transform: lowercase !important; /* Forces lowercase to match 'months ago' style */
    letter-spacing: 0.05em !important;
    margin: 0 0 8px 5px !important; /* Matches your 5px left margin spacing shift */
    line-height: 1.2 !important;
}

/* 2. Main Title Heading Row - Positioned below the time */
.zox-final-grid .listing-item .title,
.zox-final-grid .listing-item h2.title,
.zox-final-grid .listing-item h2 {
    grid-column: 2 !important;
    grid-row: 2 !important; /* Forces row placement below the date */
    display: block !important;
    float: left !important;
    width: 100% !important;
    font-family: "Oswald", sans-serif !important;
    color: rgb(34, 34, 34) !important;  /* Your exact theme value */
    font-size: 1.7rem !important;       /* Your exact theme value */
    font-weight: 700 !important;        /* Your exact theme value */
    letter-spacing: -0.02em !important; /* Your exact theme value */
    line-height: 1.1 !important;        /* Your exact theme value */
    margin: 0 0 12px 0 !important; /* Gap before the excerpt paragraph */
    padding: 0 !important;
    text-transform: none !important;
}

/* Forces title link text to adopt the identical dark theme values */
.zox-final-grid .listing-item .title a,
.zox-final-grid .listing-item h2.title a,
.zox-final-grid .listing-item h2 a,
.zox-final-grid .listing-item a {
    color: rgb(34, 34, 34) !important;
    text-decoration: none !important;
}

.zox-final-grid .listing-item .title a:hover,
.zox-final-grid .listing-item h2.title a:hover,
.zox-final-grid .listing-item h2 a:hover {
    color: #eb0000 !important; /* Standard theme hover accent feedback */
}

/* 3. Article Summary Excerpt Row - Positioned at the bottom */
.zox-final-grid .listing-item .excerpt,
.zox-final-grid .listing-item p {
    grid-column: 2 !important;
    grid-row: 3 !important; /* Forces row placement below the title */
    display: block !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 15px !important;
    color: #444444 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Deletes raw list bullet artifacts */
.zox-final-grid .listing-item::before {
    content: none !important;
    display: none !important;
}

/* Mobile responsive alignment alterations */
@media (max-width: 820px) {
    .zox-final-grid .listing-item {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        padding: 25px 0 !important;
    }
    .zox-final-grid .listing-item a.image,
    .zox-final-grid .listing-item .date,
    .zox-final-grid .listing-item .title,
    .zox-final-grid .listing-item h2,
    .zox-final-grid .listing-item .excerpt {
        grid-column: 1 !important;
    }
    .zox-final-grid .listing-item a.image {
        grid-row: 1 !important;
    }
    .zox-final-grid .listing-item .date {
        grid-row: 2 !important;
        margin-top: 10px !important;
    }
    .zox-final-grid .listing-item .title,
    .zox-final-grid .listing-item h2 {
        grid-row: 3 !important;
        font-size: 1.5rem !important;
    }
    .zox-final-grid .listing-item .excerpt {
        grid-row: 4 !important;
    }
}