/* Kode jarak gambar logo indeksasi */
/* Pertahankan gaya default untuk semua <img> (tanpa memaksa ukuran global) */
img {
    border-style: none;
    margin: 5px;
    max-width: 100%;
    height: auto;
}

/* Gaya khusus untuk logo/ikon di area tambahan (meng-override atribut width/height HTML jika diperlukan) */
.additional_content img {
    margin: 2px 16px;
    /* sedikit spasi antar logo */
    width: 150px;
    /* ukuran yang Anda gunakan di HTML */
    height: 66px;
    max-width: 100%;
    object-fit: contain;
    /* jaga rasio */
    display: inline-block;
    vertical-align: middle;
}

/* Layout responsif: jika layar sempit, bungkus logo jadi baris baru */
.additional_content p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* Kalau ada link sekitar logo, hilangkan border/underline visual yang tidak diinginkan */
.additional_content a {
    text-decoration: none;
    color: inherit;
}

/* Kode jarak garis tabel td*/
td {
    /* Kode ukuran font identitas home page */
    font-size: 13px;
    line-height: 50%;
    padding-left: 4px;
    padding-top: 10px;
    padding-right: 2px;
    padding-bottom: 10px;
}

/* target <td> inside an element with class "table" */
.table td {
    padding: 10px;
    border: 1px solid #ddd;
    font-weight: bold;
}

/* Kode ukuran panjang tabel */
table {
    height: 0px;
    width: 603px;
}

/* Kode jarak ukuran navigasi bar */
.has_site_logo .pkp_site_name,
.has_site_logo .pkp_navigation_primary_wrapper {
    width: auto;
    background-color: rgb(26, 26, 26);
    border: 1px solid #2d2d2d;
}

/* Kode jarak lebar dan tinggi kotak tengah */
@media (min-width: 992px) {
    .pkp_structure_content {
        padding-top: 0.143rem;
        /* padding-left: 1rem; */
        height: 100%;
        width: 1160px;
        background-color: rgb(241, 241, 241);
    }

    .pkp_structure_sidebar {
        float: right;
        width: 300px;
    }

    .pkp_structure_main {
        float: left;
        padding: 0 2.143rem 6.429rem;
        width: 652px;
    }

    .pkp_structure_main:after {
        left: 652px;
    }
}

/* Kode jarak ukuran main dengan sidebar */
@media (min-width: 1200px) {
    .pkp_structure_main {
        width: 851px;
    }

    .pkp_structure_main:after {
        left: 860px;
    }
}

/* img {
    width: 200px;
    height: 80px;
} */

/* Kode jarak warna structure head */
.pkp_structure_head {
    background-color: #ffffff !important;
    color: #000000 !important;
}

@media (min-width: 992px) {
    .pkp_site_name_wrapper {
        height: 285px;
        /* Kode jarak antara cover dengan menu navigation bar */
    }
}

/* Kode jarak site name .is img */
.pkp_site_name .is_img {
    display: inline-block;
    margin-top: 0.35rem;
    margin-bottom: 0.2rem;
    padding: 0;
}

/* Kode jarak navigasi home utama */
.pkp_navigation_primary_wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1px;
    height: 45px;
}

