@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');
/* ===== AXIS STYLE FOR DEFAULT THEME ===== */

/* Full width layout */
.pkp_structure_sidebar { display:none !important; }
.pkp_structure_main {
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto;
}

/* Header style */
.pkp_structure_head {
  background: #0b3c6f;
}

/* Navigation top */
.pkp_navigation_primary_row {
  background: #0b3c6f;
}
.pkp_navigation_primary_row a {
  color: #ffffff !important;
  font-weight: 600;
}

/* ===== HERO OVERLAY nempel ke homepage image ===== */

.pkp_page_index .homepage_image {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

/* Kotak overlay */
.pkp_page_index .dds-hero-box{
  position: absolute;
  right: 30px;
  top: 30px;
  max-width: 560px;
  padding: 22px;
  border-radius: 16px;
  background: rgba(10, 25, 45, 0.60);
  backdrop-filter: blur(10px);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
  z-index: 5;
}

/* Judul & teks */
.dds-hero-title{
  margin: 0 0 10px 0;
  font-size: 22px;
  font-weight: 800;
}

.dds-hero-text{
  margin: 0 0 16px 0;
  font-size: 15px;
  line-height: 1.6;
}

/* Tombol */
.dds-hero-actions{
  display: flex;
  gap: 10px;
}

.dds-btn{
  padding: 10px 14px;
  border-radius: 8px;
  background: #2f6fed;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}

.dds-btn-outline{
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.4);
}

/* Mobile */
@media (max-width:768px){
  .pkp_page_index .dds-hero-box{
    position: static;
    margin-top: 12px;
  }
}

/* ===== HERO AXIS-LIKE (DDSCR) ===== */
.pkp_page_index .custom-hero{
  position: relative;
  width: 100%;
  min-height: 460px;
  border-radius: 16px;
  overflow: hidden;
  margin: 18px 0 28px;

  /* background kamu */
  background-image:
    linear-gradient(135deg, rgba(15,23,42,.82), rgba(15,23,42,.45)),
    url('https://journal.penkreatif.com/public/site/images/aseptiadi/gemini-generated-image-ocym4aocym4aocym.png');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow: 0 20px 45px rgba(0,0,0,.18);
}

/* overlay tambahan */
.pkp_page_index .custom-hero__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.18);
}

/* layout flex */
.pkp_page_index .custom-hero__inner{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 42px;
}

/* cover kiri */
.pkp_page_index .custom-hero__cover{
  flex-shrink: 0;
}

.pkp_page_index .custom-hero__cover img{
  width: 240px !important;
  max-width: 240px !important;
  height: auto !important;
  display: block;

  border-radius: 14px;
  background: #fff;

  box-shadow:
    0 18px 45px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.08);
}

/* konten kanan */
.pkp_page_index .custom-hero__content{
  max-width: 760px;
}

/* judul */
.pkp_page_index .custom-hero__content h1{
  color: #ffffff !important;
  font-size: 42px;
  line-height: 1.1;
  margin: 0 0 14px;
  font-weight: 800;

  text-shadow:
    0 3px 18px rgba(0,0,0,.45);
}

/* deskripsi box glass */
.pkp_page_index .custom-hero__content p{
  color: rgba(255,255,255,.95) !important;

  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);

  padding: 18px 20px;
  border-radius: 14px;

  backdrop-filter: blur(10px);

  margin-bottom: 20px;
}

/* tombol container */
.pkp_page_index .custom-hero__actions{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* tombol umum */
.pkp_page_index .hero-btn{
  display: inline-block;

  padding: 11px 18px;
  border-radius: 10px;

  color: #ffffff !important;
  text-decoration: none !important;

  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.18);

  transition: all .15s ease;
}

/* hover */
.pkp_page_index .hero-btn:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.24);
}

/* tombol utama */
.pkp_page_index .hero-btn--primary{
  background: #4f46e5;
  border: none;
}

.pkp_page_index .hero-btn--primary:hover{
  background: #4338ca;
}

/* responsive */
@media (max-width: 900px){

  .pkp_page_index .custom-hero__inner{
    padding: 28px;
  }

  .pkp_page_index .custom-hero__content h1{
    font-size: 34px;
  }

}

@media (max-width: 768px){

  .pkp_page_index .custom-hero__inner{
    flex-direction: column;
    align-items: flex-start;
  }

  .pkp_page_index .custom-hero__cover img{
    width: 180px !important;
  }

}
/* ===== NAVBAR PILL STYLE (like screenshot) ===== */

/* rapikan area menu */
.pkp_navigation_primary_row,
.pkp_navigation_user_wrapper {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* menu utama jadi "pill" */
.pkp_navigation_primary > li > a {
  display: inline-flex;
  align-items: center;
  padding: 14px 26px;
  border: 2px solid rgba(148,163,184,.35);
  border-radius: 12px;
  background: #fff;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .15s ease, transform .15s ease;
}

/* hover */
.pkp_navigation_primary > li > a:hover {
  background: rgba(15,23,42,.04);
  transform: translateY(-1px);
}

/* item aktif */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"] {
  border-color: rgba(15,23,42,.25);
  background: rgba(15,23,42,.03);
}

/* dropdown (About ▼) tetap rapi */
.pkp_navigation_primary > li.dropdown > a::after {
  margin-left: 10px;
}

/* ===== Login/Register di kanan jadi pill juga ===== */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > button {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border: 2px solid rgba(148,163,184,.35);
  border-radius: 12px;
  background: #fff;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .15s ease, transform .15s ease;
}

/* hover login/register */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > button:hover {
  background: rgba(15,23,42,.04);
  transform: translateY(-1px);
}

/* ===== layout: menu kiri, login/register kanan ===== */
.pkp_navigation_primary_row {
  justify-content: space-between;
}

/* di layar kecil: turun ke bawah rapih */
@media (max-width: 900px) {
  .pkp_navigation_primary_row {
    justify-content: flex-start;
  }
}
/* opsi: paksa 1 baris + bisa scroll */
.pkp_navigation_primary {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 6px;
}
.pkp_navigation_primary::-webkit-scrollbar { height: 6px; }
/* ===== FIX WARNA DROPDOWN USER ===== */

/* background dropdown */
.pkp_navigation_user .dropdown-menu {
  background: #ffffff !important;
  color: #0f172a !important;
}

/* link di dropdown */
.pkp_navigation_user .dropdown-menu a {
  color: #0f172a !important;
  font-weight: 500;
}

/* hover */
.pkp_navigation_user .dropdown-menu a:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

/* username di navbar */
.pkp_navigation_user > li > a {
  color: #ffffff !important;
}
/* ===== NAVIGATION FIX - SEMUA TERLIHAT JELAS ===== */

/* Menu utama (Current, Archives, dll) */
.pkp_navigation_primary > li > a {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 2px solid rgba(0,0,0,.15) !important;
  border-radius: 12px !important;
  padding: 12px 22px !important;
  font-weight: 600 !important;
}

/* Hover menu utama */
.pkp_navigation_primary > li > a:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

