.elementor-279 .elementor-element.elementor-element-01c9b1f{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-279 .elementor-element.elementor-element-01c9b1f:not(.elementor-motion-effects-element-type-background), .elementor-279 .elementor-element.elementor-element-01c9b1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#444A50;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-279 .elementor-element.elementor-element-b5dd11b{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-279 .elementor-element.elementor-element-b5dd11b .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:95px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-279 .elementor-element.elementor-element-58821c9{text-align:center;font-family:"Times New Roman", Sans-serif;font-weight:400;color:#CFCFCF;}.elementor-279 .elementor-element.elementor-element-344b127{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-5c57b1d *//* =========================================================
   ISJ JOURNAL ARCHIVE — Custom CSS
   Paste into: Appearance > Customize > Additional CSS
   (or enqueue via functions.php if you prefer a stylesheet)
========================================================= */

/* ─── Brand Variables ────────────────────────────────── */
:root {
    /* Primary */
    --isj-navy:           #1F2F3E;   /* headers, footer, primary buttons */
    --isj-navy-hover:     #162330;   /* darkened navy for hover */

    /* Secondary */
    --isj-green:          #2F5E3E;   /* secondary buttons, link hover, icons */
    --isj-green-lt:       #e6f0e9;   /* green tinted backgrounds */

    /* Accents */
    --isj-gold:           #C89A2E;   /* badges, featured labels, CTA accents */
    --isj-gold-lt:        #faf3e0;   /* gold tinted backgrounds */
    --isj-blue:           #3A7CA5;   /* charts, secondary indicators */
    --isj-blue-lt:        #e4eef5;   /* blue tinted backgrounds */

    /* Backgrounds */
    --isj-bg:             #FAFAF8;   /* main page / editorial white */
    --isj-bg-secondary:   #F1F3F4;   /* cards, panels, filters */

    /* Text */
    --isj-ink:            #3A3A3A;   /* body text, abstracts */
    --isj-ink-muted:      #6b6b6b;   /* secondary labels, captions */

    /* Borders & Shadows */
    --isj-border:         #dcdfe2;
    --isj-shadow:         rgba(31, 47, 62, .09);

    /* Typography */
    --isj-font-title:     'Playfair Display', Georgia, serif;
    --isj-font-body:      'DM Sans', system-ui, sans-serif;

    /* Radius & Transition */
    --isj-radius:         6px;
    --isj-t:              .25s cubic-bezier(.4, 0, .2, 1);
}



/* ─── Wrapper ────────────────────────────────────────── */

\
.archive-wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 44px 24px 80px;
}

/* ─── Filter Bar ─────────────────────────────────────── */
.archive-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: flex-end;
    background: var(--isj-bg-secondary);
    border: 1px solid var(--isj-border);
    border-radius: 10px;
    padding: 20px 22px 18px;
    box-shadow: 0 2px 14px var(--isj-shadow);
    margin-bottom: 10px;
}
.archive-filters__group {
    display: flex;
    flex-direction: column;
    flex: 1 1 120px;
    min-width: 108px;
}
.archive-filters__group label {
    font-family: var(--isj-font-body);
    font-size: .66rem;
    font-weight: 500;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--isj-ink-muted);
    margin-bottom: 6px;
}
.archive-filters__group select,
.archive-filters__group input[type="search"] {
    appearance: none;
    -webkit-appearance: none;
    font-family: var(--isj-font-body);
    font-size: .81rem;
    color: var(--isj-ink);
    background: var(--isj-bg);
    border: 1px solid var(--isj-border);
    border-radius: var(--isj-radius);
    padding: 8px 34px 8px 12px;
    outline: none;
    height: 37px;
    transition: border-color var(--isj-t), box-shadow var(--isj-t);
    cursor: pointer;
}
.archive-filters__group input[type="search"] {
    padding-right: 12px;
    cursor: text;
}
.archive-filters__group input[type="search"]::-webkit-search-decoration,
.archive-filters__group input[type="search"]::-webkit-search-cancel-button {
    display: none;
}
.archive-filters__group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6b6b'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
}
.archive-filters__group select:focus,
.archive-filters__group input[type="search"]:focus {
    border-color: var(--isj-navy);
    box-shadow: 0 0 0 3px rgba(31, 47, 62, .13);
}
.archive-filters__group--search {
    flex: 1.6 1 180px;
}

