.journals ul .body .description a {display: inline;}
body {
  background: url("https://img.freepik.com/premium-vector/seamless-pattern-texture_518299-13399.jpg") #f5f9fb fixed !important;
}
#headerNavigationContainer {
    background: transparent !important; /* biarkan transparan */
    max-height: 100% !important;
}

.pkp_structure_head {
    background: transparent !important; /* sisi luar tetap transparan */
}

.pkp_head_wrapper {
    background-color: #1994F2 !important; /* Warna latar belakang padat */
    max-width: 1200px;
    margin: 0 auto; /* Posisi tengah */
    border-radius: 0px; /* Opsional */
    padding-top: 0px !important; /* Menyesuaikan padding atas */
    padding-bottom: 0px !important; /* Menyesuaikan padding bawah */
}

/* Mengurangi padding pada .pkp_site_name_wrapper */
.pkp_site_name_wrapper {
    background-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0px !important; /* Menyesuaikan padding atas */
    padding-bottom: 0px !important; /* Menyesuaikan padding bawah */
}

/* Jika ada padding pada elemen lainnya, sesuaikan seperti berikut */
.pkp_navigation_primary_wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pkp_structure_main {
  background: #fff;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.2); /* arah bayangan ke kanan */
  z-index: 1;
  position: relative;
}
/* Membuat halaman utama tetap transparan di sisi kiri-kanan */
body {
    margin: 0;
    padding: 0;
}

.pkp_navigation_primary_row{
    background-color: #1994F2;
    text-align:left;
    padding-left:15px;
}
.pkp_navigation_primary a,
.pkp_navigation_primary_row a {
  color: #ffffff !important;
}
.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;
}

.blue-card {
  position: relative;
  background-color: #1994F2;
  border: 2px solid #3399ff;
  padding: 8px 20px 12px 20px;
  margin-bottom: 10px;
  border-radius: 10px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  overflow: visible;
}

.blue-card::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  background-color: #A2C8F5; /* Warna lapisan belakang */
  border-radius: 10px;
  z-index: -1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.article-title {
  color: #ffffff;
  font-size: 20px;
  margin: 4px 0 2px 0;
  text-align: justify; /* ini membuat teks rata kanan dan kiri */
}

.article-title a {
  color: #ffffff;
  text-decoration: none;
  display: block; /* penting agar justify bekerja */
  transition: color 0.3s ease; /* efek transisi halus */
}

.article-title a:hover {
  color: #08FCF8; /* ganti dengan warna hover yang kamu inginkan */
}

.authors {
  margin: 0 0 6px 0;
  font-size: 14px;
}

.galleys_links li a {
  background: #007bff;
  color: #fff !important;
  padding: 4px 12px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 0px;
  text-decoration: none;
}

