/* ==================================================
   FACTUM JOURNAL
   MODERN GOLD THEME
   OJS 3.5 PKP
================================================== */

/* FONT */

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

:root{

--gold:#B8860B;
--gold-dark:#8B6914;
--gold-light:#D4AF37;

--brown:#2B2118;
--brown-soft:#3A2D20;

--bg:#F8F6F1;

}

/* ==================================================
   GLOBAL
================================================== */

body{
font-family:'Inter',sans-serif;
background:var(--bg);
color:#333;
line-height:1.8;
font-size:15px;
}

a{
color:var(--gold-dark);
text-decoration:none;
transition:.3s;
}

a:hover{
color:var(--gold);
}
h1,h2,h3,h4,h5{
color:var(--brown);
font-weight:700;
}

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

.pkp_site_name_wrapper{

background:
linear-gradient(
135deg,
#2B2118,
#3A2D20,
#4A3826
);

padding:20px 0;
border-bottom:4px solid var(--gold);
}

.pkp_site_name{

text-align:center;
}

.pkp_site_name a{
color:#fff !important;
font-size:2rem;
font-weight:700;
letter-spacing:1px;
}

.pkp_site_name img{
max-height:auto;
width:auto;
}

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

.pkp_navigation_primary_wrapper{

background:#fff;
border-bottom:1px solid #e5e5e5;
box-shadow: 0 3px 12px rgba(0,0,0,.06);
position:sticky;
top:0;
z-index:999;
}

.pkp_navigation_primary > li > a{

color:#333;
font-weight:600;
padding:15px 18px;
}

.pkp_navigation_primary > li > a:hover{

color:var(--gold);

}

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

.pkp_search input{

border-radius:30px;
border:1px solid #ddd;
padding:12px 20px;
}

.pkp_search button{

background:var(--gold);
color:white;
border:none;
border-radius:30px;
}

/* ==================================================
   HOMEPAGE 2 COLUMN
================================================== */

.page_index_journal .pkp_structure_main{

display:grid;
grid-template-columns:

minmax(0,72%)

minmax(280px,28%);
gap:35px;
max-width:1500px;
margin:auto;
padding:30px;
}

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

.page_index_journal .additional_content,
.page_index_journal .current_issue,
.page_index_journal .cmp_announcements{

background:#fff;
padding:30px;
border-radius:15px;
box-shadow:0 5px 25px rgba(0,0,0,.06);
margin-bottom:25px;
border-top:4px solid var(--gold);
}

.page_index_journal .current_issue h2,
.page_index_journal .cmp_announcements h2{

color:var(--brown);
border-bottom:2px solid #eee;
padding-bottom:10px;
}

.page_index_journal .additional_content{
    margin-top:0;
}

.page_index_journal .current_issue{
    margin-bottom:15px;
}

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

.obj_article_summary{

background:#fff;
padding:25px;
margin-bottom:20px;
border-radius:15px;
border-left:5px solid var(--gold);
box-shadow:0 3px 12px rgba(0,0,0,.08);
transition:.3s;
}

.obj_article_summary:hover{

transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.obj_article_summary .title a{

color:var(--brown);
font-size:1.15rem;
font-weight:700;
}

.obj_article_summary .title a:hover{

color:var(--gold);
}

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

.obj_galley_link{

background:var(--gold) !important;
color:white !important;
padding:10px 18px;
border-radius:8px;
font-weight:600;
border:none;
}

.obj_galley_link:hover{

background:var(--gold-dark) !important;
}

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

.pkp_sidebar{

position:sticky;
top:100px;
align-self:start;
}

.pkp_block{

background:#fff;
padding:20px;
border-radius:15px;
margin-bottom:20px;
box-shadow:0 3px 15px rgba(0,0,0,.08);
}

.pkp_block h2{

font-size:1rem;
color:var(--brown);
border-bottom:2px solid var(--gold-light);
padding-bottom:10px;
margin-bottom:15px;
}

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

.current_issue .cover img{

border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}

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

.cmp_breadcrumbs{

background:#fff;
padding:15px 20px;
border-radius:12px;
margin-bottom:20px;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}

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

.page_article .main_entry{

background:#fff;
padding:35px;
border-radius:15px;
box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.page_article .authors{

color:#777;
}

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

table{

width:100%;
border-collapse:collapse;
}

table th{

background:var(--gold-dark);
color:white;
padding:12px;
}

table td{

padding:10px;
border:1px solid #ddd;
}

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

.cmp_announcements article{

padding:15px;
background:#fafafa;
border-left:4px solid var(--gold);
margin-bottom:15px;
border-radius:8px;
}

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

.pkp_structure_footer_wrapper{

margin-top:50px;

background:
linear-gradient(
135deg,
#2B2118,
#3A2D20
);

border-top:4px solid var(--gold);
}

.pkp_structure_footer{

max-width:1500px;
margin:auto;
padding:40px;
color:#fff;
}

.pkp_structure_footer a{

color:#D4AF37;
}
/*Menghilangkan logo PKP di bagian footer*/

.pkp_brand_footer,
.footer_brand {
    display: none !important;
}


/* ==================================================
   SCROLLBAR
================================================== */

::-webkit-scrollbar{

width:10px;
}

::-webkit-scrollbar-thumb{

background:var(--gold);
border-radius:20px;
}

/* ==================================================
   ANIMATION
================================================== */

*{

transition:
all .3s ease;
}

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

@media(max-width:991px){

.page_index_journal .pkp_structure_main{

display:block;
padding:15px;
}

.pkp_sidebar{

position:relative;
top:auto;
margin-top:30px;
}

.pkp_site_name img{

max-height:120px;
}

}

/* Tombol Submit Modern */

a.block_make_submission_link{

background:#B8860B;
color:white !important;
padding:14px 24px;
border-radius:8px;
font-weight:600;
display:block;
text-align:center;
}

a.block_make_submission_link:hover{
background:#8B6914;
}

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

.pkp_site_name_wrapper {

    padding: 0 !important;
    background: transparent;
    border-bottom: none;
}

.pkp_site_name {

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

.pkp_site_name img {

    display: block;

    width: 100% !important;

    max-width: 1400px;

    height: auto !important;

    max-height: none !important;

    margin: 0 auto;
}

/* ==========================================
   FACTUM HOMEPAGE LAYOUT
   Additional Content
   Announcements
   Current Issue
========================================== */

.page_index_journal .pkp_structure_main {

    display: flex !important;
    flex-direction: column;
}

/* Additional Content */

.page_index_journal .additional_content {

    order: 1 !important;
    margin-bottom: 25px;
}

/* Announcements */

.page_index_journal .cmp_announcements {

    order: 2 !important;
    margin-bottom: 25px;
}

/* Current Issue */

.page_index_journal .current_issue {

    order: 3 !important;
    margin-bottom: 25px;
}

/* Sidebar */

.page_index_journal .pkp_sidebar {

    order: 4 !important;
}