/* =============================================================
   Accordant Partner Directory — Card styling
   CAF layout: Simple Blogs (.caf-post-layout1)
   Colours:  navy #001538 | lime #55951B | page #F7F9FE
             card #FFFFFF | body #333333 | pill border #CDD9EA
   Grid: >768 = 3col, <=768 = 2col, <=480 = 1col. Equal-height cards.
   ============================================================= */

/* ---------- Grid: flex row with gaps, equal-height cards ---------- */
#manage-ajax-response.caf-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
}
.caf-row .caf-post-layout1.caf-col-md-4 {
    width: calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
    flex: 0 0 calc(33.333% - 16px);
    margin: 0 !important;
}
@media (max-width: 980px) {
    .caf-row .caf-post-layout1.caf-col-md-4 {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;   /* beat CAF's max-width:33.333% */
        flex: 0 0 calc(50% - 12px) !important;
    }
}
@media (max-width: 390px) {
    #manage-ajax-response.caf-row { gap: 16px; }
    .caf-row .caf-post-layout1.caf-col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ---------- Card container ---------- */
.caf-post-layout1 {
    box-sizing: border-box;
    display: flex;                 /* card is the flex column */
    flex-direction: column;
    background: #fff;
    border: 1px solid #e7edf6;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 1px 2px rgba(0,21,56,.04);
    transition: background-color .25s ease, box-shadow .25s ease;
}
.caf-post-layout1:hover {
    background: #F7F9FE;
    box-shadow: 0 6px 20px rgba(0,21,56,.08);
}
@media (max-width: 670px) {
    /* keep card inner padding on mobile/drawer widths (beat CAF + Divi) */
    #manage-ajax-response .caf-post-layout1.caf-col-md-4 { padding: 18px !important; }
}

/* ---------- Flatten CAF inner wrappers + kill CAF borders/padding ---------- */
.caf-post-layout1 .manage-layout1 {
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;                 /* fill the card */
}
.caf-post-layout1 #manage-post-area {
    background: transparent !important;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;                 /* fill manage-layout1 */
}
.caf-post-layout1 .caf-meta-content-cats,
.caf-post-layout1 .caf-meta-content-cats ul,
.caf-post-layout1 .caf-meta-content-cats li,
.caf-post-layout1 .caf-content,
.caf-post-layout1 .caf-content-read-more,
.caf-post-layout1 .caf-meta-content {
    background: transparent !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* ---------- Visual order (Figma) ---------- */
.caf-post-layout1 #manage-post-area > a { order: 1; }
.caf-post-layout1 .caf-post-title        { order: 2; }
.caf-post-layout1 .caf-content           { order: 3; }
.caf-post-layout1 .caf-meta-content-cats { order: 4; }
.caf-post-layout1 .caf-content-read-more { order: 5; margin-top: auto; } /* pin to bottom */

/* ---------- Logo (consistent capped box) ---------- */
.caf-post-layout1 .caf-featured-img-box {
    width: auto !important;
    max-width: 160px;
    height: 44px !important;
    margin: 0 0 14px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

/* ---------- Partner name (tight) ---------- */
.caf-post-layout1 .caf-post-title {
    background: none !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
}
.caf-post-layout1 .caf-post-title h2 {
    margin: 0;
    font-size: 16px !important;
    line-height: 1.3;
    font-weight: 700;
}
.caf-post-layout1 .caf-post-title h2 a {
    color: #001538 !important;
    text-decoration: none !important;
}

/* ---------- Description: 3-line clamp, tight ---------- */
.caf-post-layout1 .caf-content.acc-desc,
.caf-post-layout1 .caf-content {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 14px;
    line-height: 1.5;
    max-height: calc(1.5em * 3);
    min-height: calc(1.5em * 3);   /* reserve 3 lines so all cards align */
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: left !important;
    color: #333333;
    word-break: break-word;
}
.caf-post-layout1 .acc-desc.acc-has-more { cursor: pointer; }

/* ---------- Pills: one line of whole pills (uniform height) ---------- */
.caf-post-layout1 .caf-meta-content-cats {
    margin: 12px 0 6px !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e7edf6 !important;   /* divider above pills */
}
.caf-post-layout1 .caf-meta-content-cats ul.acc-pills-old {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    max-height: 30px;       /* one line only */
    overflow: hidden;       /* whole pills hidden, never a half-capsule */
}



.caf-post-layout1 .caf-meta-content-cats ul.acc-pills {
    list-style: none;
    margin: 0 !important;
    padding: 0 4px 0 0 !important;   /* room so pills don't sit under scrollbar */
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 8px;
    width: 100%;
    max-height: 64px;                /* ~2 rows, then scroll */
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;                        /* Firefox */
    scrollbar-color: #cdd9ea transparent;
}
/* tidy scrollbar (WebKit: Chrome / Safari / Edge) */
.caf-post-layout1 .caf-meta-content-cats ul.acc-pills::-webkit-scrollbar {
    width: 6px;
}
.caf-post-layout1 .caf-meta-content-cats ul.acc-pills::-webkit-scrollbar-track {
    background: transparent;
}
.caf-post-layout1 .caf-meta-content-cats ul.acc-pills::-webkit-scrollbar-thumb {
    background: #cdd9ea;
    border-radius: 999px;
}
.caf-post-layout1 .caf-meta-content-cats ul.acc-pills::-webkit-scrollbar-thumb:hover {
    background: #adbdd6;
}


.caf-post-layout1 .caf-meta-content-cats li {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
}
.caf-post-layout1 .caf-meta-content-cats li a {
    display: inline-block;
    padding: 4px 12px !important;
    margin: 0 !important;
    border: 1px solid #cdd9ea !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1.4;
    text-transform: none !important;
    color: #001538 !important;
    background: #F7F9FE !important;   /* blends into card on hover */
    text-decoration: none !important;
    white-space: nowrap;
}

/* ---------- "and more" trigger ---------- */
.caf-post-layout1 .acc-more-old {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #55951B;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    margin: 4px 0 0;
}

/* overflow trigger no longer used (pills now scroll) */

.caf-post-layout1 .acc-more { display: none !important; } 

.caf-post-layout1 .acc-more .acc-more-ic { flex: 0 0 auto; }

/* ---------- Divider + "Learn More" (single line above, pinned bottom) ---------- */
.caf-post-layout1 .caf-content-read-more {
    background: none !important;
    border: 0 !important;
    border-top: 1px solid #e7edf6 !important;   /* the ONE divider, above CTA */
    margin-top: auto;                            /* pin CTA row to card bottom */
    padding: 12px 0 0 !important;
}
.caf-post-layout1 a.caf-read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    color: #001538 !important;
    background: none !important;
    font-weight: 500;
    font-size: 14px !important;
    text-decoration: none !important;
}
.caf-post-layout1 a.caf-read-more::after { content: "\2192"; font-size: 15px; }
.caf-post-layout1 a.caf-read-more:hover {
    color: #001538 !important;
    text-decoration: underline !important;
}

/* ---------- Empty state ---------- */
.error-of-empty-result {
    text-align: center;
    color: #001538;
    padding: 40px 16px;
    font-size: 15px;
}

/* =============================================================
   Tooltip (shared) — remove any duplicate tooltip CSS from style.css
   ============================================================= */
.acc-tip {
    position: absolute;
    z-index: 99999;
    max-width: 300px;
    background: #ffffff !important;          /* white card per Figma (beat CAF/theme) */
    color: #001538 !important;
    padding: 14px 16px !important;
    border: 1px solid #e7edf6 !important;
    border-radius: 12px !important;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: 0 12px 28px rgba(0,21,56,.18), 0 2px 6px rgba(0,21,56,.10) !important;
    pointer-events: none;
    opacity: 0;
    transition: opacity .12s ease;
}
.acc-tip.is-visible { opacity: 1; }
.acc-tip-head {
    font-weight: 700;
    font-size: 14px;
    color: #001538;
    margin-bottom: 8px;
}
.acc-tip-body {
    font-size: 13px;
    line-height: 1.6;
    color: #001538;
}

/* =============================================================
   FILTER SIDEBAR — reskin of CAF Multiple Taxonomy Filter (v2)
   Mockup: checkbox on RIGHT, divider under heading, checked = solid
   navy fill (no tick), hover = navy border around the row (no tint).
   Selectors prefixed #caf-multiple-taxonomy-filter.caf-mtf-layout
   to outrank CAF's own div#caf-multiple-taxonomy-filter rules.
   Sidebar position/width stays with CAF until the scaffolding step.
   ============================================================= */

/* Each taxonomy group = white rounded card */
#caf-multiple-taxonomy-filter.caf-mtf-layout ul.caf-filter-container {
    background: #fff !important;
    border: 1px solid #e7edf6 !important;
    border-radius: 10px !important;
    padding: 4px 16px 12px !important;
    margin: 0 0 16px !important;
    box-shadow: none !important;
}

