/* =========================
   HEADER BACKGROUND
========================= */
.pkp_head_wrapper{
    background:transparent !important;
}

/* =========================
   HEADER CONTAINER
========================= */
.pkp_site_name_wrapper,
.pkp_navigation_primary_row{
    background:#005b96 !important;
}

/* =========================
   AREA LOGO
========================= */
.pkp_site_name{
    width:100% !important;
    overflow:hidden !important;
    text-align:center !important;
}

/* LINK LOGO */
.pkp_site_name a{
    display:block !important;
    width:100% !important;
}

/* GAMBAR LOGO DESKTOP */
.pkp_site_name img{
    
    width:100% !important;
    
    height:auto !important;

    display:block !important;

}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media screen and (max-width:768px){

/* CONTAINER MOBILE */
.pkp_structure_page{
    
    width:100% !important;
    
    max-width:100% !important;

}

/* LOGO MOBILE */
.pkp_site_name img{
    
    width:100% !important;

    max-width:100% !important;

    height:auto !important;

}

/* HILANGKAN OVERFLOW */
.pkp_site_name,
.pkp_site_name_wrapper{
    
    overflow:hidden !important;

}

}



/* ADDITIONAL KONTEN DI ATAS */
.page_index_journal{
    display:flex;
    flex-direction:column;
}

.additional_content{
    order:-1;
    margin-bottom:20px;
}

/* MENU TEXT */
.pkp_navigation_primary > li > a{
    
    color:#ffffff !important;
    
    font-weight:bold !important;
    
    font-size:16px !important;
    
    padding:12px 18px !important;
    
    transition:0.3s;
    
}

/* HOVER MENU */
.pkp_navigation_primary > li > a:hover{
    
    background:#0d9cff !important;
    
    color:#ffffff !important;
    
    border-radius:4px;
    
}

/* MENU ACTIVE */
.pkp_navigation_primary > li.current > a{
    
    background:#0b7fd1 !important;
    
    color:#ffffff !important;
    
    border-radius:4px;
    
}