/* Menu aktif */
.pkp_navigation_primary > li.current > a {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

/* User menu (username, login, register) */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > button {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 2px solid rgba(0,0,0,.15) !important;
  border-radius: 12px !important;
  padding: 12px 22px !important;
  font-weight: 600 !important;
}

/* Hover user menu */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > button:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

/* Dropdown user */
.pkp_navigation_user .dropdown-menu {
  background: #ffffff !important;
  color: #0f172a !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.15) !important;
}

/* Link dropdown */
.pkp_navigation_user .dropdown-menu a {
  color: #0f172a !important;
}

/* Hover dropdown */
.pkp_navigation_user .dropdown-menu a:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

/* Search tetap terlihat */
.pkp_navigation_search_wrapper a {
  color: #ffffff !important;
}
/* ===== HOMEPAGE TABS + GRID CARDS ===== */

.homeTabs{ margin: 30px 0; }
.homeTabs__nav{
  display:flex; gap:16px; flex-wrap:wrap;
  border-bottom:1px solid rgba(15,23,42,.08);
  padding-bottom:14px;
}
.homeTabs__tab{
  border:none; cursor:pointer;
  background:#fff;
  padding:12px 18px;
  border-radius:12px;
  font-weight:700;
  color:rgba(15,23,42,.75);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.homeTabs__tab.is-active{
  background:#4f46e5;
  color:#fff;
}
.homeTabs__panel{ display:none; margin-top:22px; }
.homeTabs__panel.is-active{ display:block; }


/* ===== INDEXED & ABSTRACTED SECTION ===== */
.indexingSection{
  margin-top: 40px;
  padding: 56px 0;
  background: #f5f7fb;
}

.indexingSection__inner{
  max-width: 1200px;
  width: 92%;
  margin: 0 auto;
  text-align: center;
}

.indexingTitle{
  font-size: 34px;
  font-weight: 900;
  margin: 0 0 18px;
  color: #0f172a;
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
}

.indexingTitle:after{
  content:"";
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 70px;
  height: 4px;
  border-radius: 999px;
  background: #4f46e5;
}

/* chips */
.indexingChips{
  margin-top: 18px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}

.chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 14px;
  font-weight: 800;
  background: #fff;
  border: 2px solid rgba(15,23,42,.12);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

.chip__tick{
  opacity: .75;
  font-weight: 900;
}

.chip--orange{ border-color: rgba(249,115,22,.65); color:#f97316; }
.chip--blue{ border-color: rgba(59,130,246,.65); color:#2563eb; }
.chip--green{ border-color: rgba(34,197,94,.65); color:#16a34a; }
.chip--red{ border-color: rgba(239,68,68,.65); color:#ef4444; }
.chip--navy{ border-color: rgba(30,64,175,.55); color:#1e40af; }
.chip--sky{ border-color: rgba(14,165,233,.65); color:#0ea5e9; }

/* ===== QUICK LINKS CARDS ===== */
.quickLinks{
  padding: 40px 0 70px;
  background: #fff;
}

.quickLinks__grid{
  max-width: 1200px;
  width: 92%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 1200px){
  .quickLinks__grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px){
  .quickLinks__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px){
  .quickLinks__grid{ grid-template-columns: 1fr; }
}

.qCard{
  display: block;
  text-decoration: none !important;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  padding: 18px 16px 20px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}

.qCard:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(0,0,0,.12);
}

.qIcon{
  width: 54px;
  height: 54px;
  margin: 0 auto 14px;
  border-radius: 14px;
  background: rgba(79,70,229,.10);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.qTitle{
  color: #0f172a;
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 8px;
}

.qDesc{
  color: rgba(15,23,42,.65);
  font-size: 13px;
  line-height: 1.5;
}
/* ===== AXIS FOOTER ===== */

.axisFooter{
  background:#f3f6fb;
  margin-top:60px;
  padding:50px 0;
}

.axisFooter__grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
}

@media(max-width:900px){
  .axisFooter__grid{
    grid-template-columns:1fr;
  }
}

.axisFooter__title{
  font-size:20px;
  font-weight:800;
  margin-bottom:6px;
}

.axisFooter__line{
  width:40px;
  height:3px;
  background:#4f46e5;
  margin-bottom:18px;
  border-radius:3px;
}

.axisFooter__text{
  font-size:14px;
  line-height:1.6;
  color:#444;
}

.axisFooter__link{
  color:#4f46e5;
  font-weight:600;
  text-decoration:none;
}

.axisFooter__link:hover{
  text-decoration:underline;
}

.axisFooter__list{
  list-style:none;
  padding:0;
}

.axisFooter__list li{
  margin-bottom:10px;
}

.axisFooter__contact{
  list-style:none;
  padding:0;
}

.axisFooter__contact li{
  margin-bottom:12px;
  font-size:14px;
}

/* ISSN badges */

.issnRow{
  margin-top:18px;
  display:flex;
  gap:10px;
}

.issnBadge{
  background:#fff;
  border-radius:8px;
  padding:6px 12px;
  font-size:13px;
  border:1px solid #ddd;
}

.issnBadge--alt{
  background:#4f46e5;
  color:#fff;
  border:none;
}
/* ===== GLOBAL: bikin halaman lebih bersih ===== */
.pkp_page_index{
  background: #eef2f7;
}

/* ===== BIKIN 2 SECTION JADI PANEL SERAGAM ===== */
.indexingSection,
.quickLinks,
.axisFooter{
  max-width: 1200px;
  width: 92%;
  margin: 26px auto;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0,0,0,.08);
}

/* background panel */
.indexingSection{ background: #fff; padding: 42px 0 30px; }
.quickLinks{ background: #fff; padding: 10px 0 40px; }
.axisFooter{ background: #fff; padding: 44px 0; }

/* dalam panel jangan bikin max-width sendiri lagi */
.indexingSection__inner,
.quickLinks__grid,
.axisFooter__grid{
  max-width: none !important;
  width: 92% !important;
  margin: 0 auto !important;
}

/* ===== JUDUL BIAR KEREN & KONSISTEN ===== */
.indexingTitle{
  font-size: 34px !important;
  letter-spacing: -.02em;
}

.indexingTitle:after{
  width: 90px !important;
  height: 5px !important;
  opacity: .9;
}

/* ===== CHIPS: lebih modern ===== */
.indexingChips .chip{
  background: rgba(15,23,42,.02);
  box-shadow: none;
  border-width: 1.5px;
  padding: 11px 16px;
  border-radius: 999px;
  transition: transform .15s ease, box-shadow .15s ease;
}

.indexingChips .chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

/* chip jadi link rapi */
.indexingChips a.chip{
  text-decoration:none !important;
}

/* ===== QUICK LINKS: grid card beneran (bukan list) ===== */
.quickLinks__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 900px){
  .quickLinks__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  .quickLinks__grid{ grid-template-columns: 1fr; }
}

/* card */
.qCard{
  border-radius: 18px !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.06) !important;
  padding: 18px 18px 20px !important;
}

.qIcon{
  background: rgba(79,70,229,.10) !important;
  border: 1px solid rgba(79,70,229,.12);
}

/* ===== FOOTER: 3 kolom rapi + list tanpa bullet ===== */
.axisFooter__grid{
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 60px;
}

.axisFooter__list,
.axisFooter__contact{
  margin: 0;
}

.axisFooter__contact li{
  color: rgba(15,23,42,.75);
}

/* ISSN badge lebih elegan */
.issnBadge{
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 700;
}

/* ===== Rapikan area "Platform & workflow by OJS/PKP" ===== */
.pkp_brand_footer{
  background: transparent !important;
  margin-top: 18px !important;
  opacity: .65;
}
/* ===== FIX QUICK LINKS jadi KOTAK-KOTAK ===== */

/* pastikan wrapper grid dipakai */
.quickLinks__grid{
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

/* responsive */
@media (max-width: 1200px){
  .quickLinks__grid{ grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 700px){
  .quickLinks__grid{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 460px){
  .quickLinks__grid{ grid-template-columns: 1fr !important; }
}

/* reset gaya lama yang bikin nyebar */
.quickLinks__grid > *{
  float: none !important;
  width: auto !important;
}

/* card */
.quickLinks__grid .qCard{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;

  background: #fff !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 16px !important;
  padding: 18px 16px 20px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.06) !important;
  text-decoration: none !important;
}

/* icon box */
.quickLinks__grid .qIcon{
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  background: rgba(79,70,229,.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
}

/* title & desc */
.quickLinks__grid .qTitle{
  font-weight: 900 !important;
  font-size: 16px !important;
  margin-bottom: 8px !important;
  color: #0f172a !important;
}

.quickLinks__grid .qDesc{
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: rgba(15,23,42,.65) !important;
}
/* ===== MIDDLE LINKS SECTION ===== */

.midLinks{
  margin-top: 60px;
  margin-bottom: 40px;
}

.midLinks__inner{
  max-width: 1200px;
  margin: auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;

  background: #ffffff;
  padding: 40px 30px;

  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);

  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

/* responsive */
@media (max-width: 900px){
  .midLinks__inner{
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

/* column title */
.midLinks__col h3{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 14px;

  color: #4f46e5;
  letter-spacing: .5px;
}

/* links */
.midLinks__col a{
  display: block;
  text-decoration: none;

  padding: 6px 0;

  color: #334155;
  font-weight: 500;

  transition: all .2s ease;
}

.midLinks__col a:hover{
  color: #4f46e5;
  transform: translateX(4px);
}
/* ===== STATS BAR ===== */

.statsBar{
  max-width: 1200px;
  margin: 40px auto;

  background: #ffffff;
  border-radius: 14px;

  border: 1px solid rgba(15,23,42,.08);

  padding: 30px 20px;

  box-shadow: 0 8px 25px rgba(0,0,0,.05);
}

.statsBar__grid{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  text-align: center;
}

@media(max-width:900px){
  .statsBar__grid{
    grid-template-columns: repeat(3,1fr);
  }
}

@media(max-width:500px){
  .statsBar__grid{
    grid-template-columns: repeat(2,1fr);
  }
}

.statItem{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.statNumber{
  font-size: 36px;
  font-weight: 900;
  color: #4f46e5;
}

.statIcon{
  font-size: 32px;
  color: #4f46e5;
}

.statLicense{
  height: 32px;
}

.statLabel{
  margin-top: 6px;
  font-size: 14px;
  color: #475569;
}
/* ===== MIDDLE LINKS SECTION ===== */

.midLinks{
  margin-top: 60px;
  margin-bottom: 40px;
}

.midLinks__inner{
  max-width: 1200px;
  margin: auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;

  background: #ffffff;
  padding: 40px 30px;

  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.08);

  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

/* responsive */
@media (max-width: 900px){
  .midLinks__inner{
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

/* column title */
.midLinks__col h3{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 14px;

  color: #4f46e5;
  letter-spacing: .5px;
}

/* links */
.midLinks__col a{
  display: block;
  text-decoration: none;

  padding: 6px 0;

  color: #334155;
  font-weight: 500;

  transition: all .2s ease;
}

.midLinks__col a:hover{
  color: #4f46e5;
  transform: translateX(4px);
}
/* ===== HEADER CLEAN ===== */
.pkp_head_wrapper{
  background: linear-gradient(135deg,#0b2c5f,#174a8b) !important;
  padding: 22px 0 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
}

/* judul jurnal */
.pkp_site_name{
  text-align:center !important;
  margin: 0 0 14px !important;
}
.pkp_site_name a{
  color:#fff !important;
  font-weight:900 !important;
  font-size:28px !important;
  letter-spacing:.4px !important;
  text-decoration:none !important;
  display:inline-block !important;
  padding:18px 26px !important;
  border-radius:16px !important;
  background: rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

/* nav center */
.pkp_navigation_primary_wrapper{
  text-align:center !important;
}
#navigationPrimary{
  display:inline-flex !important;
  justify-content:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

/* tombol menu */
#navigationPrimary > li > a{
  background: rgba(255,255,255,.92) !important;
  color:#0b2c5f !important;
  padding: 10px 18px !important;
  border-radius:12px !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:12px !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.12) !important;
}
#navigationPrimary > li > a:hover{
  background:#fff !important;
  transform: translateY(-1px);
}

/* search kanan */
.pkp_navigation_search_wrapper .pkp_search{
  color:#fff !important;
  font-weight:800 !important;
}
/* ===== ELSEVIER / SCOPUS STYLE HEADER ===== */

.siteBrand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none !important;
}

/* LOGO kiri */
.siteBrand__logo{
  height:48px;
  width:auto;
  display:block;
}

/* container text */
.siteBrand__text{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}

/* judul utama */
.siteBrand__title{
  font-weight:900;
  font-size:30px;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#ffffff;
}

/* subtitle kecil */
.siteBrand__subtitle{
  font-size:13px;
  font-weight:600;
  letter-spacing:.8px;
  color:rgba(255,255,255,.85);
  margin-top:2px;
}

/* mobile */
@media (max-width:768px){

  .siteBrand__logo{
    height:34px;
  }

  .siteBrand__title{
    font-size:18px;
  }

  .siteBrand__subtitle{
    font-size:11px;
  }

}
/* =========================
   HEADER TANPA LOGO + BACKGROUND MODERN
   ========================= */

/* sembunyikan logo */
.pkp_site_name a.is_img img,
.siteBrand__logo{
  display: none !important;
}

/* tampilkan judul saja */
.pkp_site_name a.is_text,
.siteBrand__title{
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
  color: #ffffff !important;
}

/* background header gradient modern */
.pkp_structure_head,
#headerNavigationContainer{
  background: linear-gradient(135deg, #0f2f57 0%, #1e4b85 50%, #0a2545 100%) !important;
  position: relative;
  overflow: hidden;
}

/* efek glow halus */
.pkp_structure_head::before{
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 70%);
  top: -200px;
  left: -200px;
  pointer-events: none;
}

/* efek garis tipis elegan */
.pkp_structure_head::after{
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    rgba(255,255,255,0.03) 1px,
    transparent 1px
  );
  background-size: 100% 40px;
  pointer-events: none;
}

/* rapihkan wrapper */
.pkp_head_wrapper{
  padding: 22px 0 !important;
}

/* menu button style biar cocok */
.pkp_navigation_primary > li > a{
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 8px 16px !important;
  font-weight: 700 !important;
}

.pkp_navigation_primary > li > a:hover{
  background: rgba(255,255,255,0.22) !important;
}
/* =========================
   FIX HEADER: background + hilangkan panel kotak
   Tempel paling bawah override.css
   ========================= */

/* 1) Pastikan background header berubah */
#headerNavigationContainer,
header.pkp_structure_head,
.pkp_structure_head,
.pkp_head_wrapper {
  background: linear-gradient(135deg, #0b2a4a 0%, #123d70 45%, #081f38 100%) !important;
}

/* 2) Hilangkan kotak panel besar transparan (yang bikin header terlihat "polos") */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
  background: transparent !important;
  box-shadow: none !important;
}

/* kalau tema bikin panel khusus di header (seringnya pakai pseudo/overlay) */
#headerNavigationContainer * {
  backdrop-filter: none !important;
}

/* 3) Bikin efek glow halus biar ga flat */
#headerNavigationContainer {
  position: relative;
  overflow: hidden;
}
#headerNavigationContainer::before {
  content: "";
  position: absolute;
  width: 700px;
  height: 700px;
  left: -250px;
  top: -260px;
  background: radial-gradient(circle, rgba(255,255,255,0.10), transparent 65%);
  pointer-events: none;
}
#headerNavigationContainer::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 100% 44px;
  pointer-events: none;
}

/* 4) Rapihin title supaya tidak “di dalam kotak” */
.pkp_site_name a.is_text,
.pkp_site_name .siteBrand__title {
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .4px !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.35) !important;
  background: transparent !important;
}

/* 5) Menu button biar nyatu */
.pkp_navigation_primary > li > a {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 8px 16px !important;
  font-weight: 800 !important;
}
.pkp_navigation_primary > li > a:hover {
  background: rgba(255,255,255,0.22) !important;
}

/* 6) Search biar putih */
.pkp_search_desktop,
.pkp_search_desktop * {
  color: #fff !important;
}
/* =========================
   HEADER FIX (Axis/OJS)
   - Hilangkan panel kotak besar
   - Background lebih hidup (pattern)
   Tempel paling bawah override.css
   ========================= */

/* (A) Background header: gradient + pattern halus */
#headerNavigationContainer.pkp_structure_head,
#headerNavigationContainer,
header.pkp_structure_head {
  background:
    radial-gradient(900px 500px at 20% 20%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(700px 420px at 80% 30%, rgba(79,70,229,.18), transparent 62%),
    linear-gradient(135deg, #071a2f 0%, #0b2a4a 45%, #051628 100%) !important;
  position: relative;
  overflow: hidden;
}

/* garis-garis tipis biar ga polos */
#headerNavigationContainer::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.04) 0px,
      rgba(255,255,255,.04) 1px,
      transparent 1px,
      transparent 48px
    );
  pointer-events:none;
}

/* (B) MATIKAN panel kotak besar transparan (yang ngurung header) */
#headerNavigationContainer .pkp_head_wrapper,
#headerNavigationContainer .pkp_site_name_wrapper,
#headerNavigationContainer .pkp_site_nav_menu,
#headerNavigationContainer .pkp_navigation_primary_row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* kalau ada kotak/outline tambahan dari style lama */
#headerNavigationContainer * {
  box-shadow: none !important;
}

/* (C) Matikan “kotak title” (yang membungkus teks judul) */
#headerNavigationContainer .pkp_site_name a,
#headerNavigationContainer .pkp_site_name .siteBrand,
#headerNavigationContainer .pkp_site_name {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Judul biar tegas */
#headerNavigationContainer .pkp_site_name a.is_text,
#headerNavigationContainer .siteBrand__title {
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.35) !important;
}

/* (D) Menu button biar nyatu dan clean */
#headerNavigationContainer .pkp_navigation_primary > li > a {
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #fff !important;
  border-radius: 14px !important;
  padding: 9px 16px !important;
  font-weight: 800 !important;
}
#headerNavigationContainer .pkp_navigation_primary > li > a:hover {
  background: rgba(255,255,255,.18) !important;
}

/* Search putih */
#headerNavigationContainer .pkp_search_desktop,
#headerNavigationContainer .pkp_search_desktop *{
  color:#fff !important;
}
/* ===== HEADER: BG DENGAN PATTERN + HEIGHT LEBIH PENDEK ===== */

