/* ===== Immersion theme color overrides — Altechmind ===== */
/* Loads after theme CSS; overrides hardcoded black areas.   */
/* Does NOT modify theme files — upgrade-safe.                */

/* --- Search page sidebar/form --- */
.search__form {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e5e5e5;
}

/* Search form labels */
.search__form label,
.search__form legend,
.search__form .pkp_form label {
    color: #333333 !important;
}

/* Search form input fields */
.search__form input[type="text"],
.search__form input[type="number"],
.search__form select,
.search__form .pkp_form input {
    color: #333333 !important;
    border-bottom: 1px solid #999999 !important;
    background-color: transparent !important;
}

/* Search button */
.search__form button,
.search__form input[type="submit"] {
    background-color: #1a6ea0 !important; /* replace with client brand accent */
    color: #ffffff !important;
    border: none;
}

/* --- Header / top navigation bar --- */
.main-header {
    background-color: #ffffff !important;
}

/* Header nav links — make dark text on the now-light header */
.main-header a,
.main-header .nav-link,
.main-header li a {
    color: #333333 !important;
}

/* Remove the white "boxes" behind nav items (they were white-on-black) */
.main-header .nav-link,
.main-header li a {
    background-color: transparent !important;
}


/* ===== Page title typography — match demo ===== */

/* Page header title (e.g. "About the Journal") */
.page-header h1,
.page-header .h1 {
    font-weight: 500 !important;      /* lighter than the theme's 700 */
    font-size: 1.75rem !important;    /* down from 2.5rem — tune to taste */
    letter-spacing: -0.015em !important;
    margin: 2rem 0 1rem 0 !important;
}

/* If the demo centers the page title, uncomment: */
/*
.page-header h1,
.page-header .h1 {
    text-align: center !important;
}
*/

/* Optional: larger screens keep it controlled */
@media (min-width: 1200px) {
    .page-header h1,
    .page-header .h1 {
        font-size: 1.9rem !important;
    }
}


.main-header__nav-link {
    padding: .25em .5em;
    background-color: #fff;
    margin: 0 1vw !important;
}




/* =========================================================
   Altechmind — Immersion Theme Custom Overrides
   Loads AFTER theme CSS. Does NOT edit theme files.
   Upgrade-safe. Upload via Appearance > Custom Stylesheet.
   ========================================================= */

/* ---------- HEADINGS: lighter weight + smaller scale ----------
   Keeps theme's Spectral serif; softens the heavy 700 weight
   and oversized headings to match the demo's lighter feel.     */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
legend {
    font-family: 'Spectral', serif !important;
    font-weight: 500 !important;          /* was 700 — lighter */
    letter-spacing: -0.015em !important;
    line-height: 1.25 !important;
}

/* Type scale (approximate demo sizing) */
h1, .h1 { font-size: 2rem !important; }
h2, .h2 { font-size: 1.6rem !important; }
h3, .h3 { font-size: 1.35rem !important; }
h4, .h4 { font-size: 1.15rem !important; }
h5, .h5 { font-size: 1rem !important; }
h6, .h6 { font-size: 0.9rem !important; }

/* Page title (e.g. "About the Journal") */
.page-header h1,
.page-header .h1 {
    font-weight: 500 !important;
    font-size: 1.9rem !important;
    margin: 2rem 0 1rem 0 !important;
}

/* Larger screens: keep h1 controlled (theme bumped to 2.5rem) */
@media (min-width: 1200px) {
    h1, .h1 { font-size: 2.1rem !important; }
    .page-header h1, .page-header .h1 { font-size: 2rem !important; }
}

/* ---------- SEARCH PAGE: fix black sidebar/form ---------- */
.search__form {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #e5e5e5;
}
.search__form label,
.search__form legend,
.search__form .pkp_form label {
    color: #333333 !important;
}
.search__form input[type="text"],
.search__form input[type="number"],
.search__form select,
.search__form .pkp_form input {
    color: #333333 !important;
    border-bottom: 1px solid #999999 !important;
    background-color: transparent !important;
}
.search__form button,
.search__form input[type="submit"] {
    background-color: #1a6ea0 !important;  /* replace w/ client brand accent */
    color: #ffffff !important;
    border: none;
}

/* ---------- HEADER / TOP NAV: fix black bar ---------- */
.main-header {
    background-color: #ffffff !important;
}
.main-header a,
.main-header .nav-link,
.main-header li a {
    color: #333333 !important;
    background-color: transparent !important;
}


/* ---------- PAGE CONTENT: top rule under title (match demo) ---------- */
.page-content {
    border-top: 1px solid #ccc !important;
    padding-top: 3rem !important;
    margin-bottom: 3rem !important;
    font-size: 20px !important;
    line-height: 30px !important;
}
.page-header .row,
.row.page-header {
    justify-content: center !important;
}

.page-content {
    margin-bottom: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #ccc;   /* ← this is the line */
    font-size: 20px;
    line-height: 30px;
}

/* Page content top rule (line under title) — match demo */
.page-content {
    border-top: 1px solid #ccc !important;
    padding-top: 3rem !important;
    margin-bottom: 3rem !important;
}