/* =====================================================
   JURNAL PENGABDIAN RURU
   OJS 3.3.x FINAL STYLESHEET
=====================================================*/

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

body{
    background:#f7f7f7 url("https://jurnal.ilmubersama.com/public/site/images/bg-sudo.png") repeat;
}


/* =========================
   REMOVE HEADER SPACING
========================= */

.pkp_structure_head,
.pkp_head_wrapper,
.pkp_header{

    margin:0 !important;
    padding:0 !important;
    border:none !important;
    background:#ffffff !important;

}


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

.pkp_head_wrapper .pkp_site_name_wrapper{

    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;

}


/* =========================
   SITE NAME
========================= */

.pkp_site_name{

    display:block !important;

    width:100% !important;

    max-width:none !important;

    margin:0 !important;

    padding:0 !important;

    background:transparent !important;

    text-align:center !important;

}


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

.pkp_site_name > a{

    display:block !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

}


/* =========================
   IMAGE WRAPPER
========================= */

.pkp_site_name .is_img{

    display:block !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;

}


/* =========================
   JOURNAL BANNER
========================= */

.pkp_site_name .is_img img{

    display:block !important;

    width:100% !important;

    max-width:100% !important;

    height:auto !important;

    margin:0 auto !important;

    border:none !important;

    border-radius:0 !important;

    box-shadow:none !important;

}


/* =========================
   DESKTOP
========================= */

@media (min-width:992px){

    .pkp_site_name .is_img img{
    	max-height: 270px;
      width:100% !important;

    }

}


/* =========================
   TABLET
========================= */

@media (max-width:991px){

    .pkp_site_name .is_img img{

        width:100% !important;

    }

}


/* =========================
   MOBILE
========================= */

@media (max-width:768px){

    .pkp_site_name .is_img img{

        width:100% !important;
        height:auto !important;

    }

}



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

.pkp_navigation_primary{

    background:#830000;

}

.pkp_navigation_primary > li > a{

    color:#fff;
    transition:.3s;

}

.pkp_navigation_primary > li > a:hover{

    background:#a40000;

}


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

.cmp_button,
.obj_galley_link,
.block_make_submission a{

    background:#830000;
    color:#fff;
    border:none;

}

.cmp_button:hover,
.obj_galley_link:hover,
.block_make_submission a:hover{

    background:#b00000;

}


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

a{

    color:#830000;

}

a:hover{

    color:#b00000;

}


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

.pkp_footer_content{
    width:100%;
    float:none;
    text-align:center;
    padding:20px 0;
}

.pkp_footer_content img{
    display:block;
    margin:15px auto;
}

.pkp_brand_footer{
    width:100%;
    float:none;
    text-align:center;
    padding:20px 0;
}

.pkp_brand_footer img{
    display:block;
    margin:15px auto;
}
.pkp_footer_content iframe{
    display:block;
    margin:15px auto;
}


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

.hover{

    width:100%;
    border-collapse:collapse;

}

.hover tr{

    background:#780606;
    color:#fff;

}

.hover tr:hover{

    background:#a00000;

}

.hover td{

    padding:8px;
    border-bottom:2px solid #fff;

}

.hover td a{

    color:#fff;
    text-decoration:none;

}


/* =====================================================
   ISSUE CARD
=====================================================*/

.obj_issue_summary{

    border:1px solid #ddd;
    transition:.3s;

}

.obj_issue_summary:hover{

    box-shadow:0 5px 20px rgba(0,0,0,.15);

}