/*
 * LITERASI / JPD — SIDEBAR BIRU TUA
 * Menyamakan panel samping dengan contoh gambar:
 * USER, MAIN MENU, JOURNAL CONTENT, INFORMATION, NOTIFICATIONS.
 *
 * Tempelkan di PALING BAWAH:
 * plugins/themes/nusantara3columnsNavy/nusantara3columnsNavy.css
 */

/* Semua kotak sidebar */
#leftSidebar div.block,
#rightSidebar div.block,
#leftSidebar .block,
#rightSidebar .block {
  background: #0B477B !important;
  background-color: #0B477B !important;
  color: #FFFFFF !important;
  border: 1px solid #0A3D69 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 7px rgba(0, 30, 60, .12) !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Judul setiap panel sidebar */
#leftSidebar div.block span.blockTitle,
#rightSidebar div.block span.blockTitle,
#leftSidebar .blockTitle,
#rightSidebar .blockTitle {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #07365F !important;
  background-color: #07365F !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}

/* Area isi panel: tetap biru tua */
#leftSidebar div.block > div,
#rightSidebar div.block > div,
#leftSidebar div.block > p,
#rightSidebar div.block > p,
#leftSidebar div.block > form,
#rightSidebar div.block > form {
  background: #0B477B !important;
  color: #FFFFFF !important;
}

/* Semua daftar menu dalam sidebar */
#leftSidebar div.block ul,
#rightSidebar div.block ul,
#leftSidebar .block ul,
#rightSidebar .block ul {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: #0B477B !important;
}

/* Baris menu */
#leftSidebar div.block ul li,
#rightSidebar div.block ul li,
#leftSidebar .block ul li,
#rightSidebar .block ul li {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #0B477B !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
}

/* Link menu: teks putih, area biru penuh */
#leftSidebar div.block ul li a,
#rightSidebar div.block ul li a,
#leftSidebar .block ul li a,
#rightSidebar .block ul li a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #0B477B !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

/* Hover */
#leftSidebar div.block ul li a:hover,
#rightSidebar div.block ul li a:hover,
#leftSidebar .block ul li a:hover,
#rightSidebar .block ul li a:hover {
  background: #17649D !important;
  color: #FFFFFF !important;
}

/* Panel USER: pesan login dibuat lebih lembut, tetapi tetap biru tua */
#leftSidebar #user p,
#rightSidebar #user p,
#leftSidebar div#user p,
#rightSidebar div#user p,
#user p {
  display: block !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  background: #0B477B !important;
  color: #DCEAF6 !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

#leftSidebar #user p strong,
#rightSidebar #user p strong,
#leftSidebar div#user p strong,
#rightSidebar div#user p strong,
#user p strong,
#user p b {
  color: #FFFFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Link dalam pesan login */
#leftSidebar #user p a,
#rightSidebar #user p a,
#user p a {
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

/* Input pencarian dan pilihan bahasa tetap putih agar terbaca */
#leftSidebar input[type="text"],
#rightSidebar input[type="text"],
#leftSidebar input[type="password"],
#rightSidebar input[type="password"],
#leftSidebar input[type="email"],
#rightSidebar input[type="email"],
#leftSidebar select,
#rightSidebar select,
#leftSidebar textarea,
#rightSidebar textarea {
  background: #FFFFFF !important;
  color: #26384A !important;
  border: 1px solid #D2DCE7 !important;
  border-radius: 3px !important;
  padding: 5px 7px !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Label dan teks lain di panel sidebar */
#leftSidebar div.block label,
#rightSidebar div.block label,
#leftSidebar div.block,
#rightSidebar div.block {
  color: #FFFFFF !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px;
}

/* Link teks biasa yang tidak berada dalam daftar */
#leftSidebar div.block a,
#rightSidebar div.block a {
  color: #FFFFFF !important;
}
#leftSidebar div.block a:hover,
#rightSidebar div.block a:hover {
  color: #F4D36B !important;
}

/* Tombol di sidebar */
#leftSidebar input[type="submit"],
#rightSidebar input[type="submit"],
#leftSidebar input[type="button"],
#rightSidebar input[type="button"] {
  background: #1684D5 !important;
  color: #FFFFFF !important;
  border: 1px solid #1684D5 !important;
  border-radius: 3px !important;
  padding: 5px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* Responsif */
@media screen and (max-width: 700px) {
  #leftSidebar div.block,
  #rightSidebar div.block {
    margin-bottom: 12px !important;
  }
}
/* =========================================
   NAVBAR LITERASI - BIRU TUA
   HOME sampai INDEXING
   ========================================= */

