/* =========================================================
   EDUKASI: Jurnal Pendidikan — Custom Stylesheet
   Tema: Akademik Klasik (Navy + Emas)
   Untuk OJS 3.3 Default Theme
   Pasang di: Settings > Website > Appearance > Journal style sheet
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Source+Sans+3:wght@400;600;700&display=swap');

:root {
  --edu-navy: #0b2e59;
  --edu-navy-dark: #071f3d;
  --edu-gold: #c9a227;
  --edu-gold-soft: #f6efd9;
  --edu-text: #2b2f36;
  --edu-muted: #6b7280;
  --edu-border: #e3e6ea;
  --edu-bg: #f7f8fa;
}

/* ---------- Dasar ---------- */
body {
  background: var(--edu-bg);
  color: var(--edu-text);
  font-family: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
}
h1, h2, h3, h4,
.page_title, .obj_article_details .page_title,
.obj_issue_toc .sections h2 {
  font-family: 'Merriweather', Georgia, serif;
  color: var(--edu-navy);
}
a { color: var(--edu-navy); }
a:hover, a:focus { color: var(--edu-gold); }

.pkp_structure_page {
  background: #fff;
  box-shadow: 0 0 24px rgba(11, 46, 89, .08);
  margin-top: 0;
}

/* ---------- Header ---------- */
.pkp_structure_head {
  background: var(--edu-navy);
  border-bottom: 4px solid var(--edu-gold);
}
.pkp_head_wrapper { padding-top: 0; }
.pkp_site_name_wrapper { padding: 0; }
.pkp_site_name { padding: 0; margin: 0; }
.pkp_site_name .is_img img {
  max-height: none;
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- Navigasi utama ---------- */
.pkp_navigation_primary_row {
  background: var(--edu-navy-dark);
}
.pkp_navigation_primary_wrapper { padding: 0 1rem; }
.pkp_navigation_primary > li > a {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 13px;
  padding: 14px 12px;
  margin: 0;
  border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--edu-gold);
  border-bottom-color: var(--edu-gold);
  text-decoration: none;
}
.pkp_navigation_primary ul {
  border-top: 3px solid var(--edu-gold);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
.pkp_navigation_primary ul a { color: var(--edu-navy); }
.pkp_navigation_primary ul a:hover { background: var(--edu-gold-soft); }
.pkp_navigation_search_wrapper a { color: #fff; }
.pkp_navigation_search_wrapper a:hover { color: var(--edu-gold); border-color: var(--edu-gold); }

/* Menu Login/Register */
.pkp_navigation_user_wrapper { background: transparent; }
.pkp_navigation_user > li > a { color: #dbe4f0; }
.pkp_navigation_user > li > a:hover { color: var(--edu-gold); }

/* ---------- Konten ---------- */
.pkp_structure_main::before,
.pkp_structure_main::after { background: var(--edu-border); }
.pkp_structure_main h2, .pkp_structure_main h3 { line-height: 1.35; }

.page_title, .cmp_breadcrumbs + h1 {
  border-left: 5px solid var(--edu-gold);
  padding-left: 12px;
}

/* Isu terkini & daftar artikel */
.obj_issue_toc .heading .cover img { border: 1px solid var(--edu-border); box-shadow: 0 4px 14px rgba(0,0,0,.1); }
.obj_issue_toc .sections h2 {
  font-size: 1.05rem;
  background: var(--edu-navy);
  color: #fff;
  padding: 8px 14px;
  border-radius: 3px;
}
.obj_article_summary {
  padding: 14px 16px;
  border: 1px solid var(--edu-border);
  border-left: 4px solid var(--edu-navy);
  border-radius: 4px;
  margin-bottom: 14px;
  transition: border-color .2s, box-shadow .2s;
}
.obj_article_summary:hover {
  border-left-color: var(--edu-gold);
  box-shadow: 0 4px 14px rgba(11,46,89,.08);
}
.obj_article_summary .title a { font-family: 'Merriweather', Georgia, serif; font-weight: 700; color: var(--edu-navy); }
.obj_article_summary .authors { color: var(--edu-muted); font-style: italic; }

/* Tombol galley PDF/HTML */
.obj_galley_link,
.cmp_button, .cmp_button_wire,
.block_make_submission a {
  background: var(--edu-navy);
  color: #fff !important;
  border: 1px solid var(--edu-navy);
  border-radius: 3px;
  font-weight: 600;
  box-shadow: none;
}
.obj_galley_link:hover, .cmp_button:hover, .cmp_button_wire:hover,
.block_make_submission a:hover {
  background: var(--edu-gold);
  border-color: var(--edu-gold);
  color: var(--edu-navy-dark) !important;
}
.obj_galley_link.pdf::before { color: inherit; }

/* Halaman detail artikel */
.obj_article_details .item .label,
.obj_article_details .entry_details .item .label {
  font-family: 'Source Sans 3', sans-serif;
  color: var(--edu-navy);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 12px;
}
.obj_article_details .abstract { text-align: justify; }

/* Pengumuman */
.cmp_announcements > li, .obj_announcement_summary {
  border-left: 4px solid var(--edu-gold);
  background: var(--edu-gold-soft);
  padding: 12px 16px;
  border-radius: 3px;
}

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar .pkp_block {
  padding: 0;
  margin: 0 0 22px;
  border: 1px solid var(--edu-border);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.pkp_block .title, .pkp_block .block_title {
  display: block;
  background: var(--edu-navy);
  color: #fff;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 10px 14px;
  margin: 0;
  border-bottom: 3px solid var(--edu-gold);
}
.pkp_block .content { padding: 12px 14px; }

/* Menu cepat (lihat blok sidebar) */
.edu-menu { list-style: none; margin: 0; padding: 0; }
.edu-menu li { border-bottom: 1px solid var(--edu-border); }
.edu-menu li:last-child { border-bottom: 0; }
.edu-menu a {
  display: block;
  padding: 8px 4px 8px 14px;
  color: var(--edu-text);
  text-decoration: none;
  position: relative;
  transition: all .15s;
}
.edu-menu a::before {
  content: "›";
  position: absolute; left: 2px;
  color: var(--edu-gold); font-weight: 700;
}
.edu-menu a:hover { background: var(--edu-gold-soft); color: var(--edu-navy); padding-left: 18px; }

.edu-btn {
  display: block; text-align: center;
  background: var(--edu-gold); color: var(--edu-navy-dark) !important;
  font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  padding: 12px; border-radius: 3px; text-decoration: none;
}
.edu-btn:hover { background: var(--edu-navy); color: #fff !important; }
.edu-btn.alt { background: var(--edu-navy); color: #fff !important; margin-top: 8px; }
.edu-btn.alt:hover { background: var(--edu-gold); color: var(--edu-navy-dark) !important; }

.edu-badges { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.edu-badge {
  display: flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 6px;
  border: 1px solid var(--edu-border); border-radius: 4px;
  font-weight: 700; font-size: 13px; color: var(--edu-navy);
  text-decoration: none; text-align: center; background: #fff;
}
.edu-badge img { max-width: 100%; height: auto; max-height: 52px; display: block; }
.edu-badge.sinta img { max-height: 90px; }
.edu-badge:hover { border-color: var(--edu-gold); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.edu-badge.sinta { grid-column: 1 / -1; border: 2px solid var(--edu-gold); }

.edu-info { font-size: 14px; }
.edu-info dt { color: var(--edu-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; margin-top: 8px; }
.edu-info dd { margin: 0; font-weight: 600; color: var(--edu-navy); }

/* ---------- Beranda (Additional Content) ---------- */
.edu-hero {
  background: linear-gradient(135deg, var(--edu-navy) 0%, #164a85 100%);
  color: #fff; border-radius: 6px; padding: 24px 26px; margin-bottom: 22px;
  border-bottom: 4px solid var(--edu-gold);
}
.edu-hero h2 { color: #fff; margin: 0 0 8px; font-size: 1.4rem; }
.edu-hero p { margin: 0; color: #dbe4f0; text-align: justify; }
.edu-hero .edu-tag {
  display: inline-block; background: var(--edu-gold); color: var(--edu-navy-dark);
  font-weight: 700; font-size: 12px; padding: 3px 10px; border-radius: 20px;
  margin-bottom: 10px; letter-spacing: .04em;
}
.edu-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin: 0 0 22px; }
.edu-meta div {
  border: 1px solid var(--edu-border); border-top: 3px solid var(--edu-gold);
  border-radius: 4px; padding: 10px 12px; background: #fff;
}
.edu-meta span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--edu-muted); }
.edu-meta strong { color: var(--edu-navy); font-size: 15px; }
.edu-scope { list-style: none; padding: 0; margin: 0 0 22px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.edu-scope li {
  background: var(--edu-bg); border-left: 4px solid var(--edu-navy);
  padding: 10px 12px; border-radius: 3px; font-weight: 600;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: var(--edu-navy-dark);
  border-top: 4px solid var(--edu-gold);
  color: #c9d3e0;
}
.pkp_structure_footer_wrapper a { color: var(--edu-gold); }
.pkp_structure_footer_wrapper a:hover { color: #fff; }
.pkp_footer_content { padding: 28px 1rem; }
.pkp_brand_footer { background: transparent; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .6; }

/* ---------- Penimpa warna bawaan tema (hasil uji di situs) ---------- */
.pkp_structure_head .pkp_site_name_wrapper { background: transparent !important; }
.pkp_site_nav_menu { background: var(--edu-navy-dark); }
#navigationPrimary > li > a { color: #fff; }
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus { color: var(--edu-gold); }
#navigationPrimary ul a { color: var(--edu-navy); }
#navigationPrimary ul a:hover, #navigationPrimary ul a:focus { color: var(--edu-navy); background: var(--edu-gold-soft); }
.pkp_navigation_user > li > a, .pkp_navigation_search_wrapper a { color: #fff; }
.pkp_navigation_user > li > a:focus, .pkp_navigation_search_wrapper a:focus { color: var(--edu-gold); }
.pkp_navigation_user > li > a .task_count { background: var(--edu-gold); color: var(--edu-navy-dark); }
.pkp_navigation_user ul a { color: var(--edu-navy); }

/* ---------- Ukuran gambar beranda (proporsional) ---------- */
.homepage_image { text-align: center; margin-bottom: 1.5rem; }
.homepage_image img { width: auto !important; max-width: min(100%, 300px); max-height: 300px; height: auto; display: block; margin: 0 auto; }
.additional_content img { max-width: min(100%, 240px); height: auto; }

/* ---------- Daftar Isi (TOC) dengan ikon ---------- */
.obj_article_summary { position: relative; padding-right: 110px; }
.obj_article_summary .title a { line-height: 1.4; }
.obj_article_summary .meta { margin-top: 6px; position: static; }
.obj_article_summary > .title { padding-right: 0; margin-right: 0; }
.obj_article_summary .authors {
  position: relative; padding-left: 26px; font-style: italic; color: var(--edu-text); font-size: 14px;
}
.obj_article_summary .authors::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Ccircle cx='15.5' cy='6' r='4' fill='%23c9a227'/%3E%3Cpath d='M8 21c0-4.4 3.4-8 7.5-8s7.5 3.6 7.5 8z' fill='%23c9a227'/%3E%3Ccircle cx='8.5' cy='7.5' r='4' fill='%230b2e59' stroke='%23fff' stroke-width='1.2'/%3E%3Cpath d='M1 21.5c0-4.4 3.4-8 7.5-8s7.5 3.6 7.5 8z' fill='%230b2e59' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center / contain;
}
.obj_article_summary .pages {
  position: absolute; top: 14px; right: 16px; margin: 0;
  display: inline-flex; align-items: center; gap: 6px;
  font-weight: 600; color: var(--edu-navy); font-size: 14px; white-space: nowrap;
}
.obj_article_summary .pages::before {
  content: ""; width: 16px; height: 16px; flex: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a227' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h7a3 3 0 0 1 3 3v14a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M22 4h-7a3 3 0 0 0-3 3v14a2 2 0 0 1 2-2h8z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.obj_article_summary .galleys_links { margin-top: 10px; }
.obj_article_summary .obj_galley_link.pdf {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff; color: #c0392b !important; border: 1px solid #e3b7b2;
  padding: 4px 12px 4px 8px; font-size: 13px; font-weight: 700;
}
.obj_article_summary .obj_galley_link.pdf::before {
  content: "" !important; font-family: inherit; width: 18px; height: 20px; margin: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M2 1h11l5 5v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z' fill='%23fff' stroke='%23c0392b' stroke-width='1.5'/%3E%3Cpath d='M13 1v5h5' fill='none' stroke='%23c0392b' stroke-width='1.5'/%3E%3Crect x='0' y='12' width='16' height='7' rx='1' fill='%23c0392b'/%3E%3Ctext x='8' y='17.6' font-family='Arial' font-size='5.5' font-weight='700' fill='%23fff' text-anchor='middle'%3EPDF%3C/text%3E%3C/svg%3E") no-repeat center / contain;
}
.obj_article_summary .obj_galley_link.pdf:hover { background: #c0392b; color: #fff !important; border-color: #c0392b; }
@media (max-width: 600px) {
  .obj_article_summary { padding-right: 16px; }
  .obj_article_summary .pages { position: static; margin-top: 6px; }
}

/* ---------- Responsif ---------- */
@media (max-width: 991px) {
  .pkp_site_nav_toggle { background: var(--edu-gold); color: var(--edu-navy-dark); }
  .pkp_site_nav_menu { background: var(--edu-navy-dark); }
  .pkp_navigation_primary_row { background: transparent; }
  .edu-badges { grid-template-columns: 1fr 1fr 1fr; }
}


/* ===== CADANGAN CSS LAMA (nonaktif, disimpan 2026-10-20) =====
html,body {  
    background-image: url("https://jejakdosen.com/wp-content/uploads/2024/12/motif.jpg");  
  }

  .pkp_navigation_primary_row {background: #1a2f4b  !important} /*warna background header menu bar atas * /.pkp_navigation_primary_row {background: #1a2f4b  !important} /*warna background header menu bar atas * /
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {padding: 0 !important;margin: 0 !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {margin: 0 !important; padding: 0 10px !important; line-height: 40px !important; }
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #1a2f4b  !important; font-weight: normal !important}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(0,0,0,.3) !important}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {border-radius: 0 !important; -webkit-border-radius: 0 !important; -o-border-radius: 0 !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul { background: #dabc8d !important} /*warna background sub menu * /
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgba(255,255,255,.35) !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important;}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li, .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {font-family:Sunflower, helvetica, calibri; color: #ffffff !important; font-weight: normal !important}
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: Sunflower, helvetica, calibri; color: #FFFFFF;}
  .pkp_structure_content {
    background: #ffff;
  }

  .pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}
  .pkp_block.block_make_submission .content a { background: #1a2f4b ; line-height: 40px; font-family : Sunflower, helvetica, calibri; color: #FFFFFF}
  .pkp_block.block_make_submission .content a:hover { background: rgba(0,0,0,0.25) !important;  color: #1a2f4b }

.pkp_structure_footer .pkp_footer_content {background: #1a2f4b ; padding: 10px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #1a2f4b ; height: auto !important; padding: 0;} /*warna background Footer * /
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}

.pkp_structure_footer .pkp_footer_content img {width: 88px; height:31px;}
.pkp_structure_footer .pkp_footer_content div.logo img{width: 65px; height:65px;}
.pkp_structure_footer .pkp_footer_content div.logo2 img{width: 88px; height:31px;}

/* Judul artikel di detail * /
.page_title {
    color: #1a2f4b ;
}

/* ==================================
   EDITORIAL TEAM - EDUKASI
================================== * /

/* Halaman Editorial Team * /
.page_about .page_title{
    background:#1a2f4b;
    color:#fff;
    padding:15px 20px;
    border-radius:8px;
    text-align:center;
    margin-bottom:25px;
}

.editor-card,
.editorial-card,
.team-member {
    transition: all .3s ease;
}

.editor-card:hover,
.editorial-card:hover,
.team-member:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,.12);
}

/* Judul Section * /
.page_about h2,
.page_about h3,
.page_about h4{
    background:#1a2f4b;
    color:#fff !important;
    padding:12px 15px;
    border-left:5px solid #E58013;
    border-radius:5px;
    margin-top:25px;
    margin-bottom:15px;
    font-size:18px;
}

/* Item Editorial Team * /
.page_about ul{
    list-style:none;
    padding:0;
}

.page_about ul li{
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-left:5px solid #E58013;
    padding:15px;
    margin-bottom:12px;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

/* Hover * /
.page_about ul li:hover{
    transform:translateY(-3px);
    box-shadow:0 5px 15px rgba(0,0,0,0.12);
}

/* Nama * /
.page_about ul li strong{
    color:#1a2f4b;
    font-size:16px;
    display:block;
    margin-bottom:5px;
}

/* Institusi * /
.page_about ul li em{
    font-style:normal;
    color:#666;
}

/* Link * /
.page_about ul li a{
    color:#E58013;
    font-weight:bold;
}

.page_about ul li a:hover{
    color:#1a2f4b;
}
/* nama penulis pada detail * /
.name {
    color: #1a2f4b ;
}

.pkp_block .title {
    display: block;
    padding: 10px;
    text-align: left;
    background-color: #1a2f4b ;
    color: white;
    font-weight: bold;
}

/* Untuk teks "Search" di navigasi * /
.pkp_navigation_search_wrapper .pkp_search {
    color: #Ffffff; /* Ganti dengan kode warna HEX yang Anda inginkan (misal: #FF0000 untuk merah) * /
}

/* Jika Anda ingin juga mengubah warna ikon pencarian (fa fa-search) * /
.pkp_navigation_search_wrapper .pkp_search .fa-search {
    color: #Ffffff; /* Ganti dengan kode warna HEX yang Anda inginkan * /
}

/* Pastikan warna link saat di-hover juga diatur jika diperlukan * /
.pkp_navigation_search_wrapper .pkp_search:hover {
    color: #e3dede; /* Warna saat di-hover (misal: biru) * /
}

  /* rata kiri kanan abstract * /
.obj_article_details .abstract {
    text-align: justify;
  }

/* untuk daftar artikel * /
a {
    color: #1a2f4b ;
}

a:hover {
    color: #E58013;
}

.cmp_button_wire,
.obj_galley_link {
    background: #1a2f4b;
    border: none;
    color: white;
    border-radius: 4px;
    padding: 8px 15px;
    transition: .3s;
}

.cmp_button_wire:hover,
.obj_galley_link:hover {
    background: #E58013;
    color: white;
}

.obj_article_summary .title a {
    color: #1a2f4b;
    font-size: 20px;
    font-weight: 700;
}

.obj_article_summary .title a:hover {
    color: #E58013;
}

.obj_issue_summary {
    background:#fff;
    border:1px solid #ddd;
    border-radius:8px;
    padding:15px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* header * /
.pkp_site_name {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pkp_site_name>a {
    padding-top: 0;
    padding-bottom: 0;
}

.pkp_site_name .is_img img {
    max-height: 200px !important;
}

.pkp_site_name_wrapper {
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pkp_navigation_user_wrapper {
    top: 0;
    right: 0;
    padding-right: 30px;
}

.pkp_structure_page {
    margin-top: 20px !important;
    margin-bottom: 20 !important;
    padding-bottom: 20 !important;
}
/* Warna register dan Login* /

.pkp_navigation_user.pkp_nav_list .profile a {
  /*  border-radius: 15px !important;* /
    padding-left: 10px;
    padding-right: 5px;
}
.profile a {
    background: #1a2f4b !important;
    color: #ffffff !important
}

/* Menu Side Bar  Menu Head* /

.head-menu {
    border-bottom: 3px #1a2f4b  solid;
    height: 50px;
}

.head-menu a {
    display: block;
    padding: 10px;
    text-align: left;
    background-color: #1a2f4b ;
    color: white;
    font-weight: bold;
}

.menu-sidebar {
    font: bold 12px arial, verdana, sans-serif;
}

.menu-sidebar li a {
    text-decoration: none;
    color: #333;
    display: block;
    background: #ffffff;
    padding: 12px;
    margin-bottom: 5px;
    border-left: 4px solid #1a2f4b;
    transition: all .3s ease;
}

.menu-sidebar li a:hover {
    background: #1a2f4b;
    color: #ffffff;
    padding-left: 18px;
    border-left: 4px solid #E58013;
}

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

.menu-sidebar ul ul {
    position: absolute;
    top: 75px;
    left: 135px;
    visibility: hidden;
}

.menu-sidebar ul li:hover ul {
    visibility: visible;
}

/*==================================================
CALL FOR PAPERS
==================================================* /

.cfp-box{
    margin:20px 0;
    }
    
    .cfp-banner{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:30px;
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-radius:8px;
    padding:25px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    margin-bottom:25px;
    }
    
    .cfp-cover{
    flex:0 0 180px;
    }
    
    .cfp-cover img{
    width:180px;
    display:block;
    border-radius:6px;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    }
    
    .cfp-info{
    flex:1;
    }
    
    .cfp-info h1{
    margin:0;
    color:#1a2f4b;
    font-size:34px;
    }
    
    .cfp-info h2{
    margin:5px 0;
    color:#E58013;
    font-size:28px;
    }
    
    .cfp-volume{
    font-weight:bold;
    color:#555;
    margin-bottom:15px;
    }
    
    .cfp-row{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:20px;
    }
    
    .cfp-card{
    flex:1;
    min-width:280px;
    background:#fff;
    border-left:5px solid #E58013;
    border-radius:8px;
    padding:20px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    transition:.3s;
    }
    
    .cfp-card:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 16px rgba(0,0,0,.15);
    }
    
    .cfp-card h3{
    margin-top:0;
    margin-bottom:15px;
    color:#1a2f4b;
    font-size:20px;
    }
    
    .cfp-card ul{
    margin:0;
    padding-left:20px;
    }
    
    .cfp-card li{
    margin-bottom:8px;
    }
    
    @media(max-width:768px){
    
    .cfp-banner{
    display:block;
    text-align:center;
    }
    
    .cfp-cover{
    margin-bottom:20px;
    }
    
    .cfp-row{
    display:block;
    }
    
    .cfp-card{
    margin-bottom:20px;
    }
    
    }

/* Menu Lain * /
/* .kepala {
    color: #ffffff;
    background: #075C07;
    padding: 10px;
    font-family: arial;
    line-height: 23px;
    border-bottom: 4px solid white;
    font-weight: bold;
    text-align: center;
} * /

.badan a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid white;
    background: #F8F8F8;
    text-align: center;
    transition: 0.5s;
    color: black;

}

.badan {
    margin-top: -15px;
}


.badan a:hover {
    color: black !important;
    font-weight: bold;
    box-shadow: gray 0px 5px 10px 0px;
    display: fixed;
    position: relative
}

/* Memperkecil Homepage Image * /
.pkp_page_index .homepage_image img {
    width: auto !important;
    max-width: 350px !important;
    height: auto !important;
    display: block;
    margin: 20px auto;
}

/* Custom, iPhone Retina * / 
    @media only screen and (min-width : 320px) {
        .pkp_site_name .is_img img {
    		display: inline-block;
    		max-height: 100%;
    		max-width: 80%;
    		width: auto;
    		height: auto;
	}
    }

    /* Extra Small Devices, Phones * / 
    @media only screen and (min-width : 480px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 80% !important;
	}
    }

    /* Small Devices, Tablets * /
    @media only screen and (min-width : 768px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 100% !important;
	}
    }

    /* Medium Devices, Desktops * /
    @media only screen and (min-width : 992px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 100% !important;
	}
    }

    /* Large Devices, Wide Screens * /
    @media only screen and (min-width : 1200px) {
	.pkp_site_name .is_img img {
    		max-height: 100% !important;
   		max-width: 100% !important;
	}
    }

===== AKHIR CADANGAN ===== */