/* Group heading + chevron + divider underneath */
#caf-multiple-taxonomy-filter.caf-mtf-layout h3.tax-heading {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #001538 !important;
    text-transform: none !important;
    padding: 14px 0 12px !important;
    margin: 0 0 6px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
#caf-multiple-taxonomy-filter.caf-mtf-layout h3.tax-heading i {
    color: #001538 !important;
    font-size: 13px !important;
    float: none !important;
    margin: 0 !important;
}

/* Divider under heading ONLY when the group is expanded (chevron-up) */
#caf-multiple-taxonomy-filter.caf-mtf-layout h3.tax-heading:has(i.fa-chevron-up) {
    border-bottom: 1px solid #eef2f8 !important;
}
#caf-multiple-taxonomy-filter.caf-mtf-layout h3.tax-heading:has(i.fa-chevron-down) {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Option row: transparent border by default -> navy on hover (no layout shift) */
#caf-multiple-taxonomy-filter.caf-mtf-layout li.mtf-li-child {
    list-style: none;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    transition: border-color .15s ease;
}
#caf-multiple-taxonomy-filter.caf-mtf-layout li.mtf-li-child:hover {
    border-color: #001538 !important;              /* hover outline around row */
}
#caf-multiple-taxonomy-filter.caf-mtf-layout li.mtf-li-child.caf-first-child {
    margin-top: 6px !important;
}

/* Keep native checkbox hidden */
#caf-multiple-taxonomy-filter.caf-mtf-layout .mtf-terms.check_box {
    position: absolute !important;
    opacity: 0 !important;
}

/* Label: text left, custom box anchored RIGHT */
#caf-multiple-taxonomy-filter.caf-mtf-layout ul li label {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    background: none !important;
    border-radius: 0 !important;
    padding: 9px 34px 9px 12px !important;          /* right room for the box */
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.35;
    color: #333333 !important;
    cursor: pointer;
    box-sizing: border-box;
}

