/* ===========================================================
   CUSTOM CSS
   OJS 3.3.x
   Theme : DefaultManuscript
   Journal : DIKE
   =========================================================== */


/* ===========================================================
   BACKGROUND WEBSITE
   =========================================================== */

body{
    background:#EEF5E7 url("https://journal.taromboresearch.com/public/patern.jpg") repeat fixed;
}


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

.pkp_structure_head{
    width:100%;
    margin:0 !important;
    padding:0 !important;
    background:#ffffff;
}

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

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

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

.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 .is_img img{

    display:block;

    width:100% !important;

    height:auto !important;

    max-width:100% !important;

    max-height:none !important;

    min-height:auto !important;

    object-fit:contain !important;

    border:none;

    box-shadow:none;

}


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

.pkp_navigation_primary_wrapper{

    margin:0 !important;

    padding:0 !important;

}

.pkp_navigation_primary_row{

    padding-left:25px !important;

    padding-right:25px !important;

}

.pkp_navigation_user_wrapper{

    top:10px;

    right:15px;

}


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

.pkp_structure_page{

    margin-top:0 !important;

    margin-bottom:15px !important;

    padding-bottom:15px !important;

}


/* ===========================================================
   HIDE PKP FOOTER
   =========================================================== */

.pkp_brand_footer{

    display:none;

}


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

.obj_article_summary{

    border:1px solid #7AA833;

    border-radius:8px;

    padding:12px;

    margin-bottom:15px;

    background:#ffffff url("https://jurnal.ilmubersama.com/public/site/images/bg-rech.png") repeat;

    box-shadow:0 3px 8px rgba(94,135,34,.25);

    transition:.3s;

}

.obj_article_summary:hover{

    box-shadow:0 5px 15px rgba(94,135,34,.35);

    transform:translateY(-2px);

}

.obj_article_summary .meta{

    background:transparent;

    padding-left:20px;

}

.obj_article_details .abstract{

    text-align:justify;

}


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

.hover{

    width:100%;

    border-collapse:separate;

    border-spacing:0 3px;

}

.hover tr{

    background:transparent;

}

.hover td{

    background:#022308;

    border:none;

    border-left:4px solid #5E8722;

    border-radius:8px;

    padding:14px 16px;

    box-shadow:0 4px 12px rgba(0,0,0,.06);

    transition:.30s;

}

.hover td:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(0,0,0,.12);

    border-left-color:#88B93E;

}

.hover td a{

    display:block;

    color:#2E5D22;

    font-weight:600;

    font-size:15px;

    text-decoration:none;

}

.hover td a:hover{

    color:#5E8722;

}


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

a{

    color:#2E5D22;

    text-decoration:none;

}

a:hover{

    color:#7AA833;

}


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

.cmp_button_wire,

.obj_galley_link{

    background:#5E8722;

    color:#ffffff;

    border:1px solid #88B93E;

    border-radius:5px;

    transition:.3s;

}

.cmp_button_wire:hover,

.obj_galley_link:hover{

    background:#456417;

    border-color:#5E8722;

    color:#ffffff;

}


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

@media (max-width:992px){

    .pkp_site_name .is_img img{

        width:100%;

        height:auto;

    }

}

@media (max-width:768px){

    .pkp_site_name .is_img img{

        width:100%;

        height:auto;

    }

}
/* ==========================================================================
   DIKE JOURNAL UI ENHANCEMENT
   OJS 3.3 - DefaultManuscript
   Version : 1.0
   ========================================================================== */


/* ==========================================================================
   HOMEPAGE
   ========================================================================== */

.page_index_journal section{
    margin-bottom:45px;
}


/* ==========================================================================
   SECTION TITLE
   ========================================================================== */

.page_index_journal h2{

    color:#2E5D22;

    font-size:28px;

    font-weight:700;

    letter-spacing:.3px;

    margin-bottom:22px;

    padding-bottom:12px;

    position:relative;

}

.page_index_journal h2:after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:70px;

    height:4px;

    background:#5E8722;

    border-radius:20px;

}


/* ==========================================================================
   ABOUT JOURNAL
   ========================================================================== */