@media (min-width: 992px) {
    .pkp_head_wrapper {
        padding-top: 4.286rem;
    }

    .pkp_site_nav_toggle {
        display: none;
    }

    .pkp_site_name {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        padding: 0;
        white-space: normal;
        font-size: 2em;
        background: transparent;
        overflow: visible;
    }

    .pkp_site_name .is_text {
        font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
            "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue",
            sans-serif;
        font-size: 1.714rem;
        line-height: 2.143rem;
    }

    /* Kode jarak ukuran panjang dan lebar cover header */
    .pkp_site_name .is_img img {
        max-height: 280px;
    }

    .pkp_site_nav_menu {
        display: block;
        position: static;
        top: auto;
        padding: 0;
    }

    .pkp_site_nav_menu ul ul {
        padding-left: 0;
    }

    .has_site_logo .pkp_head_wrapper {
        padding-top: 2.143rem;
    }

    .pkp_nav_list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .pkp_nav_list li {
        position: relative;
        display: inline-block;
    }

    .pkp_nav_list a {
        display: inline-block;
        padding-left: 0.714rem;
        padding-right: 0.714rem;
        text-decoration: none;
        padding-top: 0.357rem;
        padding-bottom: 0.357rem;
    }

    .pkp_nav_list a:hover,
    .pkp_nav_list a:focus {
        text-decoration: none;
    }

    .pkp_nav_list ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1000;
        width: 15em;
        margin: 0;
        padding: 0;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .pkp_nav_list ul li {
        display: block;
    }

    .pkp_nav_list ul a {
        display: block;
        padding-left: 0.357rem;
        border-left: 0.357rem solid transparent;
        color: #006798;
    }

    .pkp_nav_list ul a:hover,
    .pkp_nav_list ul a:focus {
        outline: 0;
        background: #ddd;
        border-color: #006798;
        color: #006798;
    }

    .pkp_nav_list ul li:first-child a {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .pkp_nav_list ul li:last-child a {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .pkp_nav_list>li:hover ul {
        left: 0;
    }

    .pkp_nav_list [aria-haspopup]:after {
        position: relative;
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        margin-left: 0.25em;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        vertical-align: middle;
        overflow: hidden;
    }

    .pkp_navigation_primary {
        text-align: center;
    }

    .pkp_navigation_primary>li>a {
        margin: 0.357rem 0.5em 0;
        padding: 0.357rem 0.5em calc(0.714rem - 2px);
        border-bottom: 2px solid transparent;
        color: #fff;
        text-decoration: none;
    }

    .pkp_navigation_primary>li>a:hover {
        color: #fff;
        outline: 0;
        border-color: #fff;
    }

    .pkp_navigation_primary>li>a:focus {
        background: #fff;
        color: #1f0404;
        outline: 0;
    }

    /* Kode jarak tulisan navigasi home dengan navigasi bar */
    .pkp_navigation_primary>li:first-child a {
        margin-left: 1em;
        font-size: 15px;
    }

    .pkp_navigation_primary>li:last-child a {
        margin-right: -0.5em;
        font-size: 15px;
    }

    .pkp_navigation_primary>li:hover ul {
        position: absolute;
        transform: translate3d(7px, 40px, 0px);
        top: 0;
        left: 0;
        will-change: transform;
    }

    .pkp_navigation_primary ul a {
        padding-top: 0.714rem;
        padding-bottom: 0.714rem;
    }

    .pkp_navigation_primary [aria-haspopup]:hover {
        border-color: transparent;
    }

    .pkp_navigation_primary .dropdown-menu a:focus,
    .pkp_navigation_primary .dropdown-menu a:hover {
        border-color: #006798;
    }

    .dropdown-menu {
        display: none;
    }

    .dropdown-menu.show {
        display: block;
    }

    /* Kode pastikan tulisan item dropdown rata kiri dan tidak terpusat */
    .pkp_nav_list ul,
    .pkp_nav_list ul a,
    .pkp_navigation_primary ul a,
    .dropdown-menu,
    .dropdown-menu a,
    .pkp_site_nav_menu .dropdown-menu a {
        text-align: left !important;
        padding-left: 0rem !important;
    }

    [data-toggle="dropdown"]:hover+.dropdown-menu,
    .dropdown-menu:hover {
        display: block;
    }

    .pkp_navigation_user_wrapper {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 0.714rem;
        padding-right: 0.714rem;
        text-align: right;
        padding-top: 0;
        margin-top: 0;
        border-top: none;
        z-index: 1000;
    }

    .pkp_navigation_user {
        text-align: right;
        font-size: 0.93rem;
        padding-right: 1.43rem;
    }

    /* Kode jarak warna user profile */
    .pkp_navigation_user.pkp_navigation_user {
        margin: 0px;
        padding: 0px;
        border: none;
        background-color: rgb(26, 26, 26);
    }

    .pkp_navigation_user li {
        text-align: left;
    }

    .pkp_navigation_user a {
        padding-top: 0.357rem;
        padding-bottom: 0.357rem;
        line-height: 1.43rem;
    }

    .pkp_navigation_user>li>a:focus {
        outline: 0;
        background: #fff;
        color: #1f0404;
    }

    .pkp_navigation_user ul {
        width: 10em;
    }

    .pkp_navigation_user>li:hover ul {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate3d(0px, 30px, 0px);
        will-change: transform;
    }

    /* Kode jarak warna user profile dropdown button */
    .pkp_navigation_user>li:last-child>a {
        margin-right: 1.714rem;
        margin-bottom: 1rem;
    }

    .pkp_navigation_user>li>a .task_count {
        display: inline-block;
    }

    .pkp_navigation_user>li>a:focus .task_count {
        background: #1f0404;
        color: #fff;
    }

    .pkp_navigation_user>li>ul a .task_count {
        display: none;
    }

    .pkp_navigation_search_wrapper {
        float: right;
        margin: 0;
        padding: 0;
        border: none;
    }

    .pkp_navigation_search_wrapper a {
        margin: 0.357rem 0.5em 0;
        padding: 0.357rem 0.5em calc(0.714rem - 2px);
        border-bottom: 2px solid transparent;
        color: #fff;
        text-decoration: none;
    }

    .pkp_navigation_search_wrapper a:hover {
        color: #fff;
        outline: 0;
        border-color: #fff;
        text-decoration: none;
    }

    .pkp_navigation_search_wrapper a:focus {
        background: #fff;
        color: #1f0404;
        outline: 0;
        text-decoration: none;
    }
}

/* Kode jarak gambar cover buku jurnal di home page*/
.pkp_page_index .homepage_image img {
    float: left;
    display: block;
    width: 230px;
    height: 322px;
    margin-left: 16px;
    margin-top: 20px;
    rotate: calc(-0.7deg);
}

/* Kode jarak tabel dengan batasan */
.pkp_page_index .homepage_about {
    padding-top: 2.143rem;
    padding-bottom: 2.143rem;
    padding-left: 0rem;
}

/* Kode jarak judul about the journal dengan gambar buku */
.pkp_page_index .homepage_about h2 {
    float: left;
    margin-left: 5px;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

/* Kode jarak menu sidebar */
@media (min-width: 992px) {
    .pkp_block {
        padding-left: 0rem;
        padding-top: 0rem;
        padding-right: 0rem;
        padding-bottom: 0rem;
    }
}

/* Kode warna teks link ketika mouse hover */
a:hover, a:focus {
    color: #008acb
}

/* Kode jarak panjang ukuran garis horizontal setelah book cover atau sebelum call for papers di home */
.pkp_page_index .cmp_announcements {
    border-top: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
    /* margin-top: 2rem; */
    margin-bottom: -0.5rem;
}

/* Kode jarak antara tulisan articles dengan published date pada current issue */
@media (min-width:768px) {
    .pkp_page_index .current_issue .section:last-child {
        margin-bottom: -1rem;
        margin-top: -4rem;
    }
}

/* Kode jarak hapus logo footer */
.pkp_brand_footer {
    padding: 2.143rem;
    display: none;
}

/* Kode jarak warna dasar body tengah */
html, body {
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 1.43rem;
    color: rgba(0, 0, 0, 0.87);
    background: #fff
}

/* Kode warna structure head */
.pkp_structure_head {
    background-color: #1f0404;
    border-bottom: none;
}

/* Kode warna footer wrapper */
.pkp_structure_footer_wrapper {
    background-color: white;
}

/* Kode warna footer content */
.pkp_footer_content {
    padding: 2.143rem;
    text-align: left;
    color: white;
    background-color: black;
}

/* Kode warna link history klik dan tulisan di sidebar */
a:link {
    text-decoration: none;
}

tr > td {
    color: black;
}

/* Kode warna tulisan link effect mouse hover */
a:hover, a:focus {
    color: #008acb
}

/* Kode jarak ukuran tabel dengan buku */
.pkp_page_index .homepage_about {
    padding-top: 0rem;
    padding-bottom: 26.143rem;
    padding-left: 16rem;
    margin-top: 40px;
}

/* Kode konten CALL FOR PAPERS */
.pkp_page_index .cmp_announcements>.obj_announcement_summary {
    float: left;
    width: 101%;
    border-width: none;
    text-align: justify;
}

/* Kode jarak tulisan content issue
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
    margin-left: 0rem;
    margin-top: 1.200rem;
    margin-right: 0rem;
    margin-bottom: 2rem;
} */

.pkp_structure_main h3 {
    margin-bottom: 2rem;
}

/* Kode jarak tulisan read more dengan garis batasan sebelum current issue */
.obj_announcement_summary .summary {
    font-size: .93rem;
    line-height: 1.43rem;
    margin-top: .714rem;
    margin-bottom: -2rem;
}

/* Kode jarak logo indeksasi dengan footer */
.pkp_page_index .additional_content {
    padding-left: 2.143rem;
    padding-right: 2.143rem;
    /*! padding-bottom: 1rem; */
    margin-bottom: -2rem;
}

/* Pastikan: semua link dalam 'About the Journal' berwarna hitam
   (override rule global yang mengatur hover menjadi biru) */
.pkp_page_index .homepage_about a,
.pkp_page_index .homepage_about a:link,
.pkp_page_index .homepage_about a:visited,
.pkp_page_index .homepage_about a:focus {
    color: #000 !important;
    text-decoration: none !important;
}

.pkp_page_index .homepage_about a:hover {
    color: blue !important;
}

.pkp_footer_content a,

.pkp_footer_content a:link {
    color: white !important;
    text-decoration: none !important;
}

/* Kode ukuran custom block manager untuk legitimasi visitors */
#customblock-legitimasi-visitor > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) {
    display: block;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0.5rem;
}

/* Kode jarak ukuran sidebar */
.pkp_structure_sidebar {
    float: right;
    width: 290px;
    margin-right: -0.4rem;
}

/* Kode ukuran custom block manager untuk gambar icon article template */
#customblock-article-template > div:nth-child(2) > ul:nth-child(1) > ul:nth-child(2) > li:nth-child(2) > a:nth-child(1) > img:nth-child(1) {
    height: 100px;
    width: fit-content;
    margin-left: 30px;
}

/* Kode jarak konten article dengan tulisan Article diatas */
.obj_issue_toc h2+.articles, .obj_issue_toc h3+.articles {
    margin-top: 0px;
}

/* Jarak isi kontent setelah identitas jurnal homepage */