/* =========================================================
   JOURNAL IKIP PGRI WATES
   OJS 3.4 / MANUSCRIPT
   FULL FINAL CSS
   ========================================================= */


/* =========================================================
   01. VARIABLES
   ========================================================= */

:root {
    --ipw-primary: #7a0b0b;
    --ipw-dark: #4b0808;
    --ipw-deep: #350706;
    --ipw-soft: #a63a32;

    --ipw-accent: #f2c892;
    --ipw-accent-line: #e5a62f;

    --ipw-page: #f5f2ef;
    --ipw-white: #ffffff;
    --ipw-soft-bg: #faf8f6;

    --ipw-border: #e4ded9;
    --ipw-border-soft: #eee8e4;

    --ipw-text: #292929;
    --ipw-muted: #696f72;
    --ipw-link: #39748e;

    --ipw-container: 1280px;
    --ipw-sidebar: 300px;
}


/* =========================================================
   02. GLOBAL
   ========================================================= */

html {
    width: 100%;

    margin: 0;
    padding: 0;

    color-scheme: light !important;

    scroll-behavior: smooth;

    overflow-x: hidden !important;
}


body {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--ipw-page) !important;

    color: var(--ipw-text) !important;

    font-family:
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 14px;

    line-height: 1.7;

    color-scheme: light !important;

    -webkit-font-smoothing: antialiased;

    overflow-x: hidden !important;
}


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


img {
    max-width: 100%;
    height: auto;
}


a {
    color: var(--ipw-link);

    text-decoration: none;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease;
}


a:hover,
a:focus {
    color: var(--ipw-primary);
}


/* =========================================================
   03. PAGE
   ========================================================= */

.pkp_structure_page {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--ipw-page) !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/* Header Manuscript asli tidak digunakan */

.pkp_structure_head {
    display: none !important;
}


/* =========================================================
   04. MAIN HEADER - STICKY
   ========================================================= */

.ipw-main-header {
    position: sticky !important;

    top: 0 !important;
    left: 0;
    right: 0;

    z-index: 99999 !important;

    width: 100%;

    background:
        linear-gradient(
            90deg,
            #430807 0%,
            #620b0a 52%,
            #8b0c08 100%
        );

    border-bottom:
        2px solid var(--ipw-accent);

    box-shadow:
        0 4px 15px rgba(44,5,5,.14);

    overflow: visible !important;
}


/* =========================================================
   05. HEADER CONTAINER
   ========================================================= */

.ipw-header-container {
    position: relative;

    display: flex !important;

    align-items: center !important;

    width:
        min(
            var(--ipw-container),
            calc(100% - 48px)
        );

    min-height: 70px;

    margin: 0 auto !important;

    padding: 0 !important;

    gap: 26px;
}


/* =========================================================
   06. BRAND
   ========================================================= */

.ipw-brand {
    display: flex;

    align-items: center;

    gap: 11px;

    flex: 0 0 auto;

    min-width: 165px;

    margin: 0 !important;

    color: #ffffff !important;
}


.ipw-brand-logo {
    display: block !important;

    flex: 0 0 48px;

    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    max-width: 48px !important;

    min-height: 48px !important;
    max-height: 48px !important;

    padding: 5px;

    object-fit: contain;

    background: #ffffff;

    border-radius: 10px;

    box-shadow:
        0 4px 12px rgba(0,0,0,.17);
}


.ipw-brand-copy {
    display: flex;

    flex-direction: column;

    line-height: 1.05;
}


.ipw-brand-copy strong {
    color: #ffffff !important;

    font-size: 18px;

    font-weight: 800;

    letter-spacing: .3px;

    white-space: nowrap;
}


.ipw-brand-copy small {
    margin-top: 5px;

    color: var(--ipw-accent) !important;

    font-size: 9px;

    font-weight: 700;

    white-space: nowrap;
}


/* =========================================================
   07. DESKTOP NAVIGATION
   ========================================================= */

.ipw-main-nav {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    flex: 1 1 auto;

    min-width: 0;

    margin-left: auto !important;

    gap: 2px;
}


/* =========================================================
   08. NAV LINKS
   ========================================================= */

