@charset "UTF-8";
/* ==========================================================================
   JUKTISI - Custom Stylesheet (OJS 3.3.0.22, Default Theme)
   Diperbarui: 2026-11-03
   Catatan:
   - Font Awesome 4 sudah dimuat oleh OJS (lib/pkp/styles/fontawesome),
     jadi @import maxcdn dihapus (sebelumnya juga tidak aktif karena
     @import tidak berada di awal file).
   - Aturan duplikat digabung; hasil tampilan dipertahankan.
   ========================================================================== */

:root {
	--jk-primary: #3E4095;
	--jk-accent: #FF9600;
	--jk-soft: #DEE6EB;
	--jk-soft-2: #F2F4F6;
	--jk-text: #333333;
	--jk-muted: #495464;
	--jk-metric-bg: #dce7ec;
	--jk-metric-text: #0074ad;
	--jk-shadow: 0 0 5px 0.5px rgba(103,104,107,0.34);
}

/* ======================= GLOBAL ======================= */

a {
	color: var(--jk-primary);
	text-decoration: none;
}

a:hover {
	color: var(--jk-accent);
	text-decoration: underline;
	text-shadow: 1px 1px #b5b2b291;
}

a:focus-visible {
	outline: 2px solid var(--jk-accent);
	outline-offset: 2px;
}

.pkp_structure_page {
	margin: 0 auto;
	box-shadow: none;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

/* ======================= AIM & SCOPE COLUMNS ======================= */

.aimcolumn {
	float: left;
	box-sizing: border-box;
}

.aimleft {
	width: 25%;
	padding: 30px 20px 0 10px;
	background: #fff;
}

.aimright {
	width: 74%;
	height: auto;
	padding: 10px 20px 10px 35px;
	background-color: var(--jk-soft);
}

@media screen and (max-width: 600px) {
	.aimcolumn {
		width: 100%;
	}
	.aimleft {
		padding-top: 10px;
	}
}

/* ======================= EDITORIAL BOARD ======================= */

.editorial-list {
	position: relative;
}
.editorial-list li {
	margin-bottom: 1.125rem;
}
.editorial-list .img-profile {
	position: absolute;
	width: 95px;
	height: 105px;
	border: 1px solid #ddd;
	padding: .5rem;
}
.editorial-list .img-profile .imgthumb {
	width: 80px;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
}
.editorial-list .img-profile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-content {
	margin-left: 100px;
	min-height: 130px;
}
.team-content .ico-label,
.team-aff ul li .ico-label {
	width: 18px;
	height: 18px;
	margin-right: .5rem;
}
.team-aff ul li {
	margin-bottom: 0;
}
.team-aff ul li .tm_label {
	display: inline-block;
	width: 80px;
}

/* ======================= SUBMISSION / GALLEY BUTTON ======================= */

.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
	background-color: var(--jk-primary);
	color: #fff;
	width: 100%;
	text-align: center;
	text-decoration: none;
	padding-top: 0;
}

/* ======================= MENU HEADER ======================= */

#navigationPrimary > li > a,
#navigationPrimary > li > a:hover,
#navigationPrimary ul a,
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
	color: var(--jk-primary);
}

#navigationPrimary ul a:hover {
	background-color: whitesmoke;
	color: var(--jk-primary);
}

/* Sebelumnya teks & latar sama-sama #3E4095 sehingga teks tidak terlihat */
.pkp_navigation_primary > li > a:focus {
	background: var(--jk-primary) !important;
	color: #fff;
	outline: 0;
}

.pkp_nav_list ul a:hover {
	display: block;
	padding-left: .357rem;
	border-left: .357rem solid var(--jk-primary) !important;
	color: var(--jk-accent);
}

.pkp_nav_list li.profile {
	padding: 0 8px 2px 5px;
	border: 1px solid #e6dfdf;
	border-right-color: #dadada;
	border-bottom-color: #dadada;
	border-radius: 8px;
	font-size: 16px;
	box-shadow: 3px 2px 5px -2px rgba(0,0,0,.2);
	margin-left: 8px;
	margin-right: 5px;
}

.pkp_navigation_user > li > a {
	color: whitesmoke;
}

