/* =====================================================
   HEADER / BANNER JURNAL
===================================================== */
.pkp_site_name_wrapper {
  height: 240px;
  background-image: url("https://ejournal.institutsmb.id/public/site/images/admin/ijms-6-15d7da1f13a3540afc210c824c7743cc.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

/* Sembunyikan logo default OJS */
.pkp_site_name_wrapper img {
  display: none !important;
}


/* =====================================================
   PRIMARY NAVIGATION – SEJAJAR ARTIKEL (PRESISI)
===================================================== */
.pkp_site_nav_menu {
  max-width: 1200px; /* mengikuti container artikel OJS */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom: none !important;
}

.pkp_site_nav_menu ul.pkp_navigation_primary {
  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   ABOUT NAVIGATION MENU (FOCUS & SCOPE)
   NEMPEL KE GARIS BAWAH HEADER
===================================================== */
.pkp_block.block_about {
  margin-top: -14px !important;
}


/* =====================================================
   CUSTOM SIDEBAR – MODEL KOTAK
===================================================== */
.custom-sidebar-menu a {
  display: block;
  background: #ffffff;
  color: #000000 !important;
  border: 1px solid #000000;
  padding: 12px 16px;
  margin-bottom: 8px;
  text-decoration: none;
  font-weight: 500;
}

/* HOVER – ORANYE #F9A41A */
.custom-sidebar-menu a:hover {
  background: #F9A41A !important;
  color: #ffffff !important;
  border-color: #F9A41A !important;
}

.custom-sidebar-menu a:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}


/* =====================================================
   USER / ADMIN MENU
===================================================== */
html body .pkp_navigation_user ul li a {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  padding: 10px 16px !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* HOVER & ACTIVE – ORANYE #F9A41A */
html body .pkp_navigation_user ul li a:hover,
html body .pkp_navigation_user ul li a.is_current {
  background: #F9A41A !important;
  color: #ffffff !important;
  border-color: #F9A41A !important;
}


/* =====================================================
   PRIMARY NAVIGATION MENU – STYLE
===================================================== */
html body nav.pkp_site_nav_menu
ul.pkp_navigation_primary > li > a {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #000000 !important;
  padding: 10px 16px !important;
  margin: 0 6px 0 0 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  display: inline-block !important;
}

/* HOVER – ORANYE #F9A41A */
html body nav.pkp_site_nav_menu
ul.pkp_navigation_primary > li > a:hover {
  background: #F9A41A !important;
  color: #ffffff !important;
  border-color: #F9A41A !important;
}

html body nav.pkp_site_nav_menu
ul.pkp_navigation_primary > li > a:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ACTIVE – ORANYE #F9A41A */
html body nav.pkp_site_nav_menu
ul.pkp_navigation_primary > li > a.is_current,
html body nav.pkp_site_nav_menu
ul.pkp_navigation_primary > li > a[aria-current="page"] {
  background: #F9A41A !important;
  color: #ffffff !important;
  border-color: #F9A41A !important;
  font-weight: 700 !important;
}

html body nav.pkp_site_nav_menu
ul.pkp_navigation_primary > li > a::after {
  display: none !important;
}


/* =====================================================
   ARTIKEL TERBIT
===================================================== */
.obj_article_summary {
  border: 1.5px solid #000000 !important;
  background: #ffffff !important;
  padding: 12px 14px !important;
  margin-bottom: 16px !important;
}

.obj_article_summary,
.obj_article_summary * {
  color: #000000 !important;
}


/* =====================================================
   TOMBOL PDF – MODEL SIDEBAR
===================================================== */
.obj_article_summary .galleys_links a {
  display: inline-block;
  background: #ffffff !important;
  color: #000000 !important;
  border: 1.5px solid #000000 !important;
  padding: 6px 12px !important;
  font-weight: 600 !important;
  font-size: 13px;
  text-decoration: none !important;
}

/* HOVER PDF – ORANYE #F9A41A */
.obj_article_summary .galleys_links a:hover {
  background: #F9A41A !important;
  color: #ffffff !important;
  border-color: #F9A41A !important;
}


/* =====================================================
   FINISHING SCOPUS LOOK
===================================================== */
.obj_article_summary .title a {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 6px;
  display: block;
}

.obj_article_summary .meta,
.obj_article_summary .authors {
  font-size: 13px;
  color: #333333 !important;
  margin-bottom: 10px;
}

.obj_article_summary .abstract,
.obj_article_summary p {
  line-height: 1.7;
  margin-bottom: 12px;
}


/* =====================================================
   BACKGROUND BATIK (DIAM SAAT SCROLL)
===================================================== */
html, body {
  background-image: url("https://ejournal.institutsmb.id/public/site/images/admin/aaa.jpg");
  background-repeat: repeat;
  background-position: center;
  background-attachment: fixed;
}