/* ================================================= */
/* OJS MODERN JOURNAL STYLE */
/* ================================================= */

/* FONT */

body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f4f6f9;
    line-height: 1.6;
}


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

.pkp_structure_head {
    background: linear-gradient(90deg,#0d4d8b,#1e73be);
    border-bottom: 4px solid #f2c94c;
}

/* SITE TITLE */

.pkp_site_name a {
    color: white !important;
}

/* LOGO */

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


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

.pkp_navigation_primary > li > a {
    font-weight: 600;
    color: white;
    padding: 14px 18px;
}

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

/* DROPDOWN */

.pkp_navigation_primary ul {
    background: white;
}

.pkp_navigation_primary ul li a {
    color: #333;
}


/* ================================================= */
/* HOMEPAGE BANNER */
/* ================================================= */

/* container banner */

.page_index_journal .homepage_image{
    display:block !important;
    width:100%;
    margin-top:0;
    margin-bottom:25px;
}

/* gambar banner */

.page_index_journal .homepage_image img{
    width:100%;
    height:auto;
    display:block;
    border-radius:6px;
}

/* paksa banner terlihat */

.homepage_image{
    visibility:visible !important;
    opacity:1 !important;
}


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

.pkp_structure_main {
    padding-right: 25px;
}


/* ================================================= */
/* ABOUT JOURNAL */
/* ================================================= */

.homepage_about {
    background: white;
    padding: 25px;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

.homepage_about h2 {
    border-left: 5px solid #1e73be;
    padding-left: 12px;
    font-size: 22px;
}


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

.current_issue {
    background: white;
    padding: 25px;
    margin-top: 25px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
}

.current_issue h2 {
    border-left: 5px solid #1e73be;
    padding-left: 12px;
}


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

.obj_article_summary {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.obj_article_summary:last-child {
    border-bottom: none;
}


/* ARTICLE TITLE */

.obj_article_summary .title a {
    font-size: 18px;
    font-weight: 600;
    color: #1e73be;
}

.obj_article_summary .title a:hover {
    color: #0b4e87;
}


/* AUTHOR */

.obj_article_summary .authors {
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}


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

.obj_galley_link {
    background: #1e73be;
    color: white !important;
    padding: 7px 16px;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}

.obj_galley_link:hover {
    background: #0b4e87;
}


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

.pkp_structure_sidebar {
    padding-left: 20px;
}

/* SIDEBAR BLOCK */

.pkp_block {
    background: white;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 15px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

/* SIDEBAR TITLE */

.pkp_block .title {
    background: #1e73be;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 4px;
}

/* SIDEBAR MENU */

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

.menu-sidebar li {
    padding: 9px 0;
    border-bottom: 1px solid #eee;
}

.menu-sidebar li:last-child {
    border-bottom: none;
}

.menu-sidebar li a {
    text-decoration: none;
    color: #333;
}

.menu-sidebar li a:hover {
    color: #1e73be;
}


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

.pkp_structure_footer_wrapper {
    background: linear-gradient(90deg,#0d4d8b,#1e73be);
    color: white;
    margin-top: 40px;
}

.pkp_structure_footer {
    padding: 30px 0;
}

.pkp_footer_content {
    padding: 10px 20px;
    font-size: 14px;
}

.pkp_footer_content a {
    color: #ffd66b;
}

.pkp_brand_footer {
    margin-top: 15px;
}


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

.block_make_submission_link {
    background: #1e73be;
    color: white !important;
    padding: 10px 15px;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-weight: bold;
}

.block_make_submission_link:hover {
    background: #0b4e87;
}


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

@media (max-width:768px) {

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

    .obj_article_summary .title a {
        font-size: 16px;
    }

}