/* =========================
   WARNA IDENTITAS JSIS
========================= */
:root{
    --jsis-primary:#0F4C81;
    --jsis-secondary:#1E88E5;
    --jsis-accent:#26A69A;
    --jsis-footer:#0B2545;
}

/* =========================
   BACKGROUND UTAMA
========================= */
.pkp_structure_main{
    background:#FFFFFF;
}

/* =========================
   HEADER BANNER JSIS
========================= */
.pkp_head_wrapper{
    padding:0 !important;
}

.pkp_site_name_wrapper{
    width:100% !important;
    max-width:1110px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:#ffffff !important;
}

.pkp_site_name{
    margin-bottom:0 !important;
    text-align:center !important;
}

.pkp_site_name a{
    display:block !important;
    width:100% !important;
}

.pkp_site_name img{
    width:100% !important;
    max-height:180px !important;
    object-fit:cover !important;
    display:block !important;
}

/* =========================
   MENU
========================= */
.pkp_navigation_primary_wrapper{
    max-width:1110px !important;
    margin:0 auto !important;

    background:linear-gradient(
        90deg,
        #0F4C81,
        #1E88E5,
        #26A69A
    ) !important;

    border-top:none !important;
    border-bottom:none !important;
}

.pkp_navigation_primary > li > a{
    font-size:15px !important;
    font-weight:600 !important;
    color:#ffffff !important;
}

.pkp_navigation_primary > li > a:hover{
    color:#FFD54F !important;
}

/* =========================
   CONTENT
========================= */
.pkp_structure_page{
    max-width:1110px !important;
    margin:0 auto !important;
}

/* =========================
   FOOTER
========================= */
.pkp_footer_content{
    background:var(--jsis-footer) !important;
    color:#ffffff !important;
    padding:25px !important;
}

/* Semua teks footer */
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content div,
.pkp_footer_content span,
.pkp_footer_content li,
.pkp_footer_content strong,
.pkp_footer_content b{
    color:#ffffff !important;
}

/* Link footer */
.pkp_footer_content a{
    color:#BDE0FE !important;
    text-decoration:underline;
}

.pkp_footer_content a:hover{
    color:#FFD54F !important;
}

/* Logo footer */
.pkp_footer_content img{
    max-height:40px;
    width:auto;
}

/* =========================
   HIDE OJS FOOTER
========================= */
.pkp_brand_footer{
    display:none !important;
}

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

    .pkp_site_name_wrapper,
    .pkp_navigation_primary_wrapper,
    .pkp_structure_page{
        max-width:100% !important;
    }

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