/* ===========================================================
   JUSTIKPEN THEME
   OJS 3.3.0-21
   =========================================================== */

/* ===========================================================
   BODY
   =========================================================== */

body{
    background:#F5F7FB;
    background-image:url("https://www.transparenttextures.com/patterns/rice-paper-3.png");
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
}

/* ===========================================================
   HEADER
   =========================================================== */

.pkp_structure_head{
    padding:0 !important;
    margin:0 !important;
    background:#fff;
}

.pkp_head_wrapper{
    padding:0 !important;
    margin:0 auto !important;
}

.pkp_site_name_wrapper{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0 !important;
}

.pkp_site_name{
    width:100%;
    margin:0;
    padding:0;
}

.pkp_site_name{
    margin:0 !important;
    padding:0 !important;
}

.pkp_site_name .is_img{
    display:block;
    width:100%;
    line-height:0;
}

.pkp_site_name .is_img img{

    display:block;

    width:100% !important;

    height:400px !important;

    object-fit:fill;

    max-width:none !important;

    max-height:none !important;

    border:0;

    margin:0 auto;

}


/* ===========================================================
   USER MENU
   =========================================================== */

.pkp_navigation_user_wrapper{

    position:absolute;

    top:10px;

    right:15px;

    z-index:9999;

    background:transparent;

}

.pkp_navigation_user{

    background:transparent;

}


/* ===========================================================
   MAIN NAVIGATION
   =========================================================== */

.pkp_navigation_primary_wrapper{

    background:#1E6292;

}

.pkp_navigation_primary>li>a{

    color:#ffffff;

}

.pkp_navigation_primary>li>a:hover{

    background:#184E9E;

}


/* ===========================================================
   PAGE
   =========================================================== */

.pkp_structure_page{

    margin-top:10px;

    margin-bottom:15px;

}


/* ===========================================================
   ARTICLE
   =========================================================== */

.obj_article_summary{

    background:#ffffff;

    border:1px solid #D8E3F0;

    border-radius:8px;

    padding:15px;

    margin-bottom:15px;

    box-shadow:0 3px 10px rgba(11,46,89,.08);

    transition:.25s;

}

.obj_article_summary:hover{

    transform:translateY(-2px);

    box-shadow:0 6px 18px rgba(11,46,89,.18);

}

.obj_article_summary .meta{

    background:none;

    padding-left:18px;

}

.obj_article_details .abstract{

    text-align:justify;

}


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

.hover{

    width:100%;

    border-collapse:collapse;

}

.hover tr{

    background:#072957;

    color:#ffffff;

    transition:.2s;

}

.hover tr:hover{

    background:#184E9E;

}

.hover td{

    padding:8px;

    border-bottom:1px solid #dbe3ee;

}

.hover td a{

    color:#ffffff;

    text-decoration:none;

}


/* ===========================================================
   LINKS
   =========================================================== */

a{

    color:#0B2E59;

}

a:hover{

    color:#184E9E;

}


/* ===========================================================
   PDF BUTTON
   =========================================================== */

.cmp_button_wire,
.obj_galley_link{

    background:#0B2E59;

    color:#ffffff;

    border:1px solid #184E9E;

    border-radius:5px;

    transition:.25s;

}

.cmp_button_wire:hover,
.obj_galley_link:hover{

    background:#184E9E;

    color:#ffffff;

}


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

.pkp_brand_footer{

    display:none;

}
/* ===========================================================
   JUSTIKPEN — HEADER FULL WIDTH PROPORTIONAL
   OJS 3.3.0-21
   =========================================================== */

.pkp_structure_head{
    padding:0 !important;
    margin:0 !important;
    background:#ffffff !important;
    border:0 !important;
}

.pkp_head_wrapper{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

.pkp_site_name_wrapper{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

.pkp_site_name{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
    line-height:0 !important;
}

.pkp_site_name .is_img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
    line-height:0 !important;
}

.pkp_site_name .is_img img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    vertical-align:top !important;
}


/* ===========================================================
   NAVIGATION — MENYATU DENGAN HEADER
   =========================================================== */

.pkp_navigation_primary_wrapper{
    background:#062957 !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.pkp_navigation_primary{
    background:#062957 !important;
}

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

.pkp_navigation_primary>li>a:hover{
    background:#184E9E !important;
    color:#ffffff !important;
}


/* ===========================================================
   USER MENU
   =========================================================== */

.pkp_navigation_user_wrapper{
    position:absolute;
    top:10px;
    right:15px;
    z-index:9999;
    background:transparent !important;
}

