
/* =========================================================
   YZRI PUBLISHING
   COMPLETE CUSTOM CSS
   OPEN JOURNAL SYSTEMS (OJS) 3.3
   =========================================================

   COLOR PALETTE
   Navy       #0E323F
   Champagne  #D8B875
   Ivory      #F7F3EA
   Footer     #FFFFFF
   Border     #777777

   BACKGROUND IMAGE
   https://i.pinimg.com/736x/50/04/26/50042624139498ab2324d5f18b8c3990.jpg

   DESIGN:
   - Background image on outer page
   - Original OJS header colors preserved
   - Original OJS navigation preserved
   - Original article and sidebar design preserved
   - About the Journal title removed
   - Custom YZRI footer with white background
   - YZRI Our Journals
   - YZRI Main Portal
   - Soft grey footer borders
   - Responsive desktop, tablet and mobile

   ========================================================= */


/* =========================================================
   01. GLOBAL BACKGROUND
   ========================================================= */

html {
    min-height: 100%;
    background-color: #F7F3EA !important;
    background-image: url("https://i.pinimg.com/736x/50/04/26/50042624139498ab2324d5f18b8c3990.jpg") !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

body {
    min-height: 100vh;
    margin: 0;
    background-color: transparent !important;
    background-image: none !important;
}

/*
   IMPORTANT:
   HEADER AND NAVIGATION ARE NOT OVERRIDDEN.

   The following elements retain their original
   colors and appearance from the active OJS theme:

   .pkp_structure_page
   .pkp_structure_head
   .pkp_structure_header
   .pkp_head_wrapper
   .pkp_site_name_wrapper
   .pkp_navigation_primary_wrapper
   .pkp_navigation_user_wrapper

   Article content and sidebar also retain
   their original theme styling.
*/


/* =========================================================
   02. HIDE ABOUT THE JOURNAL PAGE TITLE
   ========================================================= */

body.pkp_page_about .page_title,
body.pkp_page_about h1.page_title,
body.pkp_page_about .page-header h1,
.pkp_page_about .page_title {
    display: none !important;
}

body.pkp_page_about .page_title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

@supports selector(.page-header:has(.page_title)) {
    body.pkp_page_about .page-header:has(.page_title) {
        display: none !important;
    }
}


/* =========================================================
   03. YZRI FOOTER
   WHITE BACKGROUND
   ========================================================= */

/* FOOTER BACKGROUND */
.pkp_structure_footer_wrapper {
    background-color: #FFFFFF !important;
    border-top: 1px solid #777777 !important;
    margin-top: 0;
    color: #333333 !important;
}

/* MAIN FOOTER */
.pkp_structure_footer {
    background-color: #FFFFFF !important;
    color: #333333 !important;
    text-align: left;
}

/* FOOTER CONTENT */
.pkp_footer_content {
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 32px 18px;
    background-color: #FFFFFF !important;
    color: #333333 !important;
    font-size: 14px;
    line-height: 1.8;
}

/* FOOTER BASE */
.yzri-footer {
    width: 100%;
    box-sizing: border-box;
    background-color: #FFFFFF !important;
    color: #333333 !important;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.8;
}

/* FOOTER GRID */
.yzri-footer__grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 36px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    align-items: start;
}

/* COLUMN BASE */
.yzri-footer__brand,
.yzri-footer__journals,
.yzri-footer__commitment {
    min-width: 0;
}

/* BRAND NAME */
.yzri-footer__name {
    margin: 0 0 7px;
    color: #333333 !important;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.35px;
}

/* BRAND TAGLINE */
.yzri-footer__tagline {
    margin: 0 0 12px;
    color: #666666 !important;
    font-size: 14px;
    line-height: 1.7;
}

/* BRAND DESCRIPTION */
.yzri-footer__brand p {
    margin: 8px 0;
    color: #333333 !important;
}

/* DECORATIVE RULE */
.yzri-footer__rule {
    width: 42px;
    height: 2px;
    background-color: #777777 !important;
    margin: 22px 0 14px;
}

/* PUBLISHING DESCRIPTION */
.yzri-footer__publishing {
    margin: 0;
    color: #333333 !important;
}

/* SECTION HEADING */
.yzri-footer__section h3 {
    color: #333333 !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.7px;
    margin: 0 0 20px;
}

/* GENERAL HEADINGS */
.yzri-footer__journals h3,
.yzri-footer__commitment h3,
.yzri-footer__journals h4,
.yzri-footer__commitment h4 {
    color: #333333 !important;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.5px;
    margin: 0 0 18px;
}

