/* =========================================================
   HEADER - JURNAL ILMIAH SOCIETY UNSRAT
   OJS 3.4
   ========================================================= */


/* ---------------------------------------------------------
   1. AREA HEADER
   --------------------------------------------------------- */

.pkp_structure_head {
    position: relative;
    width: 100%;
}


/* ---------------------------------------------------------
   2. CONTAINER HEADER
   Membuat area logo/header menjadi full dan terpusat
   --------------------------------------------------------- */

.pkp_head_wrapper {
    position: relative;
    width: 100%;
}


/* ---------------------------------------------------------
   3. POSISI HEADER / LOGO
   --------------------------------------------------------- */

.pkp_site_name_wrapper {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}


/* ---------------------------------------------------------
   4. MEMUSATKAN GAMBAR HEADER
   --------------------------------------------------------- */

.pkp_site_name {
    position: relative !important;
    left: auto !important;
    right: auto !important;

    width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;

    overflow: visible !important;
    white-space: normal !important;
}


/* Link yang membungkus gambar */

.pkp_site_name > a {
    display: inline-block !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   5. UKURAN HEADER
   Dibuat sedikit lebih besar dari tampilan sekarang
   --------------------------------------------------------- */

.pkp_site_name .is_img {
    display: block !important;

    width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Gambar header */

.pkp_site_name .is_img img {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    max-height: 230px !important;
    height: auto !important;

    margin: 0 auto !important;
}


/* ---------------------------------------------------------
   6. USER MENU / TOMBOL "SRAWIS"
   Tetap berada di kanan atas
   --------------------------------------------------------- */

.pkp_navigation_user_wrapper {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    transform: none !important;

    z-index: 1000 !important;

    padding-right: 25px !important;
    padding-left: 0 !important;

    margin: 0 !important;
}


/* Tombol / teks user menu */

.pkp_navigation_user {
    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
}


/* ---------------------------------------------------------
   7. NAVIGATION MENU
   Tetap berada DI BAWAH HEADER
   --------------------------------------------------------- */

.pkp_navigation_primary_wrapper {
    position: relative !important;

    width: 100% !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    clear: both !important;
}


/* Menu utama */

.pkp_navigation_primary {
    text-align: left;
}


/* ---------------------------------------------------------
   8. MEMASTIKAN NAVIGATION TIDAK MENUTUP HEADER
   --------------------------------------------------------- */

.pkp_navigation_primary > li {
    position: relative;
}


/* ---------------------------------------------------------
   9. CONTENT + SIDEBAR
   Tidak mengubah struktur sidebar kanan
   --------------------------------------------------------- */

.pkp_structure_content {
    position: relative;
}


/* Memastikan sidebar tetap berada di sisi kanan */

.pkp_structure_sidebar {
    position: relative;
}


/* ---------------------------------------------------------
   10. RESPONSIVE - TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .pkp_site_name .is_img img {
        max-height: 200px !important;
    }

    .pkp_navigation_user_wrapper {
        padding-right: 15px !important;
    }

}


/* ---------------------------------------------------------
   11. RESPONSIVE - HP
   --------------------------------------------------------- */

@media (max-width: 768px) {

    .pkp_site_name_wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pkp_site_name {
        width: 100% !important;
    }

    .pkp_site_name .is_img img {
        max-width: 100% !important;
        max-height: 150px !important;
    }

    .pkp_navigation_user_wrapper {
        position: absolute !important;

        top: 0 !important;
        right: 10px !important;

        padding-right: 0 !important;
    }

}


/* ---------------------------------------------------------
   12. HP KECIL
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .pkp_site_name .is_img img {
        max-height: 120px !important;
    }

}