/* Drawn square checkbox via ::before, positioned on the RIGHT */
#caf-multiple-taxonomy-filter.caf-mtf-layout ul li label::before {
    content: "" !important;
    font-family: inherit !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 2px solid #c9d4e3;
    border-radius: 4px;
    background: #fff;
    transition: background-color .15s ease, border-color .15s ease;
}

/* Checked: white box, navy border, navy CHECKMARK (no solid fill) */
#caf-multiple-taxonomy-filter.caf-mtf-layout ul li input[type="checkbox"]:checked + label::before {
    content: "" !important;
    background-color: #ffffff !important;
    border-color: #001538 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001538' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 11px !important;
}

/* Selected ROW: light tint background across the row */
#caf-multiple-taxonomy-filter.caf-mtf-layout ul li input[type="checkbox"]:checked + label {
    background: #F7F9FE !important;
    border-radius: 6px !important;
}
/* No hover border on an already-selected row */
#caf-multiple-taxonomy-filter.caf-mtf-layout li.mtf-li-child:has(input[type="checkbox"]:checked):hover {
    border-color: transparent !important;
}

/* =============================================================
   TOP BAR — search (moved into sort bar) on LEFT, sort on RIGHT
   JS moves .caf-search-bar into .caf-manage-sorting-front and adds
   class .acc-has-search. CAF's sort bar is already display:flex.
   Search field forced always-visible (CAF "Search Icon Layout"
   otherwise renders a collapsed icon).
   ============================================================= */

/* Lay out: search left, sort dropdowns pushed right */
.caf-manage-sorting-front.acc-has-search {
    justify-content: flex-start !important;
    gap: 12px;
    flex-wrap: wrap;
}
.caf-manage-sorting-front.acc-has-search .caf-search-bar {
    width: auto !important;
    flex: 1 1 260px;
    max-width: 380px;
    margin: 0 !important;
    text-align: left !important;
}
.caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap.first-wrap {
    margin-left: auto !important;   /* push sort group to the right */
}

/* Force the search field to be always visible (override icon toggle) */
.caf-manage-sorting-front .caf-manage-search-bar {
    display: block !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}
.caf-manage-sorting-front .manage-caf-search-icon { display: none !important; }
.caf-manage-sorting-front img.caf-mic { display: none !important; }

/* Search input styling */
.caf-manage-sorting-front input#caf-search-input {
    border: 1px solid #e7edf6 !important;
    border-radius: 8px !important;
    padding: 9px 70px 9px 14px !important;   /* room for the Search button on the right */
    font-size: 14px !important;
    width: 100% !important;
    background: #fff !important;
    box-sizing: border-box;
}
.caf-manage-sorting-front input#caf-search-input::placeholder { color: #8a97aa; }

/* Keep CAF's Search submit button (its click fires the AJAX) but restyle */
.caf-manage-sorting-front input#caf-search-sub {
    right: 4px !important;
    top: 4px !important;
    border: 0 !important;
    background: #001538 !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    cursor: pointer;
}

/* Sort dropdowns: light navy styling to match */
.caf-manage-sorting-front select.caf-sort-front {
    border: 1px solid #e7edf6 !important;
    border-radius: 8px !important;
    color: #001538 !important;
    padding: 6px 8px !important;
    width: auto !important;
    min-width: 90px;
}

/* =============================================================
   PAGE SCAFFOLDING (pass 1: desktop two-column + sticky sidebar)
   JS wraps sort-bar + active-filters + grid into .acc-content, so:
     #caf-post-layout-container = [ sidebar ] [ .acc-content ]
   Overrides CAF's float 20/80 layout. Mobile drawer = pass 2.
   ============================================================= */

/* Container -> flex two-column (override CAF's inline-block/float) */
#caf-post-layout-container.acc-scaffolded {
    display: flex !important;
    align-items: flex-start;
    gap: 28px;
    padding: 20px 0;
}

/* Sidebar: fixed 320px, sticky, own scroll if tall */
#caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter {
    float: none !important;
    width: 320px !important;
    flex: 0 0 320px;
    position: sticky;
    top: var(--acc-sticky-top, 20px);                    /* below the sticky header */
    align-self: flex-start;
    /* full height, no internal scroll — sidebar scrolls with the page.
       (A sticky element taller than the viewport scrolls naturally.) */
}

/* Content column: takes the rest, stacks its children */
#caf-post-layout-container.acc-scaffolded .acc-content {
    flex: 1 1 auto;
    min-width: 0;                 /* allow grid to shrink, prevents overflow */
    display: flex;
    flex-direction: column;
}

/* Order inside content column: sort bar -> active filters -> grid */
#caf-post-layout-container.acc-scaffolded .acc-content .caf-manage-sorting-front { order: 1; }
#caf-post-layout-container.acc-scaffolded .acc-content .caf-active-filters       { order: 2; }
#caf-post-layout-container.acc-scaffolded .acc-content #manage-ajax-response     { order: 3; }