.page_index_journal .homepage_about{

    background:#ffffff;

    border:1px solid #e5e5e5;

    border-radius:10px;

    padding:35px;

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

    transition:.30s;

}

.page_index_journal .homepage_about:hover{

    box-shadow:0 12px 30px rgba(0,0,0,.10);

}

.page_index_journal .homepage_about p{

    line-height:1.9;

    text-align:justify;

    font-size:16px;

    color:#555;

}


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

.page_index_journal .current_issue{

    background:#ffffff;

    border:1px solid #e5e5e5;

    border-radius:10px;

    padding:35px;

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

    transition:.30s;

}

.page_index_journal .current_issue:hover{

    box-shadow:0 12px 30px rgba(0,0,0,.10);

}


/* ==========================================================================
   ISSUE COVER
   ========================================================================== */

.obj_issue_summary{

    border:none;

    background:transparent;

}

.obj_issue_summary .cover img{

    border-radius:8px;

    border:1px solid #ddd;

    transition:.3s;

}

.obj_issue_summary .cover img:hover{

    transform:scale(1.02);

    box-shadow:0 8px 25px rgba(0,0,0,.18);

}

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

.obj_article_summary .title{
    margin:0 0 12px 0;
    padding:0;
    font-size:18px;
    font-weight:700;
    line-height:1.45;
    letter-spacing:0.2px;
}

.obj_article_summary .title a{
    color:#2E5D22;
    text-decoration:none;
    transition:all .25s ease;
}

.obj_article_summary .title a:hover{
    color:#5E8722;
    text-decoration:none;
}


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

.obj_article_summary{

    padding:20px;

    border-radius:10px;

    border:1px solid #dfe7d6;

    box-shadow:0 4px 15px rgba(94,135,34,.12);

}

.obj_article_summary:hover{

    transform:translateY(-3px);

}

.obj_article_summary .title{

    font-size:18px !important;

    font-weight:700;

    line-height:1.45;

    margin-bottom:10px;

}

.obj_article_summary .meta{

    font-size:14px;

    color:#666;

    margin-bottom:15px;

}

.obj_article_summary .summary{

    line-height:1.8;

    color:#555;

}


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

.pkp_navigation_primary > li > a{

    padding:14px 18px;

    font-weight:600;

    border-radius:4px;

    transition:.25s;

}

.pkp_navigation_primary > li > a:hover{

    background:#5E8722;

    color:#fff !important;

}

.pkp_navigation_primary > li.current > a{

    background:#5E8722;

    color:#fff !important;

}


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

.cmp_button_wire,
.obj_galley_link,
.cmp_button{

    border-radius:15px;

    font-weight:600;

    transition:.3s;

}

.cmp_button_wire:hover,
.obj_galley_link:hover,
.cmp_button:hover{

    transform:translateY(-1px);

}


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

a{

    transition:.25s;

}

a:hover{

    text-decoration:none;

}


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

.pkp_footer_content{

    width:100%;

    text-align:center;

    padding:25px;

    line-height:1.8;

}


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

@media(max-width:991px){

.page_index_journal .homepage_about,

.page_index_journal .current_issue{

    padding:25px;

}

.page_index_journal h2{

    font-size:24px;

}

.obj_article_summary .title{

    font-size:20px;

}

}

@media(max-width:768px){

.page_index_journal .homepage_about,

.page_index_journal .current_issue{

    padding:20px;

}

.page_index_journal h2{

    font-size:22px;

}

.obj_article_summary .title{

    font-size:18px;

}

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

.pkp_block{

    background:#ffffff;

    border:1px solid #e6e6e6;

    border-radius:10px;

    margin-bottom:20px;

    overflow:hidden;

    box-shadow:0 4px 15px rgba(0,0,0,.05);

}

.pkp_block .title{

    background:#5E8722;

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    padding:14px 18px;

    margin:0;

}

.pkp_block .content{

    padding:18px;

}

.pkp_block ul{

    margin:0;

    padding:0;

    list-style:none;

}

.pkp_block li{

    border-bottom:1px solid #eeeeee;

    padding:10px 0;

}

.pkp_block li:last-child{

    border-bottom:none;

}

.pkp_block a{

    color:#2E5D22;

    font-weight:500;

}

.pkp_block a:hover{

    color:#5E8722;

}