/* CSS Developer By RAM PUBLISHER*/
body {
    height: 100%;
    background-image: url("https://uploadimage.io/images/2025/01/23/3.webp");
    background-repeat: repeat;
    background-position: left top bottom right;
}
.pkp_brand_footer {
    /* Menghilangkan logo OJS */
    display: none;
    }
  
  /* Judul artikel di detail */
.page_title {
    color: #000000;
}

/* nama penulis pada detail */
.name {
    color: #0F32B2;
}

.pkp_block .title {
    display: block;
    padding: 10px;
    text-align: left;
    background-color: #6bb48e;
    color: white;
    font-weight: bold;
}

/* untuk daftar artikel */
a {
    color: #06562d;
}

a:hover {
    color: #f05a56;
}

.cmp_button_wire,
.obj_galley_link {
    background: #f05a56;
    border: 1px solid #f05a56;
    color: #fff;
}

.obj_article_summary {
    border: 1px solid #6bb48e;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 3px 3px #6bb48e;
}


/* header */
.pkp_site_name {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pkp_site_name>a {
    padding-top: 0;
    padding-bottom: 0;
}

.pkp_site_name .is_img img {
    max-height: 200px !important;
}

.pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
}

.pkp_navigation_user_wrapper {
    top: 0;
    right: 0;
    padding-right: 30px;
}

.pkp_structure_page {
    margin-top: 20px !important;
    margin-bottom: 20 !important;
    padding-bottom: 20 !important;
}



.pkp_structure_footer_wrapper {
    background: #dededd !important;
    border-bottom: 20px solid #6bb48e;
}

/* Menu Side Bar  Menu Head*/

.head-menu {
    border-bottom: 3px #6bb48e solid;
    background-color: #ffffff;
    height: 50px;
}

.head-menu a {
    display: block;
    padding: 10px;
    text-align: left;
    background-color: #6bb48e;
    color: white;
    font-weight: bold;
}

.menu-sidebar {
    font: bold 12px arial, verdana, sans-serif;
}

.menu-sidebar li a {
    text-decoration: none;
    border-top: 1px solid #ffffff;
    color: #000000;
    display: block;
    background-color: #fae5e5;
    padding: 10px;
    margin-top: -5px;
    transition: 0.3s;
}

.menu-sidebar li a:hover {
    background-color: #6bb48e;
    box-shadow: gray 2px 2px 2px;
    color: white;
    border-left: 5px solid #f05a56;
}

.menu-sidebar ul {
    list-style: none;
    padding: 0px;
}

.menu-sidebar ul ul {
    position: absolute;
    top: 75px;
    left: 135px;
    visibility: hidden;
}

.menu-sidebar ul li:hover ul {
    visibility: visible;
}


/* Menu Lain */
.kepala {
    color: #ffffff;
    background: #075C07;
    padding: 10px;
    font-family: arial;
    line-height: 23px;
    border-bottom: 4px solid white;
    font-weight: bold;
    text-align: center;
}

.badan a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid white;
    background: #F8F8F8;
    text-align: center;
    transition: 0.5s;
    color: black;

}

.badan {
    margin-top: -15px;
}


.badan a:hover {
    color: black !important;
    font-weight: bold;
    box-shadow: gray 0px 5px 10px 0px;
    display: fixed;
    position: relative
}

/* rata kiri kanan abstract */
.obj_article_details .abstract {
    text-align: justify;
    }
    
/*untuk gambar homepage*/ 
.homepage_image {
    display:inline-block;
    width:28%;
    margin-left:0px;
    float:right;
}

.homepage_image img {
    margin:60px 0px 0px -20px;
    box-shadow:4px 2px 5px gray;
    width:300px;

 }

.homepage_about {
    display:inline-block;
    width:70%;
    text-align:justify;
}