/* Neutralise CAF's float/percentage widths on the moved blocks */
#caf-post-layout-container.acc-scaffolded .acc-content .caf-manage-sorting-front,
#caf-post-layout-container.acc-scaffolded .acc-content .caf-active-filters,
#caf-post-layout-container.acc-scaffolded .acc-content #manage-ajax-response {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
}
#caf-post-layout-container.acc-scaffolded .acc-content #manage-ajax-response {
    padding: 16px 0 0 !important;
}
#caf-post-layout-container.acc-scaffolded .acc-content .caf-manage-sorting-front {
    padding: 0 0 12px !important;
}

/* Tablet (391-768): keep sticky TWO-COLUMN, narrow sidebar so 2 cards fit */
@media (max-width: 980px) {
    #caf-post-layout-container.acc-scaffolded { gap: 20px; }
    #caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter {
        width: 260px !important;
        flex: 0 0 260px;
    }
}
@media (max-width: 800px) {
    /* narrow further toward 671 so two cards keep room */
    #caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter {
        width: 220px !important;
        flex: 0 0 220px;
    }
}

/* =============================================================
   Sticky fix: Divi's #page-container has overflow:hidden which
   disables position:sticky. Clear it ONLY on pages that actually
   contain the directory, via :has() — so other pages keep their
   clipping. (Modern browsers; if legacy needed, use a JS body class.)
   ============================================================= */
#page-container:has(#caf-post-layout-container.acc-scaffolded) {
    overflow: visible !important;
}

/* =============================================================
   PAGE SCAFFOLDING (pass 2: mobile filter drawer, <=500px)
   Filters button beside search -> slides sidebar up as a bottom
   sheet. Options reskinned as toggle pills (checkbox hidden).
   Selected pill = light tint + navy border. Apply just closes;
   filtering happens live as pills are tapped (CAF default).
   Injected by JS: .acc-filters-btn, .acc-scrim, .acc-sheet-head,
   .acc-sheet-foot. Hidden on desktop, shown only in drawer mode.
   ============================================================= */

/* Hidden on desktop/tablet */
.acc-filters-btn { display: none; }
.acc-sheet-head, .acc-sheet-foot { display: none; }
.acc-scrim {
    position: fixed; inset: 0;
    background: rgba(0,21,56,.5);
    opacity: 0; visibility: hidden;
    transition: opacity .25s ease;
    z-index: 99999;            /* below the sheet (100000), above page */
}

@media (max-width: 670px) {

    /* --- Top bar: search + Filters button on row 1, sorts wrap below --- */
    .caf-manage-sorting-front.acc-has-search { flex-wrap: wrap; gap: 8px; }
    .caf-manage-sorting-front.acc-has-search .caf-search-bar {
        order: 0; flex: 1 1 auto; max-width: none;
    }
    .acc-filters-btn {
        order: 1;
        display: inline-flex; align-items: center; gap: 6px;
        background: #001538; color: #fff; border: 0; border-radius: 8px;
        padding: 9px 16px; font-size: 14px; font-weight: 600; cursor: pointer;
        flex: 0 0 auto;
    }
    .caf-manage-sorting-front .caf-manage-sorting-wrap { order: 2; }
    .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap.first-wrap {
        margin-left: 0 !important;
    }

    /* --- Sidebar becomes a bottom sheet (stops just above middle) --- */
    #caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter {
        position: fixed !important;
        top: auto !important;          /* clear desktop sticky top:20px */
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 55vh !important;       /* covers bottom ~55% — above the middle */
        max-height: 55vh !important;
        overflow-y: auto;
        align-self: auto !important;
        background: #fff;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -8px 30px rgba(0,21,56,.2);
        transform: translateY(100%);
        transition: transform .3s ease;
        z-index: 100000;
        padding: 0 16px 16px !important;
        margin: 0 !important;
    }
    body.acc-filters-open #caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter {
        transform: translateY(0);
    }
    body.acc-filters-open .acc-scrim { opacity: 1; visibility: visible; }
    body.acc-filters-open { overflow: hidden; }   /* lock background scroll */

    /* --- Sheet header (sticky top) + footer (sticky bottom) --- */
    .acc-sheet-head {
        display: flex; align-items: center; justify-content: space-between;
        position: sticky; top: 0; background: #fff; z-index: 2;
        padding: 16px 0 12px; border-bottom: 1px solid #eef2f8;
    }
    .acc-sheet-title { font-size: 18px; font-weight: 700; color: #001538; }
    .acc-sheet-close {
        background: none; border: 0; font-size: 26px; line-height: 1;
        color: #001538; cursor: pointer; padding: 0 4px;
    }
    .acc-sheet-foot {
        display: block; position: sticky; bottom: 0; background: #fff; z-index: 2;
        padding: 12px 0; border-top: 1px solid #eef2f8;
    }
    .acc-apply-btn {
        display: block; width: 100%;
        background: #001538; color: #fff; border: 0; border-radius: 8px;
        padding: 14px; font-size: 15px; font-weight: 600; cursor: pointer;
    }

    /* --- Filter options reskinned as toggle PILLS (hide checkbox) --- */
    #caf-multiple-taxonomy-filter.caf-mtf-layout ul.caf-filter-container {
        display: flex; flex-wrap: wrap; gap: 8px;
        border: 0 !important; border-radius: 0 !important;
        padding: 8px 0 16px !important; margin: 0 !important;
        border-bottom: 1px solid #eef2f8 !important;
    }
    #caf-multiple-taxonomy-filter.caf-mtf-layout h3.tax-heading {
        flex: 1 1 100%;                       /* heading full width above pills */
        border-bottom: 0 !important;
        padding: 6px 0 !important;
        margin: 0 !important;
    }
    /* Headings are static in the drawer (no collapse) — hide chevron */
    #caf-multiple-taxonomy-filter.caf-mtf-layout h3.tax-heading i { display: none !important; }

    /* Force every group's options visible in the drawer (override CAF inline display:none) */
    #caf-multiple-taxonomy-filter.caf-mtf-layout ul.caf-filter-container li.mtf-li-child {
        display: inline-block !important;
    }
    #caf-multiple-taxonomy-filter.caf-mtf-layout li.mtf-li-child {
        margin: 0 !important; border: 0 !important; padding: 0 !important;
    }
    /* hide the checkbox box on mobile */
    #caf-multiple-taxonomy-filter.caf-mtf-layout ul li label::before {
        display: none !important;
    }
    /* pill */
    #caf-multiple-taxonomy-filter.caf-mtf-layout ul li label {
        display: inline-block !important;
        width: auto !important;
        padding: 8px 14px !important;
        border: 1px solid #cdd9ea !important;
        border-radius: 999px !important;
        background: #fff !important;
        font-size: 13px !important;
        color: #001538 !important;
        line-height: 1.2;
    }
    /* selected pill = light tint + navy border */
    #caf-multiple-taxonomy-filter.caf-mtf-layout ul li input[type="checkbox"]:checked + label {
        background: #F7F9FE !important;
        border-color: #001538 !important;
        border-radius: 999px !important;
    }
}

