/*
=========================================================
 EYIB OJS JOURNAL - FINAL CLASSIC THEME CSS
 Target: Classic / ExportReady OJS markup
 Upload: Website > Appearance > Advanced > Journal Style Sheet
 After upload: Clear Data Caches + Clear Template Cache
=========================================================
*/

:root {
    --eyib-ink: #071b2c;
    --eyib-navy: #063f5c;
    --eyib-blue: #0b6f8e;
    --eyib-sky: #e9f8fb;
    --eyib-gold: #c79b45;
    --eyib-gold-dark: #926820;
    --eyib-cream: #f6f1e6;
    --eyib-paper: #ffffff;
    --eyib-soft: #fbf8ef;
    --eyib-line: #e4d6bd;
    --eyib-text: #172033;
    --eyib-muted: #667085;
    --eyib-radius: 8px;
    --eyib-max: 1180px;
    --eyib-shadow: 0 18px 46px rgba(7, 27, 44, .13);
    --eyib-soft-shadow: 0 10px 28px rgba(7, 27, 44, .08);
    --eyib-banner-height: clamp(270px, 31.25vw, 640px);
}

*,
*::before,
*::after {
    box-sizing: border-box !important;
}

html,
body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
}

html.export-ready-theme body,
body {
    background:
        linear-gradient(180deg, #f7f1e6 0%, #f9fbfc 44%, #f5efe2 100%) !important;
    color: var(--eyib-text) !important;
    font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
}

html.export-ready-theme body a,
body a {
    color: var(--eyib-navy) !important;
    text-decoration: none !important;
}

html.export-ready-theme body a:hover,
html.export-ready-theme body a:focus,
body a:hover,
body a:focus {
    color: var(--eyib-gold-dark) !important;
}

img,
svg,
video,
iframe {
    max-width: 100% !important;
}

/* Header */
html.export-ready-theme body .header.export-ready-banner-hero.header,
html.export-ready-theme body .header.header {
    width: 100% !important;
    height: var(--eyib-banner-height) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background-color: var(--eyib-ink) !important;
    background-image:
        linear-gradient(180deg, rgba(7, 27, 44, .10), rgba(7, 27, 44, .02) 45%, rgba(7, 27, 44, .16)),
        var(--er-banner-image, linear-gradient(135deg, #eaf7fb, #063f5c)) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: 0 18px 42px rgba(7, 27, 44, .18) !important;
}

html.export-ready-theme body .header.header::before,
html.export-ready-theme body .header.header::after,
html.export-ready-theme body .header.header .export-ready-hero-stage,
html.export-ready-theme body .header.header .export-ready-hero-wave {
    display: none !important;
}

html.export-ready-theme body .header.header .upper-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 max(16px, calc((100vw - var(--eyib-max)) / 2)) !important;
    margin: 0 !important;
    background:
        linear-gradient(180deg, rgba(3, 20, 35, .72), rgba(3, 20, 35, .18)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .16) !important;
    backdrop-filter: blur(10px) !important;
}

html.export-ready-theme body.export-ready-header-scrolled .header.header .upper-header {
    height: 58px !important;
    min-height: 58px !important;
    background: rgba(3, 20, 35, .94) !important;
}

html.export-ready-theme body .header.header .logo-wrapper,
html.export-ready-theme body .header.header .journal-logo {
    display: none !important;
}

html.export-ready-theme body #user-nav-wraper {
    position: static !important;
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    max-width: var(--eyib-max) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

html.export-ready-theme body #navigationUser {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html.export-ready-theme body #navigationUser > li {
    margin: 0 !important;
    padding: 0 !important;
}

html.export-ready-theme body #navigationUser .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(242, 209, 142, .28) !important;
    border-radius: 6px !important;
    background: rgba(4, 35, 57, .48) !important;
    color: #fff7e6 !important;
    box-shadow: none !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

html.export-ready-theme body #navigationUser .nav-link:hover,
html.export-ready-theme body #navigationUser .nav-link:focus {
    border-color: #f2d18e !important;
    background: var(--eyib-gold) !important;
    color: var(--eyib-ink) !important;
}

