/* 
Copyright pustakawarga.org 
Design by: Mu'adil Faizin
*/

/* =========================
   FONT
========================= */
@import url(//db.onlinewebfonts.com/c/261506be3344b3806eefa054f0f6fbf1?family=Tempus+Sans+ITC);

/* =========================
   BACKGROUND FIX
========================= */

body {
  background: #ffffff !important;
}

.pkp_structure_page {
  background: #ffffff !important;
}

/* =========================
   HEADER (HIJAU)
========================= */

.pkp_structure_head {
  background: #006f3a !important;
}

.pkp_site_name_wrapper {
  background: #006f3a !important;
}

/* HEADER IMAGE TETAP BESAR */
.pkp_site_name .is_img img {
  max-height: none !important;
  max-width: 100% !important;
  height: auto !important;
}

/* =========================
   NAVIGATION + SUBMENU
========================= */

.pkp_navigation_primary_row {
  background: #006f3a !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #006f3a !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
  background: #006f3a !important;
  border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a {
  background: #006f3a !important;
  color: #ffffff !important;
}

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

/* =========================
   SPACING UTAMA (RAPAT)
========================= */

.pkp_structure_main {
  padding-top: 5px !important;
}

.pkp_structure_content {
  gap: 10px !important;
}

/* =========================
   SIDEBAR (FULL HIJAU + RAPAT)
========================= */

.pkp_structure_sidebar {
  background: #006f3a !important;
  padding: 10px !important;
  margin-top: 0 !important;
}

.pkp_structure_sidebar .pkp_block {
  margin-bottom: 3px !important;
  background: transparent !important;
}

/* judul block */
.pkp_block .title {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  padding: 4px 10px !important;
  border-left: 5px solid #ffffff;
  margin-bottom: 0 !important;
}

/* isi block */
.pkp_block .content {
  padding: 0 !important;
}

/* =========================
   CUSTOM MENU SIDEBAR
========================= */

#customblock-additional-menu .content {
  padding: 0 !important;
}

#customblock-additional-menu .item_menu {
  margin: 0 !important;
}

#customblock-additional-menu .item_menu a {
  display: block;
  background-color: rgba(0,0,0,0.25) !important;
  color: #ffffff !important;
  padding: 6px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

#customblock-additional-menu .item_menu a:hover {
  background-color: #f0b54d !important;
  color: #000000 !important;
}

/* =========================
   MAKE SUBMISSION BUTTON
========================= */

.pkp_block.block_make_submission a {
  display: block;
  width: 100%;
  background-color: #113604 !important;
  color: #ffffff !important;
  text-align: center;
  padding: 6px 10px !important;
  font-weight: bold;
  text-transform: uppercase;
}

.pkp_block.block_make_submission a:hover {
  background-color: #0b2602 !important;
}

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

.obj_article_summary {
  box-shadow: 3px 3px 5px;
  padding: 15px !important;
  margin-bottom: 15px;
  border-radius: 10px;
  background: #F8F8FF;
  border-bottom: 4px solid #FFA500 !important;
  font-size: 12px;
}

/* =========================
   LINKS
========================= */

.pkp_structure_main a {
  color: #FFA500 !important;
}

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

.pkp_structure_footer_wrapper {
  background: #edeeee !important;
  border-bottom: 20px solid #113604;
}

/* =========================
   LOGIN BUTTON
========================= */

.pkp_navigation_user a[href*="login"] {
  background: #FFA500 !important;
  color: #000000 !important;
  padding: 5px 14px !important;
  border-radius: 20px;
}

/* =========================
   HOMEPAGE IMAGE
========================= */

.homepage_image img {
  margin: 20px 0px 0px -10px !important;
  width: 300px;
  box-shadow: 4px 2px 5px gray;
}

/* =========================
   STICKY SIDEBAR
========================= */

.pkp_structure_sidebar {
  position: sticky;
  top: 20px;
}