/* Background keseluruhan navigasi */
#navbar,
#navbar ul,
#navbar ul li {
    background: #0B477B !important;
    background-color: #0B477B !important;
    background-image: none !important;
    border: none !important;
}

/* Kotak setiap menu */
#navbar ul li {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 1px solid rgba(255,255,255,0.18) !important;
}

/* Tulisan menu */
#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited {
    display: block !important;
    background: #0B477B !important;
    background-color: #0B477B !important;
    color: #FFFFFF !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    padding: 14px 17px !important;
    margin: 0 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    border: none !important;
    border-radius: 0 !important;
    text-shadow: none !important;
}

/* Efek ketika mouse diarahkan ke menu */
#navbar ul li a:hover,
#navbar ul li a:focus,
#navbar ul li.current a {
    background: #17649D !important;
    color: #FFFFFF !important;
}

/* Pastikan garis bawah dan tepi navbar juga biru */
#navbar {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    min-height: 46px !important;
}

/* Tampilan HP */
@media screen and (max-width: 700px) {
    #navbar ul li {
        display: inline-block !important;
    }

    #navbar ul li a {
        padding: 10px 12px !important;
        font-size: 12px !important;
    }
}
/* ==========================================
   1. NAVBAR — MENU SATU BARIS
   ========================================== */

#navbar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #0B477B !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    min-height: 42px !important;
}

#navbar ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #0B477B !important;
}

#navbar ul li {
    display: block !important;
    float: none !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0B477B !important;
    border-right: 1px solid rgba(255,255,255,.15) !important;
}

#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    background: #0B477B !important;
    color: #FFFFFF !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;

    border: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

#navbar ul li a:hover,
#navbar ul li a:focus,
#navbar ul li.current a {
    background: #17649D !important;
    color: #FFFFFF !important;
}


/* ==========================================
   2. BREADCRUMB — HOME > VOL 6, NO 2
   ========================================== */

#breadcrumb,
.breadcrumb {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;

    background: #FFFFFF !important;
    color: #536171 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;

    padding: 9px 12px !important;
    margin: 0 0 12px !important;

    border-bottom: 1px solid #E1E6ED !important;
}

#breadcrumb a,
.breadcrumb a {
    color: #0B477B !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

#breadcrumb a:hover,
.breadcrumb a:hover {
    color: #17649D !important;
}

/* ==========================================
   FOOTER — POSISI TENGAH DAN RATA KANAN
   ========================================== */

#footer,
#pageFooter,
#poweredby {
    display: block !important;

    width: 1080px !important;
    max-width: calc(100% - 30px) !important;

    box-sizing: border-box !important;

    margin-left: auto !important;
    margin-right: auto !important;

    background: #0B477B !important;
    background-color: #0B477B !important;
    background-image: none !important;

    color: #FFFFFF !important;

    border-top: 3px solid #17649D !important;
    border-bottom: none !important;

    padding: 20px 25px !important;

    text-align: right !important;
}

/* Tulisan Powered by OJS */
#footer a,
#pageFooter a,
#poweredby a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

#footer a:hover,
#pageFooter a:hover,
#poweredby a:hover {
    color: #F4D36B !important;
}

/* Tampilan HP */
@media screen and (max-width: 700px) {
    #footer,
    #pageFooter,
    #poweredby {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        text-align: center !important;
    }
}

/* ==========================================
   FINAL FIX NAVBAR LITERASI
   ========================================== */

/* Background navbar sampai sisi kanan sidebar */
#navbar {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;

    background: #0B477B !important;
    background-color: #0B477B !important;
    background-image: none !important;

    padding: 0 !important;
    margin: 0 !important;

    height: 46px !important;
    min-height: 46px !important;

    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 10 !important;
}

/* Perpanjangan warna biru sampai sisi kanan */
#navbar::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;

    width: 260px !important;
    height: 46px !important;

    background: #0B477B !important;
    z-index: -1 !important;
}

/* Daftar menu */
#navbar ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;

    width: auto !important;
    min-width: 100% !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;
    border: none !important;
}

/* Kotak menu mengikuti panjang tulisan */
#navbar ul li {
    display: block !important;
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Tulisan menu */
#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited {
    display: block !important;

    width: auto !important;
    height: 46px !important;
    line-height: 46px !important;

    padding: 0 15px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    background: #0B477B !important;
    background-image: none !important;

    color: #FFFFFF !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-decoration: none !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Hilangkan garis putih vertikal dan elemen dekoratif */
