.journals ul .body .description a {
    display: inline;
}

/* Google Font */
@import url('https://fonts.googleapis.com/css?family=Sunflower:300');

html, body, * {
    font-family: Sunflower, helvetica, calibri;
}

/* Background */
body {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* =====================================================
   HEADER ARSILOKA
   GAMBAR DIUPLOAD LANGSUNG MELALUI OJS
   ===================================================== */

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

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

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

/* Gambar header dari OJS */
.pkp_site_name .is_img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =====================================================
   NAVIGATION USER
   ===================================================== */

.pkp_navigation_user_wrapper {
    top: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 20 !important;
}

.pkp_navigation_user {
    background: transparent !important;
    border-bottom: none !important;
}

.pkp_navigation_user_wrapper .pkp_navigation_user {
    font-family: Sunflower, helvetica, calibri;
    font-weight: normal;
}

.pkp_navigation_user_wrapper .pkp_navigation_user > * > li.profile {
    font-family: Sunflower, helvetica, calibri;
    background: #2ccae1 !important;
    color: #fff !important;
}

.pkp_navigation_user_wrapper .pkp_navigation_user > * > li.profile > * > a {
    font-family: Sunflower, helvetica, calibri;
    font-weight: normal !important;
    padding-right: 10px;
    color: #fff !important;
}

.pkp_navigation_user_wrapper .pkp_navigation_user > * > li.profile > * > ul.dropdown-menu {
    border-radius: 0 !important;
}

.pkp_navigation_user_wrapper .pkp_navigation_user > * > li.profile > * > ul.dropdown-menu > * > li > * > a {
    font-family: Sunflower, helvetica, calibri;
    font-weight: normal !important;
}

.pkp_navigation_user > * > li > * > a,
.pkp_navigation_user > * > li.in_focus > * > a,
.pkp_navigation_user > * > li > * > a:hover,
.pkp_navigation_user > * > li > * > a:focus {
    color: #fff !important;
}
/* =====================================================
   NAVIGATION PRIMARY
   ===================================================== */

.pkp_navigation_primary_row {
    background: #2ccae1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
    margin: 0 !important;
    padding: 0 10px !important;
    line-height: 40px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
    font-family: Sunflower, helvetica, calibri;
    color: #FFFFFF !important;
    font-weight: normal !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
    background: rgba(0,0,0,.3) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
    background: #2ccae1 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
    border-bottom: solid 1px rgba(255,255,255,.35) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
    border-bottom: none !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt {
    font-family: Sunflower, helvetica, calibri;
    color: #FFFFFF !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type="text"] {
    font-family: Sunflower, helvetica, calibri;
}
/* =====================================================
   STRUCTURE PAGE
   ===================================================== */

.pkp_structure_page {
    margin: 0 auto !important;
    width: 1160px !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}

.pkp_structure_content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* =====================================================
   SIDEBAR
   ===================================================== */

.pkp_structure_sidebar .pkp_block .title {
    font-family: Sunflower, helvetica, calibri;
    background: #2ccae1;
    border-left: 10px solid;
    padding: 10px 5px;
    border-radius: 0 5px 0 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Sunflower, helvetica, calibri;
}

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

@media (max-width: 1160px) {
    .pkp_structure_page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    .pkp_site_name .is_img img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .pkp_site_name .is_img img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

/* =====================================================
   MAKE A SUBMISSION
   ===================================================== */

.pkp_block.block_make_submission .content {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.pkp_block.block_make_submission .content a {
    background: #2ccae1;
    line-height: 40px;
    font-family: Sunflower, helvetica, calibri;
    color: #FFFFFF;
}

.pkp_block.block_make_submission .content a:hover {
    background: rgba(0,0,0,0.25) !important;
    color: #333333;
}
/* =====================================================
   ARTICLE STATISTICS
   ===================================================== */

.obj_article_summary .item.stats .abstract,
.obj_article_summary .item.stats .galley {
    position: relative;
}

.obj_article_summary .item.stats .abstract {
    margin-left: 20px;
    margin-right: 10px;
}

.obj_article_summary .item.stats .galley {
    margin-left: 25px;
}

.obj_article_summary .item.stats .abstract:before {
    content: "\f080";
    font-family: FontAwesome;
    left: -15px;
    position: absolute;
    top: 0;
}

.obj_article_summary .item.stats .galley:before {
    content: "\f1c1";
    font-family: FontAwesome;
    left: -15px;
    position: absolute;
    top: 0;
}

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

.pkp_structure_footer_wrapper {
    border-bottom: none !important;
}

.pkp_block {
    padding: 15px 10px;
}

#customblock-Tools .content > * .content div {
    width: 80% !important;
    margin: auto;
}

#customblock-Tools .content > * .content div a img {
    width: 100% !important;
}

#customblock-Visitor_statistics .content > * .content .supercounter,
#customblock-Visitor_statistics .content > * .content .statcounter {
    text-align: center;
}

.sidebar-block {
    background: #2ccae1;
    padding: 5px 2px 5px 10px;
    color: #fff;
    margin: 10px -10px;
}

.cmp_announcements .obj_announcement_summary.full_width {
    width: 100% !important;
}

.cmp_announcements .obj_announcement_summary .summary p {
    line-height: 1.3em;
    margin-top: 0 !important;
    margin-bottom: 1em !important;
}

.pkp_structure_footer .pkp_footer_content {
    background: #9ff3ff;
    padding: 10px !important;
}

.pkp_structure_footer .pkp_footer_content p {
    margin: 0;
}

.pkp_structure_footer .pkp_brand_footer {
    background: #71e4f5;
    height: auto !important;
    padding: 0;
}

.pkp_structure_footer .pkp_brand_footer img {
    width: 48px !important;
    height: auto;
    padding: 5px;
}

/* =====================================================
   SLIDESHOW
   ===================================================== */

#slideshow {
    position: relative;
    width: 1160px;
    height: 193px;
}

