/* =========================
FONT MODERN
========================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

body{
font-family:'Inter',sans-serif;
background:#e1e5ee;

/* background bintang lebih terlihat */

background-image:
radial-gradient(rgba(120,130,190,0.35) 1px, transparent 1px),
radial-gradient(rgba(120,130,190,0.25) 1px, transparent 1px);

background-size:40px 40px;
background-position:0 0,20px 20px;

color:#333;
line-height:1.6;
}


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

.pkp_structure_page{

max-width:1200px;
margin:40px auto;

background:#ffffff;

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

border-radius:8px;

}


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

.pkp_structure_head{

border-bottom:1px solid #e5e5e5;
padding-bottom:5px;

}


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

.pkp_site_name{

text-align:center;
font-size:26px;
font-weight:600;
padding:10px 0;

}


/* =========================
MENU NAVIGATION TENGAH
========================= */

.pkp_navigation_primary{

display:flex;
justify-content:center;
align-items:center;
font-size:14px;
flex-wrap:wrap;

}

.pkp_navigation_primary > li > a{

padding:12px 18px;
font-weight:500;

}

.pkp_navigation_primary a:hover{

color:#0066cc;

}

.pkp_navigation_primary_wrapper{

border-top:1px solid #eee;
border-bottom:1px solid #eee;

}


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

.pkp_navigation_search_wrapper{

position:absolute;
right:20px;

}


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

.homepage_image{

margin-top:20px;
margin-bottom:20px;
text-align:center;

}

.homepage_image img{

max-width:100%;
height:auto;
border-radius:6px;

}


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

.current_issue{

background:#fafafa;
padding:25px;
border-radius:6px;
border:1px solid #eee;

}


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

.obj_issue_toc .cover img{

border-radius:6px;

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

}


/* =========================
ARTICLE LIST
========================= */

.obj_article_summary{

border-bottom:1px solid #eee;
padding:12px 0;

}

.obj_article_summary:hover{

background:#fafafa;

}


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

.pkp_block{

background:#fafafa;
padding:15px;
margin-bottom:20px;

border-radius:6px;
border:1px solid #eee;

}


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

.cmp_button{

background:#0066cc;
border:none;

padding:8px 14px;
border-radius:4px;

color:#fff;

}

.cmp_button:hover{

background:#004fa3;

}


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

.pkp_structure_footer_wrapper{

background:#f2f4f8;
margin-top:40px;

padding:25px;

text-align:center;

border-top:1px solid #e5e5e5;

}


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

@media (max-width:768px){

.pkp_structure_page{
margin:10px;
}

.pkp_site_name{
font-size:20px;
}

.homepage_image{
margin-top:15px;
padding:5px;
}

.homepage_image img{
width:100%;
height:auto;
}

.pkp_navigation_primary{
flex-direction:column;
align-items:center;
}

}