/* Buttons */
.archive-filters__actions {
    display: flex;
    gap: 7px;
    align-items: center;
    height: 37px;
}
.archive-filters .btn {
    font-family: var(--isj-font-body);
    font-size: .74rem;
    font-weight: 500;
    letter-spacing: .09em;
    text-transform: uppercase;
    border: none;
    border-radius: var(--isj-radius);
    padding: 0 18px;
    height: 37px;
    cursor: pointer;
    transition: background var(--isj-t), transform var(--isj-t), box-shadow var(--isj-t), color var(--isj-t), border-color var(--isj-t);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
/* Primary button — Navy */
.btn--primary {
    background: var(--isj-navy);
    color: #fff;
    box-shadow: 0 2px 8px rgba(31, 47, 62, .30);
}
.btn--primary:hover {
    background: var(--isj-navy-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(31, 47, 62, .38);
    color: #fff;
}
/* Ghost button — Green border on hover */
.btn--ghost {
    background: transparent;
    color: var(--isj-ink-muted);
    border: 1px solid var(--isj-border);
}
.btn--ghost:hover {
    background: var(--isj-green-lt);
    color: var(--isj-green);
    border-color: var(--isj-green);
}

/* ─── Meta Bar ───────────────────────────────────────── */
.archive-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 10px;
}
.term-link a{
    color: black;
    text-decoration: none !important;
}
.archive-meta__count {
    font-family: var(--isj-font-body);
    font-size: .77rem;
    color: var(--isj-ink-muted);
}
.archive-meta__count span {
    color: var(--isj-navy);
    font-weight: 600;
}
.archive-meta__active-filters {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
/* Filter tags — Gold accent */
.tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--isj-gold-lt);
    color: var(--isj-navy);
    font-family: var(--isj-font-body);
    font-size: .68rem;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 20px;
    transition: background var(--isj-t);
}
.tag:hover {
    background: #f0e6c8;
}
.tag__close {
    color: var(--isj-gold);
    opacity: .6;
    text-decoration: none;
    font-size: .72rem;
    line-height: 1;
    transition: opacity var(--isj-t);
}
.tag__close:hover {
    opacity: 1;
    color: var(--isj-navy);
}

/* ─── Year Section ───────────────────────────────────── */
.year-section {
    margin-bottom: 46px;
}
.year-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}
.year-header__num {
    font-family: var(--isj-font-title);
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--isj-navy);
    letter-spacing: -.02em;
    line-height: 1;
}
.year-header__line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--isj-border), transparent);
}
/* Badge — Navy pill */
.year-header__badge {
    font-family: var(--isj-font-body);
    font-size: .62rem;
    font-weight: 500;
    letter-spacing: .13em;
    text-transform: uppercase;
    background: var(--isj-navy);
    color: rgba(255, 255, 255, .80);
    padding: 4px 10px;
    border-radius: 20px;
}

/* ─── Volume Section ─────────────────────────────────── */
.volume-section {
    margin-bottom: 26px;
    padding-left: 22px;
    border-left: 2px solid var(--isj-border);
    position: relative;
}
/* Timeline dot — Green */
.volume-section::before {
    content: '';
    position: absolute;
    left: -5px;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--isj-green);
    border: 2px solid var(--isj-bg);
}
/* Volume label — Green uppercase */
.volume-header {
    font-family: var(--isj-font-body);
    font-size: .73rem;
    font-weight: 500;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--isj-green);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.volume-header::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--isj-green-lt);
}

/* ─── Issue Group ────────────────────────────────────── */
.issue-group {
    margin-bottom: 18px;
}
.issue-label {
    font-family: var(--isj-font-body);
    font-size: .66rem;
    font-weight: 500;
    color: var(--isj-ink-muted);
    letter-spacing: .11em;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}
/* Issue dot — Green (dimmed) */
.issue-label__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--isj-green);
    opacity: .50;
    flex-shrink: 0;
}

/* ─── Article Card ───────────────────────────────────── */
.article-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: var(--isj-bg);
    border: 1px solid var(--isj-border);
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 8px;
    transition: border-color var(--isj-t), box-shadow var(--isj-t), transform var(--isj-t);
    position: relative;
}
.article-card:hover {
    border-color: var(--isj-navy) !important;
    box-shadow: 0 4px 18px var(--isj-shadow);
    transform: translateY(-2px);
}

/* Body — full width now (no index circle) */
.article-card__body {
    flex: 1;
    min-width: 0;
}

/* Title — Navy, hover → Green */
.article-card h3 {
    font-family: var(--isj-font-title);
    font-size: 1.02rem;
    font-weight: 600;
    color: var(--isj-navy);
    margin: 0 0 5px;
    line-height: 1.35;
    transition: color var(--isj-t);
}
.article-card h3 a {
    color: inherit;
    text-decoration: none;
}
.article-card:hover h3,
.article-card:hover h3 a {
    color: var(--isj-green);
}

/* Meta — Vol | Issue | Year */
.article-meta {
    font-family: var(--isj-font-body);
    font-size: .74rem;
    color: var(--isj-ink-muted);
    margin-bottom: 11px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 0;
}
.article-meta .sep {
    margin: 0 7px;
    opacity: .35;
}
.article-meta .term-link {
    color: var(--isj-ink-muted);
    text-decoration: none;
    transition: color var(--isj-t);
}
.article-meta .term-link:hover {
    color: var(--isj-green);
}