/*untuk ngatur foother*/
.pkp_footer_content {
    float: none;
    width: 100%;
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
/* Announcements*/
.summary {
    text-align:justify;
}
/* Merapkan Keterangan ISSUE*/
.description {
    text-align:justify;
}
a:link {
    /* Menghapus Garis Link*/
    text-decoration: none;
}
h2 {
        color: #800000;
        display: none;
        /* Mengubah warna teks menjadi biru */
    }

@media (max-width: 600px) {
    /* For mobile phones: */
      .homepage_about {
          width:100%;
      }
    } 
@media (max-width: 991px) {
        .homepage_about{
            margin-top:30px;
        }
    
    
    }   
@media (max-width: 360px) {
    /* For mobile phones: */
        .homepage_image {
            width:90%;
            margin:0;
        }
    
            .homepage_about{
            margin-top:0px;
        }
    }

/* =========================================================
   NJCOM MINIMAL FIX
   - Tidak mengubah tema/warna/layout utama
   - Footer content dibuat penuh 100%
   - Teks isi dibuat rata kanan-kiri
   ========================================================= */

.pkp_footer_content,
.pkp_footer_content .content,
.pkp_footer_content .pkp_block {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

p,
.homepage_about,
.obj_article_details .abstract,
.obj_article_details .abstract p,
.summary,
.summary p,
.description,
.description p,
.pkp_footer_content p,
.pkp_block .content p,
.page_about p,
.page p,
.obj_article_details .item p,
.obj_article_details .main_entry p {
    text-align: justify !important;
    text-justify: inter-word;
}

p a,
.pkp_footer_content a,
.pkp_block .content p a {
    text-decoration: none !important;
}

/* =========================================================
   NJCOM - ANNOUNCEMENTS BORDER ONLY
   Hanya mengatur garis:
   - garis atas
   - garis pemisah vertikal
   Keduanya dibuat sama, tipis, solid, dan tidak putus.
   Tidak mengubah padding, layout, warna tema, atau elemen lain.
   ========================================================= */

.page_index_journal .cmp_announcements {
    border-top: 1px solid #c9c9c9 !important;
}

.page_index_journal .cmp_announcements .more,
.page_index_journal .cmp_announcements > div:last-child {
    border-left: 1px solid #c9c9c9 !important;
}


/* =========================================================
   FINAL BORDER REFINEMENT
   Hanya memperjelas garis tanpa mengubah layout apa pun.
   ========================================================= */
.page_index_journal .cmp_announcements {
    border-top: 1px solid #bcbcbc !important;
}

.page_index_journal .cmp_announcements .more,
.page_index_journal .cmp_announcements > div:last-child {
    border-left: 1px solid #bcbcbc !important;
}

/* =========================================================
   NJCOM - RESPONSIVE TABLET & MOBILE ONLY
   Desktop (> 991px) TIDAK DIUBAH.
   ========================================================= */

/* TABLET */
@media only screen and (max-width: 991px) {

    /* Cegah elemen melewati lebar layar */
    .pkp_structure_page,
    .pkp_structure_content,
    .pkp_structure_main,
    .pkp_footer_content,
    .pkp_block,
    .pkp_block .content {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

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

    /* About + cover homepage */
    .homepage_about {
        width: 100% !important;
        margin-top: 20px !important;
        box-sizing: border-box !important;
    }

    .homepage_image {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .homepage_image img {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 15px auto 0 !important;
    }

    /* Announcement: kolom kanan turun rapi bila ruang tidak cukup */
    .page_index_journal .cmp_announcements .more,
    .page_index_journal .cmp_announcements > div:last-child {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* MOBILE / PHONE */
@media only screen and (max-width: 767px) {

    /* Announcement dibuat satu kolom */
    .page_index_journal .cmp_announcements {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .page_index_journal .cmp_announcements > * {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Garis vertikal berubah menjadi garis horizontal saat kolom turun */
    .page_index_journal .cmp_announcements .more,
    .page_index_journal .cmp_announcements > div:last-child {
        border-left: 0 !important;
        border-top: 1px solid #bcbcbc !important;
        margin-top: 18px !important;
        padding-top: 18px !important;
    }

    /* Konten panjang aman di layar kecil */
    p,
    .summary,
    .description,
    .homepage_about,
    .pkp_block .content {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    /* Footer tetap penuh */
    .pkp_footer_content,
    .pkp_footer_content .content,
    .pkp_footer_content .pkp_block {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* HP KECIL */
@media only screen and (max-width: 480px) {

    .homepage_about {
        margin-top: 10px !important;
    }

    .homepage_image img {
        margin-top: 10px !important;
    }

    .page_index_journal .cmp_announcements .more,
    .page_index_journal .cmp_announcements > div:last-child {
        margin-top: 14px !important;
        padding-top: 14px !important;
    }
}