html.export-ready-theme body .header.header .lower-header {
    display: none !important;
}

/* Page shell */
html.export-ready-theme body .journal_summary,
html.export-ready-theme body .container-page,
html.export-ready-theme body .container-footer {
    width: min(var(--eyib-max), calc(100% - 32px)) !important;
    max-width: var(--eyib-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html.export-ready-theme body .container-page {
    padding-top: 34px !important;
    padding-bottom: 54px !important;
}

html.export-ready-theme body .container-narrow {
    max-width: 920px !important;
}

html.export-ready-theme body .journal_summary,
html.export-ready-theme body .current_issue,
html.export-ready-theme body .page,
html.export-ready-theme body .obj_issue_toc,
html.export-ready-theme body .page_issue_archive,
html.export-ready-theme body .page_about,
html.export-ready-theme body .page_contact,
html.export-ready-theme body .page_editorial_team,
html.export-ready-theme body .page_article,
html.export-ready-theme body .obj_article_details {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

html.export-ready-theme body .journal_summary,
html.export-ready-theme body .current_issue,
html.export-ready-theme body .page > .container-page,
html.export-ready-theme body .obj_article_details {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(199, 155, 69, .28) !important;
    border-radius: var(--eyib-radius) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 252, 246, .98)) !important;
    box-shadow: var(--eyib-shadow) !important;
}

html.export-ready-theme body .journal_summary::before,
html.export-ready-theme body .current_issue::before,
html.export-ready-theme body .page > .container-page::before,
html.export-ready-theme body .obj_article_details::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 5px !important;
    background: linear-gradient(90deg, var(--eyib-navy), var(--eyib-blue), var(--eyib-gold)) !important;
}

html.export-ready-theme body .journal_summary,
html.export-ready-theme body .current_issue,
html.export-ready-theme body .page > .container-page,
html.export-ready-theme body .obj_article_details {
    padding: 30px !important;
}

/* Titles */
html.export-ready-theme body .current_page_title h1,
html.export-ready-theme body .current_issue_title,
html.export-ready-theme body .current_issue_identification,
html.export-ready-theme body .section_title,
html.export-ready-theme body .article-full-title,
html.export-ready-theme body .obj_article_details .page_title,
html.export-ready-theme body .journal_summary h2 {
    color: var(--eyib-ink) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
}

html.export-ready-theme body .current_page_title {
    margin: 0 0 24px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid var(--eyib-line) !important;
}

html.export-ready-theme body .current_page_title h1 {
    margin: 0 !important;
    font-size: clamp(30px, 3vw, 44px) !important;
    text-align: left !important;
}

html.export-ready-theme body .current_page_title h1::after,
html.export-ready-theme body .journal_summary h2::after,
html.export-ready-theme body .section_title::after {
    content: "" !important;
    display: block !important;
    width: 82px !important;
    height: 4px !important;
    margin-top: 12px !important;
    border-radius: 999px !important;
    background: var(--eyib-gold) !important;
}

html.export-ready-theme body p,
html.export-ready-theme body li,
html.export-ready-theme body .summary_meta,
html.export-ready-theme body .authors {
    color: var(--eyib-text) !important;
}

/* Home and article lists */
html.export-ready-theme body .journal_summary {
    margin-top: 32px !important;
    margin-bottom: 26px !important;
}

html.export-ready-theme body .journal_summary p {
    margin-bottom: 12px !important;
    font-size: 16px !important;
}

html.export-ready-theme body .current_issue_title {
    margin: 0 0 18px !important;
    font-size: clamp(25px, 2.3vw, 34px) !important;
}

html.export-ready-theme body .current_issue_label {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--eyib-gold-dark) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

html.export-ready-theme body .description_cover {
    display: grid !important;
    grid-template-columns: minmax(170px, 240px) minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: start !important;
    padding: 22px !important;
    border: 1px solid var(--eyib-line) !important;
    border-radius: var(--eyib-radius) !important;
    background: var(--eyib-soft) !important;
}