/* 1) Header background + pattern (SVG inline) */
.pkp_structure_head{
  position: relative !important;
  overflow: hidden !important;

  /* tinggi header lebih pendek */
  padding: 26px 0 18px !important;

  background:
    /* overlay gelap */
    linear-gradient(135deg, rgba(6,18,40,.92) 0%, rgba(10,35,70,.90) 45%, rgba(5,16,34,.94) 100%),
    /* pattern SVG (globe + grid + dots) */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='520' viewBox='0 0 900 520'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.10'%3E%3Cpath d='M0 80H900M0 170H900M0 260H900M0 350H900M0 440H900'/%3E%3Cpath d='M90 0V520M210 0V520M330 0V520M450 0V520M570 0V520M690 0V520M810 0V520'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.10'%3E%3Ccircle cx='120' cy='120' r='2'/%3E%3Ccircle cx='210' cy='220' r='2'/%3E%3Ccircle cx='310' cy='140' r='2'/%3E%3Ccircle cx='520' cy='110' r='2'/%3E%3Ccircle cx='640' cy='210' r='2'/%3E%3Ccircle cx='740' cy='160' r='2'/%3E%3Ccircle cx='820' cy='260' r='2'/%3E%3Ccircle cx='680' cy='360' r='2'/%3E%3Ccircle cx='540' cy='420' r='2'/%3E%3Ccircle cx='360' cy='360' r='2'/%3E%3Ccircle cx='240' cy='420' r='2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover, 900px 520px;
  background-repeat: no-repeat, repeat;
  background-position: center, center;

  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

/* glow halus */
.pkp_structure_head::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(0,180,255,.18), transparent 45%),
    radial-gradient(circle at 80% 30%, rgba(90,120,255,.14), transparent 48%),
    radial-gradient(circle at 40% 90%, rgba(255,255,255,.07), transparent 55%);
  pointer-events:none;
}

