/* =========================================
JIME PREMIUM GREEN THEME - FINAL REVISION
========================================= */

/* BODY */
body{
font-family:"Segoe UI",Arial,sans-serif;
background:#f5f7f2;
color:#333;
line-height:1.7;
}

/* CONTAINER */
.page,
.pkp_structure_content{
max-width:1300px;
width:95%;
margin:auto;
}

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

.pkp_structure_head{
background:
linear-gradient(
rgba(15,77,46,.88),
rgba(15,77,46,.88)
),
url("https://images.unsplash.com/photo-1521587760476-6c12a4b040da");

```
background-size:cover;
background-position:center;

min-height:180px;

border-bottom:4px solid #d4af37;
```

}

.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_primary_row,
.pkp_site_nav_menu,
.pkp_navigation_search_wrapper{
background:transparent !important;
box-shadow:none !important;
}

/* =========================================
JUDUL JURNAL
========================================= */

.pkp_site_name{
text-align:center;
padding-top:30px;
padding-bottom:10px;
}

.pkp_site_name a{
color:#fff !important;
font-size:42px !important;
font-weight:800 !important;
text-transform:uppercase;
letter-spacing:1px;
line-height:1.2;
text-shadow:0 2px 6px rgba(0,0,0,.3);
}

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

.pkp_navigation_primary_row{
display:flex !important;
justify-content:center !important;
gap:30px;
padding-top:10px;
padding-bottom:15px;
}

.pkp_navigation_primary_row > li > a{
color:#fff !important;
font-weight:600;
font-size:15px;
}

.pkp_navigation_primary_row > li > a:hover{
color:#d4af37 !important;
}

/* =========================================
SEARCH
========================================= */

.pkp_navigation_search_wrapper a{
color:white !important;
}

.pkp_navigation_search_wrapper a:hover{
color:#d4af37 !important;
}

/* =========================================
DROPDOWN
========================================= */

.pkp_navigation_primary .dropdown-menu,
.pkp_nav_list ul{
background:#fff !important;
border-radius:10px;
border:1px solid #ddd;
box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.pkp_navigation_primary .dropdown-menu a,
.pkp_nav_list ul a{
color:#0f4d2e !important;
font-weight:600;
}

/* =========================================
MAIN CONTENT
========================================= */

.pkp_structure_main{
padding-top:25px;
}

.homepage_about,
.current_issue,
.obj_issue_toc{
background:#fff;
border-radius:15px;
padding:22px;
box-shadow:0 4px 15px rgba(0,0,0,.08);
margin-bottom:20px;
}

.homepage_about{
border-top:4px solid #d4af37;
}

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

.obj_article_summary{
background:#fff;
border-left:4px solid #d4af37;
border-radius:10px;
padding:15px;
margin-bottom:15px;
box-shadow:0 2px 10px rgba(0,0,0,.05);
}

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

.pkp_structure_sidebar{
padding-left:15px;
}

.pkp_block{
background:#fff;
border-radius:12px;
overflow:hidden;
margin-bottom:18px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
border-top:4px solid #d4af37;
}

.pkp_block .title{
background:linear-gradient(
90deg,
#0f4d2e,
#6b8e23
);

```
color:#fff !important;
padding:12px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
```

}

.pkp_block .content{
padding:12px;
}

.pkp_block a{
color:#0f4d2e !important;
font-weight:600;
}

.pkp_block a:hover{
color:#d4af37 !important;
}

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

button,
.cmp_button,
.obj_galley_link{
background:linear-gradient(
90deg,
#0f4d2e,
#6b8e23
) !important;

```
border:none !important;
color:white !important;
border-radius:8px !important;
padding:10px 18px !important;
```

}

button:hover,
.cmp_button:hover{
background:#d4af37 !important;
}

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

a{
color:#0f4d2e;
}

a:hover

/* =========================================
HEADING
========================================= */

h1,h2,h3,h4,h5{
color:#0f4d2e !important;
}

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

img{
max-width:100%;
height:auto;
border-radius:8px;
}

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

.pkp_structure_footer_wrapper{
background:
linear-gradient(
rgba(15,77,46,.92),
rgba(15,77,46,.92)
),
url("https://images.unsplash.com/photo-1524995997946-a1c2e315a42f");

```
background-size:cover;
background-position:center;
```

}

.pkp_footer_content{
color:white;
text-align:center;
padding:40px;
}

.pkp_brand_footer{
display:none !important;
}

/* =========================================
HOVER EFFECT
========================================= */

.homepage_about:hover,
.current_issue:hover,
.obj_article_summary:hover{
transform:translateY(-2px);
transition:.3s;
}

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

@media(max-width:768px){

```
.pkp_site_name a{
    font-size:28px !important;
    line-height:1.3 !important;
}

.pkp_navigation_primary_row{
    gap:15px;
    flex-wrap:wrap;
}

.homepage_about,
.current_issue,
.obj_issue_toc{
    padding:18px;
}

.pkp_structure_sidebar{
    padding-left:0;
    margin-top:20px;
}
```

}
.jime-menu-sidebar{
    list-style:none;
    padding:0;
    margin:0;
}

.jime-menu-sidebar li{
    border-bottom:1px solid #e8e8e8;
}

.jime-menu-sidebar li a{
    display:block;
    padding:12px 15px;
    color:#444 !important;
    text-decoration:none;
    font-size:14px;
    transition:all .3s ease;
}

.jime-menu-sidebar li a:hover{
    background:#f5faf5;
    color:#1b5e20 !important;
    padding-left:20px;
}

.pkp_block .title{
    background:#3f7d20 !important;
    color:#fff !important;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    padding:12px;
}