img.img-fluid {
    max-width: 126px !important;
}

/* Hapus underline pada semua link */
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none !important;
}
/* Container untuk daftar artikel, diidentifikasi dengan kelasnya */
ul.divide-y {
    /* Mengubah tata letak menjadi grid */
    display: grid !important;
    /* Membuat dua kolom dengan lebar yang sama */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    /* Memberikan jarak antar kolom dan baris */
    gap: 1rem !important; 
    /* Menghapus garis pembatas vertikal bawaan */
    border: none !important;
}
.galley-link{
  margin-bottom: 6px;
}

/* Mengatur ulang setiap item artikel di dalam daftar */
ul.divide-y > li {
    /* Menimpa display: flex dari Tailwind agar grid di atas bisa berfungsi */
    display: block !important;
    flex-direction: initial !important;
    /* Menghilangkan padding dari Tailwind */
    padding: 0 !important;
    /* Menghilangkan garis pembatas horizontal dari "divide-y" */
    border-bottom: none !important;
}

/* Aturan responsif untuk layar kecil (mobile/tablet) */
@media (max-width: 768px) {
    ul.divide-y {
        /* Mengembalikan ke satu kolom */
        grid-template-columns: 1fr !important;
        /* Menghapus jarak antar kolom */
        gap: 0 !important;
    }
    ul.divide-y > li {
        /* Mengembalikan garis pembatas horizontal dan padding untuk tampilan mobile */
        border-bottom: 1px solid #e5e7eb !important; 
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important;
    }
}

/* Bila ingin menambahkan efek hover color (opsional) */
a:hover,
a:focus {
  /* ganti warna sesuai accent tema, contoh: */
  color: #49b586;
}
.ring-black\/5 {
    --tw-ring-color: #75a805 !important;
       background: #ffffff;
    color: #188a82;
    margin-top: -60px !important;
}
h2.title.pkp_screen_reader {
    display: none;
}
.max-w-none {
    text-align: justify !important;}