/* 2) Judul: lebih rapih */
.siteBrand__title,
.pkp_site_name .is_text{
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.6px;
  text-transform: uppercase;
  text-shadow: 0 10px 28px rgba(0,0,0,.45);
}

/* 3) Menu: rapihin + lebih dekat ke bawah */
.pkp_navigation_primary_row{
  margin-top: 12px !important;
}

/* tombol menu */
.pkp_navigation_primary > li > a{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  backdrop-filter: blur(8px);
  transition: all .2s ease;
  padding: 10px 16px !important;
  border-radius: 999px !important;
}
.pkp_navigation_primary > li > a:hover{
  background: rgba(255,255,255,.18) !important;
  transform: translateY(-1px);
}

/* 4) Biar jarak ke bar putih bawah header lebih dekat */
.pkp_structure_content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ================================
   JOURNAL TITLE STYLE IMPROVEMENT
   ================================ */

.pkp_site_name .siteBrand__title,
.pkp_site_name a.is_text,
.pkp_site_name {
    
    font-family: "Playfair Display", "Georgia", "Times New Roman", serif !important;
    
    font-size: 32px !important;
    
    font-weight: 700 !important;
    
    letter-spacing: 1px !important;
    
    color: #ffffff !important;
    
    text-transform: uppercase;
    
    text-align: center !important;
    
    display: block;
    
    margin: 20px auto 10px auto !important;
    
    text-shadow: 
        0 2px 6px rgba(0,0,0,0.35),
        0 0 20px rgba(255,255,255,0.05);
}


