a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}

/* =========================================
   JOURNAL HEADER
   ========================================= */

/* Full-width black header */
.header {
    width: 100%;
    background: #14213d !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================
   HEADER CONTENT WIDTH
   ========================================= */

/*
 * The black background stays full width.
 * The actual header content is kept centered.
 */

.header .upper-header,
.header .lower-header {
    max-width: 1460px;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================
   TOP HEADER
   Journal name + user menu
   ========================================= */

.header .upper-header {
    display: flex;
    align-items: center;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}


/* Journal title column */

.header .logo-wrapper {
    margin: 0 !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    padding-left: 0 !important;
}


/* Journal title */

.header .journal-logo-text {
    margin: 0 !important;
    line-height: 1.2 !important;
}


/* User navigation column */

.header #user-nav-wraper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}


/* User navigation */

.header #navigationUser {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* User link */

.header #navigationUser > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


/* =========================================
   MAIN NAVIGATION
   ========================================= */

.header .lower-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #222;
    min-height: 0 !important;
}


/* Primary navigation */

.header #navigationPrimary {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* Navigation items */

.header #navigationPrimary > li {
    margin: 0 !important;
    padding: 0 !important;
}


/* Navigation links */

.header #navigationPrimary > li > a {
    display: block;
    margin: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 0 !important;
    padding-right: 45px !important;
    border: 0 !important;
    text-decoration: none !important;
}


/* Navigation hover */

.header #navigationPrimary > li > a:hover,
.header #navigationPrimary > li > a:focus {
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
}


/* =========================================
   REMOVE BOOTSTRAP TAB STYLING
   ========================================= */

.header .nav-tabs {
    border-bottom: 0 !important;
}

.header .nav-link {
    border: 0 !important;
}


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

.header .navigation-dropdown {
    margin-top: 0 !important;
}


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

@media (max-width: 1500px) {

    .header .upper-header,
    .header .lower-header {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

}


@media (max-width: 768px) {

    .header .upper-header {
        display: block;
    }

    .header .logo-wrapper {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 20px !important;
    }

    .header #user-nav-wraper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .header .lower-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .header #navigationPrimary {
        display: block;
    }

    .header #navigationPrimary > li > a {
        padding: 12px 15px !important;
    }

}


/* =========================================
   CUSTOM JOURNAL FOOTER
   ========================================= */
   
/* OJS footer outer wrapper */

.site-footer,
.site-footer .container-footer,
.site-footer .additional-footer-info,
.site-footer .user-page-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    font-family: inherit;
}


/* Remove theme positioning/floating */

.site-footer .additional-footer-info,
.site-footer .user-page-footer {
    float: none !important;
    display: block !important;
}


.custom-journal-footer {
    width: 100%;
    margin: 0 auto;
    padding: 45px 0 0;
}


/* =========================================
   MAIN FOOTER CONTENT
   ========================================= */

.custom-footer-content {
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 30px;

    display: grid;
    grid-template-columns:
        1.5fr
        1fr
        1fr
        1fr
        1fr;

    column-gap: 40px;
    row-gap: 40px;

    box-sizing: border-box;
}


/* =========================================
   FOOTER COLUMNS
   ========================================= */

.custom-footer-column {
    min-width: 0;
    margin: 0;
    padding: 0;
}


/* First column divider */

.custom-footer-about {
    padding-right: 35px;
    border-right: 1px solid #d8d8d8;
}


/* =========================================
   HEADINGS
   ========================================= */

.custom-footer-column h3 {
    margin-top: 0;
    margin-bottom: 18px;
}

.custom-footer-column h4 {
    margin-top: 0;
    margin-bottom: 16px;
}


/* =========================================
   JOURNAL INFORMATION TEXT
   ========================================= */

.custom-footer-column p {
    margin-top: 0;
    margin-bottom: 14px;
    line-height: 1.7;
    font-family: inherit;
}


/* =========================================
   FOOTER LINKS
   ========================================= */

.custom-footer-column a {
    display: block;
    margin: 0 0 9px;
    padding: 0;
    font-family: inherit;
    text-decoration: none;
}

.custom-footer-column a:hover {
    text-decoration: underline;
}


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

.custom-footer-bottom {
    width: 100%;
    max-width: 1460px;

    margin: 40px auto 0;
    padding: 18px 30px;

    border-top: 1px solid #d8d8d8;

    box-sizing: border-box;
}