/* =============================================================
   Divi container width: directory is full-width ONLY below 1024px;
   above 1024 it keeps Divi's normal centered max-width container.
   Scoped via :has() so only the directory's own section/row/column
   are affected — every other page keeps its default spacing.
   ============================================================= */
@media (max-width: 1024px) {
    .et_pb_row:has(#caf-post-layout-container) {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .et_pb_section:has(#caf-post-layout-container),
    .et_pb_column:has(#caf-post-layout-container) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* =============================================================
   RESULTS / ACTIVE-FILTERS BAR
   CAF markup: .caf-active-filters > ul >
       li.filter-item > .caf-active-filter-tag + .caf-active-filter-close
       li.caf-clear-all > button.clear-all-btn
   JS adds: .acc-filters-label ("N Filters:") and .acc-showing
   ("Showing N Products"), and toggles .acc-show when chips exist.
   ============================================================= */

.caf-active-filters {
    display: none;                 /* shown via .acc-show when filters active */
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    background: #F7F9FE;
    border: 1px solid #e7edf6;
    border-radius: 10px;
    padding: 12px 16px;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 0 4px;
}
.caf-active-filters.acc-show { display: flex; }

/* "N Filters:" label */
.acc-filters-label {
    font-size: 14px;
    font-weight: 600;
    color: #001538;
    margin-right: 2px;
    flex: 0 0 auto;
}

/* chips list */
.caf-active-filters ul {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* chip pill */
.caf-active-filters ul li.filter-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #dce8fb;
    border: 1px solid #c4dbf7;
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 13px;
    color: #001538;
    list-style: none;
}
.caf-active-filters ul li.filter-item .caf-active-filter-tag { line-height: 1.2; }
/* turn CAF's " X" text into a clean × (keeps the span clickable) */
.caf-active-filters ul li.filter-item .caf-active-filter-close {
    font-size: 0;
    cursor: pointer;
    line-height: 1;
}
.caf-active-filters ul li.filter-item .caf-active-filter-close::before {
    content: "\00d7";
    font-size: 15px;
    font-weight: 600;
    color: #5a7da8;
}
.caf-active-filters ul li.filter-item .caf-active-filter-close:hover::before { color: #001538; }

/* Clear all */
.caf-active-filters ul li.caf-clear-all { list-style: none; }
.caf-active-filters ul li.caf-clear-all .clear-all-btn {
    background: none !important;
    border: 0 !important;
    color: #001538 !important;
    font-size: 14px !important;
    cursor: pointer;
    padding: 0 4px !important;
    text-decoration: none;
}
.caf-active-filters ul li.caf-clear-all .clear-all-btn:hover { text-decoration: underline; }

/* "Showing N Products" -> pushed to the right */
.acc-showing {
    margin-left: auto;
    font-size: 14px;
    color: #001538;
    flex: 0 0 auto;
}
.acc-showing strong { font-weight: 700; }

/* Mobile: count drops below the chips */
@media (max-width: 390px) {
    .acc-showing { margin-left: 0; flex-basis: 100%; }
}

/* Mobile drawer gating: while the drawer is open, freeze the active-filters
   bar so chips update only after "Add Filters" closes it. */
body.acc-filters-open .caf-active-filters { visibility: hidden; }

/* =============================================================
   SEARCH BOX wrapper (.acc-search-box) + mobile box framing
   Desktop: neutral (search left, sort right unchanged).
   <=600 (drawer view): search + Filters in one bordered box,
   sort on its own row, active-filters restacked per mockup.
   ============================================================= */

/* Desktop: transparent wrapper, behaves like the old search slot */
.acc-search-box {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
}
.acc-search-box .caf-search-bar { flex: 1 1 auto; }

@media (max-width: 670px) {

    /* Stack: [search box] / [sort row] */
    .caf-manage-sorting-front.acc-has-search {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    /* Box 1: search + Filters button, bordered */
    .acc-search-box {
        border: 1px solid #e7edf6;
        border-radius: 12px;
        background: #fff;
        padding: 10px;
        gap: 10px;
        flex: 1 1 auto;
    }
    .acc-search-box .caf-search-bar { flex: 1 1 auto; }

    /* Filters button: outlined + sliders icon (per mockup) */
    .acc-filters-btn {
        order: 0;
        background: #fff !important;
        color: #001538 !important;
        border: 1px solid #cdd9ea !important;
        border-radius: 8px;
        padding: 9px 14px;
        font-size: 14px; font-weight: 600;
        display: inline-flex; align-items: center; gap: 8px;
        flex: 0 0 auto;
        cursor: pointer;
    }
    .acc-filters-btn::before {
        content: "";
        width: 16px; height: 16px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001538' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='8' cy='6' r='2.2' fill='%23fff'/%3E%3Ccircle cx='15' cy='12' r='2.2' fill='%23fff'/%3E%3Ccircle cx='10' cy='18' r='2.2' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
        flex: 0 0 16px;
    }

    /* Sort row: on its own line, right-aligned */
    .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap {
        order: 1;
    }
    .caf-manage-sorting-front.acc-has-search {
        /* the sort wraps sit on a row below the box, pushed right */
    }
    .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap.first-wrap {
        margin-left: auto !important;
    }

    /* Box 2: active filters + count, stacked (label / chips / showing) */
    .caf-active-filters.acc-show {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .caf-active-filters .acc-filters-label { order: 0; }
    .caf-active-filters ul { order: 1; }
    .caf-active-filters .acc-showing {
        order: 2;
        margin-left: 0;
        flex-basis: auto;
    }
}

/* =============================================================
   SEARCH FIELD: no submit button (live search via JS), lens icon left
   Markup: .caf-search-bar > .caf-manage-search-bar >
           input#caf-search-input + img.caf-mic + input#caf-search-sub
   ============================================================= */

/* Hide CAF's submit button + voice/mic icon */
#caf-search-sub,
img.caf-mic,
.caf-search-bar .caf-mic { display: none !important; }

/* Lens icon inside the field, on the LEFT */
.caf-manage-search-bar { position: relative !important; }
.caf-manage-search-bar::before {
    content: "";
    position: absolute;
    left: 14px; top: 50%;
    transform: translateY(-50%);
    width: 16px; height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a97aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

/* Input: room for the lens on the left, no button room on the right */
.caf-manage-sorting-front input#caf-search-input,
.caf-search-bar input#caf-search-input,
.caf-manage-search-bar input#caf-search-input {
    padding: 11px 16px 11px 42px !important;
    border: 1px solid #e7edf6 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box;
    background: #fff !important;
}

/* =============================================================
   DESKTOP top layout (>600px): bordered boxes
   Box 1 = search (left) + sort (right) in one bordered container
   Box 2 = active-filters bar (already bordered; row layout kept)
   ============================================================= */
@media (min-width: 671px) {

    /* Box 1: frame the sort bar (which holds search + sort) */
    #caf-post-layout-container.acc-scaffolded .acc-content .caf-manage-sorting-front.acc-has-search {
        border: 1px solid #e7edf6;
        border-radius: 12px;
        background: #fff;
        padding: 12px 16px !important;
        margin-bottom: 16px;
        box-sizing: border-box;
        align-items: center;
    }

    /* search takes the left, transparent wrapper (box border is on the bar) */
    #caf-post-layout-container.acc-scaffolded .acc-search-box {
        flex: 1 1 auto;
        border: 0;
        background: none;
        padding: 0;
    }

    /* sort dropdowns pushed to the right edge of the box */
    #caf-post-layout-container.acc-scaffolded .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap.first-wrap {
        margin-left: auto !important;
    }
}

/* =============================================================
   HERO category pills (Code module: .hero-pills > span)
   Outlined rounded pills on a SINGLE row, horizontally scrollable
   / draggable when they exceed the width. On the navy hero.
   ============================================================= */


/* Container: just clips the overflow. No JS scrolling. */
.hero-pills {
    display: block !important;
    margin: 8px auto 0;
    max-width: 900px;
    width: 100%;
    overflow: hidden !important;       /* clip; the track slides inside */
    padding-bottom: 2px;
}

/* Track: holds two identical sets of pills, slides via CSS animation.
   CSS animation runs on the compositor — it does NOT freeze when the
   tab loses focus, the console opens, or the page is idle (unlike rAF). */
.hero-pills-track {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    width: max-content;
    animation: acc-marquee 45s linear infinite;
}
.hero-pills:hover .hero-pills-track {
    animation-play-state: paused;      /* pause on hover */
}
@keyframes acc-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }  /* one full set (half the doubled track) */
}

.hero-pills span {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 100px;
    border: 1px solid rgba(122, 183, 241, 0.30);
    text-transform: capitalize;
    font-size: 12px;
    line-height: 1.2;
    color: #7AB7F1;
    background: rgba(255,255,255,.04);
    white-space: nowrap;
    flex: 0 0 auto;                    /* keep natural width, no shrink */
    user-select: none;
}

@media (max-width: 600px) {
    .hero-pills-track { gap: 8px; }
    .hero-pills span { font-size: 12px; padding: 6px 13px; }
}


/* =============================================================
   HERO stats (Number Counter): tighten gap between number & label
   Divi defaults give .percent height:72px + margin-bottom:20px,
   which pushes the title too far down. Scope with .hero-stats
   (add this CSS Class to the stats ROW in Divi).
   ============================================================= */
.hero-stats .et_pb_number_counter .percent {
    height: auto !important;
    margin-bottom: 0 !important;
}
.hero-stats .et_pb_number_counter.et_pb_with_title .percent {
    margin-bottom: 4px !important;   /* small, controlled gap */
}

/* =============================================================
   Sticky fix (banner page): the Divi section containing the
   directory has overflow:hidden (often from rounded corners or a
   background effect), which breaks position:sticky. Clear it ONLY
   on the section that actually holds the directory, via :has().
   ============================================================= */
.et_pb_section:has(#caf-post-layout-container) {
    overflow: visible !important;
}

/* =============================================================
   PAGINATION (CAF) — per Figma
   Markup: ul#caf-layout-pagination.post-layout1 > li >
           a.page-numbers | span.page-numbers.current | a.next/.prev
   Square 30x30, 1px navy border, radius 3px; current = green fill.
   Overrides CAF's default #333 pager from post-layout1.css.
   ============================================================= */
ul#caf-layout-pagination.post-layout1 {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;        /* right-aligned as in screenshot */
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 24px 0 0 !important;
    padding: 0 !important;
    width: 100%;
}
ul#caf-layout-pagination.post-layout1 li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal;
}
/* page squares (links + current) */
ul#caf-layout-pagination.post-layout1 li a.page-numbers,
ul#caf-layout-pagination.post-layout1 li span.page-numbers {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    aspect-ratio: 1 / 1;
    padding: 0 8px !important;
    box-sizing: border-box;
    border: 1px solid #001538 !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #000 !important;
    text-align: center;
    font-family: Poppins, inherit;
    font-size: 12px !important;
    font-weight: 400;
    line-height: normal;
    text-decoration: none !important;
    margin: 0 !important;
    transition: background-color .15s ease, color .15s ease;
}
/* hover on links */
ul#caf-layout-pagination.post-layout1 li a.page-numbers:hover {
    background: #F7F9FE !important;
    color: #001538 !important;
}
/* current page = green fill, white text */
ul#caf-layout-pagination.post-layout1 li span.page-numbers.current,
ul#caf-layout-pagination.post-layout1 li a.page-numbers.current {
    background: #55951B !important;
    border-color: #55951B !important;
    color: #fff !important;
}
/* prev / next arrows: same square */
ul#caf-layout-pagination.post-layout1 li a.next.page-numbers,
ul#caf-layout-pagination.post-layout1 li a.prev.page-numbers {
    font-weight: 600;
}

