/* ==========================================================
   KATERA JOURNAL
   FINAL STYLESHEET
   OJS 3.3.x
   ========================================================== */

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

body{
    background-image:url("https://jurnal.ilmubersama.com/public/site/images/bg-rech.png");
    background-repeat:repeat;
    background-attachment:fixed;
}


/* ==========================================================
   HEADER FULL WIDTH
   ========================================================== */

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

.pkp_structure_head{
    border:none;
}

.pkp_site_name{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden;
    text-align:center;
}

.pkp_site_name > a{
    display:block;
    width:100%;
    margin:0;
    padding:0;
}

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

.pkp_site_name img,
.pkp_site_name .is_img img{

    display:block;

    width:100% !important;

    max-width:100% !important;

    height:auto !important;

    max-height:none !important;

    border:none;

    box-shadow:none;

    object-fit:cover;

}

/* Hilangkan jarak banner dengan menu */

.pkp_navigation_primary_wrapper{

    margin-top:0 !important;

    padding-top:0 !important;

}

.pkp_navigation_primary{

    margin-top:0 !important;

}


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

.pkp_footer_content{

    float:left;

    width:70%;

    padding:15px 0;

}

.pkp_brand_footer{

    float:right;

    width:30%;

    padding:15px 0;

    text-align:right;

}


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

.hover{

    width:100%;

    border-collapse:collapse;

}

.hover td{

    height:30px;

    padding:8px;

    text-align:left;

    border-bottom:2px solid #FFFFFF;

}

.hover td a{

    display:block;

    color:#ffffff;

    text-decoration:none;

}

.hover tr{

    background:#963D18;

    color:#ffffff;

    transition:all .25s ease;

}

.hover tr:hover{

    background:#F7BC4A;

}

.hover tr:hover a{

    color:#ffffff;

}


/* ==========================================================
   LINK
   ========================================================== */

a{

    color:#0d2455;

    transition:.3s;

}

a:hover{

    color:#8fad26;

}


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

.cmp_button_wire,
.obj_galley_link{

    background:#963D18;

    border:1px solid #963D18;

    color:#ffffff;

    border-radius:4px;

    transition:.3s;

}

.cmp_button_wire:hover,
.obj_galley_link:hover{

    background:#b44a1c;

    border-color:#b44a1c;

}


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

.obj_article_summary{

    border:1px solid #d7d7d7;

    border-radius:12px;

    padding:18px;

    margin-bottom:20px;

    background:
    transparent url("https://i.ibb.co.com/8jpRJGX/vb-toc-comdev.jpg")
    repeat;

    box-shadow:0 5px 18px rgba(0,0,0,.10);

    transition:.30s;

}

.obj_article_summary:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.15);

}


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

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

    .pkp_footer_content{

        width:100%;

        float:none;

        text-align:center;

    }

    .pkp_brand_footer{

        width:100%;

        float:none;

        text-align:center;

        margin-top:10px;

    }

}

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

    .pkp_site_name img{

        width:100% !important;

        height:auto !important;

    }

    .obj_article_summary{

        padding:15px;

    }

}

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

    .hover td{

        padding:10px;

        font-size:14px;

    }

    .cmp_button_wire,
    .obj_galley_link{

        width:100%;

        text-align:center;

        margin-bottom:8px;

    }

}