@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;700&family=Open+Sans:wght@400;600&display=swap');

body {
  font-family: 'Open Sans', sans-serif;
  background: #f0f0f0;
  color: #000000;
}

/* ==== Ukuran Logo Header OJS ==== */
.pkp_site_name .is_img {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
}

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

}

.pkp_navigation_user_wrapper {
    display: none !important;
}

/* Navigasi utama */
/* 1. Container navigasi atas jadi satu bar */
.pkp_site_nav_wrapper {
  background-color: #004080;
}

/* 2. Atur menu utama dan search sejajar */
.pkp_navigation_user_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 8px 0;
}

/* 3. Navigasi utama */
.pkp_site_nav_menu_primary {
  display: flex !important;
  order: 1;
  gap: 20px;
}

/* 4. Search bar */
.pkp_search {
  order: 2;
  margin-left: auto;
  margin-right: 20px;
}

/* 5. Link navigasi */
.pkp_site_nav_menu_primary a {
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
}
.pkp_site_nav_menu_primary a:hover {
  background-color: #ff9800;
  color: white !important;
}

/* 6. Styling input search agar inline */
.pkp_search_form_simple {
  display: flex;
}
.pkp_search_form_simple input[type="text"] {
  padding: 5px 10px;
  border-radius: 4px;
  border: none;
}
.pkp_search_form_simple button {
  padding: 5px 10px;
  border-radius: 4px;
  margin-left: 4px;
  background: #ff9800;
  color: white;
  border: none;
}

/* 7. Atur user nav (login/register) jika ingin ditampilkan atau disembunyikan */
.pkp_navigation_user_wrapper > .user_nav {
  order: 3;
}