/* =============================================================
   No-logo fallback (.acc-no-logo): neutral SVG icon, centered &
   sized distinctly from real (left-aligned) partner logos.
   ============================================================= */
.caf-post-layout1 .caf-featured-img-box.acc-no-logo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'%3E%3Crect x='1' y='1' width='62' height='62' rx='10' fill='%23F1F5FB' stroke='%23D9E2F0' stroke-width='2'/%3E%3Cpath d='M20 46V24l12-6 12 6v22' fill='none' stroke='%23A9B8CE' stroke-width='2.5' stroke-linejoin='round'/%3E%3Crect x='27' y='38' width='10' height='8' fill='%23A9B8CE'/%3E%3Crect x='24' y='28' width='5' height='5' fill='%23C2CEDF'/%3E%3Crect x='35' y='28' width='5' height='5' fill='%23C2CEDF'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;   /* match real logos' alignment */
    background-size: 40px 40px !important;          /* icon size, not full-width */
    width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    opacity: .9;
}

/* =============================================================
   HERO eyebrow: small green line before the green label text.
   Markup: .et_pb_text_0 .et_pb_text_inner > p  (centered green text)
   Best: add a stable CSS class 'hero-eyebrow' to the Text module in
   Divi and use that instead of et_pb_text_0 (auto-numbered).
   ============================================================= */
