/* Kop halaman jurnal Jentera, versi 3.
   Perubahan dari versi 2:
   - Pita menu di layar ponsel diberi warna gelap yang diambil dari sudut kiri
     atas banner masing-masing jurnal. Tombol tiga garis milik tema digambar
     dengan warna putih lewat ::before dan ::after, sehingga tidak terlihat
     sama sekali di atas latar terang. Di JPSP latarnya putih dan tombolnya
     benar-benar hilang, di JPAT latarnya hijau muda dan nyaris tak terbaca.
   Perubahan pada versi 2:
   - overflow-x hidden pada .pkp_structure_head dibuang, sebab memotong menu
     tarik-turun di layar ponsel.
   - Isian kanan pada .pkp_head_wrapper dinolkan di layar ponsel. */

.pkp_structure_head { background: #ffffff; }
.pkp_head_wrapper { padding: 0; }
.pkp_site_name_wrapper { max-width: 1160px; margin: 0 auto; padding: 0; float: none; }
.pkp_site_name { text-align: left; margin: 0; position: relative; }
.pkp_site_name .is_img { display: block; line-height: 0; }
.pkp_site_name .is_img img {
    width: 100%; height: auto; max-width: 100%; max-height: none;
    display: block; margin: 0 !important; left: auto !important; position: static !important;
}

/* Nomor e-ISSN JPSP ditulis lewat gaya, sebab gambar kopnya tidak memuatnya.
   Jangan dipakai di jurnal yang nomornya sudah tercetak di dalam gambar. */
.pkp_site_name::after {
    content: "e-ISSN : XXXX-XXXX";
    position: absolute; top: 14px; right: 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px; letter-spacing: 0.03em; color: #3d3222;
    pointer-events: none;
}
@media (max-width: 640px) { .pkp_site_name::after { font-size: 11px; top: 6px; right: 8px; } }
@media (max-width: 420px) { .pkp_site_name::after { display: none; } }

@media (max-width: 991px) {
    .pkp_structure_head { background: #0a2647; }
    .pkp_structure_head .pkp_head_wrapper { padding-left: 0 !important; padding-right: 0 !important; }
    .pkp_head_wrapper .pkp_site_name {
        position: static; overflow: visible; width: 100%;
        height: auto; max-height: none; margin: 0; padding: 0;
    }
    .pkp_head_wrapper .pkp_site_name_wrapper { height: auto; padding-top: 44px; }
    .pkp_head_wrapper .pkp_site_name .is_img,
    .pkp_head_wrapper .pkp_site_name .is_img img {
        display: block; width: 100%; max-width: 100%;
        max-height: none; height: auto; margin-left: 0;
    }
}