.ipw-nav-link,
.ipw-search-link {
    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    min-height: 40px;

    padding: 8px 10px !important;

    background: transparent;

    border: 0;

    border-radius: 6px;

    color: rgba(255,255,255,.92) !important;

    font-size: 11.5px;

    font-weight: 700;

    line-height: 1;

    white-space: nowrap;
}


.ipw-nav-link:hover,
.ipw-nav-link:focus,
.ipw-search-link:hover,
.ipw-search-link:focus {
    background:
        rgba(255,255,255,.08);

    color: var(--ipw-accent) !important;
}


/* =========================================================
   09. ABOUT DROPDOWN
   ========================================================= */

.ipw-nav-dropdown {
    position: relative;

    display: flex;

    align-items: center;
}


.ipw-nav-dropdown-toggle {
    gap: 5px;
}


.ipw-nav-arrow {
    color: var(--ipw-accent);

    font-size: 7px;

    line-height: 1;
}


.ipw-nav-dropdown-menu {
    display: none;

    position: absolute;

    top: 100%;
    left: 0;

    z-index: 9900;

    min-width: 205px;

    margin: 0 !important;
    padding: 7px;

    background: #ffffff !important;

    border:
        1px solid #e5d8d3;

    border-radius: 8px;

    box-shadow:
        0 12px 30px rgba(0,0,0,.17);
}


.ipw-nav-dropdown-menu::before {
    content: "";

    position: absolute;

    top: -6px;
    right: 0;
    left: 0;

    height: 6px;
}


.ipw-nav-dropdown:hover
.ipw-nav-dropdown-menu,

.ipw-nav-dropdown:focus-within
.ipw-nav-dropdown-menu {
    display: block;
}


.ipw-nav-dropdown-menu a {
    display: block;

    width: 100%;

    padding: 9px 11px;

    color: #47758a !important;

    border-radius: 5px;

    font-size: 11.5px;

    font-weight: 600;

    line-height: 1.4;

    white-space: nowrap;
}


.ipw-nav-dropdown-menu a:hover {
    background: #faf1ed;

    color: var(--ipw-primary) !important;
}


/* =========================================================
   10. GUEST
   ========================================================= */

.ipw-header-user {
    position: relative;

    display: flex;

    align-items: center;

    flex: 0 0 auto;

    margin-left: 4px;
}


.ipw-login-link {
    display: inline-flex;

    align-items: center;

    min-height: 40px;

    padding: 8px 10px;

    color: #ffffff !important;

    font-size: 11.5px;

    font-weight: 700;
}


.ipw-register-link {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 38px;

    margin-left: 4px;

    padding: 7px 15px;

    background: var(--ipw-accent);

    border-radius: 8px;

    color: var(--ipw-dark) !important;

    font-size: 11.5px;

    font-weight: 800;
}


/* =========================================================
   11. USER MENU
   ========================================================= */

.ipw-user-menu {
    position: relative !important;

    display: flex;

    align-items: center;

    z-index: 10000;
}


.ipw-user-menu .pkp_navigation_user {
    position: static !important;

    display: flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    background: transparent !important;

    border: 0 !important;
}


.ipw-user-menu
.pkp_navigation_user > li {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


.ipw-user-menu
.pkp_navigation_user > li > a {
    position: relative;

    display: inline-flex !important;

    align-items: center !important;

    min-height: 40px;

    margin: 0 !important;

    padding: 8px 7px !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 6px;

    color: #ffffff !important;

    font-size: 11.5px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    white-space: nowrap;
}


.ipw-user-menu
.pkp_navigation_user > li > a::after {
    content: "▼";

    margin-left: 6px;

    color: var(--ipw-accent);

    font-size: 7px;

    line-height: 1;
}


.ipw-user-menu .task_count,
.ipw-user-menu .notification_count {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 21px !important;

    height: 21px !important;

    margin-left: 5px !important;

    padding: 0 5px !important;

    background: var(--ipw-accent) !important;

    border: 0 !important;

    border-radius: 999px !important;

    color: var(--ipw-dark) !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    line-height: 21px !important;

    opacity: 1 !important;
}


/* =========================================================
   12. USER DROPDOWN
   ========================================================= */

.ipw-user-menu
.pkp_navigation_user > li > ul,

.ipw-user-menu
.pkp_navigation_user > li > .dropdown-menu {
    display: none !important;

    position: absolute !important;

    top: 100% !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 99999 !important;

    min-width: 195px !important;

    margin: 0 !important;

    padding: 7px !important;

    background: #ffffff !important;

    border:
        1px solid #e5d8d3 !important;

    border-radius: 8px !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.18) !important;

    transform: none !important;
}


