html,body {
  background-image: url("https://arlindo.ac.id/wp-content/uploads/2026/05/bgpattern3.webp");
  background-repeat: repeat;
  background-attachment: fixed;
  background-color: #f5f5f5;
}

/* ===========================================================
   WARNA UTAMA ALA BISMAR
   Dominan Merah Marun + Merah Terang + Abu Elegan
   =========================================================== */

:root{
  --bismar-primary: #8b0000;     /* merah marun */
  --bismar-secondary: #c62828;   /* merah terang */
  --bismar-dark: #5c0000;
  --bismar-light: #fdf5f5;
  --bismar-gray: #f3f3f3;
  --bismar-text: #333333;
  --bismar-gold: #d4af37;
}

/* ================= HEADER ================= */

.pkp_navigation_primary_row {
  background: linear-gradient(90deg,#7a0000,#b71c1c) !important;
  border-bottom: 3px solid var(--bismar-gold);
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  margin: 0 !important;
  padding: 0 14px !important;
  line-height: 42px !important;
  transition: 0.3s;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  font-family: Sunflower, helvetica, calibri;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: .3px;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background: rgba(255,255,255,.12) !important;
  color: #ffd54f !important;
}

/* submenu */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #8b0000 !important;
  border-top: 2px solid #d4af37;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
  border-bottom: solid 1px rgba(255,255,255,.15) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
  background: #b71c1c !important;
}

/* Search */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {
  color: #ffffff;
}

/* ================= CONTENT ================= */

.pkp_structure_content {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* ================= BUTTON SUBMIT ================= */

.pkp_block.block_make_submission .content {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.pkp_block.block_make_submission .content a {
  background: linear-gradient(90deg,#8b0000,#c62828);
  line-height: 42px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 3px;
}

.pkp_block.block_make_submission .content a:hover {
  background: #5c0000 !important;
  color: #ffd54f !important;
}

/* ================= FOOTER ================= */

.pkp_structure_footer_wrapper,
.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer .pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer_wrapper {
  background: linear-gradient(90deg,#5c0000,#8b0000) !important;
}

.pkp_structure_footer .pkp_footer_content {
  padding: 15px !important;
  color: #ffffff;
}

.pkp_structure_footer .pkp_footer_content p {
  margin: 0;
}

.pkp_structure_footer .pkp_brand_footer {
  height: auto !important;
  padding: 0;
}

.pkp_structure_footer .pkp_brand_footer img {
  width: 150px !important;
  height: auto;
}

/* ================= LINK & TITLE ================= */

.page_title,
.name,
a {
  color: #8b0000;
}

a:hover {
  color: #c62828;
}

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

.pkp_block .title {
  display: block;
  padding: 10px;
  text-align: left;
  background: linear-gradient(90deg,#8b0000,#b71c1c);
  color: white;
  font-weight: bold;
  border-left: 4px solid #ffd54f;
}

/* ================= ARTICLE BOX ================= */

.obj_article_summary {
  border: 1px solid #d9b3b3;
  padding: 12px;
  border-radius: 6px;
  box-shadow: 2px 2px 6px rgba(139,0,0,.15);
  transition: 0.3s;
  background: #fff;
}

.obj_article_summary:hover {
  box-shadow: 0 4px 12px rgba(139,0,0,.25);
}

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

.cmp_button_wire,
.obj_galley_link {
  background: #b71c1c;
  border: 1px solid #b71c1c;
  color: #fff;
  border-radius: 3px;
}

.cmp_button_wire:hover,
.obj_galley_link:hover {
  background: #8b0000;
  border-color: #8b0000;
}

/* ================= HEADER LOGO ================= */

.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pkp_site_name>a {
  padding-top: 0;
  padding-bottom: 0;
}

.pkp_site_name .is_img img {
  width: 100% !important;
  max-height: none !important;
  height: auto !important;
  display: block;
  object-fit: cover;
}

/* AGAR HEADER FULL */
.pkp_site_name_wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.pkp_header_content {
  padding: 0 !important;
}

.pkp_navigation_user_wrapper {
  top: 0;
  right: 0;
  padding-right: 30px;
}

.pkp_structure_page {
  margin-top: 20px !important;
  padding-bottom: 20px !important;
}

/* ================= SIDE MENU ================= */

.head-menu {
  border-bottom: 3px #c62828 solid;
  height: 50px;
}

.head-menu a {
  display: block;
  padding: 10px;
  text-align: left;
  background: linear-gradient(90deg,#8b0000,#b71c1c);
  color: white;
  font-weight: bold;
}

.menu-sidebar {
  font: bold 16px arial, verdana, sans-serif;
}

.menu-sidebar li a {
  text-decoration: none;
  border-top: 1px solid #ffffff;
  color: #333;
  display: block;
  background-color: #fafafa;
  padding: 10px;
  margin-top: -5px;
  transition: 0.3s;
}

.menu-sidebar li a:hover {
  background-color: #c62828;
  box-shadow: gray 2px 2px 2px;
  color: white;
  border-left: 5px solid #ffd54f;
  border-bottom: 5px solid #8b0000;
}

.menu-sidebar ul {
  list-style: none;
  padding: 0px;
}

/* ================= RIGHT SIDEBAR ================= */

#sidebar {
  width: 260px !important;
  float: right !important;
  background: linear-gradient(180deg,#7a0000,#5c0000);
  padding: 15px 0;
  border-radius: 5px;
}

#sidebar .blockTitle {
  background-color: #4a0000;
  color: #ffd54f !important;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 12px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.15);
}

#sidebar .blockContent ul,
#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#sidebar .blockContent ul li,
#sidebar ul li {
  margin: 0 0 5px 0 !important;
}

#sidebar .blockContent ul li a,
#sidebar ul li a {
  display: block;
  padding: 8px 10px;
  background-color: #a31515;
  color: #ffffff !important;
  font-size: 12px;
  text-decoration: none !important;
  border-radius: 3px;
  border-left: 3px solid #ffd54f;
  transition: 0.3s;
}

#sidebar .blockContent ul li a:hover,
#sidebar ul li a:hover {
  background-color: #d32f2f !important;
  border-left: 3px solid #ffffff;
  color: #fff !important;
}

#sidebar ul li a i {
  margin-right: 6px;
  width: 12px;
}

#sidebar .block {
  margin-bottom: 20px !important;
}

/* ================= LAYOUT ================= */

#main {
  margin-right: 280px !important;
}

/* ================= TYPOGRAPHY ================= */

.obj_issue_toc,
.obj_issue_summary .description p:first-child,
.pkp_structure_main p,
.obj_article_details .abstract {
  text-align: justify;
  line-height: 1.8rem;
}

/* ================= EFEK ELEGAN ================= */

.pkp_structure_content,
.obj_article_summary,
#sidebar,
.pkp_block .title {
  transition: all .3s ease;
}