.hero-eyebrow .et_pb_text_inner p,
.et_pb_text_0 .et_pb_text_inner p {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.hero-eyebrow .et_pb_text_inner p::before,
.et_pb_text_0 .et_pb_text_inner p::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 2px;
    background: #55951B;        /* green line */
    flex: 0 0 28px;
}

/* =============================================================
   HERO stats: centered fixed-height dividers + keep 3 columns
   on ALL screens (no Divi stacking). Scope: .hero-stats on the Row.
   First REMOVE the right-border you set on columns in Divi (or it
   will show alongside these). These dividers are drawn via ::after.
   ============================================================= */

/* Force the row to stay 3-across at every width (override Divi stacking) */
.hero-stats.et_pb_row,
.hero-stats .et_pb_row_inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
}
.hero-stats .et_pb_column {
    flex: 1 1 0 !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    position: relative;            /* anchor the divider pseudo */
    display: flex;
    flex-direction: column;
    align-items: center;           /* center number + label */
    justify-content: center;
    text-align: center;
}

/* Centered, fixed-height divider between columns (not after the last) */
.hero-stats .et_pb_column:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;                  /* fixed divider height, always centered */
    background: rgba(255,255,255,.25);
}

/* keep numbers/labels centered inside each counter */
.hero-stats .et_pb_number_counter .percent,
.hero-stats .et_pb_number_counter .title {
    text-align: center !important;
    width: 100% !important;
}

