/* ======== Site Name & 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: 240px !important; /* diperbesar */
  margin-top: -10px;  /* tarik ke atas */
  margin-bottom: -10px; /* tarik ke bawah */
}

.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: 20px !important;
  padding-bottom: 20px !important;
}

/* ======== Footer ======== */
.pkp_footer_content {
  float: left;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pkp_brand_footer {
  float: right;
  width: 30%;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* ======== Sidebar Container ======== */
.sidebar-box {
  background: #f5f5f5;
  border: 1px solid #eceff5;
  padding: 8px;
  margin-bottom: 12px;
  text-align: center;
}

/* ======== Quick Menu Header ======== */
.block_custom .title, 
#customblock-QuickMenu .title {
  background: #D2B48C; /* tan */
  color: #003366; /* navy */
  font-weight: bold;
  padding: 6px;
  text-align: center;
  border-radius: 3px;
}

/* ======== Main Menu Header ======== */
.main-menu {
  display: block;
  padding: 10px;
  margin-bottom: 3px;
  text-align: center;
  color: #ffffff;
  background: #003366;
  font-weight: bold;
  text-decoration: none;
  border-radius: 3px;
}

/* ======== Submenu Link ======== */
.submenu-link {
  display: block;
  padding: 6px 8px;
  margin: 0;
  text-align: center;
  color: #ffffff;
  background: #007BA7; /* teal */
  text-decoration: none;
  border-bottom: 0.5px solid #ffffff;
  transition: all 0.3s ease;
  border-radius: 3px;
}

.submenu-link:hover,
.submenu-link:focus {
  background: #006680; /* lebih gelap */
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  transform: translateX(6px);
}

/* ======== Primary Navigation (HOME, ABOUT...) ======== */
#navigationPrimary a {
  color: #003366; /* navy */
  font-weight: bold;
  padding: 8px 12px;
  transition: all 0.3s ease;
}

#navigationPrimary a:hover {
  color: #007BA7; /* teal */
  border-bottom: 2px solid #007BA7;
}

/* ======== Login Form ======== */
#sidebar-username,
#sidebar-password {
  width: 95%;
  padding: 5px;
  border: 1px solid #ccc;
}

.button {
  background: #007BA7;
  color: #ffffff;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.button:hover {
  background: #006680;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  transform: translateX(3px);
}

/* ======== Editorial Team Box ======== */
.chief-editor-card {
  display: flex;
  align-items: flex-start;
  background: #C9AE7D;
  padding: 10px;
  border: 1px solid #003366;
  margin-bottom: 12px;
  gap: 12px;
  border-radius: 4px;
}

.chief-editor-photo img {
  width: 80px;
  height: auto;
  border-radius: 3px;
  border: 1px solid #003366;
  flex-shrink: 0;
}

.chief-editor-info {
  flex: 1;
  text-align: left;
  line-height: 1.5;
  min-width: 0;
}

.editor-title {
  font-weight: bold;
  font-size: 10px;
  color: #003366;
  margin-bottom: 8px;
}

.editor-name {
  font-size: 8px;
  font-weight: bold;
  color: #003366;
  margin-bottom: 4px;
}

.editor-affil,
.editor-id {
  font-size: 8px;
  color: #333333;
  margin-bottom: 4px;
}

.editor-id a {
  color: #003366;
  text-decoration: none;
}

.editor-id a:hover {
  text-decoration: underline;
  color: #007BA7; /* teal, jelas di atas tan */
}


/* ======== Tombol View ======== */
.view-button {
  display: inline-block;
  margin-top: 3px;
  padding: 3px 8px;
  background: #003366;
  color: #ffffff;
  border: 1px solid #003366;
  border-radius: 3px;
  font-size: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
}

.view-button:hover {
  background: #C9AE7D;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  transform: translateX(2px);
}


.site-footer {
  background: #f9f9f9;
  border-top: 3px solid #003366;
  padding: 12px 0;   /* lebih rapat */
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #222;
}

.footer-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 15px;
  border-left: 4px solid #D2B48C;  /* aksen dekoratif */
}

.publisher {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 280px;
}
.publisher-logo {
  height: 80px;
  width: auto;
}
.publisher-title {
  margin: 0;
  font-weight: bold;
  color: #555;
  font-size: 13px;
}
.publisher-name {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  color: #003366;
}
.publisher-address {
  margin: 4px 0 0;
  font-size: 12px;
  color: #555;
  line-height: 1.4;
}

