.obj_issue_toc .articles > li {
  margin-bottom: 20px;
  border-bottom: #97644f;
  /*  background-color: #4cbf89 !important;*/
  /*  background: transparent url("https://i.ibb.co.com/dgHLv5J/bc3.png") repeat scroll 0% 0% !important;*/
  background: transparent url("https://bufnets.tech/public/site/bgertikel.png") repeat scroll;
  padding: 1rem;

  /*border-radius: 2rem 2rem 2rem 2rem;*/
  box-shadow: 0.2rem 0.2rem 0.1rem #743d28;
}
 @charset "UTF-8";

@charset "UTF-8";

/* ===================== ROOT / WARNA ===================== */
:root {
  --main-color: #0097a7;
  --main-hover-color: #007c8a;

  --text-color: #ffffff;
  --text-inverse-color: #333;

  --nav-background: #0097a7;
  --nav-hover: #007c8a;
  --nav-color: #ffffff;
  --nav-hover-inverse: #ffffff;

  --sidebar-main-color: var(--main-color);
  --sidebar-background-color: #f0fbfd;
  --sidebar-title-color: #ffffff;
  --sidebar-item-color: #004d56;
  --sidebar-hover-color: #d6f3f7;

  --header-background-color: var(--main-color);

  --tab-header-color: var(--main-color);
  --tab-background-color: #e6f7fa;

  --border-color: #cceef3;
  --toc-heading-background: #eaf9fb;
}

/* ===================== GLOBAL ===================== */
html, body {
  font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  font-size: 17px;
  text-align: justify;
}

a {
  color: var(--main-color);
  text-decoration: none;
}

a:hover {
  color: var(--main-hover-color);
  text-decoration: underline;
}

/* ===================== STRUCTURE ===================== */
.pkp_structure_page {
  margin: 0 auto;
  background: transparent;
  box-shadow: none;
  max-width: 100%;
}

.carousel-inner {
  position: absolute;
}

/* ===================== HEADER ===================== */
.pkp_structure_head {
  background-color: var(--header-background-color);
}

.pkp_site_name .is_text {
  color: #ffffff;
}

.pkp_site_name .is_img img {
  max-height: 50px;
}

/* ===================== NAV BAR ===================== */
.pkp_navigation_primary_row {
  background: var(--nav-background);
  border-bottom: 3px solid var(--main-hover-color);
}

#navigationPrimary > li > a {
  color: var(--nav-color);
  padding: 12px 15px;
  font-weight: 600;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
#navigationPrimary > li > a:active {
  background: var(--nav-hover);
  color: #ffffff;
}

/* dropdown */
#navigationPrimary ul {
  background: var(--nav-background);
  border: 1px solid var(--main-hover-color);
}

#navigationPrimary ul a {
  color: #ffffff;
}

#navigationPrimary ul a:hover {
  background-color: var(--main-hover-color);
  color: #ffffff;
}

/* user nav */
.pkp_navigation_user > li > a {
  color: #ffffff;
  font-weight: 500;
}

.pkp_navigation_user > li > a:hover {
  color: #e0f7fa;
}

/* ===================== INDEX ===================== */
.pkp_page_index .current_issue h2 {
  border-bottom: 3px solid var(--main-color);
}

.pkp_page_index .current_issue .read_more {
  color: var(--main-color);
}

.pkp_page_index .current_issue .read_more:hover {
  color: var(--main-hover-color);
}

.pkp_page_index .additional_content {
  padding-bottom: 30px;
}

/* ===================== SIDEBAR ===================== */
.pkp_block {
  padding: 0 5px 5px;
  line-height: 20px;
}

.pkp_block .title {
  background-color: var(--sidebar-main-color);
  color: var(--sidebar-title-color);
  text-align: center;
  font-size: 16px;
  padding: 0.5rem 0 1.5rem;
}

.pkp_block .content,
.pkp_block li {
  background-color: var(--sidebar-background-color);
}

.pkp_block ul > li {
  border-bottom: 1px solid rgba(0,0,0,0.125);
}

.pkp_block ul > li a {
  color: var(--sidebar-item-color);
  padding: 0.75rem 1rem;
  display: flex;
}

.pkp_block ul > li a:hover {
  background-color: var(--sidebar-hover-color);
}

/* ===================== BUTTON ===================== */
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
  background-color: var(--sidebar-main-color);
  color: var(--sidebar-title-color);
  width: 100%;
  text-align: center;
  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.block_make_submission a:hover {
  background: var(--main-hover-color);
}

/* ===================== CONTENT ===================== */
.pkp_structure_content {
  padding-top: 20px;
  box-shadow:
    0 0 5px 0.5px rgba(103,104,107,0.34),
    0 1px 2px rgba(103,104,107,0.34);
}

.pkp_structure_main {
  background-color: #ffffff;
}

/* ===================== ARTICLE LIST ===================== */
.obj_issue_toc .articles > li {
  margin-bottom: 20px;
  background: transparent url("https://bufnets.tech/public/site/bgertikel.png") repeat;
  padding: 1rem;
  box-shadow: 0.2rem 0.2rem 0.1rem #007c8a;
}

/* ===================== ARTICLE DETAIL ===================== */
.obj_article_details .galleys_links {
  display: block;
}

.obj_article_details .galleys_links li {
  margin-inline-end: 0;
}

.obj_article_details .galleys_links a {
  background-color: var(--main-color);
  color: #ffffff;
}

.obj_article_details .galleys_links a:hover {
  background-color: var(--main-hover-color);
}

/* ===================== FOOTER ===================== */
.pkp_structure_footer_wrapper {
  border-bottom: 10px solid var(--main-color);
}

.pkp_footer_content a:hover {
  color: var(--main-hover-color);
}

.pkp_brand_footer {
  display: none;
}

/* ===================== MOBILE ===================== */
@media all and (max-width: 990px) {
  .pkp_site_nav_menu {
    background: var(--main-color);
  }

  .pkp_site_nav_menu a {
    color: #ffffff;
  }

  .pkp_site_nav_menu a:hover {
    background: var(--main-hover-color);
  }

  .pkp_site_nav_toggle > span {
    background-color: #ffffff !important;
  }

  .carousel-inner {
    position: relative;
  }
}