html.export-ready-theme body .cover_image,
html.export-ready-theme body .archive_issue_cover,
html.export-ready-theme body .article_cover_wrapper img {
    display: block !important;
    width: 100% !important;
    border-radius: var(--eyib-radius) !important;
    box-shadow: 0 14px 30px rgba(7, 27, 44, .18) !important;
}

html.export-ready-theme body .sections {
    margin-top: 26px !important;
}

html.export-ready-theme body .section {
    padding-top: 22px !important;
    border-top: 1px solid var(--eyib-line) !important;
}

html.export-ready-theme body .section_content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

html.export-ready-theme body .article_summary {
    position: relative !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 18px 18px 58px !important;
    border: 1px solid var(--eyib-line) !important;
    border-radius: var(--eyib-radius) !important;
    background: #ffffff !important;
    box-shadow: var(--eyib-soft-shadow) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html.export-ready-theme body .article_summary::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, var(--eyib-blue), var(--eyib-gold)) !important;
}

html.export-ready-theme body .article_summary:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(199, 155, 69, .60) !important;
    box-shadow: 0 20px 42px rgba(7, 27, 44, .14) !important;
}

html.export-ready-theme body .summary_title {
    color: var(--eyib-ink) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

html.export-ready-theme body .summary_meta {
    margin-top: 12px !important;
    color: var(--eyib-muted) !important;
    font-size: 13px !important;
}

html.export-ready-theme body .galleys_links {
    position: absolute !important;
    right: 18px !important;
    bottom: 16px !important;
    left: 18px !important;
}

html.export-ready-theme body .btn,
html.export-ready-theme body .obj_galley_link,
html.export-ready-theme body .read_more,
html.export-ready-theme body .block_make_submission_link,
html.export-ready-theme body .more-authors-info-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 15px !important;
    border: 1px solid var(--eyib-navy) !important;
    border-radius: 6px !important;
    background: var(--eyib-navy) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}

html.export-ready-theme body .btn:hover,
html.export-ready-theme body .obj_galley_link:hover,
html.export-ready-theme body .read_more:hover,
html.export-ready-theme body .block_make_submission_link:hover,
html.export-ready-theme body .more-authors-info-button:hover {
    border-color: var(--eyib-gold) !important;
    background: var(--eyib-gold) !important;
    color: var(--eyib-ink) !important;
}

/* Contact */
html.export-ready-theme body .page_contact .edit-content-wrapper {
    display: none !important;
}

html.export-ready-theme body .page_contact .contact_section {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 18px !important;
    margin-top: 12px !important;
}

html.export-ready-theme body .page_contact .contact {
    position: relative !important;
    overflow: hidden !important;
    padding: 24px !important;
    border: 1px solid var(--eyib-line) !important;
    border-radius: var(--eyib-radius) !important;
    background: #ffffff !important;
    box-shadow: var(--eyib-soft-shadow) !important;
}

html.export-ready-theme body .page_contact .contact::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 5px !important;
    background: var(--eyib-gold) !important;
}

