/* --- Responsive Layout untuk HP (<= 768px) --- */
@media screen and (max-width: 768px) {

  /* Logo header biar tidak terlalu besar */
  .pkp_site_name .is_img img {
    max-height: 60px; 
    width: auto;
    height: auto;
    display: none !important;
    margin: 0 auto;
  }

  /* Judul jurnal rapi di tengah */
  .pkp_site_name, 
  .pkp_site_name_wrapper {
    text-align: center;
  }

  /* About the Journal text turun */
  .about_journal {
    margin-top: 15px;
    text-align: justify;
    padding: 0 10px;
  }

  /* Footer biar stack ke bawah */
  .pkp_footer_content,
  .pkp_brand_footer {
    float: none;
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  
  /* Tinggi header */
  .pkp_structure_head {
    width: 100%;
    min-height: 60px;
    padding: 20px 0;
    box-sizing: border-box;
  }
  
/* --- Justify About the Journal di Homepage OJS --- */
section.homepage_about p,
section.homepage_about {
  text-align: justify !important;
  line-height: 1.8;
  font-size: 15px;
}

section.cmp_announcements.highlight_first {
    text-align: justify;
}

.page.page_announcements {
    text-align: justify;
}

.pkp_structure_main {
    text-align: justify;
    border: none !important;
  box-shadow: none !important;
}

.pkp_structure_content {
  border: none !important;
  box-shadow: none !important;
}

.pkp_structure_main::before,
.pkp_structure_main::after {
  display: none !important;
}

}

/* --- Responsive Layout untuk Desktop (>= 1024px) --- */
@media screen and (min-width: 1024px) {
  .pkp_site_name .is_img img {
    max-height: 140px;
    display: block !important;
  }

  .pkp_structure_head {
    min-height: 230px;
    padding: 30px 0;
  }
  
/* --- Justify About the Journal di Homepage OJS --- */
section.homepage_about p,
section.homepage_about {
  text-align: justify !important;
  line-height: 1.8;
  font-size: 15px;
}

section.cmp_announcements.highlight_first {
    text-align: justify;
}

.page.page_announcements {
    text-align: justify;
}

.pkp_structure_main {
    text-align: justify;
    border: none !important;
  box-shadow: none !important;
}

.pkp_structure_content {
  border: none !important;
  box-shadow: none !important;
}

.pkp_structure_main::before,
.pkp_structure_main::after {
  display: none !important;
}

}