/* tighten spacing on small screens so 3 columns still fit */
@media (max-width: 600px) {
    .hero-stats .et_pb_column { padding: 0 6px !important; }
    .hero-stats .et_pb_column:not(:last-child)::after { height: 32px; }
}

/* =============================================================
   Sticky sidebar scroll: keep it contained to the viewport (so a
   long expanded list never overflows past the sticky header), but
   make the scrollbar thin/subtle so toggling a group open isn't
   visually junky. Sticky stays intact.
   ============================================================= */
#caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter {
    overflow-y: auto;
    scrollbar-width: thin;                       /* Firefox: slim bar */
    scrollbar-color: #cdd9ea transparent;        /* Firefox: subtle thumb */
    overscroll-behavior: contain;                /* don't chain scroll to page */
}
/* WebKit (Chrome/Safari/Edge): slim, subtle, only-visible-thumb */
#caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter::-webkit-scrollbar {
    width: 6px;
}
#caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter::-webkit-scrollbar-track {
    background: transparent;
}
#caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter::-webkit-scrollbar-thumb {
    background: #cdd9ea;
    border-radius: 999px;
}
#caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter::-webkit-scrollbar-thumb:hover {
    background: #b6c6df;
}

/* =============================================================
   Sticky sidebar: no internal scroll (full height, scrolls with
   the page). overscroll-behavior kept harmless; scrollbar styling
   removed since there's no internal scrollbar anymore.
   ============================================================= */


/* =============================================================
   Desktop mid-range (1024–1440): narrow the sidebar to 260px so
   the 3-column cards aren't congested. Keeps 3 columns.
   ============================================================= */
@media (min-width: 1024px) and (max-width: 1440px) {
    #caf-post-layout-container.acc-scaffolded #caf-multiple-taxonomy-filter {
        width: 260px !important;
        flex: 0 0 260px;
    }
}

/* =============================================================
   Empty-result message (.error-of-empty-result.error-caf)
   Override CAF's navy background -> clean white card.
   ============================================================= */
.error-of-empty-result.error-caf,
#manage-ajax-response .error-of-empty-result,
.caf-row .error-of-empty-result {
    background: #ffffff !important;
    color: #001538 !important;
    border: 1px solid #e7edf6 !important;
    border-radius: 12px !important;
    padding: 40px 24px !important;
    text-align: center !important;
    font-size: 15px !important;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
}

/* =============================================================
   Hero pills: the Divi Code module wrapping .hero-pills is only
   ~274px wide, which clamps the marquee. Widen the Code module
   (and its inner) so the pills row can use its full width.
   Scoped to the module that actually contains .hero-pills.
   ============================================================= */
.et_pb_code:has(.hero-pills),
.et_pb_code:has(.hero-pills) .et_pb_code_inner {
    width: 100% !important;
    max-width: 100% !important;
}
.et_pb_code:has(.hero-pills) .et_pb_code_inner {
    margin: 0 auto !important;
}


.caf-manage-sorting-wrap{
font-size:14px;
}

/* =============================================================
   MOBILE (<=670px): sort controls consistently LEFT-aligned + stacked
   An earlier rule pushes .first-wrap with margin-left:auto, which
   right-aligns "Sort By" while "Sort" stays left — inconsistent.
   Reset both, stack them, and keep label + select on one tidy row.
   ============================================================= */
@media (max-width: 670px) {

    /* parent stacks its children */
    .caf-manage-sorting-front.acc-has-search {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }

    /* both sort groups: full width, left-aligned, no auto push */
    .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap{    
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        display: flex !important;
        align-items: center;
        justify-content: flex-start !important;
        gap: 8px;
        text-align: left !important;
        box-sizing: border-box;
    }

.caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap.first-wrap {
display:none;

}

    /* the select sits right after its label, not stretched full width */
    .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap select.caf-sort-front {
        flex: 0 1 auto;
        margin: 0 !important;
        min-width: 120px;
    }

    /* keep the search box above the sort rows */
    .caf-manage-sorting-front.acc-has-search .acc-search-box { order: 0; }
    .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap.first-wrap { order: 1; }
    .caf-manage-sorting-front.acc-has-search .caf-manage-sorting-wrap { order: 2; }


}

/*
#caf-post-layout-container .status,
#manage-ajax-response .status,
.data-target-div1 .status {
    background-color: transparent !important;
    background-image: url("/wp-content/uploads/Accordant-logo-circle.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 72px !important;
    height: 72px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    animation: acc-loader-pulse 1.2s ease-in-out infinite;
left:30%;
}
 */
/* hide CAF's spinner glyph inside the loader */

/*
#caf-post-layout-container .status i,
#manage-ajax-response .status i,
.data-target-div1 .status i,
#caf-post-layout-container .status::before,
#caf-post-layout-container .status::after {
    display: none !important;
    content: none !important;
}
 
@keyframes acc-loader-pulse {
    0%, 100% { opacity: .4; }
    50%      { opacity: 1; }
}
*/

#caf-post-layout-container .status,
#manage-ajax-response .status,
.data-target-div1 .status {
    display: none !important;
}

.data-target-div1 .caf-post-layout1 .caf-content {    
    text-transform: none !important;    
} 

.caf-manage-sorting-front .caf-manage-sorting-wrap.first-wrap {
    display: none !important;
}