[source: 3].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);}
a { color: #307eff; }
.cmp_button_wire, .obj_galley_link { border: 1px solid #FFFFFF;  color: #0000; }
.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%; }

.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: #ffffff; 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 > li > a, .pkp_navigation_user > li.in_focus > a, .pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus { color: #fff; }

.pkp_navigation_primary_row {background: #fff !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: #000000 !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: #fff !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;}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt {font-family: Sunflower, helvetica, calibri; color: #FFFFFF !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 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%; }
}

.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: #02733f !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: #02733f !important; display: block; line-height: 40px; padding: 0 10px 0 20px; color: #FFFFFF;}
.pkp_block.block_make_submission .content {margin: 0 !important; padding: 0 !important; text-align: center !important}
.pkp_block.block_make_submission .content a { background: #02733f; 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: #333333}

.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;}
.sidebar-block{ background:#02733f; 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 {padding: 0px;}
.pkp_structure_footer .pkp_footer_content p {margin: 0}
.pkp_structure_footer .pkp_brand_footer {background: #144691; height: auto !important; padding: 0; display: none;}
.pkp_structure_footer .pkp_brand_footer img {width: 48px !important; height: auto;}
#footer1{background:linear-gradient(to right, #057642 , #c5dfd2); width:70%; float:left; padding:10px}
#footer2{background:linear-gradient(to right, #f8eee4 , #e08d2f); width:30%; float:left; padding:10px}

.cmp_button_wire, .obj_galley_link { border: 1px solid #fff;  color: #fff; }
.cmp_button_wire, .obj_galley_link {background: #0097b2 !important;}

/* ==========================================
   Membuat Teks Deskripsi OJS Rata Kanan-Kiri
   ========================================== */

.page_index_journal,
.page_index_journal .journal_description,
.homepage_about,
.cmp_text {
    text-align: justify !important;
    text-justify: inter-word;
}

.pkp_structure_main p {
    text-align: justify !important;
    text-justify: inter-word;
}


/* ==========================================================================
   DESAIN KARTU PROFIL (EDITOR IN CHIEF & EDITORIAL BOARD)
   ========================================================================== */

/* Judul Section (Garis Emas/Cokelat di Kiri) */
.editor-section-title {
    font-family: Sunflower, helvetica, calibri !important;
    color: #1f75cb !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-left: 4px solid #1f75cb !important;
    padding-left: 10px !important;
    margin: 20px 0 15px 0 !important;
    text-align: left !important;
}

/* Container Grid 2 Kolom untuk Editorial Board */
.editor-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
}

/* Otomatis Jadi 1 Kolom jika Dibuka dari HP */
@media (max-width: 600px) {
    .editor-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Kartu Profil Editor dengan Latar Belakang Oranye */
.editor-card {
    background: #ff9027 !important; /* Latar Belakang Oranye */
    border: 1px solid #ff9027 !important;
    border-radius: 12px !important;
    padding: 22px 15px !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 10px !important;
}

/* Foto Profil Bulat dengan Border Biru */
.editor-img {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 5px solid #1f75cb !important; /* Garis Lingkaran Biru */
    background-color: #ffffff !important;
    margin: 0 auto 12px auto !important;
    display: block !important;
}

/* Nama Editor */
.editor-name {
    font-family: Sunflower, helvetica, calibri !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #000000 !important;
    margin-bottom: 4px !important;
}

/* Afiliasi / Prodi / Keilmuan */
.editor-affiliation {
    font-family: Sunflower, helvetica, calibri !important;
    font-size: 12px !important;
    color: #000000 !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
    min-height: 32px !important;
}

/* Group Badge Tombol (Sinta & Scholar) */
.editor-badges {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

/* Ukuran Badge SINTA & SCHOLAR Diperbesar */
.badge-link {
    font-family: Sunflower, helvetica, calibri !important;
    background-color: #e8eff5 !important;
    color: #1f75cb !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important; /* Tombol Lebih Besar */
    border-radius: 6px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease !important;
}

.badge-link:hover {
    background-color: #1f75cb !important;
    color: #ffffff !important;
}