/*Kode untuk 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 {margin-top:0px; margin-bottom: 0px;} /*mengatur margin gambar header*/
.pkp_site_name .is_img img {max-height: 215px !important; padding-top:0px; display:block;}
.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:  0px !important; margin-bottom:0 !important; padding-bottom: 0 !important;}

.pkp_site_name .is_img img {display: inline-block; max-height: 100px; max-width: 100%; width: auto; height: auto;}




<!-- /* Membuat responsif header diberbagai frame perangkat */ -->
@media only screen and (max-width: 991px) {
  .is_img img{
      height: 40px !important;
    }
}



/*Kode untuk setting menu atas By Faatuatua*/
.pkp_navigation_primary_row {
    /*background: #760318; */
	/*background: linear-gradient(to bottom, #4facfe, #00f2fe);*/
	background: linear-gradient(to right, #003b46, #07575b, #66a5ad, #07575b, #003b46);
    padding-left: 2.143rem;
    padding-right: 2.143rem;
}
.pkp_navigation_primary {
    text-align: left;
  }
#navigationPrimary>li>a {
    padding-bottom: 6px;
    border-bottom-width: 4px;
    color: whitesmoke;
}
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  border-color: #ffffff;
  border-bottom: 2px solid #FFFF00;
  color:  whitesmoke;
}

#navigationPrimary > li > a:active{
   color:black;
}

/*Kode untuk warna tombol search*/
.pkp_navigation_search_wrapper a{
  color: whitesmoke;
}
.pkp_navigation_search_wrapper a:hover {
  border-color: #ffffff;
  border-bottom: 2px solid #FFFF00;
  color:  rgb(93, 247, 237);
}
.pkp_navigation_search_wrapper a:active{
  color:black;
}



<!-- /* kode untuk menghilangkan logo OJS di Footer */ -->
.pkp_brand_footer {
display: none;
}

<!-- kode untuk justify deskripsi jurnal -->

.pkp_page_index .homepage_about{
	text-align: justify;
}

<!-- mengubah background webnya -->

html, body {
    /* background: #0A2049 fixed !important */
	/* mengubah background webnya */
	/*background: url(https://i.ibb.co.com/cbqW2D4/swirl-pattern.webp) #f5f9fb fixed !important*/
} 


/* posisi number atau alfabet poin pada postingan */

.posisi li {
    list-style-position: inside; /* Poin/angka berada di dalam teks */
    padding-left: 1.8em; /* Jarak masuk ke dalam */
        margin: 0;
    text-align: justify;
    margin-bottom: 10px;  /* biar ada jarak antar item */
  }
  
/*====================================================*/


/* ========================================== */
/*       KODE UNTUK MENU SAMPING KANAN       */
/* ======================================== */

#cus-sidemenu {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.cus-menu,
.cus-linkonly li {
  list-style-type: none;
}

.cus-linkonly {
  color: #78866B;
  text-decoration: none;
}

li.cus-menu-item {
  padding: 0px !important;
  background-color : #760318;
}


.cus-dropdown-title {
  display: flex !important;
  justify-content: space-between;
  color : whitesmoke;
}

.cus-dropdown-title::after {
  content: "\25BE";
}

.cus-sidemenu {
  width: 100%;
  max-width: 500px;
  margin: 30px auto 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.cus-linkonly-item {
  padding: 0px !important;
}

.cus-sidemenu>li:hover,
.cus-linkonly:hover {
  background: #9CAF88;
}

.cus-sidemenu .cus-dropdown-title {
  cursor: pointer;
  display: block;
  padding: 15px;
  color: #whitesmoke;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cus-linkonly {
  cursor: pointer;
  display: block;
  padding: 15px;
  color: #whitesmoke !important;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.cus-sidemenu li {
  padding: 0px !important;
}

.cus-sidemenu li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #78866B;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.cus-sidemenu li.open .cus-dropdown-title {
  color: whitesmoke;
}

.cus-sidemenu li.open i {
  color: #9CAF88;
}

.cus-sidemenu li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* ------ cus-menu -----------*/

.cus-menu {
  display: none;
  background: #ffffff;
  font-size: 14px;
  padding-left: 0;
}

.cus-menu li {
  border-bottom: 1px solid #9CAF88;
}

.cus-menu a {
  display: block;
  text-decoration: none;
  color: #black;
  font-weight:bold;
  padding: 12px;
  padding-left: 5px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cus-menu a:hover {
  background: #07575b /*kode warna saat disorot*/;
  color: #fff;
}

/* ================================================ */
/* BATAS - KODE KODE UNTUK MENU SAMPING KANAN       */
/* ================================================ */



/* ========================================== */
/* KODE UNTUK TABEL YANG DIGUNAKAN DI JURNAL */
/* ======================================== */

/* Reset & Typography */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.rkhbody{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #ffffff; /* #f8fafc; */
  color: #333;
  line-height: 1.7;
  padding: 20px;
}


/* Role Section */
.rkh-role-section {
  margin-bottom: 40px;
}

.rkh-role-title {
  background: linear-gradient(135deg, #9CAF88, #78866B);
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Table Styling */
.rkh-table-container {
  overflow-x: auto;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  background-color: white;
  margin-bottom: 30px;
}

.rkh-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 400px;
}

.rkh-th {
  padding: 16px 20px;
  background-color: #9CAF88;
  color: white;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.5px;
}

.rkh-td {
  padding: 14px 20px;
  border-bottom: 1px solid #e2e8f0;
}

.rkh-tbody tr:hover {
  background-color: #f0f7ff;
  transition: background-color 0.3s ease;
}

.name {
  font-weight: 600;
  color: #1a365d;
}

.university {
  font-size: 0.85em;
  color: #4a5568;
  margin-top: 4px;
}

.links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.links a {
  padding: 4px 8px;
  background-color: #ebf8ff;
  color: #2b6cb0;
  text-decoration: none;
  border-radius: 6px;
  font-size: 0.8em;
  font-weight: 500;
  border: 1px solid #90cdf4;
  transition: all 0.2s;
}

.links a:hover {
  background-color: #2b6cb0;
  color: white;
  border-color: #2b6cb0;
}

/* --- RESPONSIVE: Card View di Mobile --- */
@media (max-width: 600px) {
  .role-title {
    font-size: 1.1em;
    padding: 12px;
  }

  .rkh-th {
    display: none;
  }

  .rkh-table, .rkh-tbody, .rkh-tr, .rkh-td {
    display: block;
  }

  .rkh-tr {
    margin-bottom: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fdfdfd;
  }

  .rkh-td {
    padding: 14px 20px;
    border: none;
    position: relative;
  }

  .rkh-td:not(:last-child) {
    border-bottom: 1px dashed #ddd;
  }

  .rkh-td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #1a365d;
    display: block;
    margin-bottom: 6px;
    font-size: 0.9em;
  }

  .links {
    margin-top: 0;
  }
}

/* ================================================== */
/* BATAS - KODE UNTUK TABEL YANG DIGUNAKAN DI JURNAL */
/* ================================================ */