/* =========================================================
   HEADER & LOGO – FULL STRETCH (X & Y AXIS / BANNER MODE)
   ========================================================= */

/* Header wrapper sebagai frame banner */
.pkp_site_name_wrapper {
  position: relative;
  display: flex;
  align-items: stretch;          /* STRETCH VERTIKAL */
  justify-content: center;
  width: 100%;
  height: 220px;                 /* TINGGI HEADER DESKTOP */
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;              /* POTONG SISA GAMBAR */
  background: transparent;
}

/* Head wrapper */
.pkp_head_wrapper {
  width: 100%;
  height: 100%;
}

/* Site name container */
.pkp_site_name {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== HEADER IMAGE (STRETCH X & Y) ===== */
.pkp_site_name .is_img img {
  width: 100% !important;        /* STRETCH KE SAMPING */
  height: 100% !important;       /* STRETCH KE TINGGI */
  max-width: none !important;
  max-height: none !important;
  display: block;
  object-fit: cover;             /* MODE BANNER */
}

/* Navigation row */
.pkp_navigation_primary_row {
  width: 100%;
  padding: 0 1rem !important;
  box-sizing: border-box;
}

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

@media (max-width: 992px) {
  .pkp_site_name_wrapper {
    height: 180px;
  }
}

@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    height: 140px;
  }
}

@media (max-width: 480px) {
  .pkp_site_name_wrapper {
    height: 110px;
  }
}

/* =========================================================
   TOC ARTICLES BOX
   ========================================================= */

.obj_issue_toc .articles > li {
  margin-bottom: 20px;
  border-bottom: solid darkseagreen;
  background-color: rgba(0, 105, 255, 0.2) !important;
  padding: 1rem;
  border-radius: 0 0 0 2rem;
  box-shadow: .4rem .4rem .3rem #dedede;
}

/* =========================================================
   CONTENT & LAYOUT
   ========================================================= */

/* Background content */
.pkp_structure_content {
  background: transparent !important;
}

/* Remove top margin */
.pkp_structure_page {
  margin-top: 0 !important;
}

/* Description & abstract */
.description,
.abstract > p {
  text-align: justify;
}

/* =========================================================
   SUBMENU FIX
   ========================================================= */

.pkp_nav_list ul {
  margin: 0 -55px !important;
}

/* =========================================================
   FACEBOOK IFRAME
   ========================================================= */

._5pat {
  background-color: beige !important;
}

/* =========================================================
   COOKIE BANNER
   ========================================================= */

.ce-banner {
  font-family: fantasy;
  background-color: black;
  padding: 1rem;
  color: white;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
}

a.ce-accept:link {
  color: white;
  text-decoration: none;
}

.ce-accept {
  background-color: #993333;
  padding: .5rem;
  border-radius: .25rem;
  color: black;
  float: right;
  margin: .5rem 1rem .5rem .5rem;
}

/* =========================================================
   REMOVE FOOTER BRANDING
   ========================================================= */

.pkp_brand_footer {
  display: none;
}

/* =========================================================
   ARTICLE DETAIL LAYOUT
   ========================================================= */

@media (min-width: 992px) {
  .obj_article_details .main_entry {
    width: 352px;
  }
}

@media (min-width: 751px) {
  .obj_article_details .main_entry {
    float: right;
    width: 60%;
    border-right: 1px solid #ddd;
  }

  .obj_article_details .entry_details {
    float: left;
    width: 240px;
    margin-left: 30px;
    border-left: 1px solid #ddd;
  }
}