.ipw-user-menu
.pkp_navigation_user > li > ul::before,

.ipw-user-menu
.pkp_navigation_user > li > .dropdown-menu::before {
    content: "";

    position: absolute;

    top: -8px;
    right: 0;
    left: 0;

    height: 8px;
}


.ipw-user-menu
.pkp_navigation_user > li:hover > ul,

.ipw-user-menu
.pkp_navigation_user > li:focus-within > ul,

.ipw-user-menu
.pkp_navigation_user > li:hover > .dropdown-menu,

.ipw-user-menu
.pkp_navigation_user > li:focus-within > .dropdown-menu {
    display: block !important;
}


.ipw-user-menu
.pkp_navigation_user ul li {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.ipw-user-menu
.pkp_navigation_user ul a {
    display: block !important;

    width: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 9px 11px !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 5px;

    color: #47758a !important;

    font-size: 11.5px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    white-space: nowrap;
}


.ipw-user-menu
.pkp_navigation_user ul a::after {
    display: none !important;
}


.ipw-user-menu
.pkp_navigation_user ul a:hover {
    background: #faf1ed !important;

    color: var(--ipw-primary) !important;
}


/* =========================================================
   13. MOBILE TOGGLE
   ========================================================= */

.ipw-mobile-toggle {
    display: none;
}


/* =========================================================
   14. MOBILE PANEL
   ========================================================= */

.ipw-mobile-panel {
    display: none;
}


/* =========================================================
   15. JOURNAL HERO
   2500 x 300
   ========================================================= */

.ipw-journal-hero {
    position: relative;

    z-index: 1;

    width: 100%;

    aspect-ratio: 25 / 3;

    margin: 0 !important;
    padding: 0;

    overflow: hidden;

    background: #f5f1ed;

    border-bottom:
        4px solid var(--ipw-accent);
}


.ipw-journal-hero-image {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    line-height: 0;
}


.ipw-journal-hero-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    object-position: center !important;
}


.ipw-journal-hero-fallback {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            var(--ipw-dark),
            var(--ipw-primary)
        );
}


.ipw-journal-hero-fallback a {
    color: #ffffff !important;

    font-size:
        clamp(24px,4vw,44px);

    font-weight: 800;
}


.page_index_journal .homepage_image {
    display: none !important;
}


/* =========================================================
   16. CONTENT
   ========================================================= */

.pkp_structure_content {
    position: relative !important;

    width:
        min(
            var(--ipw-container),
            calc(100% - 48px)
        ) !important;

    max-width:
        var(--ipw-container) !important;

    margin:
        30px auto 50px !important;

    padding: 0 !important;

    background: #ffffff !important;

    border:
        1px solid rgba(122,11,11,.04);

    border-radius: 8px;

    box-shadow:
        0 5px 18px rgba(0,0,0,.045);

    overflow: visible !important;
}


/* =========================================================
   17. MAIN + SIDEBAR
   ========================================================= */

.pkp_structure_content.has_sidebar {
    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        var(--ipw-sidebar);

    grid-template-areas:
        "main sidebar";

    gap: 0 !important;

    align-items: start !important;
}


/* =========================================================
   18. MAIN
   ========================================================= */

.pkp_structure_content
> .pkp_structure_main,

.pkp_structure_content.has_sidebar
> .pkp_structure_main {
    grid-area: main !important;

    position: static !important;

    display: block !important;

    float: none !important;

    width: 100% !important;

    max-width: none !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding:
        34px 36px 48px !important;

    background: #ffffff !important;

    border: 0 !important;

    box-shadow: none !important;

    transform: none !important;
}


/* =========================================================
   19. SIDEBAR
   ========================================================= */

.pkp_structure_content
> .pkp_structure_sidebar,

.pkp_structure_content.has_sidebar
> .pkp_structure_sidebar,