/* Daftar Issue / Pengumuman */
.current_issue, .announcement {
  background: white;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.current_issue .title, .announcement .title {
  font-family: 'Roboto Slab', serif;
  font-size: 1.4rem;
  color: #1d698a;
  margin-bottom: 10px;
}

/* Artikel dalam list issue */
.issue_item, .article_summary {
  border-top: 1px solid #e0e0e0;
  padding: 12px 0;
}
.issue_item:first-child, .article_summary:first-child {
  border-top: none;
}
.issue_item a.title, .article_summary h3 {
  font-family: 'Roboto Slab', serif;
  font-size: 1.2rem;
  color: #333;
}
.issue_item a.title:hover {
  color: #1d698a;
}

/* Footer sederhana */
.pkp_site_footer {
  background: #1d698a;
  color: white;
  padding: 25px;
  font-size: 0.9rem;
  text-align: center;
}
.pkp_site_footer a {
  color: #ffebee;
  text-decoration: none;
}

.meta .authors{
	background: url(https://ejurnal-unisap.ac.id/gambar/abstrak/penulis.png) 1px 2px no-repeat rgba(0, 0, 0, 0);
	font-weight: bold;
	margin-top: 4px;
	padding-bottom: 5px;
	padding-left: 24px;
}
.obj_article_summary {
	background-image: url(https://ejurnal-unisap.ac.id/gambar/background/background.jpg);
	border: 1px solid #26315A;
	padding: 15px;
	border-radius: 20px 0px 20px 0px;
	padding-bottom: 15px !important;
	box-shadow: 3px 3px 4px #26315A;
}
.cmp_button_wire, .obj_galley_link {
	background:linear-gradient(to bottom,#ffffff 0%,#C9E9F8 50%,#C9E9F8 51%,#ffffff 100%);
	border: 1px solid #26315A;
	color:#233859;
}
.obj_galley_link:hover {
	background: #0088C4 !important;
	border: 1px solid #26315A;
	color: #fff;
}
.obj_issue_summary .description {
    text-align: justify;
}
.obj_issue_toc .description {
    text-align: justify;
}
.vertical-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}
 
.vertical-menu a {
background-color: #C1ECFF; /* Warna pada bagian body menu */
color: #011923; /* Warna tulisan */
display: block;
padding: 7px;
text-decoration: none;
border-bottom: 1px solid #ffffff; /* Garis pemisah antar menu */
font-family: Arial; /*Jenis font*/
}
 
.vertical-menu a:hover {
background-color: #F7CF00; /* Warna efek yang keluar ketika di arahkan mouse */
}
 
.vertical-menu a.active {
background-color: #654696; /* Warna pada header menu */
color: white; /*Warna font*/
font-family: Arial; /*Jenis font*/
}
.header-menu {
    background-color: #1a1a1a; /* Warna latar belakang */
    color: white; /* Warna teks */
    padding: 10px 20px;
    border-radius: 10px; /* Melengkungkan ujung header */
    text-align: center;
    font-weight: bold;
}
/*Body and Abstrack*/
.main_entry .item.abstract {
    text-align: justify;
}

/* Mengatur daftar editor */
.editor ul {
	list-style-type: none; /* Hilangkan bullet list */
	padding: 0;
  }
  
  .editor li {
	margin-bottom: 20px; /* Jarak antar penulis */
  }
  
  /* Jarak dan tampilan ikon */
  .icon-links {
	margin-top: 5px; /* Jarak antara teks penulis dan ikon */
  }
  
  .icon-link {
	display: inline-flex;
	align-items: center;
	margin-right: 10px; /* Jarak antar ikon */
	text-decoration: none;
	color: #000; /* Warna teks default */
  }
  
  .icon {
	width: 20px; /* Ukuran ikon */
	height: 20px;
	margin-right: 5px; /* Jarak antara ikon dan teks */
  }
/* Artikel Sering Dibaca (Plugin Block Most Read */ 

   /* Hilangkan Judul Block */
  .pkp_block .title {
    display: none;
}
.most_read_header {
    background-color: #1A2B50; /* Warna yang sama dengan Alamat Tim Redaksi */
    color: white; /* Warna teks putih */
    font-weight: bold;
    text-align: center;
    padding: 7px;    
}
/* Mengurangi padding dan margin antar judul artikel */
.most_read_article {
    padding: 3px 5px; /* Kurangi padding agar lebih rapat */
    margin-bottom: 1px; /* Kurangi jarak antar artikel */
}

/* Supaya tidak ada background biru */
.most_read_article a {
    background-color: transparent !important; /* Hilangkan warna latar */
    display: block;
    padding: 3px 0; /* Kurangi padding dalam artikel */
}

/* Membuat teks lebih padat */
.most_read_article_title {
    font-size: 14px; /* Kecilkan teks jika perlu */
    line-height: 1.2; /* Kurangi tinggi baris agar lebih rapat */
    font-weight: normal;
    color: black;
}
/* Styling untuk Keyword Cloud (Topik Populer) */

/* Hilangkan judul default dari plugin jika perlu */
.pkp_block .title {
    display: none;
}

/* Header TOPIK POPULER */
.keywordcloud_header {
    background-color: #1A2B50; /* Sama dengan ARTIKEL TRENDING MINGGU INI */
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 7px;
}

/* Menyesuaikan tampilan setiap kata kunci dalam Keyword Cloud */
.keywordcloud_item {
    font-size: 14px; /* Ukuran teks */
    font-weight: normal;
    color: black;
    text-decoration: none;
    padding: 3px 5px;
    display: inline-block; /* Agar tampil dalam satu baris */
    margin: 2px;
}

/* Mengubah warna teks saat hover */
.keywordcloud_item:hover {
    color: #1A2B50; /* Warna biru saat hover */
    text-decoration: underline;
}

/* Atur ukuran font berdasarkan bobot */
.keywordcloud_item[data-weight="1"] {
    font-size: 12px;
}

.keywordcloud_item[data-weight="2"] {
    font-size: 14px;
    font-weight: bold;
}

.keywordcloud_item[data-weight="3"] {
    font-size: 16px;
    font-weight: bold;
    color: #ff7f0e; /* Warna lebih mencolok */
}