/* JPAT, banner header selebar layar, versi 4
   Unggah di Settings, Website, Appearance, tab Advanced,
   kolom Journal style sheet. Hapus dulu berkas lama, lalu Save.

   Perubahan dari versi 3: penambahan aturan khusus layar ponsel. */

/* ============================================================
   BAGIAN 1. Layar lebar
   ============================================================ */

.pkp_structure_head {
    overflow-x: hidden;
}

.pkp_head_wrapper {
    padding-top: 0;
}

.pkp_site_name_wrapper,
.pkp_site_name {
    padding-left: 0;
    padding-right: 0;
}

.pkp_site_name .is_img {
    display: block;
    line-height: 0;
}

.pkp_site_name .is_img img {
    display: block;
    width: 100vw;
    max-width: 100vw;
    max-height: none;
    height: auto;
    margin-left: calc(50% - 50vw);
}

/* ============================================================
   BAGIAN 2. Layar ponsel dan tablet kecil, di bawah 992 piksel

   Inilah sebab banner tampak terpotong di ponsel. Pada lebar
   segini tema menempatkan kotak nama jurnal secara mengambang,
   digeser 40 piksel dari kiri untuk memberi tempat tombol menu,
   dengan tinggi tetap dan luapan disembunyikan. Gambar selebar
   layar otomatis terpangkas oleh kotak itu.

   Aturan di bawah mengembalikan kotak tersebut menjadi blok
   biasa, dan menyisakan satu pita di atasnya untuk tombol menu
   yang tetap mengambang.
   ============================================================ */

@media (max-width: 991px) {

    .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;
    }
}

/* jpsp-header-cap: banner sejajar batas kiri dan kanan isi halaman */
.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;}
.pkp_site_name .is_img{display:block;line-height:0;}
.pkp_site_name .is_img img{width:100%;height:auto;max-height:none;max-width:100%;display:block;margin:0!important;left:auto!important;position:static!important;}

/* slot e-ISSN di pojok kanan atas banner, ganti XXXX-XXXX setelah nomor terbit dari Perpusnas */
.pkp_site_name{position:relative;}
.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:.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;}}