.custom-footer-copyright {
    margin: 0;
    text-align: center;
}


/* =========================================
   REMOVE OJS / PKP BRANDING
   ========================================= */

.pkpbrand-wrapper {
    display: none !important;
}


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

@media (max-width: 1100px) {

    .custom-footer-content {
        grid-template-columns:
            1.4fr
            1fr
            1fr;

        column-gap: 35px;
    }

    .custom-footer-about {
        padding-right: 25px;
    }
}


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

@media (max-width: 768px) {

    .custom-journal-footer {
        padding-top: 30px;
    }

    .custom-footer-content {
        width: 100%;
        max-width: 100%;

        grid-template-columns: 1fr;

        gap: 30px;

        padding-left: 20px;
        padding-right: 20px;
    }

    .custom-footer-column {
        width: 100%;
    }

    .custom-footer-about {
        padding-right: 0;
        padding-bottom: 25px;

        border-right: 0;
        border-bottom: 1px solid #d8d8d8;
    }

    .custom-footer-bottom {
        max-width: 100%;

        margin-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


.pkpbrand-wrapper {
    display: none !important;
} 


/* Tablets */
@media (min-width: 768px) and (max-width: 1024px) {
  .homepage_image {
    min-height: 30vh;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .homepage_image {
    min-height: 20vh;
  }
}

/* =========================================
   HOMEPAGE v2 (hero, cards, facts, CTA)
   ========================================= */
.additional_content { max-width: 1000px; margin: 0 auto; padding: 28px 16px 48px; color: #1f2933; font-size: 16px; line-height: 1.7; text-align: left; }
.additional_content h2, .additional_content h3, .additional_content h4 { font-family: Georgia, 'Times New Roman', serif; line-height: 1.25; }
.additional_content p { margin: 0 0 1rem; }
.additional_content a { color: #14213d; text-underline-offset: 3px; }
.additional_content a:hover { color: #8a6e00; }

/* Hero */
.ijms-hero { background: linear-gradient(135deg, #14213d 0%, #1d3461 100%); color: #fff; border-radius: 14px; padding: 48px 36px; margin-bottom: 40px; border-bottom: 5px solid #a88703; }
.ijms-hero .ijms-kicker { color: #e6c35c; letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; font-weight: 700; margin-bottom: .6rem; }
.ijms-hero h2 { color: #fff; font-size: 2.3rem; margin: 0 0 .8rem; }
.ijms-hero .ijms-lead { font-size: 1.15rem; color: #dbe3f0; max-width: 700px; }
.ijms-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 1.2rem 0 1.6rem; }
.ijms-badges span { border: 1px solid #e6c35c; color: #f5e4a8; padding: 4px 14px; border-radius: 999px; font-size: .85rem; font-weight: 600; }

/* Buttons */
.additional_content .ijms-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.additional_content a.ijms-btn { display: inline-block; padding: 12px 24px; border-radius: 8px; font-weight: 700; text-decoration: none; border: 2px solid transparent; transition: transform .12s, background .15s, color .15s; }
.additional_content a.ijms-btn:hover { transform: translateY(-2px); }
.additional_content a.ijms-btn-gold { background: #a88703; color: #14213d; }
.additional_content a.ijms-btn-gold:hover { background: #c19d0a; color: #14213d; }
.additional_content a.ijms-btn-light { border-color: #fff; color: #fff; background: transparent; }
.additional_content a.ijms-btn-light:hover { background: #fff; color: #14213d; }

/* Sections */
.ijms-section { margin-bottom: 40px; }
.ijms-section h3 { font-size: 1.6rem; color: #14213d; margin: 0 0 1rem; padding-left: 14px; border-left: 5px solid #a88703; }

/* Cards */
.ijms-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.ijms-card { background: #fff; border: 1px solid #e3e6ea; border-top: 4px solid #a88703; border-radius: 10px; padding: 20px 22px; box-shadow: 0 2px 8px rgba(20,33,61,.06); }
.ijms-card h4 { margin: 0 0 .4rem; font-size: 1.1rem; color: #14213d; }
.ijms-card p { margin: 0; font-size: .95rem; color: #52606d; }

/* Facts */
.ijms-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.ijms-facts div { background: #f4f4f9; border-radius: 10px; padding: 16px 18px; }
.ijms-facts span { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: #6b7785; margin-bottom: 4px; }
.ijms-facts strong { font-size: 1.05rem; color: #14213d; }

/* CTA */
.ijms-cta { background: #f4f4f9; border: 1px solid #e3e6ea; border-left: 6px solid #a88703; border-radius: 12px; padding: 30px 32px; }
.ijms-cta h3 { margin: 0 0 .4rem; color: #14213d; font-size: 1.5rem; }
.additional_content .ijms-cta a.ijms-btn-light { border-color: #14213d; color: #14213d; }
.additional_content .ijms-cta a.ijms-btn-light:hover { background: #14213d; color: #fff; }

@media (max-width: 600px) {
  .ijms-hero { padding: 32px 22px; }
  .ijms-hero h2 { font-size: 1.7rem; }
  .additional_content a.ijms-btn { width: 100%; text-align: center; }
  .ijms-cta { padding: 24px 20px; }
}

/* keep buttons free of the global underline-on-hover rule */
.additional_content a.ijms-btn,
.additional_content a.ijms-btn:hover { text-decoration: none !important; }


/* =========================================
   HOMEPAGE SPACING (gap kam karna)
   ========================================= */

/* Sections ke upar-neeche ka extra space hatao */
.page_index_journal .container-page > section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Hero image ke neeche, Announcements ke upar */
.page_index_journal .announcements {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.announcements .row,
.announcements .announcement,
.announcements .announcement_title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Journal content: Announcements ke turant baad, container ke left edge se */
.additional_content {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 48px 0 !important;
}
/* =========================================
   REDUCE SPACE ABOVE & INSIDE FOOTER
   ========================================= */

.additional_content {
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
}

.page_index_journal .container-page,
.container-page {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

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

.site-footer .container-footer,
.site-footer .additional-footer-info,
.site-footer .user-page-footer {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.custom-journal-footer {
    padding-top: 40px !important;
}
/* =========================================
   HEADER NAVY (force all inner parts)
   ========================================= */
body .header,
body .header .upper-header,
body .header .lower-header,
body .header .navbar,
body .header .container-fluid,
body .header #navigationPrimary,
body .header #navigationUser {
    background: #14213d !important;
    background-color: #14213d !important;
}

body .header .lower-header {
    border-top: 1px solid #2f4373 !important;
}

body .header #navigationPrimary > li > a:hover,
body .header #navigationPrimary > li > a:focus {
    color: #e6c35c !important;
}

/* =========================================
   BOXED LAYOUT (dono side space)
   ========================================= */

/* Side ka background (pehli site jaisa light grey) */
html {
    background: #e9ecf1 !important;
}

/* Poori site ek centered box mein */
body {
    max-width: 1200px !important;   /* chahe to 1100 / 1140 / 1280 kar lo */
    margin: 0 auto !important;
    background: #fff !important;
    box-shadow: 0 0 18px rgba(20, 33, 61, 0.12);
    min-height: 100vh;
    overflow-x: hidden;
}

/* Ab header/footer ke andar ka 1460px wala limit hata do,
   kyunki body khud 1200px pe limit ho gayi hai */
.header .upper-header,
.header .lower-header,
.custom-footer-content,
.custom-footer-bottom {
    max-width: 100% !important;
}

/* Box ke andar thoda padding, taaki text edge se chipka na rahe */
.header .upper-header,
.header .lower-header {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Chhoti screen par box ki zaroorat nahi */
@media (max-width: 1230px) {
    body {
        max-width: 100% !important;
        box-shadow: none;
    }
    html {
        background: #fff !important;
    }
}

/* =========================================
   BOXED LAYOUT (final)
   ========================================= */

html {
    background: #e9ecf1 !important;
    overflow-y: scroll;
}

body {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    background: #fff !important;
    box-shadow: 0 0 18px rgba(20, 33, 61, 0.12);
    min-height: 100vh;
    overflow-x: hidden;
}

.header .upper-header,
.header .lower-header,
.custom-footer-content,
.custom-footer-bottom {
    max-width: 100% !important;
}

.header .upper-header,
.header .lower-header {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media (max-width: 1230px) {
    html { background: #fff !important; }
    body { max-width: 100% !important; box-shadow: none; }
}

/* =========================================
   BOXED LAYOUT (FINAL - sirf yehi rakho)
   ========================================= */

/* Dono side ka same color, sirf yahin se aayega */
html {
    background: #e9ecf1 !important;
    overflow-y: scroll;
}

/* body ko bilkul plain rakho */
body {
    background: transparent !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Andar ke saare main parts 1080px ke white box mein */
body > * {
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #fff;
    box-sizing: border-box;
}

/* Header navy hi rahe */
body > .header {
    background: #14213d !important;
}

/* Header/footer ke andar ka purana bada limit hatao */
.header .upper-header,
.header .lower-header,
.custom-footer-content,
.custom-footer-bottom {
    max-width: 100% !important;
}

.header .upper-header,
.header .lower-header {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Chhoti screen par full width */
@media (max-width: 1100px) {
    html { background: #fff !important; }
    body > * { max-width: 100% !important; }
}

/* =========================================
   WHITE SIDES + CENTERED BOX
   ========================================= */

html,
body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-shadow: none !important;
}

/* Saare main parts 1080px mein center */
body > * {
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* Header navy rahe */
body > .header {
    background: #14213d !important;
}

/* Header ke andar ka purana limit hatao */
.header .upper-header,
.header .lower-header {
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media (max-width: 1100px) {
    body > * { max-width: 100% !important; }
}
/* =========================================
   BOX WIDTH (side gap kam)
   ========================================= */

body > * {
    max-width: 1200px !important;
}

@media (max-width: 1230px) {
    body > * { max-width: 100% !important; }
}
/* =========================================
   FIX: HEADER FULL-WIDTH (boxed layout se exclude karo)
   ========================================= */

/* Header ko poori screen width pe rakho, boxed container se bahar */
body > .header {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Header ke andar ka content wahi 1200px centered rahe (jaisa content ke liye hai) */
.header .upper-header,
.header .lower-header {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =========================================
   FIX: NAV LINKS WHITE COLOR
   ========================================= */

.header #navigationPrimary > li > a,
.header #navigationUser > li > a,
.header .journal-logo-text,
.header .journal-logo-text a {
    color: #ffffff !important;
}

/* Hover pe gold hi rahe (jaisa pehle se set hai) */
.header #navigationPrimary > li > a:hover,
.header #navigationPrimary > li > a:focus {
    color: #e6c35c !important;
}

/* =========================================
   FINAL: HEADER BLUE FULL-WIDTH (box-shadow trick)
   Content same jagah, sirf blue dono side phailega
   ========================================= */

body > .header,
.header {
    position: relative !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #14213d !important;

}

/* Lower header ki line bhi blue ke saath phailegi */
.header .lower-header {
    border-top: 1px solid #2f4373 !important;
}

/* Horizontal scrollbar na aaye */
html, body {
    overflow-x: clip !important;
}
/* Navigation ke upar ki line remove */
body .header .lower-header,
.header .lower-header {
    border-top: none !important;
    border: none !important;
    box-shadow: none !important;
}

.header .lower-header::before,
.header .lower-header::after {
    display: none !important;
    content: none !important;
}
/* Blue sirf left-right phailega, dropdown clip nahi hoga */
body > .header,
.header {
    overflow: visible !important;
}

/* Dropdown header ke upar dikhe */
.header .navigation-dropdown,
.header .dropdown-menu {
    z-index: 9999 !important;
}

/* Phone par extra effect ki zaroorat nahi */
@media (max-width: 1230px) {
    .header {
        box-shadow: none !important;
    }
}
/* Header height ek jagah se control hogi */
:root {
    --header-h: 118px;   /* sirf yeh number adjust karna hai */
}

@media (min-width: 1231px) {
    html {
        background:
            linear-gradient(#14213d, #14213d) top left / 100% var(--header-h) no-repeat,
            #ffffff !important;
    }

    body {
        background: transparent !important;
    }

    /* Header ki height band ke barabar fix */
    body .header {
        height: var(--header-h) !important;
        min-height: var(--header-h) !important;
        box-sizing: border-box !important;
        background: #14213d !important;
        overflow: visible !important;   /* About dropdown na kate */
    }

    /* Header ke neeche koi extra gap na ho */
    body .header + *,
    body .header ~ .container-page,
    body .header ~ main {
        margin-top: 0 !important;
    }
}
/* =========================================
   FINAL: HEADER BLUE FULL-WIDTH (stable)
   ========================================= */

/* Pichle fixes reset */
html {
    background: #ffffff !important;
}

html, body {
    overflow-x: clip !important;
}

/* Header apni jagah (1200px box), height automatic */
body .header,
.header {
    position: relative !important;
    isolation: isolate !important;   /* alag layer, white ke peeche nahi jaayega */
    height: auto !important;
    min-height: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    overflow: visible !important;    /* About dropdown na kate */
}

/* Blue layer: header ke saath barabar, dono side screen ke kinare tak */
.header::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 100vw !important;
    transform: translateX(-50%) !important;
    background: #14213d !important;
    z-index: -1 !important;
    pointer-events: none;
}

/* Andar ke parts transparent, taaki blue layer dikhe */
body .header .upper-header,
body .header .lower-header,
body .header .navbar,
body .header .container-fluid,
body .header #navigationPrimary,
body .header #navigationUser {
    background: transparent !important;
    background-color: transparent !important;
}

/* Navigation ke upar ki line nahi chahiye */
body .header .lower-header {
    border: none !important;
}
.header .lower-header::before,
.header .lower-header::after {
    display: none !important;
}

/* Dropdown upar dikhe */
.header .navigation-dropdown,
.header .dropdown-menu {
    z-index: 9999 !important;
}
/* Header aur banner image ke beech gap */
body .header {
    margin-bottom: 25px !important;
}

/* =========================================
   PHONE MENU FIX (final, simple)
   Menu khulega, container ko chhua nahi gaya
   ========================================= */

/* Tap par default highlight/flash band */
.header a,
.header button,
.ijms-footer a {
    -webkit-tap-highlight-color: transparent !important;
}

/* Header links par underline nahi */
.header a,
.header a:hover,
.header a:focus,
.header a:active {
    text-decoration: none !important;
}

@media (max-width: 991px) {

    /* Menu list navy, text white */
    body #navigationPrimary,
    body #navigationUser {
        background: #14213d !important;
    }

    body #navigationPrimary a,
    body #navigationPrimary a:visited,
    body #navigationPrimary a:hover,
    body #navigationPrimary a:focus,
    body #navigationPrimary a:active,
    body #navigationUser a,
    body #navigationUser a:hover,
    body #navigationUser a:focus,
    body #navigationUser a:active {
        color: #ffffff !important;
        background: transparent !important;
        font-weight: normal !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* About dropdown navy */
    body .navigation-dropdown,
    body .dropdown-menu {
        background: #1d3461 !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* Footer links: touch par bold/white nahi */
@media (hover: none) {
    .ijms-footer a:hover,
    .ijms-footer a:focus,
    .ijms-footer a:active {
        color: #dbe3f0 !important;
        font-weight: normal !important;
    }
}
/* Phone menu drawer navy (height/position ko nahi chhua) */
@media (max-width: 991px) {
    body .header :has(> #navigationPrimary),
    body .navbar-collapse,
    body .offcanvas,
    body .mobile-menu,
    body .menu-wrapper {
        background: #14213d !important;
    }
}

/* =========================================
   HIDE THE SHARED "JOURNAL DESCRIPTION" ON THE BANNER
   The Journal description is ONE field: Scholar Unity's journal list uses
   it, and this theme also prints it over the homepage banner image.
   These rules remove ONLY the text over the banner. The image stays.
   Scholar Unity's journal list is not affected (different site CSS).
   ========================================= */

/* the description blocks (different theme versions use different names) */
.page_index_journal .homepage_about,
.page_index_journal .journal-description,
.page_index_journal .journal_summary,
.page_index_journal .homepage-about,
.page_index_journal .about_journal {
    display: none !important;
}

/* any heading / paragraph / list inside the banner box, unless it holds
   the image itself (so the image or its link can never disappear) */
.page_index_journal .homepage_image :is(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table):not(:has(img)) {
    display: none !important;
}

/* =========================================
   FOOTER: NO WHITE STRIP AT THE BOTTOM
   The strip under the copyright line comes from the theme's outer footer
   wrapper (background + bottom padding). Make the whole footer navy and
   remove the empty space below it.
   To change the colour: change #14213d (same navy as the header).
   ========================================= */

.site-footer,
.site-footer .container-footer,
.site-footer .additional-footer-info,
.site-footer .user-page-footer,
body > footer,
body > .footer {
    background: #14213d !important;
    background-color: #14213d !important;
}

.site-footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.site-footer .container-footer,
.site-footer .additional-footer-info,
.site-footer .user-page-footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* anything the theme adds AFTER the footer (hidden branding box, spacer) */
.site-footer ~ *:not(script):not(style):not([id^="tawk"]):not(iframe) {
    background: #14213d !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* the page itself never ends in white below the footer */
body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}