/* ==========================================================
   JIE President University - OJS 3.5 custom stylesheet
   ========================================================== */

body {
    background-image: url(https://ejournal.upnvj.ac.id/public/site/images/admin/batik-mega-mendung-cirebon-indonesian-motif-batik-is-a-technique-of-wax-resist-dyeing-applied-to-whole-cloth-geometric-ethnic-pattern-traditional-design-for-background-or-fabric-vector-1-486083926497eacc17ce8765a721ebf6.png);
    background-repeat: repeat;
    background-size: auto;
}

/* ==========================================================
   HEADER
   Gambar header (Homepage Image dari Appearance > Setup) dipasang OJS
   sebagai background di .pkp_structure_head, jadi bukan logo.
   Gambarnya (2000 x 209) isinya judul + logo di atas background navy.
   Kuncinya: ukuran pakai rasio asli (100% auto), jangan 100% 100%
   karena bakal melar saat header ditambah bar menu.
   ========================================================== */

header.pkp_structure_head {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #00356f;
    background-size: 100% auto;      /* jaga rasio asli, gak melar */
    background-position: left top;
    background-repeat: no-repeat;
}

.pkp_head_wrapper {
    background: transparent;
}

/* area atas: tinggi DIKUNCI ngikutin rasio gambar (209 / 2000 = 10.45%).
   Pakai trik padding-top persen, jadi isi di dalamnya (teks tersembunyi,
   padding bawaan tema) gak bisa nambah tinggi lagi. */
.pkp_head_wrapper {
    padding-top: 0;
}

.pkp_site_name_wrapper {
    position: relative;
    height: 0;
    padding: 0 0 10.45% 0;
    min-height: 0;
    overflow: hidden;
}

/* link nutupin seluruh area gambar, jadi tetap bisa diklik ke Home */
.pkp_site_name {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

/* teks judul disembunyikan karena judulnya sudah ada di gambar
   (tadinya numpuk di atas logo). Link tetap bisa diklik ke Home.
   Kalau mau teks judulnya muncul lagi, hapus blok ini. */
.pkp_site_name .is_text {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
}

/* bar menu: biru sendiri, di bawah gambar */
.pkp_navigation_primary_row {
    background-color: #1f6391;
}

#headerNavigationContainer {
    max-width: 1160px;
}

#navigationPrimary {
    padding: 0 10px;
    margin-left: 0;
}

#navigationPrimary > li > a {
    padding: 18px 14px;
    color: white;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
}

.pkp_navigation_search_wrapper a {
    display: inline-block;
    padding: 18px 14px;
    color: white;
}

/* menu user di pojok kanan atas (adminojs) */
#navigationUser {
    margin-right: 20px;
    margin-top: 10px;
}

#navigationUser a {
    color: white;
}

/* ==========================================================
   KONTEN
   ========================================================== */

.pkp_structure_page {
    margin-top: 0;
    margin-bottom: 0;
}

.pkp_structure_content {
    background-color: white;
}

/* warna background artikel journal */
body > div > div.pkp_structure_content.has_sidebar {
    background-color: white;
}

.obj_article_summary:hover {
    background-color: #F5F7EE;
}

/* jarak kotakan antar block sidebar */
.pkp_block {
    padding: 10px;
    padding-top: 0;
}

/* rata kiri kanan di referensi dan abstrak */
.obj_article_details .item,
.obj_article_details .abstract {
    text-align: justify;
}

.pkp_block .title {
    text-align: center;
    padding: 10px;
    background-color: #f5ac42;
    color: white;
}

#pkp_content_main > div > div.additional_content > p > img {
    width: 30%;
}

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

/* hilangkan logo footer */
body > div > div.pkp_structure_footer_wrapper > div > div.pkp_brand_footer > a > img {
    display: none;
}

body > div > div.pkp_structure_footer_wrapper {
    width: 100%;
    max-width: 1160px;
    margin: auto;
}

.pkp_structure_footer_wrapper {
    background-color: #F5F7EE;
}

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

#customblock-assosiate > div > p:nth-child(2) > a > strong > img {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#customblock-assosiate > div > p:nth-child(3) > a > strong > img {
    width: 80%; /* tadinya "80" tanpa satuan, jadi gak kebaca */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#customblock-assosiate > div > p:nth-child(4) > a > strong > img {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#customblock-turnitindanmendeley > div > p:nth-child(2) > a > img,
#customblock-turnitindanmendeley > div > p:nth-child(3) > a > img,
#customblock-flagcounter > div > p:nth-child(2) > a > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body > div.pkp_structure_page > div.pkp_structure_content.has_sidebar > div.pkp_structure_sidebar.left > div.pkp_block.block_Keywordcloud > span,
body > div.pkp_structure_page > div.pkp_structure_content.has_sidebar > div.pkp_structure_sidebar.left > div.pkp_block.block_web_feed > span {
    text-align: center;
}

#navbar,
ul.sidemenu li:before {
    display: none;
}

ul.sidemenu {
    padding-left: 0 !important;
    margin: -10px -10px 0;
}

ul.sidemenu li {
    padding: 0;
}

/* bentukan button di sidebar block menu */
ul.sidemenu li a {
    background-color: #055c31;
    border-top: 1px solid #B8870B;
    border-bottom: 1px solid white;
    color: white;
    display: block;
    padding: 10px;
    text-decoration: none;
}

ul.sidemenu li a:hover {
    background-color: #d0871d;
    text-decoration: underline;
}

/* jarak atas bawah antar menu di sidebar */
.pkp_block .content ul li {
    padding: 0;
}

/* ==========================================================
   ARTIKEL DI HOME
   ========================================================== */

/* button pdf */
.cmp_button_wire,
.obj_galley_link {
    background-color: #d0871d;
    color: white;
}

.cmp_button_wire:hover,
.obj_galley_link:hover {
    background-color: #b87414;
}

.obj_article_summary > .title a {
    color: #0b4808;
}

.obj_article_summary > .title a:hover {
    color: #096b40;
}

/* posisi button pdf */
.obj_issue_toc .galleys_links li {
    display: block;
    text-align: right;
}

/* shadow di kotak artikel */
.obj_article_summary {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px #0f4406;
}

/* hilangkan judul "About the Journal" di home */
body > div > div.pkp_structure_content.has_sidebar > div.pkp_structure_main > div > section.homepage_about > h2 {
    display: none;
}

body > div > div.pkp_structure_content.has_sidebar > div.pkp_structure_main > div > section.homepage_about {
    margin-top: -2rem;
}

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

@media (max-width: 768px) {
    /* di HP, gambar header dipotong dari kanan biar logo tetap kebaca */
    header.pkp_structure_head {
        background-size: auto 70px;
    }

    .pkp_site_name_wrapper {
        height: 70px;
        padding: 0;
    }

    #headerNavigationContainer,
    body > div > div.pkp_structure_footer_wrapper {
        width: auto;
    }
}