/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2026 | 17:12:15 */
/* ==========================================================
   NOTE.radio V2
   GLOBAL COMPONENT CSS
   CLEANUP STAGE 2B — CATEGORY FEED

   Component root generated by shortcode:
   ntr-v2-category-feed

   Source:
   exact current accepted Elementor container Custom CSS,
   moved globally without intended visual changes.

   IMPORTANT:
   - the outer Elementor container does NOT need the component class
   - shortcode [ntr_v2_category_feed] generates the real component root
   - active PHP snippet #37 uses server-rendered panels + buttons
   - legacy AJAX JS #39135 should be disabled separately
   ========================================================== */

/* ==========================================================
   NOTE.radio V2
   DYNAMIC CATEGORY FEED
   ========================================================== */


/* ==========================================================
   01. ROOT
   ========================================================== */

.ntr-v2-category-feed {
    position: relative !important;

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

    margin: 0 !important;

    padding:
        10px !important;

    background:
        var(--ntr-surface) !important;

    border:
        1px solid var(--ntr-border) !important;

    border-radius:
        12px !important;

    box-shadow:
        var(--ntr-shadow-soft) !important;

    overflow:
        hidden !important;
}


/* ==========================================================
   02. CATEGORY NAV
   ========================================================== */

.ntr-v2-category-feed__nav {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding:
        0 0 10px 0 !important;

    border-bottom:
        1px solid var(--ntr-border) !important;
}


/* ==========================================================
   03. TABS
   ========================================================== */