html.export-ready-theme body .page_contact .contact-heading {
    margin: 0 0 14px !important;
    color: var(--eyib-ink) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

html.export-ready-theme body .page_contact .name {
    color: var(--eyib-navy) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

html.export-ready-theme body .page_contact .email a {
    display: inline-flex !important;
    margin-top: 12px !important;
    padding: 8px 13px !important;
    border-radius: 6px !important;
    background: var(--eyib-sky) !important;
    color: var(--eyib-navy) !important;
    font-weight: 800 !important;
}

/* Editorial team */
html.export-ready-theme body .page_editorial_team .container-page > p {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 16px 18px !important;
    border: 1px solid var(--eyib-line) !important;
    border-left: 5px solid var(--eyib-navy) !important;
    border-radius: var(--eyib-radius) !important;
    background: #ffffff !important;
    box-shadow: var(--eyib-soft-shadow) !important;
    color: var(--eyib-text) !important;
    font-weight: 700 !important;
}

html.export-ready-theme body .page_editorial_team .container-page > p:nth-of-type(odd) {
    border-left-color: var(--eyib-gold) !important;
    background: var(--eyib-soft) !important;
}

/* Archives */
html.export-ready-theme body .issues_list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
}

html.export-ready-theme body .issue_item {
    min-width: 0 !important;
}

html.export-ready-theme body .obj_issue_summary {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 15px !important;
    height: 100% !important;
    padding: 16px !important;
    border: 1px solid var(--eyib-line) !important;
    border-radius: var(--eyib-radius) !important;
    background: #ffffff !important;
    box-shadow: var(--eyib-soft-shadow) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html.export-ready-theme body .obj_issue_summary:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(199, 155, 69, .65) !important;
    box-shadow: 0 20px 42px rgba(7, 27, 44, .14) !important;
}

html.export-ready-theme body .obj_issue_summary .cover {
    grid-row: span 3 !important;
}

html.export-ready-theme body .obj_issue_summary .archive_issue_cover {
    width: 96px !important;
    height: 132px !important;
    object-fit: cover !important;
}

html.export-ready-theme body .issue_summary_title {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    align-content: flex-start !important;
    margin-top: 2px !important;
}

html.export-ready-theme body .issue_summary_title span {
    display: inline-flex !important;
    min-height: 26px !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    background: var(--eyib-sky) !important;
    color: var(--eyib-navy) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

html.export-ready-theme body .issue_title {
    color: var(--eyib-ink) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

html.export-ready-theme body .issue_summary_date {
    color: var(--eyib-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* About */
html.export-ready-theme body .page_about .container-page {
    min-height: 260px !important;
}

html.export-ready-theme body .page_about .current_page_title {
    margin-bottom: 0 !important;
}

html.export-ready-theme body .page_about .container-page::after {
    content: "" !important;
    display: block !important;
    min-height: 145px !important;
    margin-top: 22px !important;
    border: 1px dashed rgba(199, 155, 69, .42) !important;
    border-radius: var(--eyib-radius) !important;
    background:
        linear-gradient(135deg, rgba(6, 63, 92, .08), rgba(199, 155, 69, .10)) !important;
}

html.export-ready-theme body .page_about .container-page p,
html.export-ready-theme body .page_about .container-page li {
    font-size: 17px !important;
    line-height: 1.82 !important;
}

/* Article page */
html.export-ready-theme body .page_article .container-page {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 34px 0 54px !important;
}

html.export-ready-theme body .obj_article_details {
    padding: 30px !important;
}

html.export-ready-theme body .article_issue_credentials a,
html.export-ready-theme body .article_section_title {
    display: inline-flex !important;
    margin: 0 8px 14px 0 !important;
    padding: 7px 11px !important;
    border-radius: 6px !important;
    background: var(--eyib-sky) !important;
    color: var(--eyib-navy) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

html.export-ready-theme body .article-full-title {
    max-width: 900px !important;
    margin: 0 0 18px !important;
    font-size: clamp(30px, 3.1vw, 46px) !important;
}

html.export-ready-theme body .obj_article_details .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html.export-ready-theme body .obj_article_details [class*="col-"] {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

html.export-ready-theme body .authors_info,
html.export-ready-theme body .additional-authors-info,
html.export-ready-theme body .abstract,
html.export-ready-theme body .item.references,
html.export-ready-theme body .item.keywords,
html.export-ready-theme body #mainEntry > p {
    margin-bottom: 18px !important;
    padding: 18px !important;
    border: 1px solid var(--eyib-line) !important;
    border-radius: var(--eyib-radius) !important;
    background: #ffffff !important;
    box-shadow: var(--eyib-soft-shadow) !important;
}

html.export-ready-theme body .authors_info ul,
html.export-ready-theme body .keywords_value {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html.export-ready-theme body .entry_author_block,
html.export-ready-theme body .keyword_item {
    margin: 0 !important;
    color: var(--eyib-text) !important;
    font-weight: 700 !important;
}

html.export-ready-theme body .abstract {
    border-left: 5px solid var(--eyib-gold) !important;
    background: var(--eyib-soft) !important;
}

html.export-ready-theme body .abstract h2,
html.export-ready-theme body .item h3,
html.export-ready-theme body .item .label {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    color: var(--eyib-ink) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

html.export-ready-theme body .references-list {
    padding-left: 20px !important;
}

html.export-ready-theme body .references-list li {
    margin-bottom: 10px !important;
    color: var(--eyib-text) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

html.export-ready-theme body .for-mobile-view {
    display: none !important;
}

/* Footer */
html.export-ready-theme body .site-footer {
    margin-top: 0 !important;
    padding: 36px 0 !important;
    background:
        linear-gradient(135deg, var(--eyib-ink) 0%, var(--eyib-navy) 100%) !important;
    color: #fff7e6 !important;
}

html.export-ready-theme body .site-footer .sidebar_wrapper {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 22px !important;
}

html.export-ready-theme body .site-footer .pkp_block {
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: var(--eyib-radius) !important;
    background: rgba(255, 255, 255, .07) !important;
}

html.export-ready-theme body .site-footer .title {
    margin: 0 0 14px !important;
    color: #fff7e6 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

html.export-ready-theme body .site-footer #customblock-indexing .content {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 12px !important;
    align-items: center !important;
}

html.export-ready-theme body .site-footer #customblock-indexing p,
html.export-ready-theme body .site-footer #customblock-indexing h2 {
    margin: 0 !important;
}

html.export-ready-theme body .site-footer img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    border-radius: 6px !important;
}

html.export-ready-theme body .pkpbrand-wrapper {
    display: none !important;
}

/* Mobile */
@media (max-width: 991px) {
    :root {
        --eyib-banner-height: clamp(210px, 55vw, 420px);
    }

    html.export-ready-theme body .header.header .upper-header {
        height: 58px !important;
        min-height: 58px !important;
        background: linear-gradient(180deg, rgba(3, 20, 35, .62), rgba(3, 20, 35, .04)) !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    html.export-ready-theme body .header.header .lower-header {
        display: block !important;
        position: fixed !important;
        top: 10px !important;
        right: 12px !important;
        z-index: 1000 !important;
        padding: 0 !important;
    }

    html.export-ready-theme body #nav-small {
        display: flex !important;
        padding: 0 !important;
    }

    html.export-ready-theme body #show-modal {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 42px !important;
        padding: 10px 13px !important;
        border: 1px solid rgba(242, 209, 142, .46) !important;
        border-radius: 6px !important;
        background: rgba(4, 35, 57, .70) !important;
        color: #fff7e6 !important;
        font-weight: 900 !important;
    }

    html.export-ready-theme body .section_content {
        grid-template-columns: 1fr !important;
    }

    html.export-ready-theme body .description_cover {
        grid-template-columns: 1fr !important;
    }

    html.export-ready-theme body .issue_cover_block {
        max-width: 220px !important;
    }

    html.export-ready-theme body .site-footer .sidebar_wrapper {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    html.export-ready-theme body .journal_summary,
    html.export-ready-theme body .container-page,
    html.export-ready-theme body .container-footer {
        width: calc(100% - 20px) !important;
    }

    html.export-ready-theme body .journal_summary,
    html.export-ready-theme body .current_issue,
    html.export-ready-theme body .page > .container-page,
    html.export-ready-theme body .obj_article_details {
        padding: 20px !important;
    }

    html.export-ready-theme body .container-page {
        padding-top: 24px !important;
        padding-bottom: 36px !important;
    }

    html.export-ready-theme body .current_page_title h1 {
        font-size: 28px !important;
    }

    html.export-ready-theme body .article-full-title {
        font-size: 28px !important;
    }

    html.export-ready-theme body .issues_list {
        grid-template-columns: 1fr !important;
    }

    html.export-ready-theme body .obj_issue_summary {
        grid-template-columns: 78px minmax(0, 1fr) !important;
    }

    html.export-ready-theme body .obj_issue_summary .archive_issue_cover {
        width: 78px !important;
        height: 108px !important;
    }

    html.export-ready-theme body .article_summary {
        padding: 16px 16px 58px !important;
    }

    html.export-ready-theme body .for-mobile-view {
        display: block !important;
    }
}