@import url('https://fonts.googleapis.com/css?family=Sunflower:300');

.journals ul .body .description a {display: inline;}

html, body, * {font-family: Sunflower, helvetica, calibri;}
body {background-image: url(https://anwardani.github.io/css-ojs3/noisy_grid.png);}

/* ===== HEADER / LOGO (dasar) ===== */
.pkp_site_name {margin: 0;}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0; margin: 0;}
.pkp_site_name .is_img img {max-height: 100%; max-width: 100%;}

/* ===== USER NAV (dasar) ===== */
.pkp_navigation_user_wrapper {top: 0; right: 0; padding: 0;}
.pkp_navigation_user_wrapper .pkp_navigation_user {font-family: Sunflower, helvetica, calibri; font-weight: normal;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile {font-family: Sunflower, helvetica, calibri; background: #398794; color: #fff;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a {font-family: Sunflower, helvetica, calibri; font-weight: normal !important; padding-right: 10px; color: #fff;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu {border-radius: 0 !important;}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu > li > a {font-family: Sunflower, helvetica, calibri; font-weight: normal !important;}
.pkp_navigation_user {background: #398794; border-bottom: 2px solid #fff;}
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {color: #fff;}

/* ===== PRIMARY NAV (dasar) ===== */
.pkp_navigation_primary_row {background: #398794 !important;}
.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: #fff !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: #398794 !important;}
.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;}

/* ===== PAGE LAYOUT ===== */
.pkp_structure_page {margin: auto; width: 1162px; padding-bottom: 0 !important; border-left: 1px solid gray; border-right: 1px solid gray; background: #fff;}
.pkp_structure_content {padding-top: 0;}
.pkp_structure_sidebar .pkp_block .title {font-family: Sunflower, helvetica, calibri;}
h1,h2,h3,h4,h5,h6 {font-family: Sunflower, helvetica, calibri;}

@media (max-width: 1000px) {
  .pkp_structure_page {margin: auto; width: 100%;}
}

/* ===== SIDEBAR MENU ===== */
.pkp_block {margin: 0 !important;}
#customblock-Sidebar_menu.pkp_block {margin: 0 !important; padding: 0 !important;}
#customblock-Sidebar_menu.pkp_block ul,
#customblock-Sidebar_menu.pkp_block ul li {margin: 0 !important; padding: 0 !important; list-style: none;}
#customblock-Sidebar_menu.pkp_block ul li {background: #398794 !important; border-bottom: solid 1px rgba(255,255,255,.4);}
#customblock-Sidebar_menu.pkp_block ul li:last-child {border-bottom: none;}
#customblock-Sidebar_menu.pkp_block ul li a {background: #398794 !important; display: block; line-height: 40px; padding: 0 10px 0 20px; color: #fff;}

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

/* ===== ARTICLE ICONS ===== */
.obj_article_summary .item.doi .label {
  background: url(/public/journals/8/images/icon-doi.png) left center no-repeat;
  width: 25px !important; height: 24px !important;
  color: transparent; text-indent: 100%;
  white-space: nowrap; overflow: hidden;
}
.obj_article_summary .item.stats .abstract, .obj_article_summary .item.stats .galley {position: relative;}
.obj_article_summary .item.stats .abstract {margin-left: 20px; margin-right: 10px;}
.obj_article_summary .item.stats .galley {margin-left: 25px;}
.obj_article_summary .item.stats .abstract:before {content: "\f080"; font-family: FontAwesome; left: -15px; position: absolute; top: 0;}
.obj_article_summary .item.stats .galley:before {content: "\f1c1"; font-family: FontAwesome; left: -15px; position: absolute; top: 0;}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper{border-bottom: none !important;}
.pkp_block {padding: 15px 10px;}

#customblock-Tools .content>.content div{width: 80% !important; margin: auto;}
#customblock-Tools .content>.content div a img{width: 100% !important;}
#customblock-Visitor_statistics .content>.content .supercounter,
#customblock-Visitor_statistics .content>.content .statcounter {text-align: center;}
.sidebar-block{background: #398794; padding: 5px 2px 5px 10px; color: #fff; margin: 10px -10px;}

.cmp_announcements .obj_announcement_summary.full_width {width: 100% !important;}
.cmp_announcements .obj_announcement_summary .summary p {line-height: 1.3em; margin-top: 0 !important; margin-bottom: 1em !important;}

.pkp_structure_footer .pkp_footer_content {background: #74c2cf; padding: 10px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0;}

/* ===================================================================== */
/* ======================= OVERRIDE FINAL =============================== */
/* ===================================================================== */

/* 1) Menu jadi abu-abu gelap */
:root{
  --menu-bg: #3b3b3b;
  --menu-bg-hover: #2f2f2f;
  --menu-border: rgba(255,255,255,.25);
}

.pkp_navigation_user,
.pkp_navigation_primary_row,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
#customblock-Sidebar_menu.pkp_block ul li,
#customblock-Sidebar_menu.pkp_block ul li a,
.sidebar-block,
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile{
  background: var(--menu-bg) !important;
}

#customblock-Sidebar_menu.pkp_block ul li{
  border-bottom: 1px solid var(--menu-border) !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
#customblock-Sidebar_menu.pkp_block ul li a:hover{
  background: var(--menu-bg-hover) !important;
}

/* 2) Hilangkan ruang kosong (rapat) */
.pkp_navigation_user_wrapper,
.pkp_navigation_user_wrapper .pkp_navigation_user,
.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper,
.pkp_site_name_wrapper{
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_navigation_primary_row{ margin-top: 0 !important; }

/* 3) Header pas mengikuti gambar headerpageHeaderLogoImage_en.png */
.pkp_site_name,
.pkp_site_name > a{
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_site_name > a{
  display: block !important;
  line-height: 0 !important;
}
.pkp_site_name .is_img img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
}

/* 4) SEARCH (sesuai HTML kamu) jadi PUTIH + icon putih */
.pkp_navigation_search_wrapper a.pkp_search,
.pkp_navigation_search_wrapper a.pkp_search:link,
.pkp_navigation_search_wrapper a.pkp_search:visited,
.pkp_navigation_search_wrapper a.pkp_search:hover,
.pkp_navigation_search_wrapper a.pkp_search:focus,
.pkp_navigation_search_wrapper a.pkp_search:active{
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;

  display: inline-block !important;
  line-height: 40px !important;
  padding: 0 10px !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
}

/* icon FontAwesome ikut putih */
.pkp_navigation_search_wrapper a.pkp_search .fa,
.pkp_navigation_search_wrapper a.pkp_search .fa:before{
  color: #fff !important;
}

/* hover sama seperti menu lain */
.pkp_navigation_search_wrapper a.pkp_search:hover,
.pkp_navigation_search_wrapper a.pkp_search:focus{
  background: rgba(0,0,0,.3) !important;
}

/* 5) Hilangkan logo/brand OJS di footer */
.pkp_structure_footer .pkp_brand_footer{
  display: none !important;
}