@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Baloo+Tamma+2&display=swap");
/* CSS Document - At-Turost Journal Theme (#1B790C) */

/**************************Global Body Variables*******************************/

a {
	color: #1B790C;
	text-decoration: none;
}

a:hover {
	color: #145b09;
	text-decoration: underline;
	text-shadow: 1px 1px #b5b2b291;
}

body {
	font-family: "Baloo Tamma 2", cursive;
	background-color: #f4f6f8;
	background-image: repeating-linear-gradient(135deg, hsla(112, 82%, 26%, 0.04) 0px, hsla(112, 82%, 26%, 0.04) 1px, transparent 1px, transparent 11px), repeating-linear-gradient(45deg, hsla(112, 82%, 26%, 0.04) 0px, hsla(112, 82%, 26%, 0.04) 1px, transparent 1px, transparent 11px), linear-gradient(90deg, rgb(248, 248, 248), rgb(248, 248, 248));
}

.pkp_structure_main h1,
.obj_issue_toc .galleys h2,
.obj_issue_toc .section h2,
.pkp_block .title,
.obj_article_summary>.title a,
.current_issue h2,
.pkp_page_index .cmp_announcements h2,
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a,
.obj_article_details .main_entry .item .label,
.obj_article_details .entry_details .item .label,
.obj_issue_summary .title,
.pkp_structure_main h3 {
	font-family: "Baloo Tamma 2", cursive;
}

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

.carousel-inner {
	position: absolute;
}

/***************************************************************************/

.aimcolumn {
	float: left;
}

.aimleft {
	width: 25%;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 20px;
	background: #dee2e6;
}

.aimright {
	width: 74%;
	height: auto;
	padding: 10px 20px 10px 35px;
	background-color: #e9ecef;
}

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

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

@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;
	object-fit: fill;
}

.editorial-list .img-profile img {
	width: 100%;
	height: 100%;
}

.team-content {
	margin-left: 100px;
	min-height: 130px;
}

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

.team-aff ul li .ico-label {
	width: 18px;
	height: 18px;
	margin-right: .5rem;
}

/**************************Submission block*************************************/

.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
	background-color: #1B790C !important;
	color: white !important;
	width: 100%;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	transition: background 0.3s ease;
}

.cmp_manuscript_button:hover,
.block_make_submission a:hover,
.obj_galley_link:hover {
	background-color: #145b09 !important;
	color: #ffffff !important;
}

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

#navigationPrimary>li>a {
	color: #1B790C;
}

.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
	color: #1B790C;
}

.pkp_nav_list li.profile {
	padding: 0px 8px 2px 5px;
	border: 1px solid #e6dfdf;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #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: #1B790C;
}

.pkp_navigation_primary_row {
	background-color: white;
	box-shadow: 0px 0px 5px 0.5px rgba(27, 121, 12, 0.2);
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px solid #1B790C;
}

#navigationPrimary ul a {
	color: #f4f4f2;
}

#navigationPrimary ul a:hover {
	background-color: #e8f5e9;
	color: #1B790C;
}

/**************************MENU SIDE & SIDEBAR*************************************/
.pkp_block {
	overflow: hidden;
	border-radius: 4px !important;
	background: white !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
	padding: 1px !important;
	margin: 10px 12px !important;
	border: 1px solid #e0e0e0;
}

.pkp_block .title {
	text-align: center;
	border-radius: 0px !important;
	padding: 8px 12px !important;
	display: block !important;
	margin-bottom: 0.714rem !important;
	margin-top: 0 !important;
	font-family: "Baloo Tamma 2", cursive !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.43rem !important;
	color: #ffffff !important;
	background-color: #1B790C !important;
	background-image: none !important;
}

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

.pkp_block .content ul li {
	padding: 0px 0;
	background-color: #ffffff;
}

.pkp_block li {
	border-radius: 0;
	position: relative;
	background-color: #ffffff;
	display: block;
}

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

.pkp_block ul>li a {
	color: #2e3d29;
	padding: .75rem 1rem;
	display: flex;
}

.pkp_block ul>li a:hover {
	text-decoration: none;
	background-color: #f0f7ef;
	color: #1B790C;
}

.pkp_block ul>li em {
	box-sizing: border-box;
	display: inline-block;
	font: 1.09em / 1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased;
	margin: 0px 15px 0px -10px;
	border-right: 1px solid #e7e5e5;
	width: 35px;
	color: #1B790C;
}

/**************************HEADER BACKGROUND & LOGO (REVISI PRESISI)*********************************/
.pkp_structure_head {
	position: relative;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 .25em 0 !important;
	background-color: #1B790C !important;
	overflow: hidden;
}