.pkp_structure_sidebar.left {
    grid-area: sidebar !important;

    position: static !important;

    display: block !important;

    float: none !important;

    width: var(--ipw-sidebar) !important;

    max-width: var(--ipw-sidebar) !important;

    min-width: var(--ipw-sidebar) !important;

    margin: 0 !important;

    padding:
        34px 27px 45px !important;

    background: #ffffff !important;

    border: 0 !important;

    border-left:
        1px solid #e3e0dd !important;

    box-shadow: none !important;

    transform: none !important;
}


/* =========================================================
   20. PAGE RESET
   ========================================================= */

.pkp_structure_main > .page,
.page_index_journal,
.page_issue,
.page_issue_archive,
.page_article,
.page_about,
.page_contact,
.page_search,
.page_submissions {
    position: static !important;

    float: none !important;

    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    background: transparent !important;

    transform: none !important;
}


/* =========================================================
   21. TYPOGRAPHY
   ========================================================= */

.pkp_structure_main,
.pkp_structure_main p,
.pkp_structure_main div,
.pkp_structure_main span {
    color: var(--ipw-text);
}


.pkp_structure_main p {
    line-height: 1.75;
}


.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
    color: #292929 !important;

    font-weight: 700;
}


/* =========================================================
   22. ABOUT / ADDITIONAL
   ========================================================= */

.page_index_journal .homepage_about,
.page_index_journal .about_journal,
.page_index_journal .additional_content {
    width: 100% !important;

    margin:
        0 0 44px !important;

    padding: 0 !important;

    clear: both !important;
}


/* =========================================================
   23. SECTION HEADINGS
   ========================================================= */

.page_index_journal .homepage_about h2,
.page_index_journal .about_journal h2,
.current_issue > h2 {
    position: relative;

    margin:
        0 0 22px !important;

    padding:
        0 0 10px !important;

    color: #555555 !important;

    font-size: 17px;

    font-weight: 700;
}


.page_index_journal .homepage_about h2::after,
.page_index_journal .about_journal h2::after,
.current_issue > h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 110px;
    height: 2px;

    background: var(--ipw-accent-line);
}


/* =========================================================
   24. TABLE
   ========================================================= */

.pkp_structure_main table {
    width: 100% !important;

    border-collapse: collapse;

    background: #ffffff !important;
}


.pkp_structure_main th,
.pkp_structure_main td {
    padding:
        8px 10px;

    border:
        1px solid #ddd9d6;

    background: #ffffff !important;

    color: var(--ipw-text) !important;

    vertical-align: top;

    font-size: 12px;
}


/* =========================================================
   25. CURRENT ISSUE
   ========================================================= */