.duration-500 {
    background: linear-gradient(87deg, #158880, #ffffff);
    border-bottom: 4px solid #ffffff;
    height: 85px !important ;
}
.bg-slate-50 {
    
    background: linear-gradient(87deg, #158880, #ffffff) !important;}
.bg-slate-900 {
     /* replace solid gray with a multi-stop gradient */
  background: linear-gradient(
    54deg,
      #85b338, #158880, #a5b4fb, #0f2027);
  background-size: 600% 600%;  /* make it large so it can pan */
  animation: gradientShift 12s ease infinite;
}

.line-clamp-3 {
    display: none !important;}


:root {
  --jf-accent: #0f7c8e;
  --jf-text: #333;
}
.flex-1 {
    margin-right: 6px !important;
}
.journal-footer {
  background: transparent;
  color: var(--jf-text);
  font-family: 'Roboto', sans-serif;
  padding: 40px 20px 20px;
}
.journal-footer__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 32px;
  max-width: 1100px;
  margin: 0 auto;
}
.journal-footer__col h4 {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
  color: var(--jf-text);
  position: relative;
}
.journal-footer__col h4::after {
  content: '';
  width: 40px;
  height: 2px;
  background: var(--jf-accent);
  position: absolute;
  bottom: -4px;
  left: 0;
}
.journal-footer__col p,
.journal-footer__col ul {
  margin: 0 22px 10px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.journal-footer__col ul {
  list-style: none;
  padding: 0;
}
.journal-footer__col ul li {
  margin-bottom: 6px;
}
.journal-footer__col a {
  color: var(--jf-text);
  text-decoration: none;
  transition: color 0.2s, filter 0.2s;
}
.journal-footer__col a:hover {
  color: var(--jf-accent);
}
.journal-footer__icons {
 
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
.journal-footer__icons img {
      width: 32%;
    display: inline-table;
    background: transparent;
    transition: transform 0.2s, filter 0.2s;
}
.journal-footer__icons a:hover img {
  transform: scale(1.1);
  filter: drop-shadow(0 0 4px var(--jf-accent));
}
.journal-footer__bottom {
display: none !important;

}

@media (max-width: 600px) {
  .journal-footer {
    padding: 30px 10px 10px;
  }
  .journal-footer__inner {
    gap: 24px;
  }
  .journal-footer__bottom {
    font-size: 0.8rem;
  }
}

/* Card-like styling for any element with .text-base */
.text-base {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(91deg, #ffffff, transparent);
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    letter-spacing: 0.03em;
    transition: background-color 0.3s ease, transform 0.3s ease, border-top-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover state: lift and recolor accent border */
.text-base:hover {
  background-color: #55ad8e;
  transform: translateY(-2px);
  border-top-color: #0c28b5;
}
.space-y-9 > :not([hidden]) ~ :not([hidden]) {
    border-top: 2px solid #48a29b;
    padding-top: 12px;
    margin-top: 10px;}

/* Container umum */
.sinthop-sidebar {
  max-width: 320px;
  margin: 0 auto;
  font-family: 'Roboto','Open Sans',Arial,sans-serif;
  font-size: 15px;
}

/* Judul block */
.sinthop-menu-title {
  background: linear-gradient(90deg,#8cb1a8 70%,#b5d1c6 100%);
  color: #263048;
  font-weight: bold;
  font-size: 16px;
  border-radius: 7px 7px 0 0;
  padding: 7px 0 6px 12px;
  margin: 16px 0 4px;
  letter-spacing: 0.01em;
}

/* Block statis (non-dropdown) */
.sinthop-menu-block {
  background: #f7faf8;
  border-radius: 0 0 7px 7px;
  box-shadow: 0 2px 14px #b7d3d022;
  padding: 0 0 12px;
  margin-bottom: 20px;
}

/* Dropdown container */
.sinthop-dropdown {
  position: relative;
  margin-bottom: 20px;
}

/* Daftar menu dropdown: disembunyikan awalnya */
.sinthop-dropdown .sinthop-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.28s ease-out;
  background: #f0f7f4;
  border: 1px solid #e3eae7;
  border-top: none;
  border-radius: 0 0 7px 7px;
  box-shadow: 0 1px 4px #bccedb33;
}

/* Item menu */
.sinthop-dropdown .sinthop-menu-list li a {
  display: block;
  padding: 8px 12px;
  color: #22334d;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
}

/* Hover effect untuk item */
.sinthop-dropdown .sinthop-menu-list li a:hover {
  background: #55ad8e;
  color: #fff;
}

/* Saat hover container, expand daftar */
.sinthop-dropdown:hover .sinthop-menu-list {
  max-height: 600px; /* cukup tinggi untuk menampung semua li */
  transition: max-height 0.4s ease-in;
}

/* LOA khusus berwarna merah */
.sinthop-dropdown .sinthop-loa,
.sinthop-dropdown .sinthop-loa span {
  color: #e02929 !important;
  font-weight: bold;
}
.sinthop-dropdown .sinthop-loa:hover,
.sinthop-dropdown .sinthop-loa:hover span {
  background: #e02929 !important;
  color: #fff !important;
}

/* Statis: gambar & ikon */
.sinthop-indexed img,
.sinthop-eissn img,
.sinthop-template img,
.sinthop-wa img,
.sinthop-tools img,
.sinthop-visitors img,
.sinthop-statcounter img {
  display: block;
  margin: 10px auto;
  max-width: 95%;
  border-radius: 8px;
  box-shadow: 0 1px 8px #bccedb23;
  background: #fff;
  padding: 2px;
}

/* Adjust khusus untuk tools */
.sinthop-tools img {
  display: inline-block;
  margin: 10px 6px 6px 0;
  max-width: 46%;
  vertical-align: middle;
}

/* Responsive */
@media (max-width: 500px) {
  .sinthop-sidebar { max-width: 100vw; font-size: 14px; }
  .sinthop-menu-title { font-size: 15px; padding-left: 8px; }
}
/* 1. Gradient slide animation untuk judul dropdown */
@keyframes dropdown-title-gradient {
  0%   { background-position: 0% 0; }
  50%  { background-position: 100% 0; }
  100% { background-position: 0% 0; }
}

/* 2. Styling judul dropdown dengan gradient dan animasi */
.sinthop-dropdown .sinthop-menu-title {
  position: relative;
  background: linear-gradient(90deg, #8cb1a8 20%, #b5d1c6 50%, #8cb1a8 80%);
  background-size: 200% 100%;
  animation: dropdown-title-gradient 4s infinite linear;
  color: #263048;
}

/* 3. Tambah panah indikator dropdown */
.sinthop-dropdown .sinthop-menu-title::after {
  content: '▶';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  font-size: 14px;
  color: #263048;
}

/* 4. Putar panah saat hover container (dropdown aktif) */
.sinthop-dropdown:hover .sinthop-menu-title::after {
  transform: translateY(-50%) rotate(90deg);
}
/* EDITORIAL TEAM */
.editorial-clean {
  font-family: 'Roboto', sans-serif;
  color: #424242;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}
.editorial-clean h3 {
  font-size: 1.25rem;
  color: #1e88e5;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #42a5f5;
  padding-bottom: 0.2em;
}
.editorial-clean .editor-entry {
  margin: 0.5em 0 1em;
}
.editorial-clean .editor-entry a {
  color: #424242;
  text-decoration: none;
  font-weight: 500;
}
.editorial-clean .editor-entry a:hover {
  color: #1e88e5;
  text-decoration: underline;
}
.editorial-clean .editor-list {
  list-style: none;
  padding: 0;
  margin: 0.5em 0 2em;
}
.editorial-clean .editor-list li {
  margin-bottom: 0.6em;
}
.editorial-clean .editor-list a {
  color: #48a29b;
  text-decoration: none;
  font-weight: 500;
}
.editorial-clean .editor-list a:hover {
  color: #1e88e5;
  text-decoration: underline;
}

.border-slate-200 {
     display: none !important; 
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    background: (89deg, #85b33842, #15888045, #ffffff, #0f202700);
    border-radius: 0rem 0rem 2.5rem 0.5rem;
    box-shadow: 0.01rem 0.1rem 0.1rem #b4d0c6;
}

a.obj_galley_link.btn.btn-primary.pdf {
    padding: 20px;
}

.bg-gray-100 {
  /* replace solid gray with a multi-stop gradient */
  background: linear-gradient(
    270deg,
     #1f5438, #3cd996, #14b2e9, #0f2027);
  background-size: 600% 600%;  /* make it large so it can pan */
  animation: gradientShift 12s ease infinite;
}

/* keyframes to pan the gradient */
@keyframes gradientShift {
  0%   { background-position: 0%   50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0%   50%; }
}