body {background-image: url(https://jurnal.ilmubersama.com/public/site/images/bg-rech.png);}

/* ==========================================================
   HEADER BANNER FULL WIDTH - OJS 3.4
   ========================================================== */

.pkp_site_name{
    width:100%;
    margin:0;
    padding:0 !important;
    text-align:center;
    overflow:hidden;
}

.pkp_site_name > a{
    display:block;
    width:100%;
    margin:0;
    padding:0 !important;
}

.pkp_site_name .is_img{
    display:block;
    width:100%;
    margin:0;
    padding:0;
}

.pkp_site_name .is_img img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:none !important;
    border:none;
    box-shadow:none;
}

/* Hilangkan jarak antara header dan banner */

.pkp_head_wrapper{
    padding:0 !important;
    margin:0;
}

.pkp_navigation_primary_wrapper{
    margin-top:0;
}

/* Responsive */

@media (max-width:768px){

    .pkp_site_name .is_img img{
        width:100%;
        height:auto;
    }

}
.pkp_footer_content{
	float: left;width: 70%; padding-top: 10px; padding-bottom: 10px;
}

.pkp_brand_footer{
	float: right; width: 30%; padding-top: 10px; padding-bottom: 10px;
}
/*mengatur sidebar*/

.hover {
	width:100%;
	border-collapse:collapse;
}
.hover td{
	height:30px;
	vertical-align:central;
	border-bottom:2px solid #FFFFFF; /*warna pembatas antar blok*/
	text-align:left;
	padding:8px;
}
.hover td a {
	display:inline;
}
.hover tr {
	background:#963D18; /*warna background*/
	color:#ffffff;
}
.hover tr:hover {
	background-color:#F7BC4A; /*warna background saat ada pointer*/
	transition: 0.3s;
	font-size:15px;
}
a { color: #0d2455; }
a:hover { color: #8fad26; }
.cmp_button_wire, .obj_galley_link { background:   #963D18; border: 1px solid #963D18; color: #fff; }
.obj_article_summary { border: 1px solid  #963D18; padding: 10px; border-radius: 5px; box-shadow: 3px 3px #963D18;
background: transparent url("https://i.ibb.co.com/8jpRJGX/vb-toc-comdev.jpg") repeat scroll 0% 0% !important;
}
/* =====================================================
   JURNAL EKONOMI ARTHANOVA
   CUSTOM SIDEBAR MENU
   ===================================================== */


/* RESET KHUSUS BLOK */

.pkp_block.block_custom_JPMSidebarMenu,
.arthanova-sidebar-menu {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* CONTAINER */

.arthanova-sidebar-menu {
    width: 100%;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
}


/* =====================================================
   MENU HEADER
   ===================================================== */

.arthanova-sidebar-menu .arthanova-menu-header {
    display: flex;
    align-items: center;

    min-height: 42px;

    padding: 0 18px;

    background: #963d18;

    color: #ffffff !important;

    text-decoration: none !important;

    border-bottom: 1px solid rgba(255,255,255,0.20);

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.4px;

    box-sizing: border-box;

    transition: background 0.2s ease;
}


/* HOVER */

.arthanova-sidebar-menu .arthanova-menu-header:hover {
    background: #963d18;
    color: #ffffff !important;
}


/* ICON */

.arthanova-sidebar-menu .arthanova-menu-icon {
    display: inline-block;

    width: 25px;

    margin-right: 8px;

    text-align: center;

    font-size: 16px;
}


/* TEXT */

.arthanova-sidebar-menu .arthanova-menu-text {
    flex: 1;
}


/* ARROW */

.arthanova-sidebar-menu .arthanova-arrow {
    margin-left: auto;

    font-size: 12px;
}


/* =====================================================
   ACTIVE MENU
   ===================================================== */

.arthanova-sidebar-menu .arthanova-active {
    background: #7f9fc3 !important;
}


/* =====================================================
   SUBMENU
   ===================================================== */

.arthanova-sidebar-menu .arthanova-submenu {
    display: none;

    margin: 0;
    padding: 0;

    background: #ffffff;
}


/* SUBMENU TERBUKA */

.arthanova-sidebar-menu .arthanova-submenu.arthanova-open {
    display: block;
}


/* LINK SUBMENU */

.arthanova-sidebar-menu .arthanova-submenu a {
    display: block;

    padding: 14px 20px;

    background: #ffffff;

    color: #3f4c5b !important;

    text-decoration: none !important;

    border-bottom: 1px solid #dedede;

    font-family: Arial, sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.45;

    box-sizing: border-box;

    transition: background 0.2s ease;
}


/* HOVER SUBMENU */

.arthanova-sidebar-menu .arthanova-submenu a:hover {
    background: #f2f4f7;

    color: #243b63 !important;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

    .arthanova-sidebar-menu .arthanova-menu-header {
        min-height: 42px;

        padding: 0 16px;

        font-size: 13px;
    }


    .arthanova-sidebar-menu .arthanova-submenu a {
        padding: 13px 18px;

        font-size: 14px;
    }

}
/* =====================================================
   ACCORDION MENU - DETAILS / SUMMARY
   ===================================================== */


/* HILANGKAN MARKER DEFAULT BROWSER */

.arthanova-sidebar-menu summary {
    list-style: none;
}


.arthanova-sidebar-menu summary::-webkit-details-marker {
    display: none;
}


/* CURSOR */

.arthanova-sidebar-menu summary {
    cursor: pointer;
}


/* SUBMENU DEFAULT TIDAK DITAMPILKAN
   details akan mengaturnya secara otomatis */

.arthanova-sidebar-menu details .arthanova-submenu {
    display: none;
}


/* JIKA DETAILS DIBUKA */

.arthanova-sidebar-menu details[open] .arthanova-submenu {
    display: block;
}


/* WARNA MENU SAAT DIBUKA */

.arthanova-sidebar-menu details[open] > .arthanova-menu-header {
    background: #963d18 !important;
}


/* ANIMASI PANAH */

.arthanova-sidebar-menu .arthanova-arrow {
    display: inline-block;

    transition: transform 0.25s ease;
}


/* PANAH BERPUTAR SAAT MENU DIBUKA */

.arthanova-sidebar-menu details[open] > summary .arthanova-arrow {
    transform: rotate(180deg);
}
/* =====================================================
   EFEK HEADER AKTIF DENGAN GARIS DIAGONAL
   ===================================================== */

/* Header harus menjadi referensi pseudo-element */

.arthanova-sidebar-menu .arthanova-menu-header {
    position: relative;
    overflow: visible;
}


/* Efek khusus saat accordion dibuka */

.arthanova-sidebar-menu details[open]
> .arthanova-menu-header {

    position: relative;

    background: #963d18 !important;

    z-index: 2;

}


/* Bentuk diagonal di bagian bawah header */
.arthanova-sidebar-menu .arthanova-menu-header::before {
    content: "";
    position: absolute;
    display: block;

    width: 0;
    height: 0;

    left: 50%;
    transform: translateX(-50%);

    bottom: -20px;

    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-top: 20px solid #963d18;

    opacity: 0;
    z-index: 1;
    pointer-events: none;

    transition: all .25s ease;
}
/* =========================================================
   ARTHANOVA SIDEBAR MENU
   EFEK SEGITIGA TERBALIK SAAT MENU DIBUKA
   MENYESUAIKAN DESAIN CSSMENU ASLI
========================================================= */


/* ---------------------------------------------------------
   HEADER MENU
--------------------------------------------------------- */

.arthanova-sidebar-menu .arthanova-menu-header {
    position: relative;
    overflow: visible;
}


/* ---------------------------------------------------------
   SEGITIGA UTAMA
   WARNA SAMA DENGAN HEADER AKTIF
--------------------------------------------------------- */

.arthanova-sidebar-menu .arthanova-menu-header::after {
    content: "";
    position: absolute;
    display: block;

    width: 0;
    height: 0;

    left: 50%;
    transform: translateX(-50%);

    bottom: -18px;

    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-top: 18px solid #963d18;

    opacity: 0;
    z-index: 2;
    pointer-events: none;

    transition: all .25s ease;
}


/* ---------------------------------------------------------
   GARIS MAGENTA / PINK
   LAPISAN DI BELAKANG SEGITIGA UTAMA
--------------------------------------------------------- */

/* =========================================================
   SAAT MENU DIBUKA
========================================================= */


/* HEADER AKTIF */

.arthanova-sidebar-menu details[open]
> .arthanova-menu-header {

    background: #963d18 !important;

}


/* TAMPILKAN SEGITIGA UTAMA */

.arthanova-sidebar-menu details[open]
> .arthanova-menu-header::after {

    opacity: 1;

}


/* TAMPILKAN GARIS MAGENTA */

.arthanova-sidebar-menu details[open]
> .arthanova-menu-header::before {

    opacity: 1;

}


/* ---------------------------------------------------------
   BERIKAN JARAK UNTUK SEGITIGA
--------------------------------------------------------- */

.arthanova-sidebar-menu details[open]
> .arthanova-submenu {

    margin-top: 18px;

    position: relative;

    z-index: 1;

}
/* =====================================================
   SUBMISSION
   SAMAKAN TAMPILAN DENGAN HEADER MENU UTAMA
===================================================== */

.arthanova-sidebar-menu > a.arthanova-single-menu,
.pkp_structure_sidebar .arthanova-sidebar-menu > a.arthanova-single-menu {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 13px 15px !important;

    background: #a53f0c !important;
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

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

    margin: 0 !important;

    line-height: normal !important;

    transition: all 0.25s ease !important;
}


/* ICON SUBMISSION */

.arthanova-sidebar-menu > a.arthanova-single-menu em,
.pkp_structure_sidebar .arthanova-sidebar-menu > a.arthanova-single-menu em {
    color: #ffffff !important;

    font-size: 16px !important;

    margin-right: 8px !important;
}


/* HOVER SUBMISSION */

.arthanova-sidebar-menu > a.arthanova-single-menu:hover,
.pkp_structure_sidebar .arthanova-sidebar-menu > a.arthanova-single-menu:hover {
    background: #8d350a !important;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* FOCUS */

.arthanova-sidebar-menu > a.arthanova-single-menu:focus,
.arthanova-sidebar-menu > a.arthanova-single-menu:active {
    background: #8d350a !important;

    color: #ffffff !important;

    text-decoration: none !important;
}
/* =====================================================
   JURNAL EKONOMI ARTHANOVA
   CUSTOM SIDEBAR MENU
   KHUSUS CUSTOM BLOCK JPMSidebarMenu
   ===================================================== */


/* =====================================================
   1. RESET KHUSUS CUSTOM BLOCK
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* =====================================================
   2. CONTAINER MENU ACCORDION
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-sidebar-menu {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d5d5d5;

    box-sizing: border-box;

    background: transparent;
}


/* =====================================================
   3. SINGLE MENU
   SUBMISSION
   EDITORIAL TEAM
   REVIEWER TEAM
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
a.arthanova-single-menu {
    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 42px;

    margin: 0 !important;

    padding: 0 18px !important;

    box-sizing: border-box !important;

    background: #963d18 !important;

    color: #ffffff !important;

    border: none !important;

    border-bottom: 1px solid rgba(255,255,255,0.20) !important;

    border-radius: 0 !important;

    font-family: Arial, sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    letter-spacing: 0.4px;

    line-height: 1.2 !important;

    text-decoration: none !important;

    transition:
        background 0.25s ease,
        color 0.25s ease !important;
}


/* HOVER SINGLE MENU */

.pkp_block.block_custom_JPMSidebarMenu
a.arthanova-single-menu:hover {
    background: #7f3212 !important;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* ACTIVE / FOCUS SINGLE MENU */

.pkp_block.block_custom_JPMSidebarMenu
a.arthanova-single-menu:focus,
.pkp_block.block_custom_JPMSidebarMenu
a.arthanova-single-menu:active {
    background: #7f3212 !important;

    color: #ffffff !important;

    text-decoration: none !important;

    outline: none !important;
}


/* ICON SINGLE MENU */

.pkp_block.block_custom_JPMSidebarMenu
a.arthanova-single-menu em {
    display: inline-block;

    width: 25px;

    margin-right: 8px;

    color: #ffffff !important;

    font-size: 16px !important;

    font-style: normal;

    text-align: center;

    flex: 0 0 25px;
}


/* =====================================================
   4. DETAILS MENU GROUP
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group {
    display: block;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

    border: none;

    background: transparent;

    box-sizing: border-box;
}


/* =====================================================
   5. SUMMARY RESET
   HILANGKAN MARKER DEFAULT BROWSER
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group > summary {
    list-style: none;

    cursor: pointer;

    outline: none;
}


.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group > summary::-webkit-details-marker {
    display: none;
}


.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group > summary::marker {
    display: none;
}


/* =====================================================
   6. MENU HEADER
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-menu-header {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    min-height: 42px;

    margin: 0 !important;

    padding: 0 18px;

    box-sizing: border-box;

    background: #963d18;

    color: #ffffff !important;

    border-bottom: 1px solid rgba(255,255,255,0.20);

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0.4px;

    line-height: 1.2;

    text-decoration: none !important;

    transition:
        background 0.25s ease,
        color 0.25s ease;

    z-index: 2;
}


/* HOVER HEADER */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-menu-header:hover {
    background: #7f3212;

    color: #ffffff !important;
}


/* =====================================================
   7. BAGIAN KIRI HEADER
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-menu-text {
    display: flex;

    align-items: center;

    flex: 1;

    min-width: 0;

    color: #ffffff !important;
}


/* ICON HEADER */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-menu-text em {
    display: inline-block;

    width: 25px;

    margin-right: 8px;

    flex: 0 0 25px;

    color: #ffffff !important;

    font-style: normal;

    text-align: center;
}


/* =====================================================
   8. PANAH ACCORDION
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-arrow {
    display: inline-block;

    margin-left: 15px;

    flex: 0 0 auto;

    color: #ffffff !important;

    font-size: 12px;

    line-height: 1;

    transition: transform 0.25s ease;
}


/* PANAH BERPUTAR SAAT DETAILS DIBUKA */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group[open]
> .arthanova-menu-header
.arthanova-arrow {
    transform: rotate(180deg);
}


/* =====================================================
   9. STATUS MENU TERBUKA
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group[open]
> .arthanova-menu-header {
    background: #963d18 !important;
}


/* =====================================================
   10. EFEK SEGITIGA SAAT MENU DIBUKA
   ===================================================== */


/* Header menjadi referensi */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group
> .arthanova-menu-header {
    overflow: visible;
}


/* Segitiga */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group
> .arthanova-menu-header::after {
    content: "";

    position: absolute;

    left: 50%;

    bottom: -18px;

    width: 0;

    height: 0;

    transform: translateX(-50%);

    border-left: 110px solid transparent;

    border-right: 110px solid transparent;

    border-top: 18px solid #963d18;

    opacity: 0;

    pointer-events: none;

    z-index: 3;

    transition: opacity 0.25s ease;
}


/* Tampilkan segitiga hanya ketika menu dibuka */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group[open]
> .arthanova-menu-header::after {
    opacity: 1;
}


/* =====================================================
   11. SUBMENU
   ===================================================== */


/*
   DEFAULT:

   HTML <details> secara native akan menyembunyikan
   isi ketika atribut "open" tidak ada.

   Rule berikut dibuat eksplisit agar konsisten
   dengan CSS OJS lainnya.
*/

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group
> .arthanova-submenu {
    display: none;

    width: 100%;

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    background: #ffffff;

    position: relative;

    z-index: 1;
}


/* SUBMENU SAAT DETAILS TERBUKA */

.pkp_block.block_custom_JPMSidebarMenu
details.arthanova-menu-group[open]
> .arthanova-submenu {
    display: block;

    margin-top: 18px;
}


/* =====================================================
   12. LINK SUBMENU
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-submenu a {
    display: flex !important;

    align-items: center;

    width: 100%;

    margin: 0 !important;

    padding: 14px 20px;

    box-sizing: border-box;

    background: #ffffff;

    color: #3f4c5b !important;

    border: none;

    border-bottom: 1px solid #dedede;

    font-family: Arial, sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.45;

    text-decoration: none !important;

    transition:
        background 0.20s ease,
        color 0.20s ease;
}


/* ICON SUBMENU */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-submenu a em {
    display: inline-block;

    width: 22px;

    margin-right: 7px;

    flex: 0 0 22px;

    color: inherit;

    font-style: normal;

    text-align: center;
}


/* HOVER SUBMENU */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-submenu a:hover {
    background: #f2f4f7;

    color: #243b63 !important;

    text-decoration: none !important;
}


/* FOCUS SUBMENU */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-submenu a:focus,
.pkp_block.block_custom_JPMSidebarMenu
.arthanova-submenu a:active {
    background: #f2f4f7;

    color: #243b63 !important;

    outline: none;

    text-decoration: none !important;
}


/* =====================================================
   13. LAST ITEM BORDER
   ===================================================== */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-submenu a:last-child {
    border-bottom: none;
}


/* =====================================================
   14. RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

    /* SINGLE MENU */

    .pkp_block.block_custom_JPMSidebarMenu
    a.arthanova-single-menu {
        min-height: 42px;

        padding-left: 16px !important;

        padding-right: 16px !important;

        font-size: 13px !important;
    }


    /* MENU HEADER */

    .pkp_block.block_custom_JPMSidebarMenu
    .arthanova-menu-header {
        min-height: 42px;

        padding-left: 16px;

        padding-right: 16px;

        font-size: 13px;
    }


    /* SUBMENU */

    .pkp_block.block_custom_JPMSidebarMenu
    .arthanova-submenu a {
        padding: 13px 18px;

        font-size: 14px;
    }


    /* SEGITIGA */

    .pkp_block.block_custom_JPMSidebarMenu
    details.arthanova-menu-group
    > .arthanova-menu-header::after {
        border-left-width: 100px;

        border-right-width: 100px;
    }

}
/* =========================================================
   ARTHANOVA SIDEBAR MENU
   FINAL OVERRIDE - KHUSUS CUSTOM MENU
   TEMPATKAN PALING BAWAH
   ========================================================= */


/* =========================================================
   1. HILANGKAN JARAK BAWAAN PARAGRAPH
   ========================================================= */

.arthanova-sidebar-menu p {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   2. SINGLE MENU
   SUBMISSION / EDITORIAL TEAM / REVIEWER TEAM
   ========================================================= */

a.arthanova-single-menu {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 45px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    box-sizing: border-box !important;

    background: #963D18 !important;

    color: #ffffff !important;

    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.60) !important;

    border-radius: 0 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    letter-spacing: 0.3px !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition: background 0.25s ease !important;
}


/* HOVER SINGLE MENU */

a.arthanova-single-menu:hover {
    background: #963D18 !important;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* ICON SINGLE MENU */

a.arthanova-single-menu em {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;

    margin-right: 8px !important;

    color: #ffffff !important;

    font-size: 16px !important;

    font-style: normal !important;
}


/* =========================================================
   3. CONTAINER MENU
   ========================================================= */

.arthanova-sidebar-menu {
    width: 100% !important;

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

    box-sizing: border-box !important;

    background: #963D18 !important;

    border: none !important;
}


/* =========================================================
   4. DETAILS GROUP
   ========================================================= */

details.arthanova-menu-group {
    width: 100% !important;

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

    background: transparent !important;

    border: none !important;
}


/* =========================================================
   5. HILANGKAN MARKER DEFAULT DETAILS
   ========================================================= */

details.arthanova-menu-group > summary {
    list-style: none !important;
}


details.arthanova-menu-group > summary::-webkit-details-marker {
    display: none !important;
}


details.arthanova-menu-group > summary::marker {
    display: none !important;
}


/* =========================================================
   6. HEADER MENU ACCORDION
   ========================================================= */

details.arthanova-menu-group > summary.arthanova-menu-header {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 60px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    box-sizing: border-box !important;

    background: #963D18 !important;

    color: #ffffff !important;

    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.60) !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    letter-spacing: 0.3px !important;

    line-height: 1.2 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition: background 0.25s ease !important;
}


/* HOVER HEADER */

details.arthanova-menu-group
> summary.arthanova-menu-header:hover {
    background: #963D18 !important;
}


/* =========================================================
   7. BAGIAN KIRI HEADER
   ========================================================= */

.arthanova-menu-text {
    display: flex !important;

    align-items: center !important;

    min-width: 0 !important;

    color: #ffffff !important;
}


/* ICON HEADER */

.arthanova-menu-text em {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;

    margin-right: 8px !important;

    color: #ffffff !important;

    font-size: 16px !important;

    font-style: normal !important;
}


/* =========================================================
   8. PANAH
   ========================================================= */

.arthanova-arrow {
    display: inline-block !important;

    margin-left: 15px !important;

    color: #ffffff !important;

    font-size: 12px !important;

    line-height: 1 !important;

    transition: transform 0.25s ease !important;
}


/* PANAH BERPUTAR SAAT DIBUKA */

details.arthanova-menu-group[open]
> summary.arthanova-menu-header
.arthanova-arrow {
    transform: rotate(180deg) !important;
}


/* =========================================================
   9. SUBMENU
   ========================================================= */

details.arthanova-menu-group
> .arthanova-submenu {
    width: 100% !important;

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

    box-sizing: border-box !important;

    background: #ffffff !important;
}


/* =========================================================
   10. LINK SUBMENU
   ========================================================= */

.arthanova-submenu a {
    display: flex !important;

    align-items: center !important;

    width: 100% !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 10px 20px 10px 32px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    color: #333333 !important;

    border: none !important;
    border-bottom: 1px solid #eeeeee !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    transition:
        background 0.20s ease,
        color 0.20s ease !important;
}


/* HOVER SUBMENU */

.arthanova-submenu a:hover {
    background: #f3f4f7 !important;

    color: #963D18 !important;

    text-decoration: none !important;
}


/* ICON SUBMENU */

.arthanova-submenu a em {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;

    margin-right: 6px !important;

    color: #963D18 !important;

    font-style: normal !important;
}


/* =========================================================
   11. RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    a.arthanova-single-menu,
    details.arthanova-menu-group
    > summary.arthanova-menu-header {
        min-height: 56px !important;

        padding-left: 16px !important;
        padding-right: 16px !important;
    }

}
/* =========================================================
   HILANGKAN JARAK ANTARA SUBMISSION DAN TENTANG JURNAL
   KHUSUS CUSTOM BLOCK JPMSidebarMenu
   ========================================================= */

/* Hilangkan seluruh margin dan padding <p>
   pada Custom Block JPMSidebarMenu */

.pkp_block.block_custom_JPMSidebarMenu p {
.arthanova-sidebar-menu {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_block.block_custom_JPMSidebarMenu
p:has(> a.arthanova-single-menu) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* Hilangkan jarak pada container utama */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-sidebar-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Pastikan Submission tidak memiliki jarak bawah */

.pkp_block.block_custom_JPMSidebarMenu
p:has(> a.arthanova-single-menu) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Pastikan Tentang Jurnal langsung menempel */

.pkp_block.block_custom_JPMSidebarMenu
.arthanova-sidebar-menu
details.arthanova-menu-group:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* =========================================================
   ARTHANOVA CUSTOM MENU
   HAPUS GAP SUBMISSION
   ========================================================= */

.arthanova-custom-menu {
    margin: 0 !important;
    padding: 0 !important;

    line-height: normal !important;
}


.arthanova-custom-menu > p {
    display: block !important;

    width: 100% !important;

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

    line-height: 0 !important;
}


.arthanova-custom-menu > p > .arthanova-single-menu {
    margin: 0 !important;

    line-height: 1.2 !important;
}


.arthanova-custom-menu > .arthanova-sidebar-menu {
    margin: 0 !important;
    padding: 0 !important;

    border-top: none !important;
}