/* JOURNAL ITEMS */
.yzri-footer__journal-item {
    margin-bottom: 18px;
}

.yzri-footer__journal-item:last-child {
    margin-bottom: 0;
}

.yzri-footer__journal {
    margin: 0 0 5px;
}

/* JOURNAL LINKS */
.yzri-footer__journal a {
    color: #444444 !important;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.yzri-footer__journal a:hover,
.yzri-footer__journal a:focus {
    color: #777777 !important;
    text-decoration: underline;
}

/* JOURNAL DESCRIPTION */
.yzri-footer__description {
    margin: 0;
    color: #555555 !important;
    font-size: 13px;
    line-height: 1.7;
}

/* JOURNAL TEXT */
.yzri-footer__journals p,
.yzri-footer__commitment p {
    margin: 0 0 10px;
    color: #333333 !important;
}

.yzri-footer__journals strong,
.yzri-footer__journals b {
    color: #333333 !important;
    font-weight: 700;
}

/* COMMITMENT DESCRIPTION */
.yzri-footer__section > p {
    color: #555555 !important;
    font-size: 13px;
    line-height: 1.7;
    margin: 0 0 10px;
}

/* FOOTER LINKS */
.yzri-footer a {
    color: #444444 !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.yzri-footer a:hover,
.yzri-footer a:focus {
    color: #777777 !important;
    text-decoration: underline;
}

/* COPYRIGHT */
.yzri-footer__copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 28px;
    padding-top: 16px;
    border-top: 1px solid #777777 !important;
    color: #555555 !important;
    font-size: 12px;
    line-height: 1.7;
}

.yzri-footer__copyright-text {
    display: block;
}

/* OJS PLATFORM CREDIT */
.yzri-footer__platform {
    margin-left: auto;
    color: #555555 !important;
    text-align: right;
    white-space: normal;
}

.yzri-footer__platform a {
    color: #444444 !important;
    font-weight: 600;
    text-decoration: none;
}

.yzri-footer__platform a:hover,
.yzri-footer__platform a:focus {
    color: #777777 !important;
    text-decoration: underline;
}

/* HIDE ORIGINAL PKP BRANDING */
.pkp_brand_footer {
    display: none !important;
}


/* =========================================================
   04. YZRI OUR JOURNALS PAGE
   ========================================================= */

.yzri-journals {
    --navy: #0E323F;
    --gold: #D8B875;
    --ivory: #F7F3EA;
    --text: #34454A;

    font-family: Arial, Helvetica, sans-serif;
    color: var(--text);
    line-height: 1.75;
    margin: 25px auto;
}

.yzri-journals * {
    box-sizing: border-box;
}

/* INTRODUCTION */
.yzri-journals__intro {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 38px;
}

.yzri-journals__eyebrow {
    color: #8A6B36;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.yzri-journals__intro h1 {
    color: var(--navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    line-height: 1.3;
    margin: 0 0 15px;
}

.yzri-journals__intro p {
    font-size: 15px;
    margin: 0;
}

/* DECORATIVE LINE */
.yzri-journals__rule {
    width: 75px;
    height: 3px;
    background: var(--gold);
    margin: 20px auto;
}

/* JOURNAL GRID */
.yzri-journals__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    max-width: 1050px;
    margin: 0 auto;
}

/* JOURNAL CARD */
.yzri-journals__card {
    background: #FFFFFF;
    border: 1px solid #E5E0D7;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* CARD TOP ACCENT */
.yzri-journals__card-top {
    height: 7px;
    background: var(--navy);
}

.yzri-journals__card--equatoria .yzri-journals__card-top {
    background: #652D3C;
}

.yzri-journals__card--japetra .yzri-journals__card-top {
    background: #285943;
}

/* CARD BODY */
.yzri-journals__card-body {
    padding: 28px 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

/* CARD LABEL */
.yzri-journals__label {
    color: #8A6B36;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin: 0 0 8px;
}

/* JOURNAL TITLE */
.yzri-journals__card h2 {
    color: var(--navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    margin: 0 0 7px;
    line-height: 1.35;
}

.yzri-journals__card--equatoria h2 {
    color: #652D3C;
}

.yzri-journals__card--japetra h2 {
    color: #285943;
}

/* SUBTITLE */
.yzri-journals__subtitle {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 17px;
    line-height: 1.6;
}

/* DESCRIPTION */
.yzri-journals__description {
    font-size: 14px;
    margin: 0 0 24px;
}

/* BUTTON */
.yzri-journals__button {
    display: inline-block;
    margin-top: auto;
    background: var(--navy);
    color: #FFFFFF !important;
    padding: 11px 19px;
    text-decoration: none !important;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 700;
    transition: opacity 0.2s ease;
}

.yzri-journals__card--equatoria .yzri-journals__button {
    background: #652D3C;
}

.yzri-journals__card--japetra .yzri-journals__button {
    background: #285943;
}

.yzri-journals__button:hover,
.yzri-journals__button:focus {
    opacity: 0.85;
    text-decoration: none !important;
}

/* CLOSING MESSAGE */
.yzri-journals__closing {
    margin: 35px auto 0;
    padding: 23px;
    background: var(--ivory);
    border-left: 3px solid var(--gold);
    max-width: 1050px;
    text-align: center;
}

.yzri-journals__closing p {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    color: var(--navy);
}


/* =========================================================
   05. YZRI MAIN PORTAL
   ========================================================= */

.yzri-portal {
    --yzri-teal: #0e323f;
    --yzri-teal-light: #194957;
    --yzri-gold: #c8aa68;
    --yzri-ivory: #f7f5ef;
    --yzri-white: #ffffff;
    --yzri-text: #34434a;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: var(--yzri-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.75;
    box-sizing: border-box;
}

.yzri-portal *,
.yzri-portal *::before,
.yzri-portal *::after {
    box-sizing: border-box;
}

.yzri-portal h1,
.yzri-portal h2,
.yzri-portal h3,
.yzri-portal p {
    margin-top: 0;
}

.yzri-portal h1,
.yzri-portal h2,
.yzri-portal h3 {
    line-height: 1.25;
}

.yzri-portal a {
    text-decoration: none;
}


/* =========================================================
   06. HERO SECTION
   ========================================================= */

.yzri-portal .yzri-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 680px;
}

.yzri-portal .yzri-eyebrow {
    margin-bottom: 16px;
    color: #92743a;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.6;
}

.yzri-portal .yzri-hero h1 {
    margin-bottom: 16px;
    color: var(--yzri-teal);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 600;
    letter-spacing: -0.8px;
    line-height: 1.16;
}

.yzri-portal .yzri-gold-line {
    width: 76px;
    height: 3px;
    margin: 0 0 22px;
    background: var(--yzri-gold);
}

.yzri-portal .yzri-hero-description {
    max-width: 590px;
    margin-bottom: 22px;
    color: #49575c;
    font-size: 14px;
    line-height: 1.8;
}

/* HERO ACTIONS */
.yzri-portal .yzri-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* BUTTON BASE */
.yzri-portal .yzri-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    padding: 12px 20px;
    border: 1px solid var(--yzri-teal);
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: 1.4;
    text-align: center;
    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

/* PRIMARY BUTTON */
.yzri-portal .yzri-button-primary {
    background: var(--yzri-teal);
    color: #FFFFFF !important;
}

.yzri-portal .yzri-button-primary:hover {
    background: var(--yzri-teal-light);
    border-color: var(--yzri-teal-light);
}

/* OUTLINE BUTTON */
.yzri-portal .yzri-button-outline {
    border-color: var(--yzri-gold);
    background: rgba(255, 255, 255, 0.25);
    color: var(--yzri-teal) !important;
}

.yzri-portal .yzri-button-outline:hover {
    background: #efe7d5;
}


/* =========================================================
   07. PUBLICATION PANEL
   ========================================================= */

.yzri-portal .yzri-hero-panel {
    position: relative;
    z-index: 1;
    justify-self: end;
    width: 100%;
    max-width: 340px;
    padding: 26px 24px 18px;
    border: 1px solid #e7dfce;
    border-top: 3px solid var(--yzri-gold);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 32px rgba(14, 50, 63, 0.08);
}

.yzri-portal .yzri-panel-label {
    margin-bottom: 16px;
    color: #92743a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

/* PUBLICATION ITEM */
.yzri-portal .yzri-publication-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 17px 0;
    border-bottom: 1px solid #eae5db;
}

/* PUBLICATION NUMBER */
.yzri-portal .yzri-publication-number {
    flex: 0 0 auto;
    color: var(--yzri-gold);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 29px;
    line-height: 1;
}

/* PUBLICATION TITLE */
.yzri-portal .yzri-publication-item h3 {
    margin-bottom: 5px;
    color: var(--yzri-teal);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
}

/* PUBLICATION DESCRIPTION */
.yzri-portal .yzri-publication-item p {
    margin-bottom: 0;
    color: #596368;
    font-size: 12px;
    line-height: 1.6;
}

/* PANEL FOOTER */
.yzri-portal .yzri-panel-footer {
    margin: 18px 0 0;
    color: #92743a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.8;
}


/* =========================================================
   08. JOURNAL SECTION - MAIN PORTAL
   ========================================================= */

.yzri-portal .yzri-journals {
    margin: 0;
    padding: 48px 5%;
    background: #FFFFFF;
    color: var(--yzri-text);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.75;
}

/* SECTION HEADING */
.yzri-portal .yzri-section-heading {
    max-width: 720px;
    margin: 0 auto 30px;
    text-align: center;
}

.yzri-portal .yzri-section-heading .yzri-eyebrow {
    margin-bottom: 10px;
}

.yzri-portal .yzri-section-heading h2 {
    margin-bottom: 13px;
    color: var(--yzri-teal);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(27px, 3vw, 35px);
    font-weight: 600;
}

.yzri-portal .yzri-section-heading > p:last-child {
    margin-bottom: 0;
    color: #667177;
    font-size: 14px;
}


/* =========================================================
   09. JOURNAL CARDS - MAIN PORTAL
   ========================================================= */

.yzri-portal .yzri-journal-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.yzri-portal .yzri-journal-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 28px;
    overflow: hidden;
    border: 1px solid #e8e4dc;
    background: #FFFFFF;
    transition:
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.yzri-portal .yzri-journal-card:hover {
    box-shadow: 0 12px 30px rgba(14, 50, 63, 0.09);
    transform: translateY(-3px);
}

/* JOURNAL ACCENT */
.yzri-portal .yzri-journal-accent {
    width: 48px;
    height: 3px;
    margin-bottom: 24px;
    background: var(--yzri-gold);
}

/* JOURNAL LABEL */
.yzri-portal .yzri-journal-label {
    margin-bottom: 10px;
    color: #8c7544;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.8;
}

/* JOURNAL TITLE */
.yzri-portal .yzri-journal-card h3 {
    margin-bottom: 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    letter-spacing: 0.5px;
}

.yzri-portal .yzri-equatoria h3 {
    color: #702c43;
}

.yzri-portal .yzri-japetra h3 {
    color: var(--yzri-teal);
}

/* JOURNAL SUBTITLE */
.yzri-portal .yzri-journal-subtitle {
    margin-bottom: 16px;
    color: #48565b;
    font-size: 13px;
    font-weight: 700;
}

/* JOURNAL DESCRIPTION */
.yzri-portal .yzri-journal-description {
    margin-bottom: 24px;
    color: #5b666b;
    font-size: 13px;
    line-height: 1.9;
}

/* JOURNAL LINK */
.yzri-portal .yzri-journal-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--yzri-gold);
    color: var(--yzri-teal) !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.yzri-portal .yzri-journal-link:hover {
    color: #92743a !important;
}


/* =========================================================
   10. PUBLISHER VALUES
   ========================================================= */

.yzri-portal .yzri-values {
    margin: 0;
    padding: 48px 5%;
    background: var(--yzri-ivory);
    border-top: 1px solid #e9e2d4;
}

.yzri-portal .yzri-values .yzri-section-heading {
    margin-bottom: 30px;
}

/* VALUES GRID */
.yzri-portal .yzri-values-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* VALUE ITEM */
.yzri-portal .yzri-value-item {
    padding: 22px 18px;
    border: 1px solid #e8e0d1;
    background: #FFFFFF;
}

/* VALUE NUMBER */
.yzri-portal .yzri-value-number {
    display: inline-block;
    margin-bottom: 14px;
    color: #a4874b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
}

/* VALUE TITLE */
.yzri-portal .yzri-value-item h3 {
    margin-bottom: 10px;
    color: var(--yzri-teal);
    font-size: 15px;
}

/* VALUE DESCRIPTION */
.yzri-portal .yzri-value-item p {
    margin-bottom: 0;
    color: #626c70;
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   11. RESPONSIVE DESIGN - TABLET
   ========================================================= */

@media screen and (max-width: 900px) {

    /* FOOTER */
    .pkp_footer_content {
        padding: 24px 24px 18px;
    }

    .yzri-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .yzri-footer__brand {
        grid-column: 1 / -1;
    }

    /* HERO */
    .yzri-portal .yzri-hero {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 40px 5%;
        background-position: center;
    }

    .yzri-portal .yzri-hero-panel {
        justify-self: start;
        max-width: 600px;
    }

    /* VALUES */
    .yzri-portal .yzri-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   12. RESPONSIVE DESIGN - MOBILE
   ========================================================= */

@media screen and (max-width: 700px) {

    .yzri-journals__intro h1 {
        font-size: 28px;
    }

    .yzri-journals__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .yzri-journals__card-body {
        padding: 23px 20px;
    }
}

@media screen and (max-width: 600px) {

    /* BACKGROUND */
    html {
        background-attachment: scroll !important;
        background-position: center top !important;
    }

    /* FOOTER */
    .pkp_footer_content {
        padding: 24px 20px 18px;
    }

    .yzri-footer__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .yzri-footer__brand {
        grid-column: auto;
    }

    .yzri-footer__name {
        font-size: 17px;
    }

    .yzri-footer__journals h3,
    .yzri-footer__commitment h3,
    .yzri-footer__journals h4,
    .yzri-footer__commitment h4 {
        margin-bottom: 12px;
    }

    .yzri-footer__rule {
        margin: 16px 0 12px;
    }

    .yzri-footer__section h3 {
        margin-bottom: 14px;
    }

    .yzri-footer__journal-item {
        margin-bottom: 14px;
    }

    /* COPYRIGHT */
    .yzri-footer__copyright {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }

    .yzri-footer__copyright-text {
        text-align: left;
    }

    .yzri-footer__platform {
        align-self: flex-end;
        margin-left: 0;
        text-align: right;
    }

    /* HERO */
    .yzri-portal .yzri-hero h1 {
        font-size: 31px;
    }

    .yzri-portal .yzri-hero-description {
        font-size: 14px;
    }

    .yzri-portal .yzri-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .yzri-portal .yzri-button {
        width: 100%;
    }

    .yzri-portal .yzri-hero-panel {
        max-width: 100%;
        padding: 22px 20px 18px;
    }

    /* JOURNALS AND VALUES */
    .yzri-portal .yzri-journals,
    .yzri-portal .yzri-values {
        padding: 36px 20px;
    }

    .yzri-portal .yzri-journal-grid,
    .yzri-portal .yzri-values-grid {
        grid-template-columns: 1fr;
    }

    .yzri-portal .yzri-journal-card {
        padding: 24px;
    }

    .yzri-portal .yzri-section-heading h2 {
        font-size: 28px;
    }
}


/* =========================================================
   13. FINAL FOOTER OVERRIDE
   WHITE BACKGROUND - SOFT GREY BORDER
   ========================================================= */

/* FOOTER WRAPPER */
.pkp_structure_footer_wrapper {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-top: 1px solid #777777 !important;
    color: #333333 !important;
}

/* FOOTER MAIN */
.pkp_structure_footer {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* FOOTER CONTENT */
.pkp_footer_content {
    background: #FFFFFF !important;
    color: #333333 !important;
}

/* CUSTOM FOOTER */
.yzri-footer {
    background: #FFFFFF !important;
    color: #333333 !important;
}

/* FOOTER TEXT */
.yzri-footer p,
.yzri-footer span,
.yzri-footer div {
    color: #333333;
}

/* FOOTER HEADINGS */
.yzri-footer__name,
.yzri-footer__journals h3,
.yzri-footer__commitment h3,
.yzri-footer__journals h4,
.yzri-footer__commitment h4 {
    color: #333333 !important;
}

/* FOOTER LINKS */
.yzri-footer a,
.yzri-footer__journal a,
.yzri-footer__platform a {
    color: #444444 !important;
}

/* FOOTER DECORATIVE LINE */
.yzri-footer__rule {
    background-color: #777777 !important;
}

/* COPYRIGHT SEPARATOR */
.yzri-footer__copyright {
    border-top: 1px solid #777777 !important;
}

/* REMOVE ORIGINAL PKP BRANDING */
.pkp_brand_footer {
    display: none !important;
}
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
}
.pkp_head_wrapper, .header_wrap {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.pkp_structure_head img {
    width: 100% !important;
    height: auto;
    object-fit: cover;
}


/* =========================================================
   END OF YZRI PUBLISHING CUSTOM CSS
   OJS 3.3
   ========================================================= */