.pkp_navigation_primary_row {
	background-color: #fff;
	box-shadow: var(--jk-shadow);
	padding: 5px 0 5px 8px;
}

/* ======================= HEADER ======================= */

.pkp_structure_head {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .25em;
}

.pkp_site_name .is_img img {
	display: block;
	max-height: none;
	max-width: 100%;
	width: auto;
	height: auto;
}

/* ======================= MAIN SITE ======================= */

.pkp_page_index .homepage_image img {
	display: block;
	width: 100%;
	height: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.pkp_page_index .additional_content {
	border-top: 0;
	padding: 10px 0 0 3px;
	text-align: justify;
}

.pkp_structure_content {
	font-size: 15px;
	margin-bottom: .3em;
	box-shadow: var(--jk-shadow);
}

/* ======================= ISSUES ARCHIVE ======================= */

.obj_issue_summary {
	margin: 0 3em 0 1.6em;
	padding-left: 1em;
	border-left: 1px solid var(--jk-primary);
}
.obj_issue_summary .description {
	text-align: justify;
}
.page_issue_archive .issues_archive > li {
	margin: 0;
	padding: 2em 0 0 0.7em;
}

/* ======================= ISSUE TOC & COVER ======================= */

.obj_issue_toc .description {
	text-align: justify;
}

.obj_issue_toc .sections:not(:first-child) {
	margin-top: 0;
}

/* Cover issue ditampilkan sebagai thumbnail di samping info issue */
.obj_issue_toc .heading {
	overflow: hidden;
}

.obj_issue_toc .cover {
	display: block;
	float: left;
	width: 150px;
	max-width: 150px;
	margin: 0 25px 18px 0;
	padding: 0;
}

.obj_issue_toc .cover img {
	display: block;
	width: 150px;
	height: 210px;
	max-width: 100%;
	object-fit: cover;
	margin: 0;
	border-radius: 6px;
	box-shadow: 0 2px 7px rgba(0,0,0,.15);
}

.obj_issue_toc .sections {
	clear: both;
}

.obj_issue_toc .section > h2 {
	border-bottom: 0;
	border-left: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	text-transform: none;
	padding: 0.15em 1em 0.15em 0;
	background-color: #F8F9FB;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* ======================= ARTICLE SUMMARY (CARD) ======================= */

.obj_article_summary {
	background-color: transparent;
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	border: 1px solid var(--jk-primary);
	border-radius: 5px;
	padding: 0 1.5em;
	box-shadow: 1px 1px #659b8e;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease;
}

.obj_article_summary:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

/* Thumbnail artikel */
.obj_article_summary .cover {
	display: block;
	float: left;
	width: 110px;
	min-width: 110px;
	height: auto;
	margin-right: 18px;
}

.obj_article_summary .cover img {
	width: 100%;
	height: 145px;
	object-fit: cover;
	border-radius: 6px;
	border: 1px solid var(--jk-soft);
	box-shadow: 0 2px 6px rgba(0,0,0,.12);
	transition: transform .3s ease;
}

.obj_article_summary:hover .cover img {
	transform: scale(1.03);
}

/* Judul artikel */
.obj_article_summary > .title {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 1.4 !important;
	text-transform: none !important;
	padding-top: 8px !important;
	margin-bottom: 6px !important;
}

.obj_article_summary > .title a {
	display: block !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 1.4 !important;
	color: var(--jk-text) !important;
	text-decoration: none !important;
}

.obj_article_summary > .title a:hover {
	color: var(--jk-accent) !important;
	text-decoration: none !important;
}

.obj_article_summary .authors {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-transform: none;
}

.obj_article_summary .pages:before {
	content: "\f0f6";
	width: 20px;
	font-family: "FontAwesome";
	margin-right: 5px;
	font-size: 13px;
}

ul.galleys_links,
.obj_article_summary > .galleys_links {
	list-style: none;
}

.obj_article_summary > .galleys_links {
	margin-bottom: 0.5em;
}

.obj_article_summary > .galleys_links a {
	color: #fff;
	background-color: var(--jk-primary);
}

.obj_article_summary > .galleys_links a:hover {
	background-color: var(--jk-accent);
	text-decoration: none;
}

.doi_summary {
	padding: 0.4em 0.7em;
	margin-top: 0.3em;
}
.doi_summary a {
	text-decoration: none !important;
}
.doi_summary a:hover {
	text-decoration: underline !important;
}

@media screen and (max-width: 768px) {
	.obj_article_summary .cover {
		width: 80px;
		min-width: 80px;
	}
	.obj_article_summary .cover img {
		height: 110px;
	}
	.obj_issue_toc .cover {
		width: 115px;
		max-width: 115px;
		margin-right: 18px;
	}
	.obj_issue_toc .cover img {
		width: 115px;
		height: 160px;
	}
}

@media screen and (max-width: 600px) {
	.obj_article_summary > .title,
	.obj_article_summary > .title a {
		font-size: 18px !important;
	}
}

@media screen and (max-width: 480px) {
	.obj_issue_toc .cover {
		width: 90px;
		max-width: 90px;
		margin-right: 14px;
		margin-bottom: 12px;
	}
	.obj_issue_toc .cover img {
		width: 90px;
		height: 125px;
	}
}

/* ======================= ARTICLE DETAILS ======================= */

.item.authors {
	font-size: 14px;
}

.item.authors .email:before,
.item.authors span.name:before,
.item.authors span.affiliation:before {
	font-family: "FontAwesome";
	margin-right: 5px;
	font-size: 14px;
}
.item.authors .email:before        { content: "\f0e0"; }
.item.authors span.name:before     { content: "\f007"; }
.item.authors span.affiliation:before { content: "\f19c"; }

/* ======================= ORCID iD ICON ======================= */

.orcid a[href*="orcid.org"] {
	display: inline-block;
	padding-left: 22px;
	min-height: 16px;
	line-height: 1.4;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23A6CE39' d='M256 128c0 70.7-57.3 128-128 128S0 198.7 0 128 57.3 0 128 0s128 57.3 128 128z'/%3E%3Cpath fill='%23fff' d='M86.3 186.2H70.9V79.1h15.4v107.1zM108.9 79.1h41.6c39.6 0 57 28.3 57 53.6 0 27.5-21.5 53.6-56.8 53.6h-41.8V79.1zm15.4 93.3h24.5c34.9 0 42.9-26.5 42.9-39.7C191.7 111.2 178 93 148 93h-23.7v79.4zM88.7 56.8c0 5.5-4.5 10.1-10.1 10.1s-10.1-4.6-10.1-10.1c0-5.6 4.5-10.1 10.1-10.1s10.1 4.6 10.1 10.1z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: 16px 16px;
	word-break: break-all;
}

/* URL ORCID di daftar artikel: 2px lebih kecil dari teks penulis (16px -> 14px) */
.obj_article_summary .orcid a[href*="orcid.org"] {
	font-size: 14px;
	background-size: 14px 14px;
	padding-left: 20px;
}

.orcid a[href*="orcid.org"]:hover {
	text-shadow: none;
}

.item.authors .orcid {
	display: block;
	margin-top: 2px;
}

.obj_article_details .page_title,
.obj_article_details > .subtitle {
	text-align: left;
}

.obj_article_details > .page_title {
	font-weight: 600;
}

.obj_article_details .item {
	padding: 1em 0 2em 2.5em;
}

.obj_article_details .item.doi {
	text-align: left;
	text-decoration: none;
	padding: 10px 0;
}

.obj_article_details .doi a {
	color: var(--jk-primary);
	font-family: 'Source Sans Pro', sans-serif;
}
.obj_article_details .doi a:hover {
	color: var(--jk-accent);
}

.obj_article_details .item.keywords {
	text-transform: capitalize;
}

.item.abstract {
	text-align: justify;
	padding-top: 0;
	padding-right: 8px;
}

.obj_article_details .main_entry .label {
	border-bottom: 0;
	border-left: 0;
	font-weight: 300;
	text-transform: uppercase;
	width: 100%;
	border-radius: 15px;
}

.obj_article_details .main_entry .item .label {
	font-size: 16px;
}

.obj_article_details .entry_details .item.galleys .galleys_links {
	padding: 0;
	background-color: #fff;
}

.obj_article_details .entry_details .item.galleys .galleys_links a {
	color: #fff;
	background-color: var(--jk-primary);
}

.obj_article_details .entry_details .item.galleys .galleys_links a:hover,
.obj_article_details .galleys_links a:hover {
	background-color: var(--jk-accent);
	text-decoration: none;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
	display: inline-block;
	padding: .5em 0;
	margin: 0 20px;
	width: 83%;
	border-bottom: 1px solid var(--jk-primary);
}

.obj_article_details .entry_details .item > .value ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.obj_article_details .entry_details .item > .value ul li {
	padding: 5px 0;
}

.obj_article_details .entry_details .cover_image img {
	width: 200px;
	max-width: 100%;
}

/* ======================= ARTICLE METRICS (.juktisi-metrics) ======================= */

.juktisi-metrics {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px;
	margin: 8px 0 10px;
	padding: 0;
}

.juktisi-metric {
	display: block;
	width: 100px;
	min-width: 100px;
	box-sizing: border-box;
	padding: 5px 7px;
	background: var(--jk-metric-bg);
	border: none;
	border-radius: 3px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

.juktisi-metric-number,
.juktisi-metric-label {
	display: block;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: var(--jk-metric-text);
	text-align: left;
}

.juktisi-metric-number {
	margin: 0;
	font-weight: 700;
	line-height: 1.2;
}

.juktisi-metric-label {
	margin: 2px 0 0;
	font-weight: 400;
	line-height: 1.25;
}

.juktisi-metric-label br {
	display: block;
}

@media (max-width: 480px) {
	.juktisi-metrics {
		gap: 6px;
	}
}

/* ======================= SIDEBAR ======================= */

.pkp_structure_sidebar:before {
	border-left: 1px solid #ddd;
}

.pkp_block {
	padding: 0 3px 5px 5px;
	font-size: 14px;
	line-height: 20px;
}

.block_make_submission {
	padding: 15px 3px 5px 5px;
}

.pkp_block .title {
	width: 100%;
	background-color: var(--jk-primary);
	min-height: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	color: #ececec;
	padding: 0.4em 0.5em;
	margin-bottom: 0;
	border: 0;
	text-align: center;
	box-sizing: border-box;
}

.pkp_block .content {
	background-color: #fff;
}

.pkp_block li,
.pkp_block .content ul li {
	display: block;
	position: relative;
	padding: 0;
	border-radius: 0;
	background-color: var(--jk-soft-2);
}

.pkp_block ul > li {
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.pkp_block ul > li a {
	display: flex;
	color: var(--jk-muted);
	padding: .75rem 1rem;
	transition: background-color .2s ease, padding-left .2s ease, color .2s ease;
}

.pkp_block ul > li a:hover {
	text-decoration: none;
	text-shadow: none;
	background-color: var(--jk-soft);
	color: var(--jk-primary);
	padding-left: 1.25rem;
}

.block_announcements_article {
	padding: 1em;
	background-color: var(--jk-primary);
	color: whitesmoke;
}

/* Logo indexing */
img.indexings {
	width: 170px;
	max-width: 100%;
}

/* ======================= DOI & STAT ICONS ======================= */

.doi_container {
	margin-top: 1px;
}

.doi_link {
	background: url(../images/doiwarna.svg) no-repeat center left;
	background-size: 14px;
	padding: 5px 0 5px 23px;
	color: var(--jk-primary);
	text-decoration: none;
}

.galley_stat {
	background: url(../images/bar_galley.jpg) no-repeat center left;
	background-size: 18px;
	padding: 3px 0 0 23px;
}

.article_stat {
	background: url(../images/bar_artikel.jpg) no-repeat center left;
	background-size: 18px;
	padding: 11px 0 5px 23px;
}

/* ======================= SERVICES (#what-we-do) ======================= */

section {
	padding: 0;
}
section .section-title {
	text-align: center;
	color: var(--jk-primary);
	margin-bottom: 50px;
	text-transform: uppercase;
}
#what-we-do {
	background: transparent;
}
#what-we-do .card {
	padding: 1rem !important;
	border: none;
	margin-bottom: 1rem;
	transition: .5s all ease;
	background: linear-gradient(90deg, rgb(222,230,235), rgb(222,230,235));
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#what-we-do .card:hover {
	box-shadow: 5px 7px 9px -4px rgb(158,158,158);
}
#what-we-do .card .card-block {
	padding-left: 50px;
	position: relative;
}
#what-we-do .card .card-block a {
	color: var(--jk-primary) !important;
	font-weight: 700;
	text-decoration: none;
}
#what-we-do .card .card-block a i {
	display: none;
}
#what-we-do .card:hover .card-block a i {
	display: inline-block;
	font-weight: 700;
}
#what-we-do .card .card-block:before {
	font-family: FontAwesome;
	position: absolute;
	font-size: 39px;
	color: var(--jk-primary);
	left: 0;
	transition: transform .5s ease;
}
#what-we-do .card .block-1:before { content: "\f25e"; }
#what-we-do .card .block-2:before { content: "\f0eb"; }
#what-we-do .card .block-3:before { content: "\f00c"; }
#what-we-do .card .block-4:before { content: "\f155"; }
#what-we-do .card:hover .card-block:before {
	transform: rotate(360deg);
}
#what-we-do .card-title {
	margin: auto;
}

