/* ====== SCROLLBAR ====== */
::-webkit-scrollbar {
  width: 5px;
}  
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b1dabb; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #b1dabb; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff; 
}

/* ====== BODY ====== */
body {
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='58' height='100.23' patternTransform='scale(16) rotate(30)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M.111-33.307l-28.997 16.744zm.012.006l28.993 16.738-.004 33.485L.115 33.492l-28.997-16.57.004-33.485m40.992 43.198v-5.672l4.937 2.85M29.113 9.995L12.117.18l17-9.815M6.114 30.062L6.114 10.57l16.967 9.798m-51.963-3.446l57.998-33.485m-29 50.055l-.005-66.8m29.001 50.23l-57.99-33.485m57.992 19.63l-5-2.887 5.002-2.887m28.872-30.805L28.99-16.768zm.012.006l28.993 16.738-.004 33.485-28.997 16.57-28.997-16.57.004-33.485m-.004 33.485l57.998-33.485M57.992 33.287l-.004-66.799m29 50.229C67.615 5.529 48.285-5.633 28.999-16.768M28.998 2.86l4.998-2.886-4.998-2.886m6.029 23.076l16.964-9.794.002 19.49m-6-3.43v-5.67l-4.936 2.85M28.995 9.789L45.994-.026 28.998-9.84M-.003 66.943L-29 83.687zm.012.006l28.993 16.738-.004 33.485m0 0L.001 133.742m0 0l-28.997-16.57m0 0l.004-33.485m57.991 26.557l-16.996-9.814 17-9.815m-58 26.557l57.999-33.485M.001 133.742l-.004-66.8m29.001 50.23l-57.99-33.485m45.994-6.928l-5.005 2.89V73.87m11.005 6.353L5.999 90.04l-.002-19.633M29 103.317l-5-2.887 5.002-2.887m28.99-30.6L28.993 83.687zm.011.006l28.993 16.738-.004 33.485m0 0l-28.997 16.57m0 0l-28.997-16.57m0 0l.004-33.485m22.99-13.28v19.627l-16.995-9.813m-5.999 36.95l57.998-33.484m-29 50.055l-.005-66.8m29.001 50.23l-57.99-33.485M29 103.314L34 100.428 29 97.542m11.996-20.786l4.996 2.885v-5.77m-16.994 36.373l17-9.815L29 90.615M57.998 66.94l-.003-33.484zm-.012.008l-28.992 16.74L-.002 66.94l.148-33.397 28.849-16.827L57.99 33.463M.084 47.363L4.997 50.2.06 53.05m5.936 17.356l16.998-9.812v19.63m35.003-20.212L41 50.2l16.996-9.812m-57.878.067l16.88 9.745L.03 59.996m28.966-43.28v66.971M.144 33.544L57.999 66.94m-58 .001L57.99 33.463M40.994 76.759v-5.78l5.004 2.89m-5.004-50.221v5.772l5-2.886m-11 53.689V60.589l17.004 9.815m-40.003 3.467l5-2.887v5.775m41.002-29.444L53 50.2l4.998 2.885M22.995 20.217v19.589l-16.88-9.744m5.97-3.481l4.91 2.835v-5.7m18-3.535v19.63l16.997-9.813'  stroke-linejoin='round' stroke-linecap='round' stroke-width='1' stroke='hsla(135, 36%, 77%, 0.1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-816,-999.36)' fill='url(%23a)'/></svg>");
}

/* ====== HEADER DAN NAVBAR ====== */
.pkp_structure_head {
  background: transparent;
  border-bottom: 1px solid transparent;
}

/* Navbar utama hitam */
.pkp_site_nav_menu {
  background: #000000 !important;
  border-radius: 0;
}

.pkp_site_nav_menu .pkp_nav_list {
  padding-left: 20px;
  margin-left: 0;
}

/* Teks navbar putih */
.pkp_site_nav_menu a {
  color: #ffffff !important;
  font-weight: bold;
}

.pkp_site_nav_menu a:hover {
  color: #b1dabb !important;
}

/* ====== BAGIAN USER NAV ATAS (HOME | USER | ANGKA) ====== */
.pkp_navigation_user, .pkp_navigation_user a, .pkp_navigation_user ul {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.pkp_navigation_user a:hover {
  color: #b1dabb !important;
}

/* ====== LOGO DAN ISSN ====== */
.pkp_site_name .is_img img {
  display: inline-block;
  max-height: 200px;
  max-width: 100%;
  width: auto;
  height: auto;
}

.pkp_site_name, .pkp_site_name_wrapper {
  background: transparent !important;
}

.pkp_site_name span, .pkp_site_name p, .pkp_site_name .issn, .pkp_site_name .eissn {
  color: #000000 !important;
  font-weight: bold;
}

/* ====== FOOTER ====== */
.pkp_brand_footer {
  display: none;
}

.pkp_structure_footer {
  background: #b1dabb;
  border-radius: 20px;
}

.pkp_structure_footer_wrapper {
  background: transparent;
}

/* ====== SLIDER ====== */
.carousel {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}  
.slides {
  width: 100%;
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  border-radius: 20px;
}  
.slides::-webkit-scrollbar {
  width: 10px;
}  
.slides::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b1dabb; 
  border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb {
  background: #b1dabb; 
  border-radius: 10px;
}
.slides::-webkit-scrollbar-thumb:hover {
  background: #67ad7e; 
}
.slides-item {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-shrink: 0;
  font-size: 100px;
  height: 300px;
  justify-content: center;
  margin: 0.5rem 1rem;
  position: relative;
  scroll-snap-align: start;
  transform: scale(1);
  transform-origin: center center;
  transition: transform .5s;
  width: 100%;
}
.slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {
  background-image: url(https://journal.diginus.id/public/site/images/prdnmhmdh/famj-cover.png);
}

/* ====== BODY PUTIH ====== */
body {
  background-color: #ffffff !important;
}