/* --------------------------- */
/* Custom Journal Style Sheet  */
/* Header & Logo Styling for OJS 3 */
/* --------------------------- */

/* Container utama header */
.pkp_site_name {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

/* Logo Header */
.pkp_site_name a {
    display: block;
    max-width: 100%;
    text-align: center;
}

/* Menyesuaikan ukuran gambar header */
.pkp_site_name img {
    width: 100%; /* Menyesuaikan ukuran penuh */
    max-width: 1000px; /* Batas maksimal lebar */
    height: auto; /* Memastikan gambar tetap proporsional */
    object-fit: cover; /* Menyesuaikan gambar agar tidak terdistorsi */
}

/* Background Header */
.pkp_structure_head {
    background-color: #ffffff; /* Bisa diubah sesuai tema jurnal */
    background-image: url('header_fix.png'); /* Ganti dengan path gambar */
    background-size: cover;
    background-position: center;
    height: 200px; /* Sesuaikan dengan tinggi gambar */
}

/* Responsif: Menyesuaikan ukuran header pada layar kecil */
@media (max-width: 768px) {
    .pkp_site_name img {
        max-width: 100%;
        height: auto;
    }

    .pkp_structure_head {
        height: 200px; /* Mengurangi tinggi agar tetap proporsional di layar kecil */
    }
}