/* ======================================================
   RIEF Journal Custom Style
   Theme : Manuscript (OJS 3.4)
   ====================================================== */


/* ===============================
   WARNA DASAR
   =============================== */

:root{
    --rief-green:#00843D;
    --rief-green-dark:#006633;
    --rief-gold:#F4B400;
    --rief-light:#F8FBF8;
    --rief-border:#D9E6DC;
}



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

.pkp_block{
    background:#ffffff;
    border:1px solid var(--rief-border);
    border-radius:10px;
    padding:18px;
    margin-bottom:25px;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}



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

.pkp_block .title{

    display:block;

    background:#B8860B; /* Dark Gold */

    color:#ffffff;

    padding:12px 16px;

    margin:-18px -18px 18px -18px;

    border:none;

    border-radius:10px 10px 0 0;

    font-size:18px;

    font-weight:700;

    text-transform:uppercase;

    box-shadow:0 2px 6px rgba(0,0,0,.15);

}


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

.pkp_block ul{

    margin:0;

    padding:0;

}



.pkp_block li{

    list-style:none;

    margin-bottom:6px;

}



.pkp_block li a{

    display:block;

    padding:10px 14px;

    color:var(--rief-green-dark);

    text-decoration:none;

    border-radius:6px;

    transition:.25s;

}



.pkp_block li a:hover{

    background:var(--rief-green);

    color:#fff;

}



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

button,

.btn,

.cmp_button,

.obj_galley_link{

    background:var(--rief-green);

    color:#fff;

    border-radius:6px;

    border:none;

    transition:.3s;

}



button:hover,

.btn:hover,

.cmp_button:hover,

.obj_galley_link:hover{

    background:var(--rief-green-dark);

}



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

a{

    color:var(--rief-green);

}



a:hover{

    color:var(--rief-green-dark);

}



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

.obj_article_summary{

    border:1px solid #E5E5E5;

    border-radius:10px;

    padding:20px;

    margin-bottom:25px;

    transition:.25s;

}



.obj_article_summary:hover{

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

}



/* ===============================
   JUDUL ARTIKEL
   =============================== */

.obj_article_summary .title a{

    color:var(--rief-green-dark);

    font-weight:700;

}



.obj_article_summary .title a:hover{

    color:var(--rief-green);

}



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

.pkp_structure_footer_wrapper{

    background:var(--rief-green-dark);

    color:white;

}



/* ======================================================
   RIEF HEADER BANNER
   ====================================================== */

/* Header */
.pkp_head_wrapper{
    background:#B8860B;
    padding:0 !important;
}

/* Hilangkan padding container */
.pkp_site_name_wrapper{
    width:100%;
    padding:0 !important;
    margin:0 !important;
}

/* Area logo */
.pkp_site_name{
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
}

/* Link logo */
.pkp_site_name a{
    display:block;
    width:100%;
}

/* Banner */
.pkp_site_name img{

    display:block;

    width:100% !important;

    max-width:none !important;

    max-height:180px !important;

    height:auto;

    margin:0 auto;

    border:none;

    box-shadow:none;

}

/* Responsive */
@media (max-width:768px){

    .pkp_site_name img{

        width:100% !important;

        height:auto;

    }

}

/* =====================================
   QUICK MENU RIEF - DARK GREEN
====================================== */

.pkp_block .content p{
    margin:0;
}

.pkp_block .content p a{

    display:block;
    width:100%;

    background:#006633;      /* Hijau tua */

    color:#ffffff !important;

    text-decoration:none;

    text-transform:uppercase;

    font-weight:600;

    font-size:12px;

    padding:8px 14px;

    border-bottom:1px solid rgba(255,255,255,.25);

    transition:.3s;

    box-sizing:border-box;

}

.pkp_block .content p:last-child a{
    border-bottom:none;
}

.pkp_block .content p a:hover{

    background:#00843D;      /* Hijau RIEF saat hover */

    color:#FFD700 !important;

    padding-left:24px;

}

/* ======================================================
   MAIN NAVIGATION - RIEF
====================================================== */

/* Background menu */
.pkp_navigation_primary_wrapper{
    background:#006633;
}

/* Hilangkan padding default */
.pkp_navigation_primary{
    padding:0;
}

/* Setiap item menu */
.pkp_navigation_primary > li > a{

    color:#ffffff !important;

    background:#006633;

    padding:8px 14px;

    font-size:12px;

    font-weight:600;

    text-transform:uppercase;

    transition:.3s;

    border-right:1px solid rgba(255,255,255,.15);

}

/* Hover */
.pkp_navigation_primary > li > a:hover{

    background:#00843D;

    color:#FFD700 !important;

}

/* Menu aktif */
.pkp_navigation_primary > .current > a,
.pkp_navigation_primary > li.current > a{

    background:#00843D;

    color:#FFD700 !important;

}

/* Dropdown */
.pkp_navigation_primary ul{

    background:#006633;

}

.pkp_navigation_primary ul li a{

    color:#ffffff !important;

    padding:8px 14px;

}

.pkp_navigation_primary ul li a:hover{

    background:#00843D;

    color:#FFD700 !important;

}

/* ======================================================
   SAMAKAN FONT NAVIGATION & SIDEBAR
====================================================== */

/* Navigation Bar */
.pkp_navigation_primary > li > a{

    font-family: "Noto Sans", Arial, Helvetica, sans-serif;

    font-size:12px;

    font-weight:600;

    letter-spacing:.3px;

}

/* Quick Menu */
.pkp_block .content p a{

    font-family: "Noto Sans", Arial, Helvetica, sans-serif;

    font-size:12px;

    font-weight:600;

    letter-spacing:.3px;

}

/* Jarak antara Navigation Bar dan Sidebar */
.pkp_structure_sidebar{
    margin-top:20px;
}

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

.pkp_page_index .homepage_image img{

    max-width:70%;

    height:auto;

    display:block;

    margin:25px auto;

}