.footer-sidebar .widget .wp-block-categories-list li:nth-child(n+9) {
    display: none;
}
.navbar.navbar-dark .nav .upgrade-pro-btn .nav-link {
    background-color: #202020;
    color: #fff !important;
}
.sidebar .widget .wp-block-categories-list li:nth-child(n+15) {
    display: none;
}

/* Make header banner full width */

/* Remove the empty logo column */
.logo-banner .col-lg-4 {
    display: none !important;
}

/* Let the banner use the full row */
.logo-banner .col-lg-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* Make the banner image fill the available width at a shorter fixed height */
.logo-banner .col-lg-8 img {
    width: 100% !important;
    height: 270px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block;
}

/* Remove extra vertical space around header banner */
.logo-banner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove spacing around the banner image */
.logo-banner .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}



.logo-banner img {
    margin: 0 !important;
}

/* Remove all extra spacing inside the header banner */
.logo-banner .container-fluid,
.logo-banner .row,
.logo-banner .col-lg-8,
.logo-banner .col-md-12 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Keep the banner at the shorter fixed height */
.logo-banner .col-lg-8 {
    height: 250px !important;
    min-height: 250px !important;
    overflow: hidden !important;
}

/* Remove inline-image baseline spacing */
.logo-banner img {
    display: block !important;
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Remove side gaps from the full-width header banner */
.logo-banner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.logo-banner .container-full {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.logo-banner .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.logo-banner .col-lg-8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ==================================================
   UNIVERSAL UNPACKED — MAIN NAVIGATION
   ================================================== */

/* Main navigation background */
.navbar.navbar-dark {
    background-color: #123f33 !important;
}

/* ==================================================
   TOP-LEVEL MENU
   ================================================== */

/* Restore the original Newsio top-level hover/current behaviour */
.navbar.navbar-dark .nav > .menu-item:hover,
.navbar.navbar-dark .nav > .menu-item.active,
.navbar.navbar-dark .nav > .menu-item.current-menu-item,
.navbar.navbar-dark .nav > .menu-item.current_page_item,
.navbar.navbar-dark .nav > .menu-item.current-menu-ancestor,
.navbar.navbar-dark .nav > .menu-item.current_page_ancestor {
    background: #8f9d83 !important;
    background-color: #8f9d83 !important;
}

/* Top-level links */
.navbar.navbar-dark .nav > .menu-item:hover > .nav-link,
.navbar.navbar-dark .nav > .menu-item.active > .nav-link,
.navbar.navbar-dark .nav > .menu-item.current-menu-item > .nav-link,
.navbar.navbar-dark .nav > .menu-item.current_page_item > .nav-link,
.navbar.navbar-dark .nav > .menu-item.current-menu-ancestor > .nav-link,
.navbar.navbar-dark .nav > .menu-item.current_page_ancestor > .nav-link {
    background: #8f9d83 !important;
    background-color: #8f9d83 !important;
    color: #ffffff !important;
}

/* Also cover the navbar-nav classes used by the theme */
.navbar.navbar-dark .navbar-nav > li:hover,
.navbar.navbar-dark .navbar-nav > li.current-menu-item,
.navbar.navbar-dark .navbar-nav > li.current_page_item,
.navbar.navbar-dark .navbar-nav > li.current-menu-ancestor,
.navbar.navbar-dark .navbar-nav > li.current_page_ancestor,
.navbar.navbar-dark .navbar-nav > li.active {
    background: #8f9d83 !important;
    background-color: #8f9d83 !important;
}

.navbar.navbar-dark .navbar-nav > li:hover > a,
.navbar.navbar-dark .navbar-nav > li.current-menu-item > a,
.navbar.navbar-dark .navbar-nav > li.current_page_item > a,
.navbar.navbar-dark .navbar-nav > li.current-menu-ancestor > a,
.navbar.navbar-dark .navbar-nav > li.current_page_ancestor > a,
.navbar.navbar-dark .navbar-nav > li.active > a {
    background: #8f9d83 !important;
    background-color: #8f9d83 !important;
    color: #ffffff !important;
}

/* Kill theme overlays on TOP-LEVEL items only */
.navbar.navbar-dark .nav > .menu-item:hover::before,
.navbar.navbar-dark .nav > .menu-item:hover::after,
.navbar.navbar-dark .nav > .menu-item.current-menu-item::before,
.navbar.navbar-dark .nav > .menu-item.current-menu-item::after,
.navbar.navbar-dark .nav > .menu-item.current_page_item::before,
.navbar.navbar-dark .nav > .menu-item.current_page_item::after,
.navbar.navbar-dark .nav > .menu-item.current-menu-ancestor::before,
.navbar.navbar-dark .nav > .menu-item.current-menu-ancestor::after {
    background: #8f9d83 !important;
    background-color: #8f9d83 !important;
}

/* ==================================================
   DROPDOWN MENU
   ================================================== */

/* Dark green dropdown */
.navbar.navbar-dark .navbar-nav li ul,
.navbar.navbar-dark .navbar-nav li ul.sub-menu,
.navbar.navbar-dark .navbar-nav li ul.dropdown-menu {
    background: #123f33 !important;
    background-color: #123f33 !important;
}

/* Normal dropdown items */
.navbar.navbar-dark .navbar-nav li ul li,
.navbar.navbar-dark .navbar-nav li ul li a,
.navbar.navbar-dark .navbar-nav li ul li .nav-link {
    background: #123f33 !important;
    background-color: #123f33 !important;
    color: #ffffff !important;
}

/* Dropdown hover/current */
.navbar.navbar-dark .navbar-nav li ul li:hover,
.navbar.navbar-dark .navbar-nav li ul li:hover > a,
.navbar.navbar-dark .navbar-nav li ul li:hover > .nav-link,
.navbar.navbar-dark .navbar-nav li ul li.current-menu-item,
.navbar.navbar-dark .navbar-nav li ul li.current-menu-item > a,
.navbar.navbar-dark .navbar-nav li ul li.current_page_item,
.navbar.navbar-dark .navbar-nav li ul li.current_page_item > a {
    background: #8f9d83 !important;
    background-color: #8f9d83 !important;
    color: #ffffff !important;
}

/* Remove black strip between banner and menu */
.navbar.navbar-dark {
    border-top: 0 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}

.logo-banner {
    margin-bottom: 0 !important;
}

.logo-banner + .navbar {
    margin-top: 0 !important;
    border-top: 0 !important;
}

/* Lead story card */
.uu-lead-story {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    min-height: 420px;
}

/* Make the featured image fill the card */
.uu-lead-story .wp-block-post-featured-image {
    position: absolute;
    inset: 0;
    margin: 0;
    z-index: 1;
}

.uu-lead-story .wp-block-post-featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Dark overlay for readability */
.uu-lead-story::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(8, 24, 20, 0.82) 0%,
        rgba(8, 24, 20, 0.62) 45%,
        rgba(8, 24, 20, 0.15) 100%
    );
    z-index: 2;
}

/* Text content over image */
.uu-lead-content {
    position: relative;
    z-index: 3;
    padding: 24px 28px;
    max-width: 62%;
    color: #fff;
}


/* Headline */
.uu-lead-content .wp-block-post-title {
    margin: 10px 0 14px;
    font-size: clamp(2rem, 3vw, 3.25rem);
    line-height: 1.02;
    color: #fff;
}

.uu-lead-content .wp-block-post-title a {
    color: #fff !important;
    text-decoration: none;
}

/* Excerpt */
.uu-lead-content .wp-block-post-excerpt {
    font-size: 1rem;
    line-height: 1.45;
    color: #fff;
}

/* Date */
.uu-lead-content .wp-block-post-date {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.85);
}
/* ==================================================
   SOCIAL ICONS OVER BANNER
   Keep the icons, but completely remove the old theme
   header from the page flow so it cannot create a strip
   above the banner.
   ================================================== */