#navbar ul li::before,
#navbar ul li::after,
#navbar ul li a::before,
#navbar ul li a::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover */
#navbar ul li a:hover,
#navbar ul li a:focus,
#navbar ul li.current a {
    background: #17649D !important;
    color: #FFFFFF !important;
}

/* Tampilan layar kecil */
@media screen and (max-width: 900px) {
    #navbar {
        height: auto !important;
        min-height: 46px !important;
    }

    #navbar::after {
        display: none !important;
    }

    #navbar ul {
        flex-wrap: wrap !important;
        height: auto !important;
    }

    #navbar ul li a {
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
    }
}
/* ==========================================
   FINAL FIX NAVBAR LITERASI
   ========================================== */

/* Background navbar sampai sisi kanan sidebar */
#navbar {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;

    background: #0B477B !important;
    background-color: #0B477B !important;
    background-image: none !important;

    padding: 0 !important;
    margin: 0 !important;

    height: 46px !important;
    min-height: 46px !important;

    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 10 !important;
}

/* Perpanjangan warna biru sampai sisi kanan */
#navbar::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;

    width: 260px !important;
    height: 46px !important;

    background: #0B477B !important;
    z-index: -1 !important;
}

/* Daftar menu */
#navbar ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;

    width: auto !important;
    min-width: 100% !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;
    border: none !important;
}

/* Kotak menu mengikuti panjang tulisan */
#navbar ul li {
    display: block !important;
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Tulisan menu */
#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited {
    display: block !important;

    width: auto !important;
    height: 46px !important;
    line-height: 46px !important;

    padding: 0 15px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    background: #0B477B !important;
    background-image: none !important;

    color: #FFFFFF !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-decoration: none !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Hilangkan garis putih vertikal dan elemen dekoratif */
#navbar ul li::before,
#navbar ul li::after,
#navbar ul li a::before,
#navbar ul li a::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hover */
#navbar ul li a:hover,
#navbar ul li a:focus,
#navbar ul li.current a {
    background: #17649D !important;
    color: #FFFFFF !important;
}

/* Tampilan layar kecil */
@media screen and (max-width: 900px) {
    #navbar {
        height: auto !important;
        min-height: 46px !important;
    }

    #navbar::after {
        display: none !important;
    }

    #navbar ul {
        flex-wrap: wrap !important;
        height: auto !important;
    }

    #navbar ul li a {
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 12px !important;
        font-size: 11px !important;
    }
}
/* ==========================================
   FIX LEBAR NAVBAR AGAR SEJAJAR HEADER
   ========================================== */

#navbar {
    display: block !important;

    width: 1080px !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    background: #0B477B !important;
    background-color: #0B477B !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;
}

/* Hilangkan perpanjangan biru di sebelah kanan */
#navbar::after {
    display: none !important;
    content: none !important;
}

/* Menu tetap satu baris */
#navbar ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0B477B !important;
}

/* Kotak menu */
#navbar ul li {
    flex: 0 0 auto !important;
    background: #0B477B !important;
    border: none !important;
}

/* Tulisan menu */
#navbar ul li a {
    padding: 0 15px !important;
    height: 46px !important;
    line-height: 46px !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
    background: #0B477B !important;
}

/* Hover */
#navbar ul li a:hover {
    background: #17649D !important;
}
/* =====================================
   MAIN MENU — JEDA PUTIH ANTARMENU
   ===================================== */

/* Hilangkan background biru pada kotak induk */
#customblock-tools,
#customblock-tools.pkp_block,
#customblock-tools.block_custom {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Area pembungkus menu */
#customblock-tools .content {
    background: #FFFFFF !important;
    padding: 5px !important;
    margin: 0 !important;
}

/* Setiap kotak menu */
#customblock-tools .content > div {
    background: #0B477B !important;
    margin-bottom: 5px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    border: none !important;
}

/* Hilangkan margin pada menu terakhir */
#customblock-tools .content > div:last-child {
    margin-bottom: 0 !important;
}

/* Tulisan menu */
#customblock-tools .content > div a {
    display: block !important;
    padding: 10px 12px !important;
    color: #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Efek hover */
#customblock-tools .content > div:hover {
    background: #17649D !important;
}

#customblock-tools .content > div:hover a {
    background: #17649D !important;
    color: #FFFFFF !important;
}