/* Center container */
.pkp_site_name_wrapper {
    text-align: center !important;
}


/* Responsive (mobile friendly) */
@media (max-width: 768px) {
    
    .pkp_site_name .siteBrand__title,
    .pkp_site_name a.is_text {
        
        font-size: 22px !important;
        
    }
}


/* =========================================================
   CURRENT ISSUE HERO (cover + issue title + description)
   Make it match the card style
   ========================================================= */

.obj_issue_toc .heading{
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: start !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 10px 28px rgba(2,6,23,.10) !important;
  margin: 14px auto 18px !important;
  max-width: 1280px !important;
}

/* cover */
.obj_issue_toc .heading .cover{
  margin: 0 !important;
}
.obj_issue_toc .heading .cover img{
  width: 100% !important;
  max-width: 280px !important;
  height: auto !important;
  border-radius: 14px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 12px 26px rgba(2,6,23,.12) !important;
}

/* Issue title (yang kamu bold itu) */
.obj_issue_toc .heading p strong{
  display: block !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  letter-spacing: .2px !important;
  margin: 0 0 10px !important;
}

/* Description text */
.obj_issue_toc .heading .description{
  margin: 0 !important;
  color: rgba(15,23,42,.78) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  max-width: 72ch !important;
}
.obj_issue_toc .heading .description p{
  margin: 0 0 10px !important;
}

/* Published row */
.obj_issue_toc .heading .published{
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(15,23,42,.08) !important;
  font-size: 13px !important;
  color: rgba(15,23,42,.65) !important;
}
.obj_issue_toc .heading .published .label{
  font-weight: 800 !important;
  color: rgba(15,23,42,.75) !important;
}

/* Responsive */
@media (max-width: 900px){
  .obj_issue_toc .heading{
    grid-template-columns: 1fr !important;
  }
  .obj_issue_toc .heading .cover img{
    max-width: 340px !important;
  }
}
/* =========================================================
   TYPOGRAPHY: cleaner modern font (no external load)
   ========================================================= */

body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif !important;
}

h1, h2, h3, .pkp_site_name, .obj_issue_toc .heading p strong{
  letter-spacing: .2px !important;
}
/* =========================================================
   FIX: issue heading layout (force 2-column, kill floats)
   ========================================================= */

.obj_issue_toc .heading{
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: start !important;

  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 10px 28px rgba(2,6,23,.10) !important;

  max-width: 1280px !important;
  margin: 14px auto 18px !important;
}

/* matikan layout lama (float/inline/block/width) */
.obj_issue_toc .heading .cover,
.obj_issue_toc .heading .description,
.obj_issue_toc .heading .published{
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
}

/* cover jadi kolom kiri */
.obj_issue_toc .heading .cover{
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  justify-self: start !important;
  align-self: start !important;
}

.obj_issue_toc .heading .cover img{
  width: 100% !important;
  max-width: 320px !important;
  height: auto !important;
  border-radius: 14px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 12px 26px rgba(2,6,23,.12) !important;
}



/* =========================
   FIX JARAK BAWAH (FOOTER) + SIMETRI
   ========================= */

/* 4) Kurangi jarak sebelum footer */
.pkp_structure_footer_wrapper,
.pkp_structure_footer{
  margin-top: 24px !important;   /* adjust: 16–32 */
  padding-top: 18px !important;  /* adjust: 12–24 */
}