#slideshow > * > div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

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

@media (max-width: 768px) {

    .pkp_site_name .is_img img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

}

@media (max-width: 480px) {

    .pkp_site_name .is_img img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

}

/* =====================================================
   POSISI CURRENT ISSUE & ARCHIVES DI BAGIAN BAWAH SIDEBAR
   ===================================================== */

/* Jadikan seluruh blok sidebar dapat diatur dengan urutan */
.pkp_structure_sidebar {
    display: flex !important;
    flex-direction: column !important;
}

/* Urutan normal untuk blok sidebar lainnya */
.pkp_structure_sidebar > .pkp_block {
    order: 10;
}

/* Current Issue dipindahkan ke bawah */
.pkp_structure_sidebar > .pkp_block:has(a[href*="/issue/current"]) {
    order: 90 !important;
}

/* Archives diletakkan setelah Current Issue */
.pkp_structure_sidebar > .pkp_block:has(a[href*="/issue/archive"]) {
    order: 91 !important;
}

/* Jika Current Issue / Archives berada di dalam wrapper tambahan */
.pkp_structure_sidebar .pkp_block:has(a[href*="/issue/current"]) {
    order: 90 !important;
}

.pkp_structure_sidebar .pkp_block:has(a[href*="/issue/archive"]) {
    order: 91 !important;
}

/* Tampilan blok tetap mengikuti desain Arsiloka */
.pkp_structure_sidebar .pkp_block:has(a[href*="/issue/current"]) .title,
.pkp_structure_sidebar .pkp_block:has(a[href*="/issue/archive"]) .title {
    background: #2ccae1 !important;
    font-family: Sunflower, helvetica, calibri !important;
}

/* Pada layar kecil, kembalikan ke alur normal agar tidak mengganggu layout */
@media (max-width: 768px) {
    .pkp_structure_sidebar {
        display: block !important;
    }

    .pkp_structure_sidebar > .pkp_block,
    .pkp_structure_sidebar .pkp_block:has(a[href*="/issue/current"]),
    .pkp_structure_sidebar .pkp_block:has(a[href*="/issue/archive"]) {
        order: initial !important;
    }
}