/* =========================================================
   PUBLIDIMAS - FULL WIDTH RESPONSIVE BANNER
   ========================================================= */

/* Header utama */
.pkp_structure_head {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper header */
.pkp_head_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper nama situs / banner */
.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Container banner */
.pkp_site_name {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Link banner */
.pkp_site_name a {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   GAMBAR BANNER
   ========================================================= */

.pkp_site_name img {
    display: block !important;

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

    height: auto !important;
    max-height: none !important;

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

    object-fit: contain !important;
}


/* =========================================================
   HAPUS PEMBATAS UKURAN LOGO OJS
   ========================================================= */

.pkp_site_name .is_img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
}

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


/* =========================================================
   MENU TETAP DI TENGAH
   ========================================================= */

.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: none !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary {
    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    width: auto !important;

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

    float: none !important;
}

.pkp_navigation_primary > li {
    float: none !important;
    display: inline-flex !important;

    margin: 0 5px !important;
}

.pkp_navigation_primary > li > a {
    white-space: nowrap;

    padding: 14px 18px !important;

    text-align: center;

    transition: all 0.25s ease;
}

.pkp_navigation_primary > li > a:hover {
    transform: translateY(-2px);
}


/* =========================================================
   SEARCH DI KANAN
   ========================================================= */

.pkp_search {
    position: absolute !important;

    right: 30px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;
}


/* =========================================================
   RESPONSIVE TABLET
   ========================================================= */

@media screen and (max-width: 900px) {

    .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
    }

    .pkp_navigation_primary {
        flex-wrap: wrap !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 12px 12px !important;
        font-size: 14px !important;
    }

}


/* =========================================================
   RESPONSIVE HP
   ========================================================= */

@media screen and (max-width: 600px) {

    .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
    }

    .pkp_navigation_primary {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .pkp_navigation_primary > li {
        margin: 0 !important;
    }

    .pkp_navigation_primary > li > a {
        padding: 9px 8px !important;
        font-size: 12px !important;
    }

    .pkp_search {
        position: relative !important;

        right: auto !important;
        top: auto !important;

        transform: none !important;

        margin: 5px auto !important;
    }

}


/* =========================================================
   SANGAT KECIL
   ========================================================= */

@media screen and (max-width: 400px) {

    .pkp_navigation_primary > li > a {
        padding: 7px 6px !important;
        font-size: 11px !important;
    }

}