/* 5) Samakan lebar footer dengan container konten */
.pkp_structure_footer_wrapper .pkp_footer_content,
.pkp_structure_footer .pkp_footer_content{
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* 6) Kalau masih ada ruang putih besar sebelum footer dari wrapper halaman */
.pkp_structure_content{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.pkp_structure_main{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* =========================================================
   FOOTER: rapihin jarak, tinggi, dan simetri
   Berdasarkan HTML kamu: .pkp_structure_footer_wrapper
   ========================================================= */

/* 1) Kurangi jarak besar sebelum footer */
.pkp_structure_footer_wrapper{
  margin-top: 24px !important;     /* jarak dari konten ke footer */
  padding-top: 0 !important;
}

/* 2) Biar footer wrapper tidak "ketarik tinggi" aneh */
.pkp_structure_footer_wrapper,
.pkp_structure_footer{
  height: auto !important;
  min-height: 0 !important;
}

/* 3) Samakan lebar isi footer seperti konten utama (1400px) */
.pkp_structure_footer .pkp_footer_content{
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 24px !important;       /* padding dalam footer */
  box-sizing: border-box !important;
}

/* Jangan sapu semua section footer, cukup section kosong saja */
.pkp_structure_footer .pkp_footer_content section.midLinks{
  margin: 0 !important;
  padding: 0 !important;
}

/* khusus card */
.article-summary--modern{
  border-right: none !important;
  border-left: none !important;
}
/* FORCE hilangkan semua garis vertikal theme */
.pkp_structure_content *,
.pkp_structure_main *,
.obj_issue_toc *{
  border-right: none !important;
  border-left: none !important;
}
/* Hilangkan divider vertikal fixed/absolute di tengah halaman */
body::before,
body::after,
.pkp_structure_page::before,
.pkp_structure_page::after,
.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_main::before,
.pkp_structure_main::after{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Kalau theme pakai elemen "divider" khusus */
[class*="divider"],
[class*="Divider"],
[class*="grid-line"],
[class*="gridLine"],
[class*="vline"],
[class*="v-line"],
[class*="vertical-line"],
[class*="verticalLine"]{
  display: none !important;
}

/* Paling sering: ada elemen 1px di tengah dengan position fixed/absolute */
.pkp_structure_page *{
  background-image: none !important;
}
/* =========================
   FOOTER LEBIH BESAR & SIMETRIS
   ========================= */

/* Samakan lebar semua footer section */
.indexingSection,
.axisFooter{
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Perbesar area axisFooter */
.axisFooter{
  margin-top: 40px !important;
  padding: 40px 50px !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

/* Grid footer lebih lebar & seimbang */
.axisFooter__grid{
  display: grid !important;
  grid-template-columns: 1.3fr 1fr 1fr !important;
  gap: 60px !important;
  align-items: start;
}

/* Judul footer lebih jelas */
.axisFooter__title{
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}

/* Text footer lebih lega */
.axisFooter__text{
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-top: 14px !important;
}

/* Link spacing */
.axisFooter__list li,
.axisFooter__contact li{
  margin-bottom: 8px !important;
}

/* Badge ISSN spacing */
.issnRow{
  margin-top: 18px !important;
}

/* Responsive */
@media (max-width: 900px){
  .axisFooter__grid{
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}
/* FORCE: samakan lebar & ukuran card footer bawah dengan card Indexed */
.pkp_structure_footer .pkp_footer_content section.indexingSection,
.pkp_structure_footer .pkp_footer_content section.axisFooter{
  max-width: 1200px !important;      /* samakan, bisa 1400 kalau kamu mau */
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FORCE: axisFooter jadi lebih besar & simetris */
.pkp_structure_footer .pkp_footer_content section.axisFooter{
  margin-top: 40px !important;       /* jarak dari card atas */
  padding: 40px 48px !important;     /* bikin lebih “gede” */
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;
  box-sizing: border-box !important;
}

/* Grid footer lebih seimbang */
.pkp_structure_footer .pkp_footer_content .axisFooter__grid{
  display: grid !important;
  grid-template-columns: 1.3fr 1fr 1fr !important;
  gap: 56px !important;
  align-items: start !important;
}

/* Responsive */
@media (max-width: 900px){
  .pkp_structure_footer .pkp_footer_content .axisFooter__grid{
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
}
/* 5) Kasih jarak antar blok footer secukupnya (rapih & simetris) */
.indexingSection,
.axisFooter,
.midLinks__inner{
  margin-top: 18px !important;
}

/* 6) MATIKAN section kosong yang bikin space (ini ada di HTML kamu) */
section.midLinks:empty{
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 7) Kalau ada min-height di footer section (sering bikin kosong bawah) */
.indexingSection,
.axisFooter,
.midLinks__inner{
  min-height: 0 !important;
  height: auto !important;
}

/* 8) Rapihin "brand footer" OJS biar ga jauh dan tetap center */
.pkp_brand_footer{
  margin-top: 18px !important;
  padding-top: 12px !important;
  text-align: center !important;
}

/* 9) Pastikan content wrapper halaman tidak nambah padding bawah */
.pkp_structure_content,
.pkp_structure_main{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.pkp_brand_footer, .footer-content img { 
    display: none !important; 
}

/* ===== CARD ===== */

.article-summary--modern {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px 18px 18px 18px;
  border: 1px solid #e4e7ec;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  transition: all 0.18s ease;
  height: 100%;
}

.article-summary--modern:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}


/* ===== TITLE ===== */

.article-summary--modern .article-summary-title a {
  font-size: 17px;
  font-weight: 700;
  color: #0a0a0a;
  line-height: 1.35;
  text-decoration: none;
}

.article-summary--modern .article-summary-title {
  margin-bottom: 8px;
}

.article-summary--modern .article-summary-title a:hover {
  text-decoration: underline;
}


/* ===== DOI ===== */

.article-summary-doi--underTitle {
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 600;
  color: #555;
}

.article-summary-doi--underTitle a {
  font-weight: 600;
  color: #2563eb;
}


/* ===== AUTHORS ===== */

.article-summary-authors {
  margin-bottom: 14px;
}

.article-summary-authors .author-line {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin-bottom: 6px;
  line-height: 1.4;
}

.article-summary-authors .author-affiliation {
  font-weight: 500;
  color: #444;
  margin-left: 6px;
}

.article-summary-authors .author-country {
  font-weight: 600;
  margin-left: 6px;
  color: #666;
}


/* ===== PDF BUTTON ===== */

.article-summary-galleys {
  margin-top: 20px;
}

.article-summary-galleys .obj_galley_link.pdf {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 10px;
  background: #1e5bbf;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}

.article-summary-galleys .obj_galley_link.pdf:hover {
  background: #16479a;
}


/* ===== STATS ===== */

.article-summary-stats {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  line-height: 1.4;
}

.article-summary-stats b {
  font-weight: 700;
  color: #111;
}

.article-summary-stats img {
  width: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

/* ===== DOI truncate dengan ... ===== */

.article-summary-doi--underTitle {
  width: 100%;
}

.article-summary-doi--underTitle a {
  display: block;
  max-width: 100%;
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  font-size: 13px;
  font-weight: 600;
}
/* ===== AXIS FOOTER - FULL WIDTH CLEAN ===== */

.axisFooter{
  background:#ffffff !important;
  margin:0 !important;
  padding:50px 0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:100% !important;
  max-width:100% !important;
}

.axisFooter__grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
  padding:0 24px;
  box-sizing:border-box;
}

@media(max-width:900px){
  .axisFooter__grid{
    grid-template-columns:1fr;
  }
}

.axisFooter__title{
  font-size:20px;
  font-weight:800;
  margin-bottom:6px;
  text-align:center;
  position:relative;
}

.axisFooter__title::after{
  content:"";
  display:block;
  width:50px;
  height:3px;
  background:#4f46e5;
  margin:8px auto 16px;
  border-radius:999px;
}

.axisFooter__line{
  display:none;
}

.axisFooter__text{
  font-size:14px;
  line-height:1.6;
  color:#444;
}

.axisFooter__link{
  color:#4f46e5;
  font-weight:600;
  text-decoration:none;
}

.axisFooter__link:hover{
  text-decoration:underline;
}

.axisFooter__list{
  list-style:none;
  padding:0;
  margin:0;
}

.axisFooter__list li{
  margin-bottom:10px;
}

.axisFooter__contact{
  list-style:none;
  padding:0;
  margin:0;
}

.axisFooter__contact li{
  margin-bottom:12px;
  font-size:14px;
}

/* ISSN badges */

.issnRow{
  margin-top:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.issnBadge{
  background:#fff;
  border-radius:8px;
  padding:6px 12px;
  font-size:13px;
  border:1px solid #ddd;
}

.issnBadge--alt{
  background:#4f46e5;
  color:#fff;
  border:none;
}

/* ===== Footer columns center ===== */

.pkp_structure_footer,
.pkp_footer_content{
  background:#ffffff !important;
  margin:0 !important;
  padding:0 !important;
}

.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_footer_content .row,
.pkp_structure_footer .pkp_footer_content .footer__content,
.pkp_structure_footer .pkp_footer_content .footer-content {
  justify-content:center;
  text-align:center;
}

.pkp_structure_footer .pkp_footer_content .row > div,
.pkp_structure_footer .pkp_footer_content .footer__content > div,
.pkp_structure_footer .pkp_footer_content .footer-content > div {
  text-align:center;
}

.pkp_structure_footer .pkp_footer_content ul,
.pkp_structure_footer .pkp_footer_content ol {
  display:inline-block;
  text-align:left;
  margin:0 auto;
  padding-left:0;
}

/* ===============================
   GARIS BIRU FOOTER
   =============================== */

.indexingTitle{
  text-align:center;
  position:relative;
}

.indexingTitle::after{
  content:"";
  display:block;
  width:60px;
  height:4px;
  background:#4f46e5;
  margin:8px auto 0;
  border-radius:999px;
}

/* Garis biru untuk judul ABOUT / POLICIES / AUTHOR */
.midLinks__col h3{
  text-align:center;
  position:relative;
}

.midLinks__col h3::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  background:#4f46e5;
  margin:8px auto 14px;
  border-radius:999px;
}

/* =========================
   HILANGKAN EFEK CARD / WRAPPER ABU
   ========================= */

.pkp_structure_page,
.pkp_structure_content,
.page,
.page_index_journal{
  background:#ffffff !important;
}

.axisFooter,
.axisFooter *{
  box-sizing:border-box;
}
/* =====================================
   OJS 3.5 HEADER CLEAN - BLUE THEME
   ===================================== */

/* HEADER utama */
header#headerNavigationContainer.pkp_structure_head {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: 3px solid #d4af37 !important;
  background: linear-gradient(
    180deg,
    #1e3a5f 0%,
    #244b7a 60%,
    #0f2c52 100%
  ) !important;
}

/* ======================
   BANNER ATAS
   ====================== */

header#headerNavigationContainer .pkp_site_name_wrapper {
  order: 1 !important;
  background: url("https://journal.uinsgd.ac.id/public/site/images/wahyu11/navy-yellow-modern-management-training-programs-email-header-2000-x-320-piksel.png")
              center center / contain no-repeat !important;
  min-height: 260px !important;
  height: 260px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ======================
   NAVBAR DI BAWAH
   ====================== */

header#headerNavigationContainer .pkp_navigation_primary_row {
  order: 2 !important;
  background: #1e3a5f !important;
  border-top: 2px solid #d4af37 !important;
  margin: 0 !important;
  padding: 0 !important;
}

header#headerNavigationContainer .pkp_navigation_primary_wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 12px 28px !important;
  display: flex !important;
  align-items: center !important;
}

/* MENU STYLE */
header#headerNavigationContainer .pkp_navigation_primary > li > a,
header#headerNavigationContainer .pkp_search {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

header#headerNavigationContainer .pkp_navigation_primary > li > a:hover {
  color: #ffd54a !important;
}

/* ======================
   HILANGKAN TEKS DEFAULT
   ====================== */

header#headerNavigationContainer .pkp_screen_reader,
header#headerNavigationContainer .siteBrand__text,
header#headerNavigationContainer .siteBrand__title,
header#headerNavigationContainer .siteBrand__logo,
header#headerNavigationContainer .pkp_site_name {
  display: none !important;
}

/* LOGIN tetap kanan atas */
header#headerNavigationContainer .pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 25px !important;
  right: 30px !important;
  z-index: 50 !important;
}

/* ======================
   HILANGKAN GAP
   ====================== */

.pkp_structure_page,
.pkp_structure_content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ======================
   MOBILE
   ====================== */

@media (max-width: 768px) {
  header#headerNavigationContainer .pkp_site_name_wrapper {
    min-height: 170px !important;
    height: 170px !important;
  }
}
/* =========================
   HAPUS JARAK BANNER - NAVBAR
   ========================= */

/* Pastikan banner tanpa jarak bawah */
header#headerNavigationContainer .pkp_site_name_wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Pastikan navbar tanpa jarak atas */
header#headerNavigationContainer .pkp_navigation_primary_row {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 2px solid #d4af37 !important;
}

/* Hapus jarak dari wrapper */
header#headerNavigationContainer .pkp_head_wrapper,
header#headerNavigationContainer .pkp_site_nav_menu {
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================
   HAPUS BARIS KOSONG TENGAH
   ========================= */

/* wrapper di antara banner dan navbar */
header#headerNavigationContainer .pkp_site_nav_menu {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
}