.pkp_head_wrapper {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.pkp_site_name {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	display: block !important;
}

/* Memaksa gambar header mengisi penuh kontainer secara presisi */
.pkp_site_name .is_img {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pkp_site_name .is_img img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

.pkp_site_name_wrapper {
	background: 0 0;
}

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

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

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

.pkp_structure_content {
	font-size: 15px;
	margin-bottom: .3em;
	box-shadow: 0px 0px 5px 0.5px rgba(0, 0, 0, 0.1);
}

.page_index_site p {
	text-align: justify;
}

.page_index_site .links a {
	padding: 3px 8px;
	border: 1px solid #1B790C;
	border-radius: 8px;
	font-size: 15px;
	color: #1B790C;
	background: #f0f7ef;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	margin-left: 8px;
	text-decoration: none;
}

.page_index_site .links a:hover {
	background: #1B790C;
	color: #ffffff;
}

/**************************ISSUES ARCHIVE*****************************************/
.obj_issue_summary {
	margin: 0em 3em 0em 1.6em;
	padding-left: 1em;
	border-left: 3px solid #1B790C;
}

.page_issue_archive .issues_archive>li {
	margin: 0em 0em 0em 0em;
	padding: 2em 0em 0em 0.7em;
}

/**************************ARTICLES SUMMARY***************************************/
.obj_issue_toc .sections:not(:first-child) {
	margin-top: 0em;
}

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

.obj_issue_toc .section>h2 {
	overflow: hidden;
	border-radius: 4px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	padding: 6px 15px !important;
	font-weight: bold;
	background-color: #1B790C !important;
	background-image: none !important;
	color: #ffffff !important;
}

.obj_article_summary .pages:before {
	width: 20px;
	font-family: "FontAwesome";
	margin-right: 5px;
	font-size: 13px;
	color: #1B790C;
}

ul.galleys_links {
	list-style: none;
}

.obj_article_summary {
	padding: 20px;
	border-radius: 6px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	margin-bottom: 15px;
	transition: all 0.2s ease;
}

.obj_article_summary:hover {
	background: #f0f7ef;
	border-color: #81c784;
}

.obj_article_summary .cover {
	display: block;
	float: left;
	width: 70px;
	height: auto;
	margin-right: 15px;
}

.obj_article_summary>.title {
	font-weight: 600;
	font-size: 16px;
	text-transform: none;
}

.obj_article_summary>.title a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #1B790C;
}

.obj_article_summary>.title a:hover {
	color: #145b09;
}

.obj_article_summary .authors {
	font-weight: 400;
	font-size: 15px;
	color: #555;
}

.doi_summary {
	padding: 0.4em 0em;
	margin-top: 0.3em;
}

.doi_summary a {
	color: #1B790C;
	text-decoration: none !important;
}

.doi_summary a:hover {
	text-decoration: underline !important;
}

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

.obj_article_summary>.galleys_links a {
	color: #fff;
	background-color: #1B790C;
	border-radius: 4px;
	padding: 4px 10px;
}

.obj_article_summary>.galleys_links a:hover {
	background-color: #145b09;
	text-decoration: none;
}

/**************************ARTICLES DETAILS***************************************/

.item.authors .email:before {
	content: "\f0e0";
	font-family: "FontAwesome";
	margin-right: 5px;
	font-size: 14px;
	color: #1B790C;
}

.item.authors span.name:before {
	content: "\f007";
	font-family: "FontAwesome";
	margin-right: 5px;
	font-size: 14px;
	color: #1B790C;
}

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

.item.authors span.affiliation:before {
	content: "\f19c";
	font-family: "FontAwesome";
	color: #1B790C;
}

.obj_article_details>.page_title {
	font-weight: 600;
	color: #1B790C;
}

.obj_article_details .doi a {
	color: #1B790C;
}

.obj_article_details .doi a:hover {
	color: #145b09;
}

.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: #1B790C;
	border-radius: 4px;
}

.obj_article_details .entry_details .item.galleys .galleys_links a:hover {
	background-color: #145b09;
}

.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 #1B790C;
}

.obj_article_details .main_entry .label {
	border-bottom: 0px;
	border-left: 0px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	color: #1B790C;
}

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

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

.obj_article_details .galleys_links a:hover {
	background-color: #145b09;
	text-decoration: none;
}

.obj_article_details .entry_details .cover_image img {
	width: 200px;
}

/**************************SIDER BAR**********************************************/

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

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

/**************************Announcement block*************************************************/

.block_announcements_article {
	padding: 1em 1em 1em;
	background-color: #1B790C;
	color: whitesmoke;
	border-radius: 6px;
}

/**************************DOI ARTIKEL*************************************************/
.doi_container {
	margin-top: 1px;
}

