/* ==========================================================
   CUSTOM CSS OJS 3.4 DEFAULT THEME
   Inspired by EKSATA UNP
========================================================== */

:root{
    --primary:#0b5fa5;
    --secondary:#1f7fd2;
    --accent:#f39c12;
    --light:#f5f8fc;
    --border:#e4e8ee;
    --text:#333;
    --shadow:0 8px 25px rgba(0,0,0,.08);
}

/* Body */

body{
    background:#f6f8fb;
    color:var(--text);
    font-family:Segoe UI,Roboto,Arial,sans-serif;
    line-height:1.7;
}

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

.pkp_site_name{
    font-size:32px;
    font-weight:700;
}

.pkp_site_name a{
    color:#fff !important;
}

.pkp_navigation_primary_wrapper{
    background:linear-gradient(90deg,#0b5fa5,#1d84d7);
    box-shadow:var(--shadow);
}

.pkp_navigation_primary > li > a{
    color:#fff;
    font-weight:600;
    padding:18px 16px;
    transition:.3s;
}

.pkp_navigation_primary > li > a:hover{
    background:rgba(255,255,255,.15);
}

/* Logo */

.pkp_site_name img{
    max-height:90px;
}

/* ================= HERO ================= */

.page_index_journal .homepage_image{
    border-radius:10px;
    overflow:hidden;
    box-shadow:var(--shadow);
    margin-bottom:30px;
}

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

.page{
    background:#fff;
    border-radius:10px;
    padding:25px;
    box-shadow:var(--shadow);
}

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

.current_issue{
    background:#fff;
    border-radius:12px;
    padding:25px;
    box-shadow:var(--shadow);
    margin-bottom:30px;
}

.current_issue_title{
    color:var(--primary);
    font-size:28px;
    font-weight:700;
}

.current_issue .cover{
    border-radius:8px;
    overflow:hidden;
}

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

.obj_article_summary{
    border:1px solid var(--border);
    border-radius:10px;
    padding:20px;
    margin-bottom:20px;
    transition:.3s;
    background:#fff;
}

.obj_article_summary:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow);
}

.obj_article_summary h3 a{
    color:var(--primary);
    font-weight:700;
}

.obj_article_summary .authors{
    color:#666;
}

.obj_article_summary .pages{
    color:#888;
}

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

.btn,
button,
input[type=submit]{

    background:var(--primary);
    color:#fff;
    border:none;
    border-radius:6px;
    transition:.3s;
}

.btn:hover,
button:hover,
input[type=submit]:hover{

    background:var(--secondary);
}

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

a{
    color:var(--primary);
}

a:hover{
    color:var(--secondary);
}

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

.pkp_block{
    background:#fff;
    border-radius:10px;
    box-shadow:var(--shadow);
    margin-bottom:20px;
    border:none;
}

.pkp_block .title{
    background:var(--primary);
    color:#fff;
    padding:12px;
    border-radius:10px 10px 0 0;
    font-weight:700;
}

/* ================= ANNOUNCEMENT ================= */

.obj_announcement_summary{
    border-left:5px solid var(--accent);
    background:#fff;
    padding:20px;
    margin-bottom:20px;
}

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

.search input{
    border-radius:30px;
}

.search button{
    border-radius:30px;
}

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

.obj_issue_summary{
    border-radius:12px;
    background:#fff;
    box-shadow:var(--shadow);
    transition:.3s;
}

.obj_issue_summary:hover{
    transform:translateY(-5px);
}

/* ================= ARTICLE PAGE ================= */

.article-details{

    background:#fff;
    border-radius:10px;
    padding:25px;
}

/* DOI */

.item.doi a{
    color:var(--accent);
}

/* Keywords */

.item.keywords{
    background:#f7f7f7;
    padding:10px;
    border-radius:6px;
}

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

.galley-link{
    background:var(--primary);
    color:#fff !important;
    border-radius:5px;
    padding:10px 18px;
}

.galley-link:hover{
    background:var(--secondary);
}

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

.pkp_structure_footer_wrapper{
    margin-top:40px;
    background:#08396b;
    color:#fff;
    padding:40px 0;
}

.pkp_structure_footer_wrapper a{
    color:#fff;
}

/* ================= LOGIN ================= */

.page_login .login{
    box-shadow:var(--shadow);
    border-radius:10px;
    padding:30px;
}

/* ================= FORM ================= */

input,
textarea,
select{

    border-radius:6px;
    border:1px solid #d8d8d8;
}

input:focus,
textarea:focus{

    border-color:var(--primary);
}

/* ================= BREADCRUMB ================= */

.cmp_breadcrumbs{
    background:#eef5fb;
    border-radius:5px;
    padding:12px;
}

/* ================= TABLE ================= */

table{
    border-collapse:collapse;
}

table th{

    background:var(--primary);
    color:#fff;
}

table td,
table th{

    padding:12px;
    border:1px solid #eee;
}

/* ================= PAGINATION ================= */

.cmp_pagination a{

    border-radius:5px;
    background:#fff;
    border:1px solid #ddd;
}

.cmp_pagination .current{

    background:var(--primary);
    color:#fff;
}

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