/* banner */
header#headerNavigationContainer .pkp_site_name_wrapper {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 260px !important;
  height: 260px !important;
  border-bottom: none !important;
}

/* navbar */
header#headerNavigationContainer .pkp_navigation_primary_row {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border-top: 2px solid #d4af37 !important;
}

/* wrapper navbar */
header#headerNavigationContainer .pkp_navigation_primary_wrapper {
  margin: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* buang ruang dari head wrapper */
header#headerNavigationContainer .pkp_head_wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================
   FIX BANNER + HAPUS GAP
   ========================= */

/* header utama */
header#headerNavigationContainer.pkp_structure_head {
  display: flex !important;
  flex-direction: column !important;
  row-gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top: 3px solid #d4af37 !important;
  background: linear-gradient(180deg, #1e3a5f 0%, #244b7a 60%, #0f2c52 100%) !important;
}

/* wrapper banner */
header#headerNavigationContainer .pkp_site_name_wrapper {
  order: 1 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 230px !important;
  height: 230px !important;
  background: url("https://journal.uinsgd.ac.id/public/site/images/wahyu11/navy-yellow-modern-management-training-programs-email-header-2000-x-320-piksel.png") center center / cover no-repeat !important;
  background-color: #1c355e !important;
  border: none !important;
}

/* sembunyikan teks default OJS, tapi wrapper tetap ada */
header#headerNavigationContainer .pkp_screen_reader,
header#headerNavigationContainer .pkp_site_name,
header#headerNavigationContainer .siteBrand__text,
header#headerNavigationContainer .siteBrand__title,
header#headerNavigationContainer .siteBrand__logo,
header#headerNavigationContainer .pkp_site_nav_toggle {
  display: none !important;
}

/* buang jarak pembungkus */
header#headerNavigationContainer .pkp_head_wrapper,
header#headerNavigationContainer .pkp_site_nav_menu {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* navbar nempel ke banner */
header#headerNavigationContainer .pkp_navigation_primary_row {
  order: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: -1px !important;
  background: #1e3a5f !important;
  border-top: 2px solid #d4af37 !important;
  border-bottom: none !important;
}

header#headerNavigationContainer .pkp_navigation_primary_wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 10px 28px !important;
  display: flex !important;
  align-items: center !important;
}

/* menu */
header#headerNavigationContainer .pkp_navigation_primary > li > a,
header#headerNavigationContainer .pkp_search {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

header#headerNavigationContainer .pkp_navigation_primary > li > a:hover {
  color: #ffd54a !important;
}

/* login kanan atas */
header#headerNavigationContainer .pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 22px !important;
  right: 30px !important;
  z-index: 50 !important;
}