.pkp_navigation_user{
    background:transparent !important;
}

.pkp_navigation_user>li>a{
    color:#ffffff !important;
}

.pkp_navigation_user>li>a:hover{
    color:#ffffff !important;
    background:rgba(0,0,0,.15) !important;
}


/* ===========================================================
   RESPONSIVE HEADER
   =========================================================== */

@media (max-width: 768px){

    .pkp_site_name .is_img img{
        width:100% !important;
        height:auto !important;
        object-fit:contain !important;
    }

    .pkp_navigation_user_wrapper{
        top:5px;
        right:8px;
    }

}
/* ===========================================================
   JUSTIKPEN - HEADER FINAL FIX
   FULL WIDTH + AUTO HEIGHT + NO CROP
   =========================================================== */

/* HEADER */
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
}


/* WRAPPER */
.pkp_structure_head .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* SITE NAME WRAPPER */
.pkp_structure_head .pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* SITE NAME */
.pkp_structure_head .pkp_site_name {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}


/* IMAGE CONTAINER */
.pkp_structure_head .pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}


/* HEADER IMAGE */
.pkp_structure_head .pkp_site_name .is_img img {
    display: block !important;

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

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

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

    border: 0 !important;

    object-fit: initial !important;
    object-position: center !important;

    vertical-align: top !important;
}
/* ===========================================================
   JUSTIKPEN
   ICON SUBMENU ABOUT
   OJS 3.3.0-21
   =========================================================== */


/* -----------------------------------------------------------
   SEMUA ITEM SUBMENU
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li > a,
.pkp_navigation_primary .dropdown-menu > li > a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 20px !important;
}


/* -----------------------------------------------------------
   ABOUT THE JOURNAL
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li:nth-child(1) > a::before,
.pkp_navigation_primary .dropdown-menu > li:nth-child(1) > a::before {

    content: "\f02d" !important;

    font-family: FontAwesome !important;
    font-weight: normal !important;

    display: inline-block !important;

    width: 24px !important;
    min-width: 24px !important;

    margin-right: 10px !important;

    text-align: center !important;
}


/* -----------------------------------------------------------
   SUBMISSIONS
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li:nth-child(2) > a::before,
.pkp_navigation_primary .dropdown-menu > li:nth-child(2) > a::before {

    content: "\f15c" !important;

    font-family: FontAwesome !important;
    font-weight: normal !important;

    display: inline-block !important;

    width: 24px !important;
    min-width: 24px !important;

    margin-right: 10px !important;

    text-align: center !important;
}


/* -----------------------------------------------------------
   EDITORIAL TEAM
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li:nth-child(3) > a::before,
.pkp_navigation_primary .dropdown-menu > li:nth-child(3) > a::before {

    content: "\f0c0" !important;

    font-family: FontAwesome !important;
    font-weight: normal !important;

    display: inline-block !important;

    width: 24px !important;
    min-width: 24px !important;

    margin-right: 10px !important;

    text-align: center !important;
}


/* -----------------------------------------------------------
   PRIVACY STATEMENT
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li:nth-child(4) > a::before,
.pkp_navigation_primary .dropdown-menu > li:nth-child(4) > a::before {

    content: "\f023" !important;

    font-family: FontAwesome !important;
    font-weight: normal !important;

    display: inline-block !important;

    width: 24px !important;
    min-width: 24px !important;

    margin-right: 10px !important;

    text-align: center !important;
}


/* -----------------------------------------------------------
   CONTACT
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li:nth-child(5) > a::before,
.pkp_navigation_primary .dropdown-menu > li:nth-child(5) > a::before {

    content: "\f0e0" !important;

    font-family: FontAwesome !important;
    font-weight: normal !important;

    display: inline-block !important;

    width: 24px !important;
    min-width: 24px !important;

    margin-right: 10px !important;

    text-align: center !important;
}


/* -----------------------------------------------------------
   WARNA ICON
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li > a::before,
.pkp_navigation_primary .dropdown-menu > li > a::before {

    color: #062957 !important;

}


/* -----------------------------------------------------------
   HOVER ICON
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li > a:hover::before,
.pkp_navigation_primary .dropdown-menu > li > a:hover::before {

    color: #ffffff !important;

}


/* -----------------------------------------------------------
   HOVER SUBMENU
   ----------------------------------------------------------- */

.pkp_navigation_primary > li > ul > li > a:hover,
.pkp_navigation_primary .dropdown-menu > li > a:hover {

    background: #184E9E !important;
    color: #ffffff !important;

}