.license {
  text-align: center;
  flex: 1;
  min-width: 200px;
}
.license-box {
  border: 1px solid #ddd;
  padding: 6px 10px;
  border-radius: 6px;
  background: #fff;
  display: inline-block;
}
.cc-logo {
  display: block;
  margin: 0 auto 5px;
}
.license-text {
  margin: 0;
  font-size: 13px;
}
.license-text a {
  color: #003366;
  font-weight: bold;
  text-decoration: none;
}
.license-text a:hover {
  color: #007BA7;
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .footer-wrapper {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
  .publisher {
    justify-content: center;
    text-align: center;
  }
}


Tambahan kontak editor:
/* Matikan efek "menggelapkan sidebar" yang berasal dari theme saat hover link */
.sidebar-box .contact-overlay-wrapper,
.sidebar-box .contact-overlay-wrapper a,
.sidebar-box .contact-overlay-wrapper img{
  filter: none !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* Jika theme membuat overlay via pseudo-element pada link */
.sidebar-box .contact-overlay-wrapper a::before,
.sidebar-box .contact-overlay-wrapper a::after{
  content: none !important;
}


.contact-overlay-wrapper{
  position: relative;
  display: inline-block;
  width: 410px;
  max-width: 100%;
  border-radius: 999px;
  overflow: hidden;
}

.contact-overlay-wrapper a{
  display: block;            /* link mengikuti ukuran wrapper, bukan sidebar */
}

.contact-overlay-wrapper img{
  display: block;
  width: 100%;
  height: auto;
  transition: transform .25s ease;
}

/* overlay milik wrapper (bukan sidebar) */
.contact-overlay-wrapper::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(120deg, rgba(0,34,68,.55), rgba(0,34,68,.25));
  opacity:0;
  pointer-events:none;
  transition: opacity .25s ease;
}

.contact-overlay-wrapper:hover::after{ opacity:1; }
.contact-overlay-wrapper:hover img{ transform: translateY(-2px); }


/* HAPUS JUDUL "SIDEBAR" DI BAGIAN ATAS */
.pkp_structure_sidebar h2,
.pkp_structure_sidebar .sidebar-title,
.pkp_structure_sidebar .pkp_block_title,
.pkp_structure_sidebar .pkp_block .title {
  display: none !important;
}


tambahan template:

/* ===== ARTICLE TEMPLATE (CLEAN + CONSISTENT HOVER/OVERLAY) ===== */
.sidebar-template{
  padding: 10px !important;
}

.sidebar-template .main-menu{
  margin: 0 0 12px 0 !important;   /* konsisten jarak judul */
}

/* link jadi "card" */
.sidebar-template .template-link{
  position: relative;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;                /* kunci overlay rapi */
  text-align: center;

  /* konsisten dengan menu/badge lain */
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

/* gambar full kolom */
.sidebar-template .template-img{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
}

/* lawan max-width theme OJS */
.pkp_structure_sidebar .sidebar-template img{
  max-width: none !important;
}

/* overlay sama seperti menu/badge lain */
.sidebar-template .template-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:#002244;
  opacity:0;
  transition: opacity .2s ease;
  pointer-events:none;
  border-radius: 14px;             /* sama radius link */
}

/* hover: overlay + lift + shadow (konsisten) */
.sidebar-template .template-link:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,34,68,.22);
}

.sidebar-template .template-link:hover::after{
  opacity:.12;                     /* overlay tipis elegan */
}


tambahan tools dan indeks:
/* ================== TOOL & INDEXED LIST ================== */
.tool-list{
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.tool-item{
  width: 100%;
  display: flex;
  justify-content: center;
  transition: transform .2s ease, box-shadow .2s ease;
}

.tool-item img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* hover efek premium tapi halus */
.tool-item:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0, 32, 68, 0.25);
}

/* Indexed sedikit lebih kecil & center */
.indexed-list{
  margin-top: 16px;
}

.indexed-item img{
  max-width: 260px;
}


/* ================== INDEXED SIZE (hover tetap aktif) ================== */
.indexed-item img{
  max-width: 250px;   /* atur: 220–260 sesuai selera */
  width: 100%;
  height: auto;
}

/* ================== CONTACT BUTTON (CONSISTENT) ================== */
.sidebar-contact{
  text-align: center;
}

.contact-btn{
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 410px;        /* mengikuti ukuran desain */
  border-radius: 18px;     /* sesuaikan kapsul */
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}

.contact-img{
  width: 100%;
  height: auto;
  display: block;
}

/* overlay warna saat hover */
.contact-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:#002244;
  opacity:0;
  transition: opacity .2s ease;
  pointer-events:none;
}

/* hover: naik + glow */
.contact-btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(0, 34, 68, 0.25);
}

.contact-btn:hover::after{
  opacity:.14; /* tipis elegan */
}


/* ================== TOOL & INDEXED SPACING (FINAL) ================== */

/* jarak judul ke konten */
.sidebar-box .main-menu{
  margin-bottom: 12px;   /* konsisten semua sidebar */
}

/* list tools & indexed */
.tool-list{
  gap: 8px;              /* jarak antar badge */
  margin-top: 8px;
}

/* potong jarak bawaan item */
.tool-item{
  margin: 0;
  padding: 0;
  line-height: 0;        /* kunci hilangkan space hantu */
  position: relative;
}

/* rapikan gambar badge */
.tool-item img{
  display: block;
  margin: -6px auto;     /* trim padding transparan PNG */
  width: 100%;
  height: auto;
}

/* ================== KHUSUS INDEXED ================== */
.indexed-item img{
  max-width: 250px;      /* Google Scholar & Crossref */
}

/* ================== HOVER OVERLAY (TETAP AKTIF) ================== */
.tool-item::after{
  content:"";
  position:absolute;
  inset:0;
  background:#002244;
  opacity:0;
  transition: opacity .2s ease;
  pointer-events:none;
  border-radius: 14px;
}

.tool-item:hover::after{
  opacity:.12;
}

.tool-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,34,68,.25);
}

/* ================== SAMAKAN KERAPATAN INDEXED ================== */

/* buat indexed ikut aturan tools */
.indexed-list{
  gap: 8px !important;     /* sama dengan tool-list */
}

/* potong padding PNG indexed lebih agresif */
.indexed-item img{
  margin-top: -10px;       /* ⬅️ kunci utama */
  margin-bottom: -10px;
  max-width: 250px;
}