/* =====================================================
   SIPILSAINS HEADER
   UNIVERSITAS KHAIRUN
   OJS 3.3.x
=====================================================*/

.pkp_structure_head{
    width:100%;
    height:360px;
    min-height:360px;

    padding:0;
    margin:0;

    overflow:hidden;
    position:relative;

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

    background:#ffffff;
}


/* Container gambar banner */

.pkp_head_wrapper{

    width:100%;
    max-width:100%;

    height:100%;

    margin:0;
    padding:0;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* Banner */

.pkp_site_name{

    width:100%;

    height:100%;

    margin:0;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* Gambar header */

.pkp_site_name img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center center;

    display:block;

}


/* Hilangkan padding bawaan */

.pkp_structure_head .container,
.pkp_head_wrapper .container{

    width:100% !important;

    max-width:100% !important;

    padding:0 !important;

}


/* Logo */

.pkp_site_logo{

    margin-left:40px;

}


/* Menu */

.pkp_navigation_primary_row{

    background:#003b5c;

    border-bottom:4px solid #f4b400;

}


/* Mobile */

@media (max-width:768px){

.pkp_structure_head{

height:220px;

min-height:220px;

}

}/* ============================================================
   SIPILSAINS JOURNAL
   SIDEBAR LEFT AND RIGHT DESIGN
   UNIVERSITAS KHAIRUN
============================================================ */


/* ============================================================
   LAYOUT UTAMA 3 KOLOM
============================================================ */


.pkp_structure_content {

    width:100%;

}


/* Container sidebar */

.pkp_structure_sidebar {


    background:#f5f8fa;

    padding:15px;

}


/* ============================================================
   SIDEBAR BLOCK OJS
============================================================ */


.pkp_block {


    background:white;


    border-radius:12px;


    margin-bottom:25px;


    padding:18px;


    border-top:

    5px solid #003b5c;


    box-shadow:

    0 5px 15px rgba(0,0,0,.12);


    transition:.3s;


}



.pkp_block:hover{


    transform:translateY(-3px);


    box-shadow:

    0 8px 20px rgba(0,0,0,.18);


}



/* Judul Sidebar */


.pkp_block .title{


    font-size:18px!important;


    font-weight:800;


    color:#003b5c!important;


    text-transform:uppercase;


    padding-bottom:10px;


    margin-bottom:15px;


    border-bottom:

    3px solid #f4b400;


}



/* ============================================================
   MENU SIDEBAR
============================================================ */


.pkp_block ul{


    padding:0;

    margin:0;

    list-style:none;


}



.pkp_block li{


    margin-bottom:10px;


}



.pkp_block li a{


    display:block;


    background:#f8fafb;


    padding:12px 15px;


    border-radius:6px;


    border-left:

    4px solid #003b5c;


    color:#333!important;


    font-weight:600;


    transition:.3s;


}



.pkp_block li a:hover{


    background:#003b5c;


    color:white!important;


    border-left-color:#f4b400;


    padding-left:22px;


}



/* ============================================================
   SIDEBAR KIRI KHUSUS MENU AKADEMIK
============================================================ */


.sidebar-left .pkp_block:nth-child(1){


    border-top-color:#003b5c;


}



.sidebar-left .pkp_block:nth-child(2){


    border-top-color:#f4b400;


}



/* Icon menu */

.pkp_block li a:before{


    content:"▸";


    color:#f4b400;


    font-weight:bold;


    margin-right:8px;


}



/* ============================================================
   SIDEBAR KANAN INDEXING
============================================================ */


.pkp_block img{


    max-width:100%;


    height:auto;


    display:block;


    margin:10px auto;


    transition:.3s;


}



.pkp_block img:hover{


    transform:scale(1.05);


}



/* Logo indexing */

.indexing-badge{


display:flex;


flex-wrap:wrap;


gap:10px;


justify-content:center;


}



.indexing-badge img{


width:90px;


height:auto;


padding:5px;


background:white;


border-radius:8px;


box-shadow:

0 3px 8px rgba(0,0,0,.15);


}



/* ============================================================
   CUSTOM BADGE SINTA DOI CROSSREF
============================================================ */


.journal-badge{


text-align:center;


background:#eef6fa;


padding:15px;


border-radius:10px;


border:

2px solid #003b5c;


margin-bottom:15px;


}



.journal-badge strong{


display:block;


font-size:18px;


color:#003b5c;


margin-bottom:5px;


}



.journal-badge span{


font-size:14px;


color:#555;


}



/* ============================================================
   CURRENT ISSUE SIDEBAR
============================================================ */


.current_issue{


background:white;


border-radius:10px;


padding:15px;


box-shadow:

0 4px 12px rgba(0,0,0,.12);


}



.current_issue img{


border-radius:8px;


box-shadow:

0 5px 15px rgba(0,0,0,.2);


}



/* ============================================================
   FOOTER SIDEBAR
============================================================ */


.sidebar-contact{


background:#003b5c;


color:white;


padding:18px;


border-radius:10px;


}



.sidebar-contact h4{


color:#f4b400;


font-weight:800;


}



.sidebar-contact a{


color:white;


}



/* ============================================================
   RESPONSIVE SIDEBAR
============================================================ */


@media(max-width:992px){


.pkp_structure_sidebar{


width:100%!important;


}



.pkp_block{


margin-bottom:15px;


}


}