/* =========================
   GLOBAL
========================= */
html {
   background: grey;
}

body {
   background: url("https://png.pngtree.com/png-clipart/20230105/ourmid/pngtree-batik-pattern-ethnic-motif-png-image_6552781.png") #f5f9fb fixed !important;
   font-size: 12px;
}

/* =========================
   HEADER (MENYATU)
========================= */
header,
header .pkp_structure_head,
#headerNavigationContainer {
   background-color: #ffffff;
   background-image: url("https://web.archive.org/web/20231130144511im_/https://i.ibb.co/zSshwyr/bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
}

/* full width */
header .container,
header .pkp_structure_head .container {
   background: transparent;
   width: 100%;
   max-width: 100%;
   padding: 0;
}

/* =========================
   LOGO / SITE NAME
========================= */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a {
   padding: 0 !important;
}

.pkp_site_name .is_img img {
   display: block;
   max-height: none;
   width: auto;
   height: auto;
}

/* =========================
/* =========================
   NAVIGATION (FIX VISIBILITY)
========================= */
.pkp_navigation_primary_row {
   padding: 15px;
   background: transparent;
}

/* menu default */
@media (min-width: 992px){
   #navigationPrimary a {
      color: #ffffff;
      text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* biar kebaca */
      transition: all 0.3s ease;
   }

   /* hover → jadi merah */
   #navigationPrimary a:hover {
      color: #B71C1C;
      text-shadow: none;
   }

   /* menu user */
   .pkp_navigation_user > li > a {
      color: #ffffff;
      text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
   }

   .pkp_navigation_user > li > a:hover {
      color: #B71C1C;
      text-shadow: none;
   }
}

/* =========================
   TABLE HOVER
========================= */
.hover {
   width: 100%;
   border-collapse: collapse;
}

.hover th {
   height: 30px;
   background: #852a2a;
   color: #edbc9f;
}

.hover td {
   height: 30px;
   padding-left: 15px;
   vertical-align: middle;
   border-bottom: 1px solid #f7eee6;
   text-align: left;
}

.hover tr {
   background: #B71C1C;
   color: #ffffff;
}

.hover tr:hover {
   background-color: #a00000;
}

.hover td a {
   font-weight: bold;
   display: inline;
   color: #ffffff;
}

.hover a:hover {
   color: #ffffff;
}

/* =========================
   ARTICLE / CONTENT
========================= */
.obj_article_summary {
   border: 1px solid #2a2d54;
   padding: 10px;
   margin: 0;
   box-shadow: #2a2d54 5px 5px;
   background-color: #ffffff;
}

.obj_article_summary:hover {
   background-color: #e8e3e3;
}

.obj_article_summary .title,
.obj_article_summary .authors {
   font-size: 16px;
}

.obj_article_summary .meta {
   background-color:  #ca0022b0;
   padding-left: 20px;
   margin-top: 5px;
}

.obj_article_details .authors {
   font-size: 18px;
}

.obj_article_details .abstract,
.value,
.page_title,
.page_index_journal,
.PlumX-Summary {
   text-align: justify;
}

/* =========================
   LINKS
========================= */
a {
   color: #2a2d54;
}

/* =========================
   BUTTON
========================= */
.btn.btn-primary {
   color: #e8e3e3;
   border-color: #730101;
   background-color: transparent;
   transition: all 0.3s ease;
}

.btn.btn-primary:hover {
   background-color: #020202;
   color: #ffffff;
}

/* =========================
   BLOCK / SIDEBAR
========================= */
.panel-default > .panel-heading,
.pkp_block .title {
   background-color: #6e0101;
   border-color: #f5f5f5;
}

.pkp_block h2.title,
.pkp_block span.title {
   color: #ffffff;
}

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

.pkp_structure_footer {
   background-color: #e8e3e3;
}

footer .container {
   background: #6e0101;
   color: #e8e3e3;
}

.pkp_footer_content {
   float: left;
   width: 50%;
}

.pkp_brand_footer {
   float: right;
   width: 50%;
}

/* =========================
   ISSN
========================= */
.issn {
   color: #ffffff;
}

div.issn a span.issn {
   white-space: nowrap;
}

/* =========================
   MISC
========================= */
iframe {
   overflow: hidden;
}

.obj_galley_link {
   background: #B71C1C;
   color: #ffffff;
}

.submission_checklist > p.lead.description {
   font-size: 14px;
   color: #000000;
}

.tableContent {
   width: 399.5px;
   height: 114.5px;
}

/* statcounter */
body > div.pkp_structure_page footer img {
   height: 15px;
   width: 50px;
}