.doi_link {
	background-size: 14px !important;
	height: 20px !important;
	background: url(../images/doiwarna.svg) no-repeat center left;
	padding: 5px 0 5px 23px;
	color: #1B790C;
	text-decoration: none;
}

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

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

/**************************MEDIA QUERIES*************************************************/

@media all and (min-width:376px) and (max-width:990px) {
	.pkp_structure_main {
		padding: 0px 10px 10px 10px;
		overflow: auto;
		margin-bottom: 1.5em;
	}

	.obj_article_details .item {
		padding: 2em 0.5em 0em 1.5em;
	}

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

	.pkp_site_nav_toggle {
		position: absolute;
		right: 0;
		top: 25%;
		width: 4em;
		margin-top: -5em;
	}

	.pkp_navigation_user>li>a {
		color: #1B790C;
	}

	.pkp_site_nav_menu a {
		color: #1B790C;
	}
}

@media all and (max-width:376px) {
	.pkp_structure_main {
		padding: 0px 10px 10px 10px;
		overflow: auto;
		margin-bottom: 1.5em;
	}

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

	.pkp_navigation_user>li>a {
		color: #1B790C;
	}

	.pkp_site_nav_menu a {
		color: #1B790C;
	}
}

section .section-title {
	text-align: center;
	color: #1B790C;
	margin-bottom: 50px;
	text-transform: uppercase;
}

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

.carousel-indicators {
	bottom: -15px;
}

.pkp_brand_footer {
	display: none;
}

img.indexings {
	width: 170px;
}

/************************************
/***** BREADCRUMBS *******
/***********************************/
.cmp_breadcrumbs {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	margin-bottom: 1rem;
}

.cmp_breadcrumbs ol {
	list-style: none;
	display: inline-table;
}

.cmp_breadcrumbs ol li {
	display: inline-flex;
	background: #e8f5e9;
	padding: 10px 10px 10px 23px;
	position: relative;
	margin: 0 10px 10px 0;
}

.cmp_breadcrumbs ol li:first-child {
	padding: 10px 10px 10px 15px;
}

.cmp_breadcrumbs ol li:hover {
	cursor: pointer;
	background: #1B790C;
	color: #ffffff;
}

.cmp_breadcrumbs ol li:hover a, .cmp_breadcrumbs ol li:hover span {
	color: #ffffff;
}

.cmp_breadcrumbs ol li:hover a:after, .cmp_breadcrumbs ol li:hover span:after {
	border-left-color: #1B790C;
	color: #ffffff;
}

.cmp_breadcrumbs ol li a, .cmp_breadcrumbs ol li span {
	font-size: 14px;
	text-decoration: none;
	color: #1B790C;
}

.cmp_breadcrumbs ol li a:after, .cmp_breadcrumbs ol li span:after {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 18px solid #e8f5e9;
	position: absolute;
	right: -18px;
	top: 0;
	z-index: 1;
}

.cmp_breadcrumbs ol li.current {
	background: #1B790C;
}

.cmp_breadcrumbs ol li.current a, .cmp_breadcrumbs ol li.current span {
	color: #ffffff;
	font-weight: bold;
}

.cmp_breadcrumbs ol li.current a:after, .cmp_breadcrumbs ol li.current span:after {
	border-left-color: #1B790C;
	color: #ffffff;
}
/**************************FIX DROPDOWN MENU ABOUT*********************************/

/* Memastikan area navigasi utama memiliki posisi layer di atas */
.pkp_navigation_primary_row,
.pkp_head_wrapper,
#navigationPrimary {
	position: relative !important;
	z-index: 9999 !important;
	overflow: visible !important;
}

/* Menampilkan kembali dropdown menu saat di-hover atau fokus */
#navigationPrimary li {
	position: relative !important;
	overflow: visible !important;
}

#navigationPrimary ul {
	display: none;
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	min-width: 200px !important;
	background-color: #ffffff !important;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15) !important;
	border-radius: 0 0 4px 4px !important;
	border-top: 2px solid #1B790C !important;
	padding: 5px 0 !important;
	margin: 0 !important;
	list-style: none !important;
	z-index: 10000 !important;
}

/* Memunculkan submenu saat menu About disentuh kursor (hover) */
#navigationPrimary li:hover > ul,
#navigationPrimary li:focus-within > ul {
	display: block !important;
}

/* Tampilan item di dalam dropdown About */
#navigationPrimary ul li {
	width: 100% !important;
	display: block !important;
}

#navigationPrimary ul a {
	display: block !important;
	padding: 8px 15px !important;
	color: #333333 !important;
	font-size: 14px !important;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease !important;
}

#navigationPrimary ul a:hover {
	background-color: #e8f5e9 !important;
	color: #1B790C !important;
}