/* hilangkan gap ke konten */
.pkp_structure_page,
.pkp_structure_content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.statIcon img {
    width: 35px !important;
    height: auto !important;
    max-width: 60px !important;
    object-fit: contain;
}
/* Hero habiskan sisi kanan-kiri di area main */
.pkp_structure_main > .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Hero jangan punya jarak samping */
.pkp_page_index .custom-hero {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* Background image benar-benar penuh */
.pkp_page_index .custom-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

.pkp_page_index .custom-hero__overlay img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* =========================================================
   CURRENT ISSUE FINAL - SEKALI PASTE
   HAPUS CSS LAMA ISSUE/ARTICLE SEBELUM MENEMPEL INI
   ========================================================= */

/* area utama */
.pkp_page_index .pkp_structure_main {
  max-width: 1700px !important;
  width: 96% !important;
  margin: 0 auto !important;
}

.pkp_page_index .container.container--wide {
  max-width: 1700px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* current issue full width */
.pkp_page_index .current_issue,
.pkp_page_index .current_issue .obj_issue_toc,
.pkp_page_index .current_issue .obj_issue_toc .sections,
.pkp_page_index .current_issue .obj_issue_toc .sections .section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* supaya sections tidak ketarik heading */
.pkp_page_index .current_issue .obj_issue_toc .heading::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

.pkp_page_index .current_issue .obj_issue_toc .sections {
  clear: both !important;
  margin-top: 22px !important;
}

/* judul section */
.pkp_page_index .current_issue .obj_issue_toc .sections .section > h2 {
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #111827 !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}

/* grid artikel - 3 kolom */
.pkp_page_index .current_issue .obj_issue_toc .sections .section > ul.cmp_article_list.articles {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
}

/* item list */
.pkp_page_index .current_issue .obj_issue_toc .sections .section > ul.cmp_article_list.articles > li {
  list-style: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* card */
.pkp_page_index .current_issue .article-summary.article-summary--modern {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 310px !important;
  margin: 0 !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #d9e4ef !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.pkp_page_index .current_issue .article-summary.article-summary--modern:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important;
  border-color: #c9d9ea !important;
}

/* judul artikel */
.pkp_page_index .current_issue .article-summary-title {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.pkp_page_index .current_issue .article-summary-title a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.pkp_page_index .current_issue .article-summary-title a:hover {
  color: #1f4e79 !important;
  text-decoration: none !important;
}

/* author */
.pkp_page_index .current_issue .article-summary-authors {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

.pkp_page_index .current_issue .article-summary-authors .author-line {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}

.pkp_page_index .current_issue .article-summary-authors .author-name {
  display: inline !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #102a43 !important;
}

/* tombol pdf dekat ke author */
.pkp_page_index .current_issue .article-summary-galleys {
  margin-top: 10px !important;
  padding-top: 0 !important;
}

.pkp_page_index .current_issue .article-summary-galleys .obj_galley_link,
.pkp_page_index .current_issue .article-summary-galleys a.obj_galley_link,
.pkp_page_index .current_issue .article-summary-galleys a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 66px !important;
  padding: 8px 16px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #eef6ff !important;
  border: 1px solid #cfe2f3 !important;
  color: #1f4e79 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.pkp_page_index .current_issue .article-summary-galleys .obj_galley_link:hover,
.pkp_page_index .current_issue .article-summary-galleys a.obj_galley_link:hover,
.pkp_page_index .current_issue .article-summary-galleys a:hover {
  background: #1f4e79 !important;
  border-color: #1f4e79 !important;
  color: #ffffff !important;
}

/* sembunyikan elemen tambahan */
.pkp_page_index .current_issue .article-summary-stats,
.pkp_page_index .current_issue .stats-icon {
  display: none !important;
}

/* tablet */
@media (max-width: 980px) {
  .pkp_page_index .current_issue .obj_issue_toc .sections .section > ul.cmp_article_list.articles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* mobile */
@media (max-width: 767px) {
  .pkp_page_index .container.container--wide {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .pkp_page_index .current_issue .obj_issue_toc .sections .section > ul.cmp_article_list.articles {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .pkp_page_index .current_issue .article-summary.article-summary--modern {
    min-height: unset !important;
    padding: 20px !important;
    border-radius: 18px !important;
  }
}
.pkp_page_index .current_issue .author-country {
  color: #6b7280 !important;
  font-weight: 400 !important;
}

.pkp_page_index .current_issue .author-affiliation {
  display: block !important;
  margin-top: 2px !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #6b7280 !important;
}

.pkp_page_index .current_issue .article-summary-doi {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #6b7280 !important;
}

.pkp_page_index .current_issue .article-summary-doi .doi-label {
  font-weight: 700 !important;
  color: #4b5563 !important;
}

.pkp_page_index .current_issue .article-summary-doi .doi-link {
  color: #1f4e79 !important;
  text-decoration: none !important;
  word-break: break-word !important;
}

.pkp_page_index .current_issue .article-summary-doi .doi-link:hover {
  text-decoration: underline !important;
}
.item.authors .userGroup {
  display: none !important;
}
.article-summary-pages {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	margin-bottom: 22px;
	padding: 12px 20px;
	border: 1px solid #c8d9eb;
	border-radius: 24px;
	background: #f2f8ff;
	color: #1f4f82;
	font-size: 14px;
	font-weight: 700;
	box-sizing: border-box;
}

.article-summary-pages::before {
	content: "📄";
	font-size: 15px;
	line-height: 1;
}
.article-summary.article-summary--modern {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.article-summary-galleys {
	margin-top: auto;
	display: flex;
	justify-content: center;
	padding-top: 20px;
}

.article-summary-galleys .obj_galley_link,
.article-summary-galleys a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.article-summary.article-summary--modern {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.article-summary-galleys {
	margin-top: auto;
	padding-top: 20px;
}

.article-summary-galleys .obj_galley_link,
.article-summary-galleys a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% + 64px);
	margin-left: -32px;
	margin-right: -32px;
	padding: 18px 20px;
	box-sizing: border-box;
	border-radius: 0 0 24px 24px;
	text-align: center;
}
.cmp_article_list.articles > li {
	display: flex;
	height: 100%;
}

.cmp_article_list.articles > li > .article-summary.article-summary--modern {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding-bottom: 95px; /* ruang untuk tombol PDF di bawah */
	box-sizing: border-box;
	overflow: hidden;
}

.cmp_article_list.articles > li > .article-summary.article-summary--modern .article-summary-galleys {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.cmp_article_list.articles > li > .article-summary.article-summary--modern .article-summary-galleys .obj_galley_link.pdf,
.cmp_article_list.articles > li > .article-summary.article-summary--modern .article-summary-galleys a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 18px 20px;
	box-sizing: border-box;
	border-radius: 0 0 24px 24px;
	text-align: center;
}
.cmp_article_list.articles > li {
	display: flex;
	height: 100%;
}

.cmp_article_list.articles > li > .article-summary.article-summary--modern {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding-bottom: 100px !important;
	box-sizing: border-box;
	overflow: hidden;
}

.cmp_article_list.articles > li > .article-summary.article-summary--modern .article-summary-doi {
	margin-bottom: 14px;
}

.cmp_article_list.articles > li > .article-summary.article-summary--modern .article-summary-galleys {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 14px;
	margin: 0;
	padding: 0;
}

.cmp_article_list.articles > li > .article-summary.article-summary--modern .article-summary-galleys .obj_galley_link.pdf,
.cmp_article_list.articles > li > .article-summary.article-summary--modern .article-summary-galleys a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 18px 20px;
	box-sizing: border-box;
	border-radius: 999px;
	text-align: center;
}