.ntr-v2-category-feed__tabs {
    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap:
        7px !important;

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

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


/* ==========================================================
   04. CATEGORY TAB
   ========================================================== */

.ntr-v2-category-feed__tab {
    display: inline-flex !important;

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

    flex:
        0 0 auto !important;

    min-height:
        34px !important;

    margin: 0 !important;

    padding:
        0 13px !important;

    color:
        var(--ntr-text-secondary) !important;

    background:
        var(--ntr-surface-2) !important;

    border:
        1px solid var(--ntr-border) !important;

    border-radius:
        8px !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        650 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}


/* hover */

.ntr-v2-category-feed__tab:hover {
    color:
        var(--ntr-text-primary) !important;

    background:
        var(--ntr-surface-3) !important;

    border-color:
        var(--ntr-border-strong) !important;

    transform:
        translateY(-1px) !important;
}


/* ==========================================================
   05. ACTIVE TAB
   ========================================================== */

.ntr-v2-category-feed__tab.is-active {
    color:
        #fff !important;

    background:
        var(--ntr-accent) !important;

    border-color:
        var(--ntr-accent) !important;

    box-shadow:
        0 5px 13px
        rgba(255,122,0,.18) !important;

    font-weight:
        750 !important;
}


.ntr-v2-category-feed__tab.is-active:hover {
    color:
        #fff !important;

    background:
        var(--ntr-accent-hover) !important;

    border-color:
        var(--ntr-accent-hover) !important;
}


/* ==========================================================
   06. SECTION HEADER
   ========================================================== */

.ntr-v2-category-feed__header {
    display: flex !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    gap:
        12px !important;

    width: 100% !important;

    margin:
        12px 0 10px 0 !important;

    padding: 0 !important;
}


/* ==========================================================
   07. HEADING
   ========================================================== */

.ntr-v2-category-feed__heading {
    position: relative !important;

    margin: 0 !important;

    padding:
        0 0 7px 0 !important;

    color:
        var(--ntr-text-primary) !important;

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        20px !important;

    font-weight:
        750 !important;

    line-height:
        1.05 !important;

    letter-spacing:
        -.02em !important;
}


.ntr-v2-category-feed__heading::after {
    content: "" !important;

    position: absolute !important;

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

    width:
        38px !important;

    height:
        3px !important;

    background:
        var(--ntr-accent) !important;

    border-radius:
        999px !important;
}


/* ==========================================================
   08. SEE ALL
   ========================================================== */

.ntr-v2-category-feed__more {
    display: inline-flex !important;

    align-items: center !important;

    gap:
        6px !important;

    flex:
        0 0 auto !important;

    color:
        var(--ntr-accent) !important;

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    text-decoration:
        none !important;
}


.ntr-v2-category-feed__more:hover {
    color:
        var(--ntr-accent-hover) !important;
}


/* ==========================================================
   09. RESULTS
   ========================================================== */

.ntr-v2-category-feed__results {
    position: relative !important;

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

    min-height:
        180px !important;

    transition:
        opacity .18s ease !important;
}


/* loading */

.ntr-v2-category-feed__results.is-loading {
    opacity:
        .42 !important;

    pointer-events:
        none !important;
}


/* spinner */

.ntr-v2-category-feed__results.is-loading::after {
    content: "" !important;

    position: absolute !important;

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

    z-index:
        20 !important;

    width:
        28px !important;

    height:
        28px !important;

    margin:
        -14px 0 0 -14px !important;

    border:
        3px solid
        var(--ntr-border) !important;

    border-top-color:
        var(--ntr-accent) !important;

    border-radius:
        50% !important;

    animation:
        ntr-v2-category-spin
        .65s linear infinite !important;
}


@keyframes ntr-v2-category-spin {

    to {
        transform:
            rotate(360deg);
    }

}


/* ==========================================================
   10. ARTICLE GRID
   ========================================================== */

.ntr-v2-category-feed__grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;

    gap:
        12px !important;

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

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


/* ==========================================================
   11. ARTICLE CARD
   ========================================================== */

.ntr-v2-category-feed__card {
    display: flex !important;

    flex-direction:
        column !important;

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

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

    background:
        transparent !important;

    border: 0 !important;

    border-radius:
        9px !important;

    overflow:
        hidden !important;
}


/* ==========================================================
   12. IMAGE
   ========================================================== */

.ntr-v2-category-feed__image {
    display: block !important;

    width: 100% !important;

    aspect-ratio:
        16 / 10 !important;

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

    background:
        var(--ntr-surface-2) !important;

    border: 0 !important;

    border-radius:
        9px !important;

    overflow:
        hidden !important;
}


.ntr-v2-category-feed__image img {
    display: block !important;

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

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

    object-fit:
        cover !important;

    object-position:
        center center !important;

    border-radius:
        9px !important;

    transform:
        scale(1) !important;

    transition:
        transform .3s ease !important;
}


.ntr-v2-category-feed__card:hover
.ntr-v2-category-feed__image img {
    transform:
        scale(1.035) !important;
}


/* ==========================================================
   13. IMAGE PLACEHOLDER
   ========================================================== */

.ntr-v2-category-feed__image-placeholder {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

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

    color:
        var(--ntr-text-muted) !important;

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;
}


/* ==========================================================
   14. CARD BODY
   ========================================================== */

.ntr-v2-category-feed__card-body {
    display: flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

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

    margin: 0 !important;

    padding:
        8px 1px 2px 1px !important;
}


/* ==========================================================
   15. CATEGORY BADGE
   ========================================================== */

.ntr-v2-category-feed__badge {
    display:
        inline-flex !important;

    align-items:
        center !important;

    width:
        auto !important;

    margin:
        0 0 6px 0 !important;

    padding:
        4px 7px !important;

    color:
        #fff !important;

    background:
        var(--ntr-accent) !important;

    border:
        0 !important;

    border-radius:
        4px !important;

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        750 !important;

    line-height:
        1 !important;

    text-transform:
        uppercase !important;

    text-decoration:
        none !important;
}


/* ==========================================================
   16. ARTICLE TITLE
   ========================================================== */

.ntr-v2-category-feed__title {
    width: 100% !important;
    min-width: 0 !important;

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

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.16 !important;

    letter-spacing:
        -.01em !important;
}


.ntr-v2-category-feed__title a {
    display:
        -webkit-box !important;

    width: 100% !important;

    color:
        var(--ntr-text-primary) !important;

    text-decoration:
        none !important;

    overflow:
        hidden !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        3 !important;

    line-clamp:
        3 !important;
}


.ntr-v2-category-feed__title a:hover {
    color:
        var(--ntr-accent) !important;
}


/* ==========================================================
   17. DATE
   ========================================================== */

.ntr-v2-category-feed__date {
    margin:
        7px 0 0 0 !important;

    padding: 0 !important;

    color:
        var(--ntr-text-muted) !important;

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;
}


/* ==========================================================
   18. EMPTY STATE
   ========================================================== */

.ntr-v2-category-feed__empty {
    grid-column:
        1 / -1 !important;

    padding:
        24px !important;

    color:
        var(--ntr-text-muted) !important;

    background:
        var(--ntr-surface-2) !important;

    border:
        1px solid var(--ntr-border) !important;

    border-radius:
        9px !important;

    font-family:
        "Outfit",
        sans-serif !important;

    font-size:
        13px !important;

    text-align:
        center !important;
}


/* ==========================================================
   19. TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .ntr-v2-category-feed__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}


/* ==========================================================
   20. MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .ntr-v2-category-feed {
        padding:
            8px !important;
    }


    .ntr-v2-category-feed__tabs {
        flex-wrap:
            nowrap !important;

        overflow-x:
            auto !important;

        overflow-y:
            hidden !important;

        scrollbar-width:
            none !important;

        -webkit-overflow-scrolling:
            touch !important;
    }


    .ntr-v2-category-feed__tabs::-webkit-scrollbar {
        display:
            none !important;
    }


    .ntr-v2-category-feed__tab {
        flex:
            0 0 auto !important;

        min-height:
            32px !important;

        padding:
            0 11px !important;

        font-size:
            11px !important;
    }


    .ntr-v2-category-feed__header {
        align-items:
            flex-end !important;
    }


    .ntr-v2-category-feed__heading {
        font-size:
            18px !important;
    }


    .ntr-v2-category-feed__more span:first-child {
        display:
            none !important;
    }


    .ntr-v2-category-feed__more {
        font-size:
            18px !important;
    }


    .ntr-v2-category-feed__grid {
        grid-template-columns:
            1fr !important;
    }

}