/* ======================= FOOTER ======================= */

.pkp_brand_footer {
	display: none;
}

/* ======================= RESPONSIVE ======================= */

/* Tablet (376px - 990px) */
@media all and (min-width: 376px) and (max-width: 990px) {
	.pkp_structure_main {
		padding: 0 10px 10px;
		overflow: auto;
		margin-bottom: 1.5em;
	}
	.obj_article_details .item {
		padding: 2em 0.5em 0 1.5em;
	}
	.pkp_block {
		padding: 0 0 20px;
	}
	.pkp_site_nav_toggle {
		position: absolute;
		right: 0;
		top: 25%;
		width: 4em;
		margin-top: -5em;
	}
	.pkp_site_name .is_img img {
		max-height: 90px;
		margin-top: -5px;
	}
	.has_site_logo .pkp_site_name,
	.has_site_logo .pkp_navigation_primary_wrapper {
		text-align: center;
		left: 0;
		padding-left: 0;
	}
	.pkp_navigation_user > li > a,
	.pkp_site_nav_menu a {
		color: var(--jk-primary);
	}
	.pkp_site_nav_menu {
		padding-left: 5px;
		top: -65%;
	}
	.pkp_nav_list li.profile {
		margin: 0 25px 5px 5px;
		text-align: center;
	}
	.pkp_structure_head {
		height: 25vh;
	}
}

