.vertical-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}

.vertical-menu a {
background-color: #ebebeb; /* Warna pada bagian body menu */
color: black; /* Warna tulisan */
display: block;
padding: 12px;
text-decoration: none;
font-family: arial; /*Jenis font*/
border-bottom: 1px solid #24346c;
text-align: center;
}

.vertical-menu a:hover {
background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}

.vertical-menu a.active {
background-color: #FA9C1B; /* Warna pada header menu */
color: black; /*Warna font*/
font-family: arial; /*Jenis font*/
border-bottom: 4px solid #24346c;
font-weight: bold;
text-align: center;
padding: 12px;
}


.horizontal-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}

.horizontal-menu a {
background-color: #ebebeb; /* Warna pada bagian body menu */
color: black; /* Warna tulisan */
display: block;
padding: 12px;
text-decoration: none;
font-family: arial; /*Jenis font*/
border-bottom: 1px solid #24346c;
text-align: left;
}

.Horizontal-menu a:hover {
background-color: #ccc; /* Warna efek yang keluar ketika di arahkan mouse */
}

.horizontal-menu a.active {
background-color: #FA9C1B; /* Warna pada header menu */
color: black; /*Warna font*/
font-family: arial; /*Jenis font*/
border-bottom: 4px solid #24346c;
font-weight: bold;
text-align: left;
padding: 12px;
}

	.pkp_brand_footer {
		display: none;}

.__dimensions_Badge_Image {
    transform: scale(0.7); /* 0.5 artinya mengecilkan ukuran hingga 50% dari ukuran aslinya */
    transform-origin: left center; /* Menentukan titik tumpu pengecilan (bisa diganti center atau right sesuai posisi badge) */
}

/* Memaksa semua teks di dalam artikel pengumuman menjadi justify */
.obj_announcement_page .description,
.obj_announcement_summary .description,
.pkp_page_announcement .page,
.announcement-detail .description,
.pkp_structure_main .content,
.page_announcement .description {
    text-align: justify !important;
}

/* Memaksa tag paragraf di dalam pengumuman */
.obj_announcement_page .description p,
.obj_announcement_summary .description p,
.announcement-detail .description p,
.page_announcement .description p {
    text-align: justify !important;
}

.pkp_structure_page {
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important; /* Menghilangkan bayangan efek kotak di sisi luar */
    border: none !important;
    margin: 0 !important;
}
.obj_article_details .abstract {
text-align: justify;}

.obj_article_details .references{
text-align: justify;}

.homepage_about {
text-align: justify;}

.obj_article_summary {
    padding-bottom: 10px !important;
    border-bottom: solid 4px #24346c!important;
    font-size: 12px;
}
.obj_article_summary {
    box-shadow: 3px 3px 5px;
    padding: 20px;
    border-radius: 10px;
    background: #ebebeb;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
user agent stylesheet
li {
    text-align: -webkit-match-parent;
}
.pkp_unstyled_list, .cmp_article_list, .cmp_breadcrumbs ol, .cmp_announcements, .pkp_site_nav_menu ul, .pkp_page_index .journals ul, .page_catalog_category .subcategories ul, .page_issue_archive .issues_archive, .page_register .context_optin .contexts, .obj_article_details .authors, .obj_article_details .galleys_links, .obj_article_details .supplementary_galleys_links, .obj_article_summary .galleys_links, .obj_issue_toc .articles, .obj_issue_toc .galleys_links, .pkp_block .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
user agent stylesheet
ul {
    list-style-type: disc;
}
body {
    font-family: tahoma,geneva,sans-serif !important;
}
html, body {
    font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size: 14px;
    line-height: 1.43rem;
    color: rgba(0,0,0,0.87);
    background: #fff;
}
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
.obj_article_summary:before, .obj_article_summary:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.obj_article_summary:after {
    clear: both;
}
.obj_article_summary:before, .obj_article_summary:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 1. Mengubah background bar navigasi menjadi oranye (menyamakan dengan header) */
.pkp_site_nav_menu, .pkp_structure_navigation, 
.pkp_navigation_primary_wrapper, .pkp_navigation_primary_row,
.pkp_navigation_search_wrapper a {
    background-color: #FA9C1B!important; /* Kode warna oranye/kuning banner. Silakan ganti hex ini jika kurang pas */
    border-bottom: none !important;
    border-top: none !important;
}

/* 2. Mengubah warna teks menu utama menjadi HITAM */
.pkp_navigation_primary > li > a, 
.pkp_navigation_primary a,
.pkp_navigation_search_wrapper a {
    color: #000000 !important;
    font-weight: 600 !important; /* Membuat teks sedikit lebih tebal agar lebih kontras dan mudah dibaca */
}

/* 3. Mengatur tampilan tombol SEARCH di ujung kanan agar teksnya juga hitam */
.pkp_navigation_primary .pkp_navigation_search a {
    color: #000000 !important;
}

/* 4. Efek HOVER: Mengubah warna teks/background sedikit saat kursor diarahkan ke menu */
.pkp_navigation_primary > li > a:hover, 
.pkp_navigation_primary a:hover,
.pkp_navigation_search_wrapper a:hover {
    color: #222222 !important; /* Warna teks saat disorot kursor (hitam agak pudar) */
    background-color: #F7BC4A !important; /* Memberikan sedikit efek bayangan transparan saat menu disorot */
}