@media(max-width:768px){

.pkp_site_name{

font-size:24px;

}

.page{

padding:15px;

}

.obj_article_summary{

padding:15px;

}

.current_issue{

padding:15px;

}

.pkp_navigation_primary>li>a{

padding:12px;

}

}
/* ================TAMBAHAN ADDTIONAL PAGE ================ */
.eksakta-hero{

display:flex;
align-items:center;
justify-content:space-between;
padding:60px;
background:linear-gradient(135deg,#0059a8,#2484d8);
border-radius:15px;
margin-bottom:40px;
color:#fff;

}

.hero-left{

width:55%;

}

.hero-left h1{

font-size:54px;
margin-bottom:10px;

}

.hero-left h3{

font-size:26px;
font-weight:400;

}

.hero-button{

margin-top:30px;

}

.btn-home{

display:inline-block;
padding:12px 22px;
margin-right:10px;
background:#fff;
color:#0059a8;
font-weight:bold;
border-radius:6px;
text-decoration:none;

}

.hero-right{

width:35%;
text-align:center;

}

.hero-right img{

max-width:280px;
border-radius:10px;
box-shadow:0 15px 35px rgba(0,0,0,.2);

}

.section-card{

background:#fff;
padding:35px;
border-radius:12px;
margin-bottom:30px;
box-shadow:0 5px 18px rgba(0,0,0,.08);

}

.scope-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;

}

.scope-grid div{

background:#0b5fa5;
color:#fff;
padding:20px;
text-align:center;
border-radius:8px;

}

.journal-cover{

display:flex;
gap:30px;
align-items:center;
margin-bottom:40px;

}

.cover-image img{

width:220px;
border-radius:10px;

}

.journal-table{

width:100%;

}

.journal-table td{

padding:12px;

}

.indexing{

display:flex;
justify-content:space-around;
align-items:center;

}

.indexing img{

height:60px;

}

@media(max-width:768px){

.eksakta-hero,
.journal-cover{

display:block;

}

.hero-left,
.hero-right{

width:100%;

}

.hero-right{

margin-top:30px;
text-align:center;

}

.scope-grid{

grid-template-columns:repeat(2,1fr);

}

}

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

.pkp_site_name{

    width:100%;
    padding:0;
    margin:0;

}

.pkp_site_name .is_img{

    display:block;
    width:100%;

}

.pkp_site_name .is_img img{

    width:100% !important;

    height:auto !important;

    max-height:none !important;

    border-radius:0;

    display:block;

}

/* ================= ADDTIONAL PAGE =============== */
.section-card h2{
    color:#0b4f9c;
    border-left:5px solid #0b4f9c;
    padding-left:12px;
    margin-bottom:20px;
}

.section-card{
    margin-bottom:30px;
}

.section-card p{
    text-align:justify;
    line-height:1.8;
}

.scope-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:12px;
}

.scope-grid div{
    background:#0b4f9c;
    color:#fff;
    text-align:center;
    padding:12px;
    border-radius:6px;
    font-weight:600;
}

.journal-table{
    width:100%;
    border-collapse:collapse;
}

.journal-table td{
    border:1px solid #ddd;
    padding:10px;
}

.journal-table tr:nth-child(even){
    background:#f7f7f7;
}

/* ============ VISITOR STATISTICS ============= */

.visitor-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:25px;

    margin-top:20px;

}

.visitor-card{

    background:#ffffff;

    border:1px solid #dbe5ef;

    border-radius:12px;

    padding:25px;

    text-align:center;

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

    transition:.3s;

}

.visitor-card:hover{

    transform:translateY(-5px);

}

.visitor-card h3{

    color:#0b4f9c;

    margin-bottom:15px;

}

.visitor-card img{

    max-width:100%;

    height:auto;

}

.visitor-card p{

    color:#555;

    margin-bottom:15px;

}

/* ================ FOOTER ================= */
.footer-about{
    margin-top:15px;
    text-align:justify;
    line-height:1.8;
    color:#ddd;
}

.footer-logo{
    max-width:220px;
    margin-bottom:20px;
}

.footer-list,
.footer-links{
    list-style:none;
    padding:0;
}

.footer-list li,
.footer-links li{
    margin-bottom:10px;
}

.footer-links a{
    color:#ddd;
}

.footer-links a:hover{
    color:#fff;
}

.footer-table{
    width:100%;
    color:#ddd;
}

.footer-table td{
    padding:4px 0;
}

.footer-index{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    flex-wrap:wrap;
    margin-top:20px;
}

.footer-index img{
    height:45px;
    background:#fff;
    padding:5px;
    border-radius:5px;
}

.copyright-wrapper{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.15);
    padding-top:20px;
}

/* =============== SIDEBAR MENU =============== */
.journal-menu{

background:#fff;

border-radius:8px;

overflow:hidden;

box-shadow:0 3px 12px rgba(0,0,0,.08);

margin-bottom:25px;

}

.journal-menu h3{

background:#005a9c;

color:#fff;

padding:14px 18px;

margin:0;

font-size:18px;

font-weight:600;

}

.journal-menu ul{

margin:0;

padding:0;

list-style:none;

}

.journal-menu li{

border-bottom:1px solid #ececec;

}

.journal-menu li:last-child{

border-bottom:none;

}

.journal-menu a{

display:flex;

align-items:center;

padding:12px 16px;

color:#333;

text-decoration:none;

transition:.3s;

font-size:14px;

}

.journal-menu a i{

width:22px;

color:#005a9c;

margin-right:10px;

text-align:center;

}

.journal-menu a:hover{

background:#005a9c;

color:#fff;

padding-left:22px;

}

.journal-menu a:hover i{

color:#fff;

}