/* Smartphone (<= 375px) */
@media all and (max-width: 375px) {
	.pkp_structure_main {
		padding: 0 10px 10px;
		overflow: auto;
		margin-bottom: 1.5em;
	}
	.pkp_block {
		padding: 0 0 20px;
	}
	.pkp_footer_content {
		width: 100%;
		float: none;
	}
	.pkp_site_nav_toggle {
		position: absolute;
		right: 0;
		top: 60%;
		width: 4em;
		margin-top: -5em;
	}
	.obj_article_details .item {
		padding: 2em 0.5em 0;
	}
	.pkp_site_name .is_img img {
		max-height: none;
		margin-top: -5px;
	}
	.has_site_logo .pkp_site_name,
	.has_site_logo .pkp_navigation_primary_wrapper {
		text-align: center;
		left: 5px;
		padding: 0;
	}
	.pkp_navigation_user > li > a,
	.pkp_site_nav_menu a {
		color: var(--jk-primary);
	}
	.pkp_site_nav_menu {
		top: -65%;
	}
	.pkp_structure_head {
		height: 25vh;
	}
}

/* Kurangi animasi untuk pengguna yang mengaktifkan reduce motion */
@media (prefers-reduced-motion: reduce) {
	.obj_article_summary,
	.obj_article_summary .cover img,
	.pkp_block ul > li a,
	#what-we-do .card,
	#what-we-do .card .card-block:before {
		transition: none !important;
	}
	.obj_article_summary:hover,
	.obj_article_summary:hover .cover img {
		transform: none;
	}
}