.stats {
  font-size: 14px;
  margin-top: 4px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.article-title a {
  color: #000000;
  text-decoration: none;
}

.article-title,
.article-title h3,
.authors,
.authors p {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  padding: 20 !important;
}

.blue-card {
  margin-bottom: 0px !important; /* pastikan tidak ada margin */
}

li.obj_article_summary {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

ul.articles {
  margin: 0 !important;
  padding: 0 !important;
}

.obj_article_summary {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

div.abstract, 
.article-abstract, 
.obj_article_details .abstract {
  text-align: justify;
}

.references, 
.citation, 
.bibliography {
  text-align: justify;
}
/* Mengurangi padding dan margin pada footer */
.pkp_structure_footer_wrapper {
    padding: 0px 0 !important; /* Mengurangi padding atas dan bawah */
    margin: 0 !important;
    background-color: #1779b7; /* Sesuaikan dengan warna footer */
    max-width: 100% !important;  /* Pastikan footer tidak lebih lebar */
}

/* Mengatur jarak antar teks di footer */
.pkp_structure_footer {
    font-size: 12px !important;  /* Ukuran font lebih kecil */
    line-height: 1 !important; /* Menyesuaikan line-height agar jarak antar teks lebih rapat */
    padding: 5px 0 !important;   /* Padding atas-bawah kecil */
    background-color: #1779b7;
    color: #fff;
}

/* Mengurangi padding dan jarak antar elemen dalam footer */
.pkp_footer_content {
    padding: 3px 0 !important;   /* Padding vertikal lebih kecil */
    font-size: 12px !important;  /* Ukuran font lebih kecil */
    line-height: 1 !important; /* Line-height lebih rapat */
}

/* Menyesuaikan link dan elemen dalam footer */
.pkp_footer_content a {
    font-size: 12px !important;  /* Ukuran font lebih kecil */
    color: #fff;
    text-decoration: none;
}

.pkp_structure_footer .pkp_footer_content {background: #0F3BB3; padding: 10px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #0F3BB3; height: auto !important; padding: 0;} /*warna background Footer */
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}
/* Menambahkan padding kiri pada footer wrapper */
.pkp_structure_footer_wrapper {
    padding-left: px !important;  /* Memberikan padding kiri */
    padding-right: 10px !important; /* Opsional: untuk padding kanan */
    margin: 0 !important;
}

/* Menyesuaikan jarak teks dalam footer */
.pkp_footer_content {
    padding-left: 20px !important;   /* Memberikan jarak kiri */
    font-size: 12px !important;      /* Ukuran font */
    line-height: 1 !important;     /* Menjaga jarak antar baris agar tidak terlalu rapat */
}

/* Menyesuaikan link dalam footer */
.pkp_footer_content a {
    font-size: 12px !important;      /* Ukuran font */
    color: #08FCF8;
    text-decoration: none;
    line-height: 1 !important;     /* Menjaga jarak antar baris link */
}
.pkp_structure_footer {
    background: transparent !important; /* Membuat sisi luar transparan */
}

.pkp_structure_footer .pkp_footer_content {
    background-color: #0F3BB3 !important; /* Warna latar belakang biru */
    max-width: 1200px; /* Lebar maksimum konten footer */
    margin: 0 auto; /* Memastikan konten terpusat */
    padding-top: 0px !important; /* Menyesuaikan padding atas */
    padding-bottom: 0px !important; /* Menyesuaikan padding bawah */
    box-sizing: border-box; /* Agar padding tidak mempengaruhi lebar */
}

.pkp_structure_footer_wrapper {
    background: transparent !important; /* Membuat sisi luar transparan */
    padding-left: 0 !important; /* Menghapus padding kiri */
    padding-right: 0 !important; /* Menghapus padding kanan */
    margin: 0 !important;
    width: 100%; /* Membuat wrapper memenuhi lebar halaman */
}

/* Bagian Editorial Team */
.editorial-team {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
}

.member {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
}

.member img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}

.member .info h4 {
  margin: 0;
  font-size: 1em;
}

.member .info p {
  margin: 5px 0;
}

.icons a {
  font-size: 0.9em;
  text-decoration: none;
  color: #0066cc;
}

.icons a:hover {
  text-decoration: underline;
}
/* Warna latar belakang dan teks submenu */
.pkp_nav_list li ul li a {
  background-color: #1994F2 !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  display: block;
}

/* Warna saat hover */
.pkp_nav_list li ul li a:hover,
.pkp_nav_list li ul li a:focus,
.pkp_nav_list li ul li a:active {
  background-color: #0F3BB3 !important;
  color: #ffffff !important;
}
@media (max-width: 768px) {
  .pkp_structure_main {
    margin: 0 10px !important;         /* Sisakan ruang kanan-kiri */
    padding: 10px !important;
    background: rgba(255, 255, 255, 0.9) !important; /* Semi-transparan */
    border-radius: 8px;
    box-shadow: none;
  }

  .pkp_structure_footer .pkp_footer_content {
    margin: 0 10px !important;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9) !important;
  }

  body {
    background-size: cover !important; /* Pastikan motif batik menyesuaikan layar */
    background-attachment: fixed !important;
  }
}