/* ─── Download Button Row ────────────────────────────── */
.article-downloads {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}

/* Shared button base */
.dl-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--isj-font-body);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 5px 11px;
    text-decoration: none;
    transition: background var(--isj-t), border-color var(--isj-t), transform var(--isj-t), color var(--isj-t);
}
.dl-btn svg {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: .80;
}

/* PDF — Green theme */
.dl-btn--pdf {
    color: var(--isj-green);
    background: var(--isj-green-lt);
    border: 1px solid rgba(47, 94, 62, .20);
}
.dl-btn--pdf:hover {
    background: #cfe3d6;
    border-color: var(--isj-green);
    transform: translateY(-1px);
    color: var(--isj-green);
}

/* XML — Navy theme */
.dl-btn--xml {
    color: var(--isj-navy);
    background: #eef1f4;
    border: 1px solid rgba(31, 47, 62, .18);
}
.dl-btn--xml:hover {
    background: #dce4ec;
    border-color: var(--isj-navy);
    transform: translateY(-1px);
    color: var(--isj-navy);
}

/* HTML — Blue theme */
.dl-btn--html {
    color: var(--isj-blue);
    background: var(--isj-blue-lt);
    border: 1px solid rgba(58, 124, 165, .20);
}
.dl-btn--html:hover {
    background: #cce0ee;
    border-color: var(--isj-blue);
    transform: translateY(-1px);
    color: var(--isj-blue);
}

/* Arrow — Navy on hover */
.article-card__arrow {
    flex-shrink: 0;
    color: var(--isj-border);
    font-size: 1.1rem;
    transition: color var(--isj-t), transform var(--isj-t);
    margin-top: 2px;
    line-height: 1;
}
.article-card:hover .article-card__arrow {
    color: var(--isj-green);
    transform: translateX(4px);
}

/* ─── Pagination ─────────────────────────────────────── */
.archive-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 40px;
    flex-wrap: wrap;
}
.archive-pagination a {
    font-family: var(--isj-font-body);
    font-size: .78rem;
    font-weight: 500;
    width: 36px;
    height: 36px;
    border-radius: var(--isj-radius);
    border: 1px solid var(--isj-border);
    background: var(--isj-bg);
    color: var(--isj-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background var(--isj-t), border-color var(--isj-t), color var(--isj-t);
}
.archive-pagination a:hover {
    border-color: var(--isj-green);
    background: var(--isj-green-lt);
    color: var(--isj-green);
}
/* Active page — Navy */
.archive-pagination a.active {
    background: var(--isj-navy);
    border-color: var(--isj-navy);
    color: #fff;
    box-shadow: 0 2px 6px rgba(31, 47, 62, .30);
}
.archive-pagination a.active:hover {
    background: var(--isj-navy);
    color: #fff;
}

/* ─── Empty State ────────────────────────────────────── */
.archive-empty {
    text-align: center;
    padding: 88px 24px;
    background: var(--isj-bg);
    border: 1px solid var(--isj-border);
    border-radius: 10px;
}
.archive-empty__icon {
    font-size: 2.4rem;
    margin-bottom: 16px;
    opacity: .3;
    display: block;
}
.archive-empty h3 {
    font-family: var(--isj-font-title);
    font-size: 1.3rem;
    color: var(--isj-navy);
    margin: 0 0 8px;
}
.archive-empty p {
    font-family: var(--isj-font-body);
    font-size: .8rem;
    color: var(--isj-ink-muted);
    max-width: 340px;
    margin: 0 auto;
    line-height: 1.6;
}
/* Clear-filters link — Green */
.archive-empty p a {
    color: var(--isj-green);
    text-decoration: none;
    border-bottom: 1.5px solid var(--isj-green);
    padding-bottom: 1px;
    transition: opacity var(--isj-t);
}
.archive-empty p a:hover {
    opacity: .6;
    color: var(--isj-green);
}

/* ─── Responsive ─────────────────────────────────────── */
@media (max-width: 640px) {
    .archive-wrap {
        padding: 30px 14px 56px;
    }
    .archive-filters {
        padding: 15px;
        gap: 9px;
    }
    .archive-filters__actions {
        width: 100%;
    }
    .archive-filters .btn {
        flex: 1;
        justify-content: center;
    }
    .article-card {
        padding: 14px 15px;
        gap: 10px;
    }
    .volume-section {
        padding-left: 15px;
    }
    .year-header__num {
        font-size: 1.75rem;
    }
    .article-downloads {
        gap: 5px;
    }
    .dl-btn {
        font-size: .62rem;
        padding: 4px 9px;
    }
}/* End custom CSS */