.current_issue {
    width: 100% !important;

    margin:
        0 0 42px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   26. ISSUE TOC
   ========================================================= */

.obj_issue_toc {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


.obj_issue_toc .heading {
    width: 100%;

    margin:
        0 0 25px;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    overflow: hidden;
}


.obj_issue_toc .heading .cover {
    float: left;

    margin:
        0 24px 16px 0;
}


.obj_issue_toc .heading .cover img {
    display: block;

    max-width: 170px;

    height: auto;

    border: 0;
}


.obj_issue_toc .heading::after {
    content: "";

    display: table;

    clear: both;
}


/* =========================================================
   27. ARTICLE SUMMARY
   ========================================================= */

.obj_article_summary {
    width: 100% !important;

    margin:
        0 0 13px !important;

    padding:
        13px 15px !important;

    background: #ffffff !important;

    border:
        1px solid #dedede !important;

    border-left:
        4px solid var(--ipw-primary) !important;

    border-radius: 5px !important;

    box-shadow: none !important;
}


.obj_article_summary::before {
    display: none !important;
}


.obj_article_summary .title a {
    color: var(--ipw-link) !important;

    font-size: 12.5px;

    font-weight: 700;
}


.obj_article_summary .authors {
    color: #333333 !important;

    font-size: 11.5px;
}


.obj_article_summary .galleys_links a,
.obj_article_summary .galley-link,
.obj_galley_link,
.cmp_galley_link {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding:
        5px 11px !important;

    background:
        var(--ipw-primary) !important;

    border:
        1px solid var(--ipw-primary) !important;

    border-radius:
        4px !important;

    color:
        #ffffff !important;

    font-size:
        10.5px;

    font-weight:
        700;
}


/* =========================================================
   28. SIDEBAR
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
    width: 100% !important;

    margin:
        0 0 30px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}


.pkp_structure_sidebar .pkp_block > h2,
.pkp_structure_sidebar .pkp_block .title,
.head-menu {
    position: relative;

    margin:
        0 0 14px !important;

    padding:
        0 0 10px !important;

    background: transparent !important;

    border: 0 !important;

    color: #686868 !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    text-transform: uppercase;
}


.pkp_structure_sidebar .pkp_block > h2::after,
.pkp_structure_sidebar .pkp_block .title::after,
.head-menu::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 76px;
    height: 2px;

    background: var(--ipw-accent-line);
}


.pkp_structure_sidebar .pkp_block .content {
    padding: 0 !important;

    color: var(--ipw-text) !important;

    font-size: 11.5px;

    line-height: 1.65;
}


.menu-sidebar ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.menu-sidebar a {
    display: block;

    padding:
        5px 0 !important;

    color: var(--ipw-link) !important;

    font-size: 11.5px;
}


/* =========================================================
   29. MAKE SUBMISSION
   ========================================================= */

.block_make_submission a,
.block_make_submission .block_make_submission_link {
    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    padding:
        7px 13px !important;

    background:
        var(--ipw-primary) !important;

    border: 0 !important;

    border-radius:
        4px !important;

    color:
        #ffffff !important;

    font-size:
        10.5px;

    font-weight:
        700;
}


/* =========================================================
   30. ARTICLE DETAIL
   ========================================================= */

.page_article {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


.obj_article_details {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;
}


.page_article .cmp_breadcrumb {
    margin:
        0 0 24px !important;
}


.obj_article_details .page_title {
    margin:
        0 0 10px !important;

    color:
        var(--ipw-primary) !important;

    font-size:
        26px !important;

    font-weight:
        800 !important;

    line-height:
        1.3 !important;
}


.obj_article_details .subtitle {
    margin:
        0 0 25px !important;

    line-height:
        1.6 !important;
}


/* =========================================================
   ARTICLE LAYOUT - ONLY DIRECT ROW
   ========================================================= */

.obj_article_details > .row {
    display: flex !important;

    align-items: flex-start !important;

    width: 100% !important;

    margin: 0 !important;
}


.obj_article_details
> .row
> .main_entry {
    flex: 1 1 auto !important;

    width: auto !important;

    max-width: none !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding:
        0 30px 0 0 !important;
}


.obj_article_details
> .row
> .entry_details {
    flex:
        0 0 250px !important;

    width:
        250px !important;

    max-width:
        250px !important;

    min-width:
        250px !important;

    margin: 0 !important;

    padding: 0 !important;
}


.obj_article_details .authors {
    margin:
        0 0 24px !important;
}


.obj_article_details .authors .name {
    margin-bottom:
        10px !important;

    font-weight:
        700 !important;
}


.obj_article_details .keywords {
    margin:
        0 0 25px !important;

    line-height:
        1.7 !important;
}


.obj_article_details .abstract {
    width: 100% !important;

    margin:
        25px 0 30px !important;

    padding:
        20px 22px !important;

    background:
        var(--ipw-soft-bg) !important;

    border:
        1px solid #e3ddd9 !important;

    border-radius:
        6px !important;

    color:
        var(--ipw-text) !important;

    line-height:
        1.8 !important;

    text-align:
        justify !important;
}


.obj_article_details .abstract h2 {
    position: relative;

    margin:
        0 0 18px !important;

    padding:
        0 0 10px !important;

    color:
        #292929 !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;
}


.obj_article_details .abstract h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 66px;
    height: 2px;

    background:
        var(--ipw-accent-line);
}


.obj_article_details
.entry_details
.cover_image {
    margin:
        0 0 18px !important;
}


.obj_article_details
.entry_details
.cover_image img {
    display: block !important;

    width: 100% !important;

    max-width:
        250px !important;

    height:
        auto !important;

    margin:
        0 auto !important;
}


.obj_article_details
.entry_details
.item {
    margin:
        0 0 18px !important;
}


.obj_article_details .references,
.obj_article_details .citation {
    margin-top:
        30px !important;

    padding:
        20px 22px !important;

    background:
        #ffffff !important;

    border:
        1px solid var(--ipw-border);

    border-radius:
        6px;

    line-height:
        1.75;
}


/* =========================================================
   31. FOOTER
   ========================================================= */

.ipw-journal-footer {
    width: 100%;

    background:
        linear-gradient(
            135deg,
            #350706,
            #4b0808 52%,
            #65100f
        );

    border-top:
        4px solid var(--ipw-accent);

    color: #ffffff;
}


.ipw-journal-container {
    width:
        min(
            var(--ipw-container),
            calc(100% - 48px)
        );

    margin: 0 auto;
}


.ipw-journal-footer-main {
    display: grid;

    grid-template-columns:
        1.2fr .75fr .85fr;

    gap: 50px;

    padding:
        42px 0 33px;
}


.ipw-journal-footer-logo {
    width: 46px !important;
    height: 46px !important;

    padding: 5px;

    object-fit: contain;

    background: #ffffff;

    border-radius: 10px;
}


.ipw-journal-footer-brand {
    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom:
        14px;
}


.ipw-journal-footer-brand strong {
    display: block;

    color: #ffffff !important;

    font-size: 15px;

    font-weight: 800;
}


.ipw-journal-footer-brand small {
    color:
        var(--ipw-accent) !important;

    font-size:
        9.5px;
}


.ipw-journal-footer-description {
    max-width:
        390px;

    color:
        rgba(255,255,255,.70) !important;

    font-size:
        12.5px;

    line-height:
        1.7;
}


.ipw-journal-footer h4 {
    color:
        var(--ipw-accent) !important;

    font-size:
        10px;

    font-weight:
        800;
}


.ipw-journal-footer-links {
    margin: 0;

    padding: 0;

    list-style: none;
}


.ipw-journal-footer-links a,
.ipw-journal-contact a {
    color:
        rgba(255,255,255,.82) !important;
}


.ipw-journal-footer-bottom {
    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:
        16px 0 19px;

    border-top:
        1px solid rgba(255,255,255,.10);

    color:
        rgba(255,255,255,.52) !important;

    font-size:
        10.5px;
}


.ipw-journal-footer-bottom a {
    color:
        var(--ipw-accent) !important;
}


.pkp_structure_footer_wrapper,
.pkp_brand_footer {
    display: none !important;
}


/* =========================================================
   32. TABLET
   ========================================================= */

@media (max-width: 1050px) {

    :root {
        --ipw-sidebar:
            275px;
    }


    .ipw-header-container,
    .ipw-journal-container,
    .pkp_structure_content {
        width:
            calc(100% - 36px) !important;
    }


    .ipw-nav-link,
    .ipw-search-link {
        padding:
            8px 6px !important;

        font-size:
            10.5px;
    }


    .pkp_structure_content
    > .pkp_structure_main {
        padding:
            30px 28px 43px !important;
    }


    .pkp_structure_content
    > .pkp_structure_sidebar {
        padding:
            30px 22px 40px !important;
    }


    .ipw-journal-footer-main {
        gap:
            30px;
    }
}


/* =========================================================
   33. MOBILE
   ========================================================= */

@media (max-width: 760px) {

    .ipw-main-header {
        position: sticky !important;

        top: 0 !important;

        z-index: 99999 !important;
    }


    .ipw-header-container,
    .ipw-journal-container {
        width:
            calc(100% - 28px) !important;
    }


    .ipw-header-container {
        min-height:
            74px;

        padding-right:
            54px !important;
    }


    .ipw-brand {
        min-width:
            0;
    }


    .ipw-brand-logo {
        flex-basis:
            48px;

        width:
            48px !important;

        height:
            48px !important;

        min-width:
            48px !important;

        max-width:
            48px !important;
    }


    .ipw-brand-copy strong {
        font-size:
            17px;
    }


    .ipw-brand-copy small {
        font-size:
            10px;
    }


    /* Desktop nav off */

    .ipw-main-nav {
        display:
            none !important;
    }


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

    .ipw-mobile-toggle {
        position:
            absolute !important;

        top:
            50% !important;

        right:
            0 !important;

        left:
            auto !important;

        display:
            flex !important;

        align-items:
            center;

        justify-content:
            center;

        width:
            42px !important;

        height:
            42px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            rgba(255,255,255,.07) !important;

        border:
            1px solid rgba(255,255,255,.28) !important;

        border-radius:
            8px;

        transform:
            translateY(-50%) !important;

        z-index:
            10001;
    }


    .ipw-mobile-toggle-lines {
        display:
            flex;

        flex-direction:
            column;

        gap:
            5px;

        width:
            20px;
    }


    .ipw-mobile-toggle-lines span {
        display:
            block;

        width:
            20px;

        height:
            2px;

        background:
            #ffffff;

        border-radius:
            4px;
    }


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

    .ipw-mobile-panel {
        display:
            none;

        position:
            absolute;

        top:
            100%;

        right:
            0;

        left:
            0;

        z-index:
            10000;

        width:
            100%;

        background:
            #ffffff;

        border-top:
            1px solid #eee4df;

        box-shadow:
            0 12px 25px rgba(0,0,0,.18);
    }


    .ipw-mobile-panel.is-open {
        display:
            block !important;
    }


    .ipw-mobile-panel-inner {
        width:
            calc(100% - 28px);

        margin:
            0 auto;

        padding:
            9px 0 15px;
    }


    .ipw-mobile-panel-inner > a {
        display:
            block;

        width:
            100%;

        padding:
            11px 9px;

        border-bottom:
            1px solid #eee9e6;

        color:
            #494949 !important;

        font-size:
            13px;

        font-weight:
            700;
    }


    /* ABOUT MOBILE */

    .ipw-mobile-about {
        border-bottom:
            1px solid #eee9e6;
    }


    .ipw-mobile-about summary {
        position:
            relative;

        padding:
            11px 28px 11px 9px;

        color:
            #494949;

        cursor:
            pointer;

        font-size:
            13px;

        font-weight:
            700;

        list-style:
            none;
    }


    .ipw-mobile-about summary::-webkit-details-marker {
        display:
            none;
    }


    .ipw-mobile-about summary::after {
        content:
            "▼";

        position:
            absolute;

        top:
            50%;

        right:
            10px;

        color:
            var(--ipw-primary);

        font-size:
            8px;

        transform:
            translateY(-50%);
    }


    .ipw-mobile-submenu {
        padding:
            3px 0 8px 16px;

        background:
            #faf8f6;
    }


    .ipw-mobile-submenu a {
        display:
            block;

        padding:
            8px 10px;

        color:
            var(--ipw-link) !important;

        font-size:
            12px;
    }


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

    .ipw-mobile-user {
        margin-top:
            8px;

        padding-top:
            8px;

        border-top:
            1px solid #e5ded9;
    }


    .ipw-mobile-user
    .pkp_navigation_user {
        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        list-style:
            none !important;
    }


    .ipw-mobile-user
    .pkp_navigation_user > li {
        display:
            block !important;

        width:
            100% !important;
    }


    .ipw-mobile-user
    .pkp_navigation_user > li > a {
        display:
            block !important;

        width:
            100% !important;

        padding:
            10px 9px !important;

        color:
            var(--ipw-primary) !important;

        font-weight:
            700 !important;
    }


    .ipw-mobile-user
    .pkp_navigation_user > li > ul,
    .ipw-mobile-user
    .pkp_navigation_user .dropdown-menu {
        display:
            block !important;

        position:
            static !important;

        width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            4px 0 !important;

        background:
            #faf8f6 !important;

        border:
            0 !important;

        border-radius:
            5px;

        box-shadow:
            none !important;

        transform:
            none !important;
    }


    .ipw-mobile-user
    .pkp_navigation_user ul a {
        display:
            block !important;

        padding:
            9px 18px !important;

        color:
            var(--ipw-link) !important;

        font-size:
            12px !important;

        font-weight:
            600 !important;
    }


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

    .ipw-journal-hero {
        width:
            100%;

        height:
            auto !important;

        min-height:
            0 !important;

        aspect-ratio:
            25 / 3;

        margin-top:
            0 !important;
    }


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

    .pkp_structure_content,
    .pkp_structure_content.has_sidebar {
        display:
            block !important;

        width:
            calc(100% - 28px) !important;

        max-width:
            none !important;

        margin:
            22px auto 35px !important;

        padding:
            0 !important;
    }


    .pkp_structure_content
    > .pkp_structure_main,

    .pkp_structure_content.has_sidebar
    > .pkp_structure_main {
        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        padding:
            25px 20px 32px !important;
    }


    .pkp_structure_content
    > .pkp_structure_sidebar,

    .pkp_structure_content.has_sidebar
    > .pkp_structure_sidebar,

    .pkp_structure_sidebar.left {
        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        padding:
            27px 20px 30px !important;

        border-left:
            0 !important;

        border-top:
            1px solid #e3e0dd !important;
    }


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

    .obj_article_details > .row {
        display:
            block !important;
    }


    .obj_article_details
    > .row
    > .main_entry {
        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    .obj_article_details
    > .row
    > .entry_details {
        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        margin:
            30px 0 0 !important;

        padding:
            28px 0 0 !important;

        border-top:
            1px solid #e3dedb !important;
    }


    .obj_article_details .page_title {
        font-size:
            21px !important;
    }


    .obj_article_details .abstract {
        padding:
            17px 16px !important;
    }


    .obj_article_details
    .entry_details
    .cover_image img {
        width:
            auto !important;

        max-width:
            210px !important;

        margin:
            0 auto !important;
    }


    /* Footer */

    .ipw-journal-footer-main {
        grid-template-columns:
            1fr;

        gap:
            26px;

        padding:
            35px 0 27px;
    }


    .ipw-journal-footer-bottom {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            7px;
    }
}


/* =========================================================
   34. SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

    .ipw-header-container,
    .ipw-journal-container,
    .pkp_structure_content {
        width:
            calc(100% - 22px) !important;
    }


    .ipw-header-container {
        padding-right:
            50px !important;
    }


    .ipw-brand-logo {
        flex-basis:
            46px;

        width:
            46px !important;

        height:
            46px !important;

        min-width:
            46px !important;

        max-width:
            46px !important;
    }


    .ipw-brand-copy strong {
        font-size:
            16px;
    }


    .ipw-brand-copy small {
        font-size:
            9px;
    }


    .ipw-mobile-panel-inner {
        width:
            calc(100% - 22px);
    }


    .pkp_structure_content
    > .pkp_structure_main {
        padding:
            23px 17px 30px !important;
    }


    .pkp_structure_content
    > .pkp_structure_sidebar {
        padding:
            25px 17px 28px !important;
    }


    .obj_issue_toc .heading .cover {
        float:
            none;

        margin:
            0 0 16px;
    }


    .obj_issue_toc .heading .cover img {
        max-width:
            135px;
    }


    .obj_article_details .page_title {
        font-size:
            20px !important;
    }
}
/* =========================================================
   PDF + VIEWS + DOWNLOAD SATU BARIS
   ========================================================= */

.ipw-article-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 8px !important;

    margin-top: 12px !important;
}


/* GALLEY / PDF */

.ipw-article-actions .galleys_links {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.ipw-article-actions .galleys_links > li {
    display: inline-flex !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* STATISTIK LANGSUNG DI SAMPING PDF */

.ipw-article-stats {
    display: inline-flex !important;

    align-items: center !important;
    flex-wrap: nowrap !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 5px !important;

    color: #222 !important;

    font-size: 11.5px !important;

    line-height: 1.4 !important;
}


.ipw-stat-item {
    display: inline-flex !important;

    align-items: center !important;

    gap: 4px !important;

    white-space: nowrap !important;

    color: #222 !important;
}


.ipw-stat-separator {
    display: inline-block !important;

    margin: 0 2px !important;

    color: #777 !important;
}


/* jangan biarkan aturan OJS membuat galley full width */

.obj_article_summary .galleys_links {
    width: auto !important;
}


.obj_article_summary .galleys_links + .ipw-article-stats {
    margin-left: 0 !important;
}


/* MOBILE */

@media (max-width: 760px) {

    .ipw-article-actions {
        display: flex !important;
        align-items: center !important;

        flex-wrap: wrap !important;
    }


    .ipw-article-stats {
        display: inline-flex !important;
        flex-wrap: wrap !important;
    }

}