/* Versi: DodgerBlue — menggantikan warna oranye dan aksen lain */

.navbar-brand {
  height: 322px;
}
.journals ul .body .description a {display: inline;}

@import url('https://fonts.googleapis.com/css?family=Sunflower:300');
html, body, * {font-family: 'Sunflower', helvetica, calibri; }
body {background-image: url(https://anwardani.github.io/css-ojs3/noisy_grid.png);}

.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%; }

/* Warna utama: DodgerBlue */
:root{
  --blue-dark: #1b328d; /* warna utama DodgerBlue */
  --blue-mid:  #2d4db3; /* hover / aksen */
  --blue-light: #5c72c7; /* aksen ringan */
  --blue-contrast: #FFFFFF; /* teks di atas biru */
}

.pkp_navigation_user_wrapper {top: 0; right: 0; padding:0; border-bottom: 2px solid var(--blue-dark);}
.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: var(--blue-dark); color:var(--blue-contrast)}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a { font-family: 'Sunflower', helvetica, calibri ; font-weight: normal !important; padding-right: 10px; color:var(--blue-contrast)}
.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: var(--blue-dark); }
.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: var(--blue-contrast); }

.pkp_navigation_primary_row {background: var(--blue-dark) !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: var(--blue-contrast) !important; font-weight: normal !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {background: rgba(51,153,255,0.12) !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: var(--blue-mid) !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: solid 1px rgba(255,255,255,.08) !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 .pkp_search .search_controls a.headerSearchPrompt.search_prompt {font-family: 'Sunflower', helvetica, calibri; color: var(--blue-contrast) !important}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {font-family: 'Sunflower', helvetica, calibri;}

.pkp_structure_page {margin:auto; width: 1162px; padding-bottom: 0 !important; border-left: 1px solid rgba(27,50,141,0.15); border-right: 1px solid rgba(27,50,141,0.15); background: #FFFFFF; }
.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;}


.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; }

.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;}

.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: var(--blue-mid); padding: 10px !important;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: var(--blue-dark); height: auto !important; padding: 0;}
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}

/* Menu Tambahan Kanan */

.hoverTable{
    width:100%;
    border-collapse:collapse; 
}

.hoverTable th{
    height:30px; background: var(--blue-dark); color:var(--blue-contrast);
}

.hoverTable td{ 
    height:30px; padding-top:3px;vertical-align:middle; 
    border-bottom:1px solid rgba(27,50,141,0.08);
    text-align:center;
}

.hoverTable td a{
    width:100%;display:block;
}

/* warna latar setiap baris tabel dan warna tulisan */
.hoverTable tr{
    background: var(--blue-mid); color:var(--blue-contrast);
}

/* warna ketika dilewati mouse */
.hoverTable tr:hover {
    background-color: var(--blue-light);
}

.hoverTable a {
    color:var(--blue-contrast);
}

.hoverTable a:hover {
    color:var(--blue-dark);
}

.pkp_structure_sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pkp_structure_sidebar .pkp_block {
    width: 100%;
}

.pkp_structure_sidebar .pkp_block_language {
    width: 48%;
    order: 1;
    box-sizing: border-box;
}

.pkp_structure_sidebar #customblock-Sinta,
.pkp_structure_sidebar #customblock-sinta {
    width: 48%;
    order: 2;
    box-sizing: border-box;
}