/* ================================
   GLOBAL
================================= */
body {
    font-family: Tahoma, Geneva, sans-serif;
    background: #e6e6e6;
    font-size: 14px;
}

body p {
    font-size: 14px;
}

/* ================================
   HEADER
================================= */
.pkp_site_name .is_img img {
    max-height: none;     /* hilangkan batas tinggi */
    height: 150px;        /* atur tinggi ideal */
    width: auto;          /* jaga proporsi */
}

/* Supaya header menyesuaikan */
.pkp_structure_head {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .pkp_site_name .is_img img {
        height: 80px;
    }
}

/* ================================
   PRIMARY NAVIGATION (OJS 3.5)
================================= */
.pkp_navigation_primary {
    background: #800000;
    padding-left: 15px;
}

.pkp_navigation_primary > li > a {
    font-size: 13.5px;
    color: #FFFFFF;
    font-weight: 400;
    text-transform: capitalize;
}

.pkp_navigation_primary > li > a:hover {
    color: #5a0000;
}

.pkp_navigation_primary .dropdown-menu {
    background: #800000;
}

/* ================================
   USER NAVIGATION
================================= */
.pkp_navigation_user_wrapper a {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}

/* ================================
   PAGE STRUCTURE
================================= */
.pkp_structure_page {
    margin: 0 auto;
    max-width: 1200px;
}

.pkp_structure_content {
    background: #ffffff;
    padding-top: 0;
}

.pkp_structure_sidebar {
    background: #ffffff;
}

/* ================================
   CURRENT ISSUE
================================= */
.pkp_page_index .current_issue h2,
.obj_issue_toc .section h2 {
    display: inline-block;
    border-bottom: 3px solid #ff8000;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 5px;
}

.pkp_page_index .current_issue .current_issue_title {
    font-size: 14px;
}

.pkp_page_index .current_issue .read_more {
    margin: 20px 0;
}

/* ================================
   ARTICLE LIST
================================= */
.obj_article_summary {
    border-bottom: 1px solid #ff8000;
    padding-bottom: 12px;
    font-size: 13px;
}

.obj_article_summary > .title {
    font-size: 15px;
    font-weight: 500;
}

.obj_article_details .abstract {
    text-align: justify;
}

/* ================================
   SIDEBAR BLOCK
================================= */
.pkp_block {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.pkp_block .title {
    border-bottom: 3px solid #ff8000;
    font-weight: 600;
    text-transform: capitalize;
}

/* ================================
   GALLEY BUTTON
================================= */
.obj_galley_link {
    background: #6c757d;
    color: #fff !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 6px 12px;
}

.obj_galley_link:hover {
    background: #5a6268;
}

/* ================================
   TABLE MENU (Right Sidebar)
================================= */
.hoverTable {
    width: 100%;
    border-collapse: collapse;
}

.hoverTable th {
    background: #FCD100;
    color: #105183;
    height: 35px;
}

.hoverTable tr {
    background: #800000;
    color: #ffffff;
}

.hoverTable td {
    padding: 6px;
    border-bottom: 1px solid #ffffff;
    text-align: center;
}

.hoverTable tr:hover {
    background: #660000;
}

.hoverTable a {
    color: #ffffff;
    display: block;
}

.hoverTable a:hover {
    color: #f0850c;
}

/* ================================
   BREADCRUMB
================================= */
.cmp_breadcrumbs {
    text-transform: capitalize;
}

/* ================================
   FOOTER (Flex Modern OJS 3.5)
================================= */
.pkp_structure_footer_wrapper {
    background:#800000;
    padding: 20px 0;
}

.pkp_footer_content {
    width: 100%;
    text-align: center;
    color: #ffffff;
}

.pkp_brand_footer {
    display: none; /* optional hide PKP logo */
}

/* ================================
   ACTIVE STATE
================================= */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #8c8c8c;
    border: none;
}