.site-header {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 100 !important;
}

.site-header > .container-fluid {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.site-header .row {
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .col-lg-6,
.site-header .col-md-6,
.site-header .col-sm-12 {
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .custom-social-icons {
    position: fixed !important;
    top: 22px !important;
    right: 45px !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
    z-index: 9999 !important;
}

.site-header .custom-social-icons .followus {
    display: none !important;
}

.site-header .custom-social-icons li {
    margin: 0 !important;
    padding: 0 !important;
}

.site-header .custom-social-icons li a {
    color: #173f34 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.site-header .custom-social-icons li a:hover {
    color: #8f9d83 !important;
}

/* Banner begins at the very top with no inherited theme gap */
.logo-banner {
    margin-top: 0 !important;
    border-top: 0 !important;
}

/* ==================================================
   UNIVERSAL UNPACKED BANNER V2
   ================================================== */

.logo-banner,
.logo-banner .container-full,
.logo-banner .row,
.logo-banner .site-advertisement {
    position: relative !important;
}


/* ==================================================
   COMPLETE BANNER OVERLAY
   ================================================== */

.uu-banner-v2 {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 50 !important;
}


/* ==================================================
   STATIC LOGO
   ================================================== */

/* Skyline / park icon */
.uu-v2-skyline {
    position: absolute !important;
    width: 13% !important;
    height: auto !important;
    max-width: none !important;

    left: 8.5% !important;
    top: 2.5% !important;

    z-index: 51 !important;

    /* Logo remains visible and does not animate */
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}


/* Universal Unpacked wordmark */
.uu-v2-wordmark {
    position: absolute !important;
    width: 18% !important;
    height: auto !important;
    max-width: none !important;

    left: 6% !important;
    top: 17% !important;

    z-index: 51 !important;

    /* Logo remains visible and does not animate */
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}
/* ==================================================
   BANNER OVERLAY ANCHOR
   ================================================== */

.logo-banner,
.logo-banner .container-full,
.logo-banner .row,
.logo-banner .site-advertisement {
    position: relative !important;
}

.uu-banner-v2 {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 50 !important;
}

/* ==================================================
   REMOVE HANDWRITING / UNDERLINE FROM BANNER
   ================================================== */

.uu-v2-writing,
.uu-v2-news,
.uu-v2-rumours,
.uu-v2-reviews,
.uu-v2-more,
.uu-v2-underline {
    display: none !important;
}

/* ==================================================
   INDEPENDENT COVERAGE TEXT
   ================================================== */

.uu-v2-independent {
    position: absolute !important;

    left: 59% !important;
    right: auto !important;
    top: 3% !important;

    white-space: nowrap !important;

    z-index: 52 !important;

    color: #123f32 !important;

    font-size: clamp(10px, 0.8vw, 16px) !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
    letter-spacing: 0.12em !important;

    text-align: left !important;

    opacity: 0;

    animation: uuIndependentFade 1.2s ease 4.8s forwards;
}


@keyframes uuIndependentFade {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* ==================================================
   REDUCED MOTION ACCESSIBILITY
   ================================================== */

@media (prefers-reduced-motion: reduce) {

    .uu-v2-independent {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }
}
/* Hide breadcrumb area on homepage only */
.home .theme-breadcrumb-area {
    display: none !important;
}

/* Lead story category label */
.uu-lead-category {
    margin-bottom: 10px !important;
}

.uu-lead-category a {
    display: inline-block !important;
    background: #668c72 !important;
    color: #ffffff !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

.uu-lead-category a:hover {
    background: #557861 !important;
    color: #ffffff !important;
}

/* Lead story Read More button */
.uu-lead-readmore,
.uu-lead-readmore a {
    display: inline-block !important;
    background: #ffffff !important;
    color: #173f34 !important;
    padding: 9px 15px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.uu-lead-readmore:hover,
.uu-lead-readmore a:hover {
    background: #eef2ef !important;
    color: #173f34 !important;
    text-decoration: none !important;
	
}

/* =========================================
   POPULAR RIGHT NOW
   ========================================= */

.uu-popular-heading {
    margin: 0 0 16px !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #102c25 !important;
}

/* Individual popular story */
.uu-popular-item {
    display: grid !important;
    grid-template-columns: 32px 82px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.12) !important;
}

/* Number circle */
.uu-popular-number {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: #789b80 !important;
    color: #fff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

/* Thumbnail */
.uu-popular-image {
    width: 82px !important;
    height: 62px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

/* Popular story title */
.uu-popular-list .wp-block-post-title {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

.uu-popular-list .wp-block-post-title a {
    color: #102c25 !important;
    text-decoration: none !important;
}

.uu-popular-list .wp-block-post-title a:hover {
    text-decoration: underline !important;
}
/* ==================================================
   POPULAR RIGHT NOW
   ================================================== */

/* Query Loop */
.uu-popular-query {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Post Template */
.uu-popular-list {
    counter-reset: popular-counter;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Each article */
.uu-popular-list > li {
    counter-increment: popular-counter;

    display: grid !important;
    grid-template-columns: 32px 78px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 82px !important;

    margin: 0 !important;
    padding: 9px 0 !important;

    border-bottom: 1px solid #d4d8d5 !important;
}

/* Number circle */
.uu-popular-list > li::before {
    content: counter(popular-counter);

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;

    border-radius: 50% !important;
    background: #789b7d !important;
    color: #fff !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

/* Featured image */
.uu-popular-list .wp-block-post-featured-image {
    width: 78px !important;
    height: 60px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 5px !important;
    overflow: hidden !important;
}

/* Featured image link */
.uu-popular-list .wp-block-post-featured-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Actual image */
.uu-popular-list .wp-block-post-featured-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
}

/* Article title */
.uu-popular-list .wp-block-post-title {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Article title link */
.uu-popular-list .wp-block-post-title a {
    display: block !important;

    color: #122b25 !important;
    text-decoration: none !important;

    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Hover */
.uu-popular-list .wp-block-post-title a:hover {
    color: #789b7d !important;
}

/* Make sure Gutenberg doesn't add unwanted spacing */
.uu-popular-list > li > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

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

    .uu-popular-list > li {
        grid-template-columns: 30px 72px minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    .uu-popular-list .wp-block-post-featured-image {
        width: 72px !important;
        height: 56px !important;
    }

    .uu-popular-list .wp-block-post-title {
        font-size: 14px !important;
    }
}

/* ==================================================
   TOP STORIES TWO-COLUMN LAYOUT
   ================================================== */

.uu-top-stories {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr) !important;
    gap: 28px !important;

    width: 100% !important;
    max-width: 1500px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    align-items: start !important;
}

/* Override Gutenberg column sizing */
.uu-top-stories > .wp-block-column {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    flex-basis: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Lead card fills its side */
.uu-top-stories .uu-lead-story {
    width: 100% !important;
    max-width: none !important;
}

/* Popular section fills its side */
.uu-top-stories .uu-popular-query {
    width: 100% !important;
    max-width: none !important;
}

/* Mobile */
@media (max-width: 900px) {
    .uu-top-stories {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

/* ==================================================
   UNIVERSAL UNPACKED — TOP STORIES LAYOUT FIX
   Fixes nested Gutenberg column widths
   ================================================== */

@media (min-width: 782px) {

    /* The outer wrapper containing BOTH sections */
    .entry-content > .wp-block-columns:first-child {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 28px !important;
        align-items: flex-start !important;
    }

    /* Wrapper containing the lead story:
       WordPress currently makes this 100% — change to 66.66% */
    .entry-content > .wp-block-columns:first-child > .wp-block-column:first-child {
        flex: 0 0 calc(66.666% - 14px) !important;
        width: calc(66.666% - 14px) !important;
        max-width: calc(66.666% - 14px) !important;
    }

    /* Popular Right Now */
    .entry-content > .wp-block-columns:first-child > .wp-block-column:nth-child(2) {
        flex: 0 0 calc(33.333% - 14px) !important;
        width: calc(33.333% - 14px) !important;
        max-width: calc(33.333% - 14px) !important;
    }

    /* Inner Columns wrapper around the lead story */
    .entry-content > .wp-block-columns:first-child
    > .wp-block-column:first-child
    > .wp-block-columns {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    /* Lead story itself:
       WordPress currently makes this 66.66% — change to 100% */
    .entry-content > .wp-block-columns:first-child
    > .wp-block-column:first-child
    > .wp-block-columns
    > .wp-block-column {
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: none !important;
    }

    /* Ensure the lead Query Loop/card fills that space */
    .entry-content .uu-lead-story,
    .entry-content .uu-lead-story > li {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Popular Right Now panel */
.wp-block-column.has-background:has(.uu-popular-query) {
    padding: 20px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

/* ==================================================
   LEAD STORY — MATCH POPULAR RIGHT NOW HEIGHT
   ================================================== */

@media (min-width: 782px) {

    .uu-lead-story {
        height: 460px !important;
        min-height: 460px !important;
    }

    .uu-lead-story .wp-block-post-featured-image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 460px !important;
        min-height: 460px !important;
        margin: 0 !important;
    }

    .uu-lead-story .wp-block-post-featured-image img {
        width: 100% !important;
        height: 460px !important;
        min-height: 460px !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* ==================================================
   LATEST NEWS — FOUR-CARD GRID
   ================================================== */

.uu-latest-news {
    width: 100% !important;
    margin: 0 !important;
}

/* Four columns */
.uu-latest-news-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;

    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Individual card */
.uu-latest-news-grid > li {
    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 16px !important;

    background: #f7f6f2 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* Featured image */
.uu-latest-news-grid .wp-block-post-featured-image {
    width: 100% !important;
    height: 190px !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Image link */
.uu-latest-news-grid .wp-block-post-featured-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Image itself */
.uu-latest-news-grid .wp-block-post-featured-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}

/* Category */
.uu-latest-news-grid .wp-block-post-terms {
    margin: -13px 12px 8px !important;
    position: relative !important;
    z-index: 2 !important;
}

.uu-latest-news-grid .wp-block-post-terms a {
    display: inline-block !important;

    padding: 4px 7px !important;
    border-radius: 3px !important;

    background: #ffffff !important;
    color: #173f34 !important;

    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Headline */
.uu-latest-news-grid .wp-block-post-title {
    margin: 0 12px 10px !important;

    font-size: 19px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
}

.uu-latest-news-grid .wp-block-post-title a {
    color: #102c25 !important;
    text-decoration: none !important;
}

.uu-latest-news-grid .wp-block-post-title a:hover {
    color: #668c72 !important;
}

/* Date */
.uu-latest-news-grid .wp-block-post-date {
    margin: auto 12px 0 !important;

    font-size: 11px !important;
    color: #6b7470 !important;
}

/* Tablet — two cards per row */
@media (max-width: 1000px) {

    .uu-latest-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile — one card per row */
@media (max-width: 600px) {

    .uu-latest-news-grid {
        grid-template-columns: 1fr !important;
    }

    .uu-latest-news-grid .wp-block-post-featured-image {
        height: 220px !important;
    }
}
/* ==================================================
   LATEST NEWS — HEADING ROW
   ================================================== */

.uu-latest-news-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    gap: 20px !important;
}

/* Remove Gutenberg's column spacing */
.uu-latest-news-header > .wp-block-column {
    margin: 0 !important;
    padding: 0 !important;
}

/* Left side */
.uu-latest-news-header > .wp-block-column:first-child {
    display: flex !important;
    align-items: center !important;
}

/* Right side */
.uu-latest-news-header > .wp-block-column:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
}

/* Latest News heading */
.uu-latest-news-header .uu-latest-heading {
    margin: 0 !important;
    padding: 0 !important;
}

/* View all news */
.uu-latest-news-header .uu-latest-link {
    position: static !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.uu-latest-news-header .uu-latest-link a {
    color: #173f34 !important;
    text-decoration: none !important;
}

.uu-latest-news-header .uu-latest-link a:hover {
    color: #668c72 !important;
}

/* Keep the cards close to the heading row */
.uu-latest-news {
    margin-top: 0 !important;
}

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

    .uu-latest-news-header {
        align-items: flex-end !important;
    }

    .uu-latest-news-header .uu-latest-link {
        font-size: 13px !important;
    }
}/* ==================================================
   UNIVERSAL UNPACKED — EXPLORE OUR COVERAGE
   FINAL CARD DESIGN
   ================================================== */

/* Five cards across */
.uu-coverage-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   INDIVIDUAL CARD
   ================================================== */

.uu-coverage-grid > .wp-block-column {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    flex: none !important;
    flex-basis: auto !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 275px !important;
    min-height: 275px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #173f34 !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    transition: transform 0.2s ease !important;
}


/* ==================================================
   IMAGE
   ================================================== */

.uu-coverage-grid > .wp-block-column > .wp-block-image {
    position: relative !important;

    flex: 0 0 160px !important;

    width: 100% !important;
    height: 160px !important;
    min-height: 160px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 1 !important;
}

.uu-coverage-grid > .wp-block-column > .wp-block-image img {
    display: block !important;

    width: 100% !important;
    height: 160px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
}


/* Slight blend into green */
.uu-coverage-grid > .wp-block-column > .wp-block-image::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 32px !important;

    background: linear-gradient(
        to bottom,
        rgba(23,63,52,0),
        rgba(23,63,52,0.9)
    ) !important;

    pointer-events: none !important;
}


/* ==================================================
   CONTENT
   ================================================== */

.uu-coverage-content {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 10px 11px 12px !important;

    background: #173f34 !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
}


/* ==================================================
   TITLES
   ================================================== */

.uu-coverage-content h2,
.uu-coverage-content h3,
.uu-coverage-content h4 {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 30px !important;

    margin: 0 0 6px !important;
    padding: 0 31px 0 37px !important;

    color: #ffffff !important;

    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;

    box-sizing: border-box !important;
}


/* ==================================================
   ICON CIRCLE
   ================================================== */

.uu-coverage-content h2::before,
.uu-coverage-content h3::before,
.uu-coverage-content h4::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    display: block !important;

    width: 29px !important;
    height: 29px !important;

    background-color: #ffffff !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;

    border-radius: 50% !important;
}


/* ==================================================
   1 — THE PARK
   Roller coaster / attraction icon
   ================================================== */

.uu-coverage-grid > .wp-block-column:nth-child(1)
.uu-coverage-content h2::before,
.uu-coverage-grid > .wp-block-column:nth-child(1)
.uu-coverage-content h3::before,
.uu-coverage-grid > .wp-block-column:nth-child(1)
.uu-coverage-content h4::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173f34' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18h18'/%3E%3Cpath d='M5 18V10'/%3E%3Cpath d='M19 18V8'/%3E%3Cpath d='M4 10c4 0 5-5 9-5 3 0 4 3 7 3'/%3E%3Cpath d='M8 18v-6M12 18V8M16 18V7'/%3E%3C/svg%3E") !important;
}


/* ==================================================
   2 — NEWS
   Newspaper icon
   ================================================== */

.uu-coverage-grid > .wp-block-column:nth-child(2)
.uu-coverage-content h2::before,
.uu-coverage-grid > .wp-block-column:nth-child(2)
.uu-coverage-content h3::before,
.uu-coverage-grid > .wp-block-column:nth-child(2)
.uu-coverage-content h4::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173f34' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h13v16H5a2 2 0 0 1-2-2V5a1 1 0 0 1 1-1z'/%3E%3Cpath d='M17 8h3v10a2 2 0 0 1-2 2h-1'/%3E%3Cpath d='M7 8h6M7 11h6M7 14h4'/%3E%3C/svg%3E") !important;
}


/* ==================================================
   3 — REVIEWS
   Fork and knife icon
   ================================================== */

.uu-coverage-grid > .wp-block-column:nth-child(3)
.uu-coverage-content h2::before,
.uu-coverage-grid > .wp-block-column:nth-child(3)
.uu-coverage-content h3::before,
.uu-coverage-grid > .wp-block-column:nth-child(3)
.uu-coverage-content h4::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173f34' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v7M4.5 3v5a2.5 2.5 0 0 0 5 0V3M7 10v11'/%3E%3Cpath d='M15 3v18M15 3c3 2 4 5 4 8h-4'/%3E%3C/svg%3E") !important;
}


/* ==================================================
   4 — PLANNING GUIDES
   Compass icon
   ================================================== */

.uu-coverage-grid > .wp-block-column:nth-child(4)
.uu-coverage-content h2::before,
.uu-coverage-grid > .wp-block-column:nth-child(4)
.uu-coverage-content h3::before,
.uu-coverage-grid > .wp-block-column:nth-child(4)
.uu-coverage-content h4::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173f34' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5 5-2z'/%3E%3C/svg%3E") !important;
}


/* ==================================================
   5 — FEATURES
   Article / editorial icon
   ================================================== */

.uu-coverage-grid > .wp-block-column:nth-child(5)
.uu-coverage-content h2::before,
.uu-coverage-grid > .wp-block-column:nth-child(5)
.uu-coverage-content h3::before,
.uu-coverage-grid > .wp-block-column:nth-child(5)
.uu-coverage-content h4::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173f34' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1'/%3E%3Cpath d='M8 7h8M8 11h8M8 15h5'/%3E%3C/svg%3E") !important;
}


/* ==================================================
   ARROW — RIGHT
   ================================================== */

.uu-coverage-content h2::after,
.uu-coverage-content h3::after,
.uu-coverage-content h4::after {
    content: "→" !important;

    position: absolute !important;

    right: 0 !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 21px !important;
    height: 21px !important;

    border: 1px solid rgba(255,255,255,0.85) !important;
    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 11px !important;
    line-height: 1 !important;
}


/* ==================================================
   DESCRIPTION
   ================================================== */

.uu-coverage-content p {
    margin: 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,0.9) !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
}


/* ==================================================
   HOVER
   ================================================== */

.uu-coverage-grid > .wp-block-column:hover {
    transform: translateY(-3px) !important;
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 1000px) {

    .uu-coverage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .uu-coverage-grid > .wp-block-column {
        height: 285px !important;
        min-height: 285px !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 600px) {

    .uu-coverage-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .uu-coverage-grid > .wp-block-column {
        height: 285px !important;
        min-height: 285px !important;
    }
}
/* ==================================================
   UNIVERSAL UNPACKED — REMOVE UNWANTED THEME ELEMENTS
   ================================================== */

/* Hide logged-in Edit link */
.edit-link,
.post-edit-link {
    display: none !important;
}

/* Hide Newsio "You May Have Missed" section */
.missed-posts,
.you-missed,
.af-main-banner-latest-posts,
section[class*="missed"],
div[class*="missed"] {
    display: none !important;
}

/* ==================================================
   BACK TO TOP BUTTON — UNIVERSAL UNPACKED
   ================================================== */

.page-scroll-up a {
    background: #173f34 !important;
    border-color: #173f34 !important;
    color: #ffffff !important;
}

.page-scroll-up a:hover,
.page-scroll-up a:focus {
    background: #789b7d !important;
    border-color: #789b7d !important;
    color: #ffffff !important;
}

.page-scroll-up a i {
    color: #ffffff !important;
}
/* ==================================================
   EXPLORE OUR COVERAGE — LARGER CARD TITLES
   ================================================== */

.uu-coverage-grid .wp-block-heading {
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}
/* ==================================================
   EXPLORE OUR COVERAGE — SECTION SPACING
   ================================================== */

/* Space between Latest News and the new section heading */
.wp-block-heading:has(+ .uu-coverage-grid) {
    margin-top: 32px !important;
    margin-bottom: 18px !important;
}

/* Remove any extra spacing Gutenberg adds to the cards */
.uu-coverage-grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* ==================================================
   LATEST NEWS — FIX HEADING TO CARDS SPACING
   ================================================== */

.uu-latest-heading {
    margin-bottom: 18px !important;
}

.uu-latest-link {
    margin-bottom: 0 !important;
}

.uu-latest-news {
    margin-top: 0 !important;
}

.uu-latest-news-grid {
    margin-top: 0 !important;
}
/* ==================================================
   LATEST NEWS — FINAL SPACING OVERRIDE
   ================================================== */

.uu-latest-heading {
    margin-bottom: 18px !important;
}

.uu-latest-link {
    right: 0 !important;
}

.uu-latest-news {
    margin-top: -35px !important;
}

/* ==================================================
   EXPLORE OUR COVERAGE — FULL CARD LINKS
   Applies to all five coverage cards
   ================================================== */

/* Establish each card as the clickable area */
.uu-coverage-card {
    position: relative !important;
    cursor: pointer !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Stretch the existing H2 link across its entire card */
.uu-coverage-card h2 a::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    z-index: 20 !important;

    cursor: pointer !important;
}

/* Make it visually clear that the whole card is clickable */
.uu-coverage-card:hover {
    transform: translateY(-3px) !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.14) !important;
}

/* Keep the linked title looking exactly like the existing title */
.uu-coverage-card h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

/* Don't add an underline when hovering anywhere on the card */
.uu-coverage-card:hover h2 a,
.uu-coverage-card h2 a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/* Keyboard accessibility */
.uu-coverage-card:focus-within {
    outline: 2px solid #789b7d !important;
    outline-offset: 3px !important;
}

/* Remove 8px theme strip above header banner */
.logo-banner.logo-banner-overlay {
    margin-top: -8px !important;
}
/* Hide Newsio/ThemeArile footer credit */
.site-info .sep,
.site-info .theme-name,
.site-info .theme-by,
.site-info a[href*="themeansar"],
.site-info a[href*="themearile"] {
    display: none !important;
}

/* ==================================================
   FOOTER EXPLORE MENU
   ================================================== */

/* Show the footer menu */
.site-footer .menu-footer-menu-container {
    display: block !important;
}

/* Clean menu layout */
.site-footer .menu-footer-menu-container ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site-footer .menu-footer-menu-container li {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

/* Footer menu links */
.site-footer .menu-footer-menu-container a {
    color: #173f34 !important;
    text-decoration: none !important;
}

.site-footer .menu-footer-menu-container a:hover {
    color: #789b7d !important;
}

/* Explore heading */
.site-footer .widget_nav_menu .widget-title,
.site-footer .widget_nav_menu .widgettitle {
    color: #173f34 !important;
}
/* /* /* ==================================================
   UNIVERSAL UNPACKED — FOOTER
   ================================================== */

/* Main footer background */
.site-footer,
.site-footer > .container-full,
.site-footer .footer-sidebar,
.site-footer .site-info {
    background: #e4e8e2 !important;
    color: #173f34 !important;
}

/* Remove dark theme overlay */
.site-footer::before,
.site-footer::after,
.site-footer.site-footer-overlay::before,
.site-footer.site-footer-overlay::after {
    display: none !important;
    content: none !important;
}

/* Main footer container */
.site-footer > .container-full {
    padding: 32px 3.5% 16px !important;
}

/* Main four-column area */
.site-footer .footer-sidebar {
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
}

/* Remove excess widget spacing */
.site-footer .footer-sidebar > div {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.site-footer .footer-sidebar .widget {
    margin: 0 0 12px !important;
    padding: 0 !important;
}

/* Footer headings */
.site-footer .widget-title,
.site-footer h5,
.site-footer .wp-block-heading {
    color: #173f34 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-shadow: none !important;
}

/* Keep Explore close to its links */
.site-footer .widget_nav_menu .widget-title {
    margin-bottom: 10px !important;
}

/* All footer text */
.site-footer p,
.site-footer li,
.site-footer a {
    color: #173f34 !important;
}

.site-footer p {
    margin-top: 0 !important;
    line-height: 1.5 !important;
}

.site-footer a {
    text-decoration: none !important;
}

.site-footer a:hover {
    color: #789b7d !important;
}

/* Explore menu */
.site-footer .widget_nav_menu ul,
.site-footer .wp-block-page-list {
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer .widget_nav_menu li,
.site-footer .wp-block-page-list li {
    margin: 0 0 8px !important;
}

/* Categories */
.site-footer .wp-block-categories-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site-footer .wp-block-categories-list li {
    margin: 0 0 8px !important;
}

/* Footer logo */
.site-footer .widget img {
    max-width: 175px !important;
    height: auto !important;
}

/* Subscribe button */
.site-footer .wp-block-button__link,
.site-footer .btn-subscribe,
.site-footer button,
.site-footer input[type="submit"] {
    background: #98a88d !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
}

.site-footer .wp-block-button__link:hover,
.site-footer .btn-subscribe:hover,
.site-footer button:hover,
.site-footer input[type="submit"]:hover {
    background: #789b7d !important;
    color: #ffffff !important;
}

/* ==================================================
   COPYRIGHT AREA
   ================================================== */

/* Pull copyright up underneath the main footer content */
.site-footer .footer-sidebar + .row {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

/* Divider */
.site-footer .site-info-border {
    margin: 0 0 12px !important;
    border-color: rgba(23, 63, 52, 0.18) !important;
}

/* Copyright block */
.site-footer .site-info {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.site-footer .site-info p {
    margin: 0 !important;
    padding: 0 !important;
    color: #173f34 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Hide only the redundant footer menu in the copyright area */
.site-footer .site-info-menu {
    display: none !important;
}

/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .site-footer > .container-full {
        padding: 26px 24px 14px !important;
    }

    .site-footer .footer-sidebar .widget {
        margin-bottom: 16px !important;
    }

    .site-footer .footer-sidebar + .row {
        margin-top: 6px !important;
    }
}

/* Tighten Explore links to reduce footer height */
.site-footer .widget_nav_menu li,
.site-footer .wp-block-page-list li {
    margin: 0 0 3px !important;
    padding: 0 !important;
    line-height: 1.25 !important;
}

.site-footer .widget_nav_menu li a,
.site-footer .wp-block-page-list li a {
    line-height: 1.25 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Pull copyright closer to footer content */
.site-footer .footer-sidebar + .row {
    margin-top: 0 !important;
}

.site-footer .site-info-border {
    margin-top: 0 !important;
}

/* Footer heading colours */
#block-22 h5.wp-block-heading,
#block-16 h5.wp-block-heading,
#block-17 h5.wp-block-heading {
    color: #173f35 !important;
    -webkit-text-fill-color: #173f35 !important;
}


/* ==================================================
   DISABLE FOOTER SCROLL / REVEAL ANIMATIONS
   ================================================== */

.site-footer,
.site-footer *,
.site-footer .widget,
.site-footer .footer-sidebar,
.site-footer .footer-sidebar > div {
    animation: none !important;
    transition: none !important;
}

/* Force footer content to be visible immediately */
.site-footer .widget,
.site-footer .footer-sidebar > div,
.site-footer [class*="animate"],
.site-footer [class*="fade"],
.site-footer [class*="wow"] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Prevent animation delays */
.site-footer * {
    animation-delay: 0s !important;
    transition-delay: 0s !important;
}
/* ==================================================
   KEEP NAV DROPDOWNS ABOVE PAGE CONTENT
   ================================================== */

.main-navigation,
.main-navigation ul,
.main-navigation li {
    position: relative;
    z-index: 9999;
}

.main-navigation ul ul {
    position: absolute;
    z-index: 99999 !important;
}

.site-header,
.navigation-wrapper,
.navbar-area {
    position: relative;
    z-index: 99999 !important;
}

/* Keep page content below the navigation */
.site-content,
#content {
    position: relative;
    z-index: 1;
}
/* ==================================================
   HOMEPAGE LEAD STORY / DROPDOWN FIX
   ================================================== */

/*
 * Create a stacking context for the whole lead-story Query Loop
 * without changing the z-index relationships inside the card.
 */
.home .uu-lead-story {
    isolation: isolate;
}

/*
 * Keep the site's navigation stacking above the homepage content.
 */
.site-header {
    position: relative;
    z-index: 10;
}

.home .site-content {
    position: relative;
    z-index: 1;
}
/* ==================================================
   UNIVERSAL UNPACKED — SINGLE BLOG POST DESIGN
   ================================================== */

/* --------------------------------------------------
   PAGE / CONTENT AREA
   -------------------------------------------------- */

.single-post {
    --uu-dark: #173f35;
    --uu-deep: #102d28;
    --uu-sage: #98a88d;
    --uu-sage-dark: #789b7d;
    --uu-pale: #e4e8e2;
    --uu-cream: #f5f3ed;
    --uu-text: #46554f;
    --uu-border: #d9dfda;
}

/* Main post area */
.single-post .site-content {
    background: #f3f4f3;
}

/* White article/sidebar cards */
.single-post .content-area article,
.single-post .sidebar .widget {
    background: #ffffff;
    border-color: var(--uu-border);
}


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

/* Category label */
.single-post .entry-header .cat-links a,
.single-post .entry-header .category a,
.single-post .entry-header a[rel="category tag"],
.single-post .post .cat-links a {
    display: inline-block;

    padding: 5px 9px;

    background: var(--uu-sage) !important;
    color: #ffffff !important;

    border-radius: 3px;

    font-size: 11px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;

    text-decoration: none !important;
}

/* Remove red/orange category hover */
.single-post .entry-header .cat-links a:hover,
.single-post .entry-header a[rel="category tag"]:hover {
    background: var(--uu-dark) !important;
    color: #ffffff !important;
}


/* Post title */
.single-post .entry-title {
    margin-top: 10px;
    margin-bottom: 12px;

    color: var(--uu-deep) !important;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.05;
    font-weight: 800;
}


/* ==================================================
   POST META — AUTHOR / DATE / COMMENTS
   ================================================== */

.single-post .entry-meta,
.single-post .entry-meta a,
.single-post .post-meta,
.single-post .post-meta a {
    color: #68756f !important;

    font-size: 13px;

    text-decoration: none !important;
}

.single-post .entry-meta a:hover,
.single-post .post-meta a:hover {
    color: var(--uu-dark) !important;
}

/* Icons */
.single-post .entry-meta i,
.single-post .post-meta i {
    color: var(--uu-sage-dark) !important;
}


/* ==================================================
   FEATURED IMAGE
   ================================================== */

.single-post .post-thumbnail,
.single-post .wp-post-image {
    border-radius: 7px;
}

.single-post .post-thumbnail {
    overflow: hidden;
}


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

.single-post .entry-content {
    color: var(--uu-text);

    font-size: 17px;
    line-height: 1.75;
}

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

/* Headings */
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
    color: var(--uu-deep);
    font-weight: 800;
}

.single-post .entry-content h2 {
    margin-top: 38px;
    margin-bottom: 16px;

    font-size: 30px;
    line-height: 1.15;
}

.single-post .entry-content h3 {
    margin-top: 30px;
    margin-bottom: 13px;

    font-size: 23px;
    line-height: 1.2;
}

/* Article links */
.single-post .entry-content a {
    color: var(--uu-dark);
    text-decoration: underline;
    text-decoration-color: var(--uu-sage);
    text-underline-offset: 3px;
}

.single-post .entry-content a:hover {
    color: var(--uu-sage-dark);
}


/* ==================================================
   BLOCKQUOTES
   ================================================== */

.single-post .entry-content blockquote {
    margin: 30px 0;
    padding: 20px 24px;

    background: var(--uu-cream);

    border-left: 5px solid var(--uu-sage);

    color: var(--uu-dark);

    font-size: 18px;
    line-height: 1.6;
}

.single-post .entry-content blockquote p:last-child {
    margin-bottom: 0;
}


/* ==================================================
   TABLES
   ================================================== */

.single-post .entry-content table {
    width: 100%;

    margin: 28px 0;

    border-collapse: collapse;

    font-size: 15px;
}

.single-post .entry-content th {
    padding: 12px 14px;

    background: var(--uu-dark);

    color: #ffffff;

    text-align: left;
}

.single-post .entry-content td {
    padding: 12px 14px;

    border: 1px solid var(--uu-border);
}

.single-post .entry-content tr:nth-child(even) td {
    background: var(--uu-cream);
}


/* ==================================================
   LISTS
   ================================================== */

.single-post .entry-content ul,
.single-post .entry-content ol {
    margin-bottom: 24px;
    padding-left: 24px;
}

.single-post .entry-content li {
    margin-bottom: 7px;
}


/* ==================================================
   SHARE SECTION
   ================================================== */

.single-post .social-share,
.single-post .post-share,
.single-post .share-post {
    color: var(--uu-text);
}

/* Share buttons/links */
.single-post .social-share a,
.single-post .post-share a,
.single-post .share-post a {
    border-color: var(--uu-border) !important;

    color: var(--uu-dark) !important;

    border-radius: 4px;
}

.single-post .social-share a:hover,
.single-post .post-share a:hover,
.single-post .share-post a:hover {
    background: var(--uu-dark) !important;
    border-color: var(--uu-dark) !important;

    color: #ffffff !important;
}


/* ==================================================
   TAGS
   ================================================== */

.single-post .tags-links a,
.single-post .post-tags a {
    display: inline-block;

    margin: 3px 4px 3px 0;
    padding: 5px 9px;

    background: var(--uu-pale) !important;
    color: var(--uu-dark) !important;

    border: 0 !important;
    border-radius: 3px;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none !important;
}

.single-post .tags-links a:hover,
.single-post .post-tags a:hover {
    background: var(--uu-sage) !important;
    color: #ffffff !important;
}


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

.single-post .sidebar .widget {
    margin-bottom: 25px;

    padding: 20px;

    border: 1px solid var(--uu-border);
    border-radius: 6px;

    box-shadow: none;
}


/* ==================================================
   SIDEBAR HEADINGS
   Replaces Newsio red/orange/black styling
   ================================================== */

.single-post .sidebar .widget-title,
.single-post .sidebar .wp-block-heading {
    position: relative;

    display: inline-block;

    margin: 0 0 18px;
    padding: 7px 12px;

    background: var(--uu-dark) !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 0 3px 3px 0;

    font-size: 14px;
    line-height: 1.1;
    font-weight: 800;
    text-transform: uppercase;
}

/* Remove theme red/orange heading colours */
.single-post .sidebar .widget-title::before,
.single-post .sidebar .widget-title::after,
.single-post .sidebar .wp-block-heading::before,
.single-post .sidebar .wp-block-heading::after {
    border-color: transparent !important;
}


/* ==================================================
   ABOUT THE AUTHOR — SIDEBAR
   ================================================== */

/* Centre author widget */
.single-post .sidebar .widget_about_author,
.single-post .sidebar .about-author {
    text-align: center;
}

/* Author image */
.single-post .sidebar .widget_about_author img,
.single-post .sidebar .about-author img {
    border-radius: 50%;

    border: 4px solid var(--uu-pale);
}

/* Author name */
.single-post .sidebar .widget_about_author h3,
.single-post .sidebar .widget_about_author h4,
.single-post .sidebar .about-author h3,
.single-post .sidebar .about-author h4 {
    color: var(--uu-dark) !important;

    font-weight: 800;
}

/* Author description */
.single-post .sidebar .widget_about_author p,
.single-post .sidebar .about-author p {
    color: var(--uu-text) !important;

    font-size: 14px;
    line-height: 1.55;
}

/* Social icons */
.single-post .sidebar .widget_about_author a,
.single-post .sidebar .about-author a {
    color: var(--uu-dark) !important;
}

.single-post .sidebar .widget_about_author a:hover,
.single-post .sidebar .about-author a:hover {
    color: var(--uu-sage-dark) !important;
}


/* ==================================================
   TRENDING / RECENT POSTS
   ================================================== */

.single-post .sidebar .widget li {
    border-color: var(--uu-border) !important;
}

/* Sidebar article titles */
.single-post .sidebar .widget li a {
    color: var(--uu-deep) !important;
    text-decoration: none !important;
}

.single-post .sidebar .widget li a:hover {
    color: var(--uu-sage-dark) !important;
}

/* Dates/meta */
.single-post .sidebar .widget .entry-meta,
.single-post .sidebar .widget .post-date,
.single-post .sidebar .widget time {
    color: #78827e !important;
}


/* ==================================================
   RELATED STORY
   ================================================== */

.single-post .related-posts,
.single-post .related-post,
.single-post .related-posts-section {
    margin-top: 28px;
}

/* Related section heading */
.single-post .related-posts .widget-title,
.single-post .related-posts .section-title,
.single-post .related-post .widget-title,
.single-post .related-post .section-title,
.single-post .related-posts-section .section-title {
    background: var(--uu-dark) !important;
    color: #ffffff !important;

    border: 0 !important;

    padding: 8px 12px;

    font-weight: 800;
    text-transform: uppercase;
}


/* ==================================================
   COMMENTS / LEAVE A REPLY
   ================================================== */

.single-post .comments-area {
    margin-top: 30px;

    color: var(--uu-text);
}

/* Comments heading */
.single-post .comments-title,
.single-post .comment-reply-title {
    color: var(--uu-deep) !important;

    font-weight: 800;
}

/* Inputs */
.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"],
.single-post .comment-form input[type="url"],
.single-post .comment-form textarea {
    width: 100%;

    padding: 12px;

    background: #ffffff;

    border: 1px solid var(--uu-border);
    border-radius: 4px;

    color: var(--uu-text);
}

.single-post .comment-form input:focus,
.single-post .comment-form textarea:focus {
    border-color: var(--uu-sage);

    outline: none;
}

/* Comment button */
.single-post .comment-form input[type="submit"],
.single-post .comment-form .submit {
    padding: 10px 18px;

    background: var(--uu-dark) !important;
    border: 0 !important;
    border-radius: 4px;

    color: #ffffff !important;

    font-weight: 700;
}

.single-post .comment-form input[type="submit"]:hover,
.single-post .comment-form .submit:hover {
    background: var(--uu-sage) !important;
}


/* ==================================================
   REMOVE NEWSIO / NEWSEXO PROMOTIONAL CONTENT
   Safety net in case the widget is still present
   ================================================== */

.single-post .sidebar a[href*="themeansar"] img,
.single-post .sidebar a[href*="newsio"] img,
.single-post .sidebar a[href*="newsexo"] img {
    display: none !important;
}


/* ==================================================
   GENERAL RED / ORANGE THEME ACCENTS
   ================================================== */

/* Category/meta accents */
.single-post .entry-header a:hover,
.single-post .entry-footer a:hover {
    color: var(--uu-sage-dark);
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .single-post .entry-title {
        font-size: 34px;
    }

    .single-post .entry-content {
        font-size: 16px;
        line-height: 1.7;
    }

    .single-post .entry-content h2 {
        font-size: 26px;
    }

    .single-post .entry-content h3 {
        font-size: 21px;
    }

    .single-post .sidebar .widget {
        padding: 18px;
    }
}
/* ==================================================
   UNIVERSAL UNPACKED — SINGLE POST FINAL OVERRIDES
   ================================================== */


/* /* ==================================================
   BREADCRUMB — ALL PAGES + POSTS
   ================================================== */

.theme-breadcrumb-area,
.theme-breadcrumb-area a,
.theme-breadcrumb-area a:visited,
.theme-breadcrumb-area span,
.theme-breadcrumb-area .active,
.theme-breadcrumb-area .current,
.theme-breadcrumb-area .current-item {
    color: #46554f !important;
}

.theme-breadcrumb-area a:hover {
    color: #173f35 !important;
}

/* ==================================================
   FEATURED TAG
   ================================================== */

.single-post .entry-footer .tags-links a,
.single-post .post-footer .tags-links a,
.single-post a[rel="tag"] {
    background: #98a88d !important;
    background-color: #98a88d !important;
    border-color: #98a88d !important;
    color: #ffffff !important;
}

.single-post .entry-footer .tags-links a:hover,
.single-post .post-footer .tags-links a:hover,
.single-post a[rel="tag"]:hover {
    background: #173f35 !important;
    background-color: #173f35 !important;
    border-color: #173f35 !important;
    color: #ffffff !important;
}


/* ==================================================
   SIDEBAR WIDGET LABELS
   Only target the actual widget-title element
   ================================================== */

.single-post .sidebar .widget > .widget-title {
    background: #173f35 !important;
    background-color: #173f35 !important;
    border-color: #173f35 !important;
    color: #ffffff !important;
}

/* Text/spans inside actual widget title */
.single-post .sidebar .widget > .widget-title span,
.single-post .sidebar .widget > .widget-title a {
    background: transparent !important;
    color: #ffffff !important;
}


/* ==================================================
   SIDEBAR ARTICLE TITLES
   ================================================== */

.single-post .sidebar .widget .entry-title,
.single-post .sidebar .widget .post-title {
    margin: 0 0 5px !important;

    background: transparent !important;

    color: #102d28 !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-transform: none !important;
}

.single-post .sidebar .widget .entry-title a,
.single-post .sidebar .widget .post-title a {
    background: transparent !important;

    color: #102d28 !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

.single-post .sidebar .widget .entry-title a:hover,
.single-post .sidebar .widget .post-title a:hover {
    color: #789b7d !important;
}


/* ==================================================
   SIDEBAR NORMAL HEADINGS/TEXT
   Undo green backgrounds accidentally applied earlier
   ================================================== */

.single-post .sidebar .widget h2:not(.widget-title),
.single-post .sidebar .widget h3:not(.widget-title),
.single-post .sidebar .widget h4:not(.widget-title),
.single-post .sidebar .widget h5:not(.widget-title),
.single-post .sidebar .widget h6:not(.widget-title) {
    background: transparent !important;
    background-color: transparent !important;

    color: #102d28 !important;

    padding: 0 !important;

    text-transform: none !important;
}


/* ==================================================
   SIDEBAR LIST LINKS
   ================================================== */

.single-post .sidebar .widget li a {
    background: transparent !important;
    background-color: transparent !important;

    color: #102d28 !important;

    text-decoration: none !important;
}

.single-post .sidebar .widget li a:hover {
    color: #789b7d !important;
}


/* ==================================================
   TRENDING NEWS
   ================================================== */

.single-post .sidebar .widget li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.single-post .sidebar .widget li img {
    margin-right: 12px !important;
}

.single-post .sidebar .widget time,
.single-post .sidebar .widget .entry-meta,
.single-post .sidebar .widget .post-date {
    color: #78827e !important;

    font-size: 11px !important;
    line-height: 1.3 !important;
}


/* ==================================================
   RELATED STORY
   Newsio heading/tab
   ================================================== */

.single-post .related-posts,
.single-post .related-post,
.single-post .related-posts-section {
    border-color: #d9dfda !important;
}

.single-post .related-posts .widget-title,
.single-post .related-posts .section-title,
.single-post .related-post .widget-title,
.single-post .related-post .section-title,
.single-post .related-posts-section .widget-title,
.single-post .related-posts-section .section-title {
    background: #173f35 !important;
    background-color: #173f35 !important;
    border-color: #173f35 !important;

    color: #ffffff !important;
}


/* ==================================================
   NEWSIO SECTION TITLE ACCENTS
   Catch theme's coloured title/tab elements
   ================================================== */

.single-post .widget-title .title,
.single-post .section-title .title,
.single-post .related-posts .title,
.single-post .related-post .title {
    background: #173f35 !important;
    background-color: #173f35 !important;

    color: #ffffff !important;
}


/* ==================================================
   REMOVE RED/ORANGE PSEUDO ELEMENTS
   ================================================== */

.single-post .related-posts .widget-title::before,
.single-post .related-posts .widget-title::after,
.single-post .related-posts .section-title::before,
.single-post .related-posts .section-title::after,
.single-post .related-post .widget-title::before,
.single-post .related-post .widget-title::after,
.single-post .related-post .section-title::before,
.single-post .related-post .section-title::after {
    background: #173f35 !important;
    background-color: #173f35 !important;

    border-left-color: #173f35 !important;
    border-right-color: #173f35 !important;
    border-top-color: #173f35 !important;
    border-bottom-color: #173f35 !important;
}


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

.single-post .sidebar a:hover {
    color: #789b7d !important;
}
/* ==================================================
   RELATED STORY — UNIVERSAL UNPACKED COLOURS
   ================================================== */

/* Main Related Story tab */
.single-post .news-section-title.five,
.single-post .news-section-title.five .f-heading {
    background: #173f35 !important;
    background-color: #173f35 !important;
    color: #ffffff !important;
}

/* The little pointed tab/arrow on the right */
.single-post .news-section-title.five::before,
.single-post .news-section-title.five::after,
.single-post .news-section-title.five .f-heading::before,
.single-post .news-section-title.five .f-heading::after {
    border-left-color: #173f35 !important;
    border-right-color: #173f35 !important;
    border-top-color: #173f35 !important;
    border-bottom-color: #173f35 !important;
}
/* ==================================================
   UNIVERSAL UNPACKED — FINAL FOOTER LAYOUT
   ================================================== */

/* Hide empty Footer Sidebar Two */
@media (min-width: 992px) {

    .site-footer .footer-sidebar > div:nth-child(2) {
        display: none !important;
    }

    /* Redistribute remaining three columns */
    .site-footer .footer-sidebar > div:nth-child(1) {
        flex: 0 0 34% !important;
        max-width: 34% !important;
    }

    .site-footer .footer-sidebar > div:nth-child(3) {
        flex: 0 0 26% !important;
        max-width: 26% !important;
    }

    .site-footer .footer-sidebar > div:nth-child(4) {
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
}


/* Footer headings */
.site-footer .widget-title,
.site-footer .widgettitle,
.site-footer .wp-block-heading,
.site-footer h5 {
    color: #173f35 !important;
    -webkit-text-fill-color: #173f35 !important;
    text-shadow: none !important;
}


/* Explore menu */
.site-footer .widget_nav_menu,
.site-footer .menu-footer-menu-container {
    display: block !important;
}

.site-footer .widget_nav_menu ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site-footer .widget_nav_menu li {
    margin: 0 0 7px !important;
    padding: 0 !important;
    line-height: 1.25 !important;
}

.site-footer .widget_nav_menu li a {
    padding: 0 !important;
    color: #173f35 !important;
    text-decoration: none !important;
}

.site-footer .widget_nav_menu li a:hover {
    color: #789b7d !important;
}


/* Mobile/tablet — keep normal stacked footer */
@media (max-width: 991px) {

    .site-footer .footer-sidebar > div {
        display: block;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    /* Footer Sidebar Two is empty, so keep it hidden */
    .site-footer .footer-sidebar > div:nth-child(2) {
        display: none !important;
    }
}
/* ==================================================
   FOOTER — MOVE EXPLORE COLUMN RIGHT
   ================================================== */

@media (min-width: 992px) {

    /* Third footer sidebar = Explore */
    .site-footer .footer-sidebar > div:nth-child(3) {
        padding-left: 70px !important;
        box-sizing: border-box !important;
    }
}
/* 
 * /* ==================================================
   UNIVERSAL UNPACKED — MOBILE BANNER + NAV
   ================================================== */

@media (max-width: 767px) {

    /* ==================================================
       MOBILE HEADER BANNER
       ================================================== */

    /* Remove unwanted spacing around the banner */
    .logo-banner,
    .logo-banner.logo-banner-overlay,
    .logo-banner .container-full,
    .logo-banner .container-fluid,
    .logo-banner .row,
    .logo-banner .col-lg-8,
    .logo-banner .col-md-12,
    .logo-banner .site-advertisement {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* Remove theme overlays */
    .logo-banner::before,
    .logo-banner::after,
    .logo-banner.logo-banner-overlay::before,
    .logo-banner.logo-banner-overlay::after {
        display: none !important;
        content: none !important;
    }

    /*
     * Fixed visible banner window.
     * Anything outside this 230px area is hidden.
     */
    .logo-banner .col-lg-8,
    .logo-banner .site-advertisement {
        position: relative !important;

        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;

        overflow: hidden !important;
    }

    /*
     * Larger banner artwork positioned higher
     * and slightly further left.
     */
    .logo-banner .col-lg-8 img,
    .logo-banner .site-advertisement img,
    .logo-banner img {
        position: absolute !important;

        top: -55px !important;
        left: -18px !important;

        width: 100% !important;
        max-width: none !important;

        height: 340px !important;

        object-fit: cover !important;
        object-position: left center !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: scale(1.28) !important;
        transform-origin: left center !important;
    }


    /* ==================================================
       COMPACT MOBILE NAVIGATION
       ================================================== */

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky > .container-full {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky > .container-full > .row {
        width: 100% !important;

        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky .col-lg-11.col-md-12 {
        width: 100% !important;

        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Remove desktop search column */
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky .col-lg-1.col-md-12 {
        display: none !important;
    }

    /* Hamburger button */
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky .navbar-toggler {
        width: 44px !important;
        height: 40px !important;

        min-width: 44px !important;
        min-height: 40px !important;

        padding: 4px 7px !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky .navbar-toggler-icon {
        width: 25px !important;
        height: 25px !important;
    }
}/* 
  * /* ==================================================
   UNIVERSAL UNPACKED — DYNAMIC AUTHOR BOX
   ================================================== */

.uu-dynamic-author {
    width: 100%;
    padding: 0 4px 4px;
    box-sizing: border-box;
}

/* Profile header */
.uu-dynamic-author-profile {
    text-align: center;
}

/* Author portrait */
.uu-dynamic-author-image {
    display: block !important;
    width: 190px !important;
    height: 190px !important;
    max-width: 190px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 50% !important;
    margin: -12px auto 16px !important;
    box-shadow: 0 3px 12px rgba(23, 63, 53, 0.10);
}

/* Author name */
.uu-dynamic-author-name {
    margin: 0 !important;
    padding: 0 !important;
    color: #173f35 !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

/* Co-Editor label */
.uu-dynamic-author-role {
    display: inline-block;
    margin: 7px 0 0 !important;
    padding: 5px 11px !important;
    background: #e4e8e2 !important;
    color: #173f35 !important;
    border-radius: 3px;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

/* Sage divider */
.uu-dynamic-author-divider {
    width: 52px;
    height: 2px;
    margin: 20px auto 18px;
    background: #98a88d;
}

/* Bio */
.uu-dynamic-author-bio {
    margin: 0 !important;
    padding: 18px 20px !important;
    background: #e4e8e2 !important;
    color: #334a43 !important;
    border-radius: 5px;
    font-size: 14px !important;
    line-height: 1.65 !important;
}
/* ==================================================
   MOBILE MENU DROPDOWN FIX ONLY
   ================================================== */

@media (max-width: 767px) {

    /* Allow the opened menu to escape the fixed 54px nav */
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky,
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky > .container-full,
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky > .container-full > .row,
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky .col-lg-11.col-md-12 {
        overflow: visible !important;
    }

    /* Position the opened hamburger menu underneath the nav */
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky
    #navbarSupportedContent {
        position: absolute !important;
        top: 54px !important;
        left: 0 !important;

        width: 100% !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #123f33 !important;

        z-index: 9999 !important;
    }

    /* Stack the main menu properly */
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky
    #navbarSupportedContent .navbar-nav {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky
    #navbarSupportedContent .navbar-nav > li {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        float: none !important;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky
    #navbarSupportedContent .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 13px 20px !important;

        box-sizing: border-box !important;

        background: #123f33 !important;
        color: #ffffff !important;

        line-height: 1.3 !important;
        text-align: left !important;
    }

    /* Keep dropdown children inside the mobile menu */
    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky
    #navbarSupportedContent .dropdown-menu {
        position: static !important;
        float: none !important;
        transform: none !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        box-shadow: none !important;

        background: #173f35 !important;
    }

    nav.navbar.navbar-expand-lg.navbar-dark.header-sticky
    #navbarSupportedContent .dropdown-menu a {
        display: block !important;
        width: 100% !important;

        padding: 11px 20px 11px 36px !important;

        box-sizing: border-box !important;

        background: #173f35 !important;
        color: #ffffff !important;

        white-space: normal !important;
    }
}/* ==================================================
   MOBILE — TOP-RIGHT BANNER TEXT + SOCIAL ICONS
   ================================================== */

@media (max-width: 767px) {

    /* Independent Coverage text */
    .uu-v2-independent {
        position: absolute !important;
        top: 14px !important;
        right: 14px !important;
        left: auto !important;

        width: auto !important;
        max-width: 55% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #173f35 !important;

        font-size: 8px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        letter-spacing: 1.1px !important;

        text-align: right !important;
        white-space: normal !important;

        z-index: 50 !important;
    }

    /* Social icons — positioned lower */
    .logo-banner .social-navigation,
    .logo-banner .header-social,
    .logo-banner .social-icons,
    .logo-banner .bs-social,
    .logo-banner ul.social-icons {
        position: absolute !important;

        top: 75px !important;
        right: 14px !important;
        left: auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 8px !important;

        z-index: 50 !important;
    }
}/* MOBILE — MOVE SOCIAL ICONS DOWN */
@media (max-width: 767px) {

    .site-header .custom-social-icons {
        position: fixed !important;
        top: 30px !important;
        right: 14px !important;
        left: auto !important;
    }

}/* ==================================================
   HOMEPAGE — VIEW ALL VIDEOS
   ================================================== */

.home .uu-view-videos,
.home .uu-view-videos:link,
.home .uu-view-videos:visited {
    color: #173f35 !important;
    text-decoration: none !important;
}

.home .uu-view-videos:hover,
.home .uu-view-videos:focus {
    color: #98a88d !important;
}