/* Elkuator Scholar Theme - Unified Production CSS
   OJS 3.4 compatible. Do not edit OJS core.
   Global colors are controlled by theme options and exposed as CSS variables.
*/

:root {
	/* Brand colors: the only 3 colors journal managers should normally change */
	--els-primary: #0788b6;
	--els-accent: #f5821f;
	--els-dark: #1c2529;

	/* Derived brand tokens */
	--els-primary-dark: var(--els-primary);
	--els-primary-soft: #f3f8fa;
	--els-primary-border: #b9dfe8;
	--els-accent-soft: #fff8ef;
	--els-accent-border: var(--els-accent);

	/* Neutral UI tokens */
	--els-bg: #f3f8fa;
	--els-surface: #ffffff;
	--els-text: #1f2933;
	--els-heading: #1b2630;
	--els-muted: #6b7280;
	--els-border: #dde6ea;
	--els-border-soft: #e5edf1;
	--els-white: #ffffff;

	/* Functional tokens */
	--els-link: var(--els-primary);
	--els-link-hover: var(--els-accent);
	--els-button-bg: var(--els-primary);
	--els-button-text: var(--els-white);
	--els-submit-bg: var(--els-accent);
	--els-submit-hover-bg: var(--els-primary);
	--els-submit-border: var(--els-submit-bg);
	--els-footer-bg: var(--els-dark);
	--els-copyright-bg: #1c2529;
	--els-prehero-bg: var(--els-primary);

	/* Layout and effects */
	--els-radius: 6px;
	--els-shadow: 0 3px 14px rgba(0, 0, 0, .04);
	--els-shadow-md: 0 10px 28px rgba(15, 41, 51, .06);
	--els-container: 1320px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--els-bg);
	color: var(--els-text);
	font-family: var(--els-font, "Noto Sans", Arial, Helvetica, sans-serif);
	font-size: 15px;
	line-height: 1.65;
}

a {
	color: var(--els-link, var(--els-primary));
	text-decoration: none;
}

a:hover,
a:focus {
	color: var(--els-link-hover, var(--els-accent));
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
}

button,
input,
select,
textarea {
	font-family: inherit;
}

.pkp_screen_reader,
.els_skip {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.els_skip:focus-within {
	position: static;
	width: auto;
	height: auto;
	padding: 8px;
	background: #fff;
}

.els_container,
.els_topbar_inner,
.els_prehero_nav_inner,
.els_breadcrumb_inner,
.els_posthero_nav_inner,
.els_hero_inner {
	width: min(var(--els-container), calc(100% - 96px));
	margin-left: auto;
	margin-right: auto;
}

main .cmp_breadcrumbs,
main .breadcrumbs,
main .breadcrumb,
main ol.cmp_breadcrumbs,
main ol.breadcrumb,
main .pkp_breadcrumbs,
.pkp_structure_main > .cmp_breadcrumbs,
.pkp_structure_main > .breadcrumbs,
.pkp_structure_main > .breadcrumb,
.pkp_structure_main > ol.cmp_breadcrumbs,
.pkp_structure_main > ol.breadcrumb,
.pkp_structure_main > ol:first-child,
.pkp_structure_main > ol:first-of-type,
.pkp_structure_main > nav:first-child.cmp_breadcrumbs,
.pkp_structure_main > nav:first-of-type.cmp_breadcrumbs,
.pkp_structure_main > .cmp_breadcrumbs:first-child,
.pkp_structure_main > .breadcrumbs:first-child {
	display: none !important;
}

/* Header */
.els_topbar {
	background: #fff;
}

.els_topbar_inner {
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.els_brand,
.els_brand_mandala {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--els-primary-dark, var(--els-primary));
	font-weight: 800;
	text-decoration: none;
}

.els_brand_mandala_img,
.els_brand img {
	display: block;
	width: 44px;
	height: 44px;
	max-width: 44px;
	max-height: 44px;
	object-fit: contain;
	flex: 0 0 44px;
}

.els_brand_text,
.els_brand span {
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .01em;
}

.els_user_nav,
.els_user_nav a {
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

.els_user_menu,
#navigationUser,
#navigationUser ul {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_user_menu a[href*="register"]::before,
.els_user_menu a[href*="login"]::before,
.els_user_menu a[href*="logout"]::before {
	display: inline-block;
	margin-right: 5px;
	font-family: FontAwesome;
	font-size: 14px;
	font-weight: normal;
}

.els_user_menu a[href*="register"]::before {
	content: "\f234";
}

.els_user_menu a[href*="login"]::before,
.els_user_menu a[href*="logout"]::before {
	content: "\f007";
}

/* Navigation */
.els_prehero_nav,
.els-prehero-nav {
	background: var(--els-prehero-bg, var(--els-primary)) !important;
	color: #fff;
}

.els_prehero_nav_inner {
	min-height: 56px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 28px;
	background: transparent;
}

.els_short_brand {
	justify-self: start;
	min-width: 56px;
	color: #fff !important;
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .02em;
	white-space: nowrap;
	text-decoration: none !important;
}

.els_quick_nav {
	display: flex;
	align-items: stretch;
	justify-self: start;
	gap: 0;
	min-width: 0;
}

.els_quick_nav > a,
.els_menu_item > a,
.els_nav_search_link {
	display: flex;
	align-items: center;
	height: 56px;
	padding: 0 18px;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
}

.els_quick_nav > a:hover,
.els_quick_nav > a:focus,
.els_menu_item:hover > a,
.els_menu_item:focus-within > a,
.els_nav_search_link:hover,
.els_nav_search_link:focus {
	background: rgba(255, 255, 255, .12);
	color: #fff !important;
	text-decoration: none !important;
}

.els_menu_item {
	position: relative;
}

.els_fa_nav_chevron {
	margin-left: 5px;
	font-size: 10px;
	vertical-align: 1px;
}

.els_nav_search_link {
	gap: 8px;
}

.els_nav_search_link .fa-search,
.els_fa_search_nav {
	font-size: 18px;
	line-height: 1;
}

.els_dropdown,
.els_dropdown_wide {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 999;
	display: none;
	min-width: 220px;
	padding: 6px 0;
	background: #fff;
	border: 1px solid var(--els-border);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .15);
	color: var(--els-text);
}

.els_has_dropdown:hover .els_dropdown,
.els_has_dropdown:focus-within .els_dropdown {
	display: block;
}

.els_dropdown_wide {
	min-width: 330px;
}

.els_dropdown a {
	display: block;
	height: auto;
	padding: 11px 18px;
	background: #fff;
	color: var(--els-text) !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	white-space: nowrap;
	text-decoration: none !important;
}

.els_dropdown a:hover,
.els_dropdown a:focus {
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-primary) !important;
	text-decoration: none !important;
}

.els_dropdown_help {
	margin: 8px 12px 0;
	padding: 12px 16px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.4;
}

.els_dropdown_help strong,
.els_dropdown_help span {
	display: block;
	color: var(--els-text);
}

.els_dropdown_help a {
	padding: 4px 0 0;
	background: transparent;
	color: var(--els-primary) !important;
	font-weight: 700;
}

.els_nav_issn {
	display: inline-flex !important;
	align-items: center !important;
	justify-self: end !important;
	gap: 10px !important;
	min-height: 56px !important;
	margin-left: auto !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.els_nav_issn_label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 28px !important;
	padding: 6px 10px !important;
	background: rgba(255, 255, 255, .18) !important;
	border: 1px solid rgba(255, 255, 255, .28) !important;
	border-radius: 4px !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
}

.els_nav_issn_number {
	display: inline-flex !important;
	align-items: center !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: .01em !important;
}

.els_nav_issn:hover .els_nav_issn_label {
	background: rgba(255, 255, 255, .24) !important;
}

/* Breadcrumb */
.els_breadcrumb_bar {
	background: #fff;
	border-bottom: 1px solid var(--els-border);
}

.els_breadcrumb_inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 48px;
	color: #64748b;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}

.els_breadcrumb_inner a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--els-primary);
	text-decoration: none;
}

.els_breadcrumb_inner a:hover,
.els_breadcrumb_inner a:focus {
	color: var(--els-accent);
	text-decoration: none;
}

.els_breadcrumb_inner .fa {
	color: currentColor;
	font-size: 13px;
}

.els_breadcrumb_sep {
	color: #9aa4ad;
	font-weight: 800;
}

.els_breadcrumb_current {
	color: var(--els-text);
	font-weight: 800;
}

/* Hero */
.els_hero {
	position: relative;
	overflow: hidden;
	background: var(--els-primary);
	color: #fff;
	text-align: center;
}

.els_pattern {
	position: absolute;
	inset: 0;
	opacity: 1;
	pointer-events: none;
	background-image:
		radial-gradient(circle at 8% 38%, rgba(255, 255, 255, .28) 0 5px, transparent 6px),
		radial-gradient(circle at 18% 22%, rgba(255, 255, 255, .22) 0 9px, transparent 10px),
		radial-gradient(circle at 31% 52%, rgba(255, 255, 255, .20) 0 4px, transparent 5px),
		radial-gradient(circle at 47% 29%, rgba(255, 255, 255, .24) 0 7px, transparent 8px),
		radial-gradient(circle at 70% 40%, rgba(255, 255, 255, .22) 0 8px, transparent 9px),
		radial-gradient(circle at 89% 25%, rgba(255, 255, 255, .24) 0 5px, transparent 6px),
		linear-gradient(18deg, transparent 0 58%, rgba(255, 255, 255, .08) 58.2%, transparent 58.8%);
	background-size: 100% 100%;
}

.els_pattern::before,
.els_pattern::after {
	content: "";
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
}

.els_pattern::before {
	width: 220px;
	height: 220px;
	left: 8%;
	top: -85px;
}

.els_pattern::after {
	width: 270px;
	height: 270px;
	right: 6%;
	bottom: -145px;
}

.els_hero_inner {
	position: relative;
	padding: 40px 0 42px;
}

.els_hero h1 {
	margin: 0 0 12px;
	color: #fff;
	font-size: 35px;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: .01em;
}

.els_tagline {
	max-width: 780px;
	margin: 0 auto 20px;
	color: rgba(255, 255, 255, .95);
	font-size: 16px;
	line-height: 1.45;
}

.els_hero_search {
	display: flex;
	max-width: 620px;
	height: 40px;
	margin: 20px auto 10px;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .9);
	box-shadow: none;
}

.els_hero_search input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 14px;
	border: 0;
	outline: 0;
	color: var(--els-text);
	font-size: 14px;
}

.els_hero_search button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	border: 0;
	background: var(--els-primary-dark, var(--els-primary));
	color: #fff;
	cursor: pointer;
}

.els_fa_search_hero {
	color: #fff;
	font-size: 19px;
	line-height: 1;
}

.els_hero_actions {
	margin-top: 0;
}

.els_advanced {
	color: #fff !important;
	font-size: 14px;
}

.els_hero_submit_wrap {
	margin-top: 10px;
}

.els_submit {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: var(--els-submit-bg, var(--els-accent));
	border: 1px solid var(--els-submit-border, var(--els-submit-bg, var(--els-accent)));
	border-radius: 2px;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
}

.els_submit:hover,
.els_submit:focus {
	background: var(--els-submit-hover-bg, var(--els-accent));
	color: #fff !important;
	text-decoration: none !important;
}

.els_addtoany_share {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 40;
	display: flex;
	align-items: center;
	gap: 6px;
}

.els_addtoany_rss,
.els_addtoany_toggle {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(255, 255, 255, .12) !important;
	border: 1px solid rgba(255, 255, 255, .8) !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-size: 19px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.els_addtoany_rss:hover,
.els_addtoany_rss:focus,
.els_addtoany_toggle:hover,
.els_addtoany_toggle:focus {
	background: rgba(255, 255, 255, .22) !important;
	border-color: #fff !important;
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}

.els_addtoany_kit {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.els_addtoany_kit .a2a_svg,
.els_addtoany_kit .a2a_count {
	display: none !important;
}

.els_addtoany_kit .a2a_dd {
	background-image: none !important;
}

/* Primary menu under hero */
.els_navbar {
	display: none !important;
}

.els_posthero_nav {
	background: #fff;
	border-bottom: 1px solid var(--els-border);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.els_posthero_nav_inner {
	min-height: 52px;
	display: flex;
	align-items: center;
}

.els_posthero_nav .els_primary_nav {
	width: 100%;
}

.els_primary_menu,
.els_posthero_nav #navigationPrimary {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: #fff;
}

.els_primary_menu > li,
.els_posthero_nav #navigationPrimary > li {
	position: relative !important;
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_primary_menu > li > a,
.els_posthero_nav #navigationPrimary > li > a {
	display: block !important;
	padding: 17px 22px !important;
	background: #fff !important;
	color: #333 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.els_primary_menu > li > a:hover,
.els_primary_menu > li > a:focus,
.els_posthero_nav #navigationPrimary > li > a:hover,
.els_posthero_nav #navigationPrimary > li > a:focus {
	background: #f5f8fa !important;
	color: var(--els-primary) !important;
	text-decoration: none !important;
}

.els_primary_menu ul,
.els_posthero_nav #navigationPrimary ul {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	z-index: 999 !important;
	display: none !important;
	min-width: 220px !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	background: #fff !important;
	border: 1px solid var(--els-border) !important;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .14) !important;
	list-style: none !important;
}

.els_primary_menu li:hover > ul,
.els_primary_menu li:focus-within > ul,
.els_posthero_nav #navigationPrimary li:hover > ul,
.els_posthero_nav #navigationPrimary li:focus-within > ul {
	display: block !important;
}

.els_primary_menu ul a,
.els_posthero_nav #navigationPrimary ul a {
	display: block !important;
	padding: 8px 14px !important;
	background: #fff !important;
	color: var(--els-text) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
}

.els_primary_menu ul a:hover,
.els_posthero_nav #navigationPrimary ul a:hover {
	background: #f5f8fa !important;
	color: var(--els-primary) !important;
}

/* Layout */
.els_content,
.pkp_structure_content.els_content {
	width: min(1280px, calc(100% - 96px));
	max-width: 1280px;
	margin: 0 auto;
	padding: 28px 0 26px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 32px;
	align-items: start;
}

.els_content_no_sidebar,
body:not(.pkp_page_index) .pkp_structure_content.els_content {
	display: block;
	grid-template-columns: minmax(0, 1fr) !important;
}

.els_content_no_sidebar .els_main,
.els_content_no_sidebar .pkp_structure_main,
body:not(.pkp_page_index) .pkp_structure_main {
	width: 100%;
	max-width: none;
}

.els_main,
.pkp_structure_main {
	min-width: 0;
	max-width: none;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.pkp_page_index.pkp_op_index .els_main {
	width: auto;
	max-width: none;
	margin: 0;
}

.pkp_page_index.pkp_op_index .els_sidebar,
.pkp_page_index.pkp_op_index .pkp_structure_sidebar {
	width: 100%;
	max-width: 320px;
	grid-column: 2;
	align-self: start;
}

.pkp_page_index:not(.pkp_op_index) .els_sidebar,
.pkp_page_issue .els_sidebar,
.pkp_page_article .els_sidebar,
.pkp_page_announcement .els_sidebar,
.pkp_page_announcements .els_sidebar,
.pkp_page_about .els_sidebar,
.pkp_page_search .els_sidebar {
	display: none !important;
}

/* Common cards */
.els_home,
.page_index_journal.els_home,
.els_issue_page,
.els_archive,
.els_about_page {
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.els_intro_card,
.els_current_issue,
.els_issue_layout,
.els_archive,
.els_about_layout,
.els_announcements_page,
.els_announcement_detail,
.els_article_center,
.els_article_right {
	background: #fff;
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
}

/* Homepage */
.els_intro_card {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	margin: 0 0 24px;
	padding: 26px 34px;
}

.els_intro_cover img {
	display: block;
	width: 150px;
	max-width: 150px;
	max-height: 230px;
	object-fit: cover;
	border: 1px solid var(--els-border);
}

.els_intro_body h2 {
	margin: 0 0 12px;
	color: var(--els-heading);
	font-size: 25px;
	line-height: 1.25;
}

.els_badges,
.els_article_badges {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.els_badges span,
.els_article_badges span,
.els_article_badges a {
	display: inline-flex;
	align-items: center;
	padding: 5px 8px;
	background: #f0f2f3;
	border: 1px solid #d6dde1;
	border-radius: 0;
	color: #555;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.els_badges span:first-child,
.els_article_badges a {
	gap: 2px;
	background: var(--els-accent-soft, #fff8ef);
	border-color: var(--els-accent-border, var(--els-accent));
	color: var(--els-accent);
}

.els_journal_description {
	max-width: 720px;
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.72;
}

.els_intro_actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.els_button,
.els_outline_link,
.els_galley,
.els_galleys a,
.els_detail_galleys a,
.cmp_article_galley_link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 5px 9px !important;
	background: #fff !important;
	border: 1px solid var(--els-primary-border, var(--els-border)) !important;
	border-radius: 0 !important;
	color: var(--els-primary) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
}

.els_button {
	gap: 2px;
	padding: 8px 12px !important;
	background: var(--els-submit-bg) !important;
	border-color: var(--els-submit-bg) !important;
	color: #fff !important;
}

.els_outline_link {
	gap: 2px;
	padding: 7px 12px !important;
	background: #fff !important;
	border-color: var(--els-primary-border, var(--els-border)) !important;
	color: var(--els-primary) !important;
}

.els_current_issue {
	margin-top: 24px;
	padding: 28px 34px;
}

.els_section_head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 0;
}

.els_section_kicker {
	margin: 0 0 14px;
	color: var(--els-text);
	font-size: 21px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.els_section_kicker::after {
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	margin-top: 4px;
	background: var(--els-primary);
}

.els_section_head h2 {
	margin: 0;
	color: var(--els-primary);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.25;
}

.els_section_head h2 a {
	color: var(--els-primary);
	text-decoration: none;
}

.els_section_head h2 a:hover {
	color: var(--els-accent);
	text-decoration: underline;
}

/* Article summary */
.els_article_grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 34px;
	row-gap: 0;
}

.els_article_summary,
.obj_article_summary {
	min-height: 142px;
	padding: 18px 0 17px;
	border-bottom: 1px solid var(--els-border-soft);
}

.els_article_title,
.obj_article_summary .title {
	margin: 0 0 7px;
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 15px;
	line-height: 1.25;
}

.els_article_title a,
.obj_article_summary .title a {
	color: var(--els-primary);
	font-weight: 800;
	text-decoration: none;
}

.els_article_title a:hover,
.obj_article_summary .title a:hover {
	color: var(--els-accent);
	text-decoration: underline;
}

.els_article_authors,
.obj_article_summary .authors {
	margin: 4px 0;
	color: var(--els-text);
	font-size: 13px;
}

.els_article_meta,
.obj_article_summary .meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	color: #7b8790;
	font-size: 11px;
}

.els_galleys,
.els_detail_galleys {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 7px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_galleys li,
.els_detail_galleys li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_article_actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.els_article_stats {
	display: inline-flex !important;
	align-items: center;
	gap: 18px;
	margin-left: 8px;
	color: #8b949e;
	font-size: 13px;
	vertical-align: middle;
}

.els_article_stats span {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}

.els_fa_eye,
.els_fa_download {
	margin-right: 5px;
	color: #999;
	font-size: 15px;
	vertical-align: -1px;
}

/* PDF icon */
.els_pdf_link::before,
.obj_galley_link.pdf::before,
.els_pdf_link i::before,
.obj_galley_link.pdf i::before {
	display: none !important;
	content: none !important;
}

.els_pdf_link .els_pdf_svg_icon,
.obj_galley_link.pdf .els_pdf_svg_icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	flex: 0 0 16px;
	vertical-align: -3px;
}

.els_pdf_svg_icon svg {
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	overflow: visible;
}

.els_pdf_svg_sheet {
	fill: #fff;
	stroke: var(--els-primary);
	stroke-width: 1.6;
}

.els_pdf_svg_fold {
	fill: none;
	stroke: var(--els-accent);
	stroke-width: 1.6;
	stroke-linejoin: round;
}

.els_pdf_svg_line {
	fill: none;
	stroke: var(--els-primary);
	stroke-width: 1.25;
	stroke-linecap: round;
}

.els_pdf_svg_badge {
	fill: var(--els-primary);
	stroke: var(--els-primary);
	stroke-width: .5;
}

.els_pdf_svg_text {
	fill: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4px;
	font-weight: 700;
	letter-spacing: .1px;
}

.els_pdf_label {
	display: inline-block;
	line-height: 1;
}

.els_pdf_link:hover .els_pdf_svg_sheet,
.obj_galley_link.pdf:hover .els_pdf_svg_sheet {
	fill: var(--els-primary-soft, #f3f8fa);
}

/* Issue and archive */
.els_issue_layout {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 34px;
	padding: 28px 34px;
}

.els_issue_cover_col img {
	display: block;
	width: 150px;
	max-width: 150px;
	max-height: 222px;
	object-fit: cover;
	border: 1px solid var(--els-border);
}

.els_issue_date {
	margin-top: 15px;
	color: var(--els-muted);
	font-size: 12px;
}

.els_issue_date strong,
.els_issue_date span {
	display: block;
}

.els_issue_nav {
	display: grid;
	gap: 8px;
	margin-top: 17px;
}

.els_issue_nav a {
	display: block;
	padding: 9px 12px;
	background: #f2f6f8;
	border-left: 3px solid var(--els-accent);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 700;
}

.els_issue_articles h1 {
	max-width: 790px;
	margin: 4px 0 22px;
	color: var(--els-primary);
	font-size: 28px;
	line-height: 1.35;
}

.els_issue_description {
	margin: 20px 0 28px;
	padding: 16px 18px;
	background: #f7fbfd;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-accent);
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.65;
}

.els_issue_description p {
	margin: 0 0 12px;
	color: var(--els-text);
}

.els_issue_description p:last-child {
	margin-bottom: 0;
}

.els_issue_description strong {
	color: var(--els-text);
	font-weight: 800;
}

.els_issue_description img {
	display: inline-block;
	width: 42px;
	height: 28px;
	margin: 8px 8px 0 0;
	object-fit: cover;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
	vertical-align: middle;
	transition: transform .18s ease, box-shadow .18s ease;
}

.els_issue_description img:hover {
	box-shadow: 0 5px 12px rgba(0, 0, 0, .18);
	transform: translateY(-2px);
}

.els_issue_section_title {
	margin: 22px 0 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-primary);
	font-size: 15px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.els_issue_article_list .els_article_summary {
	min-height: auto;
	padding: 22px 0;
}

.els_issue_back,
.els_back_wrap {
	margin: 0 0 22px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.els_issue_back a,
.els_back_link,
.els_announcement_back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	padding: 8px 13px;
	background: #fff;
	border: 1px solid var(--els-border);
	border-radius: 3px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .035);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.els_back_link,
.els_announcement_back {
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 800;
}

.els_issue_back a:hover,
.els_issue_back a:focus,
.els_back_link:hover,
.els_back_link:focus,
.els_announcement_back:hover,
.els_announcement_back:focus {
	background: var(--els-primary);
	border-color: var(--els-primary);
	color: #fff;
	text-decoration: none;
}

.els_issue_back a::before {
	content: "\f060";
	font-family: FontAwesome;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
}

.els_archive {
	padding: 30px 34px;
}

.els_archive h1 {
	margin: 0 0 26px;
	font-size: 28px;
}

.els_issue_grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.els_issue_card {
	min-height: 235px;
	padding: 22px;
	background: #fafafa;
	border: 1px solid var(--els-border);
	transition: .18s ease;
}

.els_issue_card:hover {
	box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

.els_issue_card img {
	display: block;
	width: 105px;
	height: 150px;
	margin-bottom: 16px;
	object-fit: cover;
}

.els_issue_card h2 {
	margin: 0 0 6px;
	color: var(--els-primary);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.55;
}

.els_issue_card p {
	margin: 0;
	color: #333;
	font-size: 13px;
}

/* Announcements */
.pkp_page_announcement .els_content,
.pkp_page_announcements .els_content {
	display: block !important;
	width: min(1280px, calc(100% - 96px)) !important;
	padding-top: 26px !important;
}

.els_announcements_page,
.els_announcement_detail {
	width: 100%;
	min-height: 620px;
	padding: 24px 26px 42px;
}

.els_announcements_page h1,
.els_announcement_detail h1 {
	margin: 0 0 18px;
	color: #2b2f33;
	font-size: 31px;
	font-weight: 700;
	line-height: 1.2;
}

.els_announcement_intro {
	margin: 0 0 24px;
	padding: 15px 18px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.7;
}

.els_announcement_item {
	margin: 0 0 30px;
	padding: 0;
	border: 0;
}

.els_announcement_item h2 {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.els_announcement_item h2 a {
	color: var(--els-primary);
	text-decoration: none;
}

.els_announcement_item h2 a:hover {
	color: var(--els-accent);
}

.els_announcement_date,
.page_announcements .date,
.page_announcement .date {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 12px;
	padding: 3px 7px;
	background: #eef1f3;
	border-radius: 2px;
	color: #333;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
}

.els_announcement_summary,
.els_announcement_body,
.page_announcements .description_short,
.page_announcements .description,
.page_announcement .description {
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.72;
}

.els_announcement_summary img,
.els_announcement_body img {
	display: block;
	max-width: 210px;
	height: auto;
	margin: 12px 0 16px;
}

/* About pages */
.els_about_page > h1 {
	margin: 0 0 18px;
	font-size: 28px;
}

.els_about_layout {
	display: grid;
	grid-template-columns: 290px minmax(0, 1fr);
	align-items: stretch;
}

.els_about_nav {
	background: #f1f1f1;
	border-right: 1px solid #d7dee3;
}

.els_about_nav_group {
	border-bottom: 1px solid #d7dee3;
}

.els_about_nav_group h2,
.els_about_nav details.els_about_nav_group summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 16px 18px;
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	user-select: none;
}

.els_about_nav details.els_about_nav_group {
	background: #f1f1f1;
	border-bottom: 1px solid var(--els-border);
}

.els_about_nav details.els_about_nav_group:last-child {
	border-bottom: 0;
}

.els_about_nav details.els_about_nav_group summary {
	cursor: pointer;
	list-style: none;
}

.els_about_nav details.els_about_nav_group summary::-webkit-details-marker,
.els_about_nav details.els_about_nav_group summary::marker {
	display: none;
	content: "";
}

.els_about_nav details.els_about_nav_group summary .fa {
	color: currentColor;
	font-size: 11px;
	font-weight: normal;
	transition: transform .2s ease;
}

.els_about_nav details.els_about_nav_group[open] summary .fa {
	transform: rotate(180deg);
}

.els_about_nav_group a,
.els_about_nav details.els_about_nav_group a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 28px;
	background: #f1f1f1;
	color: #333;
	font-size: 14px;
	line-height: 1.35;
	text-decoration: none;
}

.els_about_nav_group a:hover,
.els_about_nav_group a:focus,
.els_about_nav details.els_about_nav_group a:hover,
.els_about_nav details.els_about_nav_group a:focus {
	background: #fff;
	color: var(--els-primary);
	text-decoration: none;
}

.els_about_nav_group a.is_active,
.els_about_nav details.els_about_nav_group a.is_active {
	background: #fff;
	color: var(--els-primary);
	font-weight: 800;
}

.els_about_nav details.els_about_nav_group a .fa {
	flex: 0 0 auto;
	color: currentColor;
	font-size: 11px;
	font-weight: normal;
	opacity: .75;
}

.els_about_nav details.els_about_nav_group a:hover .fa,
.els_about_nav details.els_about_nav_group a:focus .fa,
.els_about_nav details.els_about_nav_group a.is_active .fa {
	opacity: 1;
}

.els_about_content {
	padding: 24px 30px 30px;
}

.els_about_identity {
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr);
	gap: 22px;
	margin-bottom: 22px;
}

.els_about_identity img {
	width: 120px;
	max-height: 170px;
	object-fit: cover;
}

.els_about_identity h2 {
	margin: 0 0 12px;
	font-size: 24px;
}

.els_about_text {
	font-size: 15px;
	line-height: 1.85;
}

/* Article detail */
.els_article_shell {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr) 300px;
	gap: 32px;
	align-items: start;
	width: min(1280px, calc(100% - 96px));
	margin: 36px auto 56px;
}

.pkp_page_article.pkp_op_view .els_article_shell_two_columns {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 34px;
	align-items: start;
	max-width: 1180px;
	margin: 36px auto 56px;
}

.els_article_left,
.pkp_page_article.pkp_op_view .els_article_left {
	position: sticky;
	top: 24px;
	align-self: start;
	width: auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--els-text);
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

.els_article_left,
.els_article_left *,
.els_article_left *::before,
.els_article_left *::after {
	box-sizing: border-box;
}

.els_article_cover_link,
.pkp_page_article.pkp_op_view .els_article_cover_link {
	display: block !important;
	max-width: 250px;
	margin: 0 auto 22px;
	padding: 10px !important;
	background: #fff !important;
	border: 1px solid #dce8ec !important;
	box-shadow: 0 12px 28px rgba(15, 41, 51, .08) !important;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.els_article_cover_link:hover,
.els_article_cover_link:focus,
.pkp_page_article.pkp_op_view .els_article_cover_link:hover,
.pkp_page_article.pkp_op_view .els_article_cover_link:focus {
	border-color: var(--els-primary) !important;
	box-shadow: 0 16px 34px rgba(15, 41, 51, .12) !important;
	text-decoration: none !important;
	transform: translateY(-2px);
}

.els_article_issue_cover,
.pkp_page_article.pkp_op_view .els_article_issue_cover {
	display: block !important;
	width: 100%;
	height: auto;
	max-width: 230px;
	margin: 0 auto;
	background: #fff !important;
	object-fit: cover;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

.els_article_contents_title,
.pkp_page_article.pkp_op_view .els_article_contents_title {
	position: relative;
	margin: 0 0 14px !important;
	padding: 0 0 12px !important;
	background: transparent !important;
	color: #1f2933 !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
}

.els_article_contents_title::after,
.pkp_page_article.pkp_op_view .els_article_contents_title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	background: var(--els-accent);
	border-radius: 999px;
}

.els_article_side_nav,
.pkp_page_article.pkp_op_view .els_article_side_nav {
	display: block !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid #dce8ec !important;
	box-shadow: 0 10px 26px rgba(15, 41, 51, .06) !important;
	overflow: hidden;
	counter-reset: articleNav;
}

.els_article_side_nav a,
.pkp_page_article.pkp_op_view .els_article_side_nav a {
	counter-increment: articleNav;
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	margin: 0 !important;
	padding: 13px 16px 13px 18px !important;
	background: #fff !important;
	border: 0 !important;
	border-bottom: 1px solid #e4eef2 !important;
	color: var(--els-primary) !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease, padding-left .18s ease;
}

.els_article_side_nav a:last-child,
.pkp_page_article.pkp_op_view .els_article_side_nav a:last-child {
	border-bottom: 0 !important;
}

.els_article_side_nav a::before,
.pkp_page_article.pkp_op_view .els_article_side_nav a::before {
	content: counter(articleNav) ".";
	flex: 0 0 auto;
	color: currentColor;
	font-weight: 900;
}

.els_article_side_nav a::after,
.pkp_page_article.pkp_op_view .els_article_side_nav a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--els-accent);
	opacity: 0;
	transition: opacity .18s ease;
}

.els_article_side_nav a:hover,
.els_article_side_nav a:focus,
.pkp_page_article.pkp_op_view .els_article_side_nav a:hover,
.pkp_page_article.pkp_op_view .els_article_side_nav a:focus {
	padding-left: 22px !important;
	background: var(--els-primary) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.els_article_side_nav a:hover::after,
.els_article_side_nav a:focus::after,
.pkp_page_article.pkp_op_view .els_article_side_nav a:hover::after,
.pkp_page_article.pkp_op_view .els_article_side_nav a:focus::after {
	opacity: 1;
}

.els_article_center,
.pkp_page_article.pkp_op_view .els_article_center {
	min-width: 0;
	width: 100%;
	padding: 34px 38px;
	background: #fff;
	border: 1px solid #dce8ec;
	box-shadow: var(--els-shadow-md);
}

.els_article_detail_title {
	margin: 0 0 16px;
	color: var(--els-text);
	font-size: 28px;
	font-weight: 800;
	line-height: 1.22;
}

.els_detail_authors {
	margin: 0 0 16px;
	color: var(--els-primary);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
}

.els_detail_authors a {
	color: var(--els-primary);
	text-decoration: none;
}

.els_orcid {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	background: #a6ce39;
	border-radius: 999px;
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
}

.els_detail_meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin: 0 0 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--els-border);
	color: #64748b;
	font-size: 13px;
	line-height: 1.5;
}

.els_detail_meta a {
	color: var(--els-primary);
	text-decoration: none;
}

.els_detail_meta a:hover,
.els_detail_meta a:focus {
	color: var(--els-accent);
	text-decoration: underline;
}

.els_detail_galleys {
	gap: 10px;
	margin: 0 0 20px !important;
}

.els_detail_tabs {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 0;
	margin: 0 0 32px;
	border-bottom: 4px solid var(--els-primary);
}

.els_detail_tabs a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	background: #f7fbfd;
	border: 1px solid var(--els-border);
	border-bottom: 0;
	color: var(--els-primary);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.els_detail_tabs a + a {
	margin-left: 6px;
}

.els_detail_tabs a:hover,
.els_detail_tabs a:focus {
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-primary);
	text-decoration: none;
}

.els_detail_tabs a.is_active {
	background: var(--els-primary);
	border-color: var(--els-primary);
	color: #fff;
}

.els_detail_section {
	margin: 0 0 34px;
	padding: 0 0 30px;
	border-bottom: 1px solid var(--els-border);
}

.els_detail_section:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.els_detail_section h2 {
	margin: 0 0 16px;
	color: var(--els-text);
	font-size: 21px;
	font-weight: 800;
	line-height: 1.35;
}

.els_detail_section p,
.els_detail_section div {
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.78;
}

.els_abstract p {
	margin-top: 0;
	margin-bottom: 14px;
}

.els_keywords {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.els_keywords span {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}

.els_article_copyright {
	margin-top: 8px;
	padding: 22px 24px !important;
	background: #fbfdfe;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-accent);
}

.els_article_copyright h2 {
	margin-bottom: 14px;
}

.els_article_copyright p {
	margin: 0 0 10px;
}

.els_article_copyright p:last-child {
	margin-bottom: 0;
}

.els_article_copyright strong {
	color: var(--els-text);
	font-weight: 800;
}

.els_article_copyright a {
	color: var(--els-primary);
	font-weight: 700;
	text-decoration: none;
}

.els_article_copyright a:hover,
.els_article_copyright a:focus {
	color: var(--els-accent);
	text-decoration: underline;
}

.els_references {
	word-break: normal;
	overflow-wrap: anywhere;
}

.els_references div {
	font-size: 14px;
	line-height: 1.72;
}

.els_article_sidebox,
.pkp_page_article.pkp_op_view .els_article_sidebox {
	margin-top: 18px;
	padding: 18px;
	background: #fff;
	border: 1px solid #dce8ec;
	box-shadow: 0 10px 26px rgba(15, 41, 51, .06);
}

.els_article_sidebox h2,
.pkp_page_article.pkp_op_view .els_article_sidebox h2 {
	position: relative;
	margin: 0 0 14px;
	padding-bottom: 10px;
	color: var(--els-primary);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: .02em;
}

.els_article_sidebox h2::after,
.pkp_page_article.pkp_op_view .els_article_sidebox h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 2px;
	background: var(--els-accent);
}

.els_article_sidebox p,
.pkp_page_article.pkp_op_view .els_article_sidebox p {
	margin: 0 0 10px;
	color: #1f2933;
	font-size: 13px;
	line-height: 1.55;
}

.els_article_sidebox p:last-child,
.pkp_page_article.pkp_op_view .els_article_sidebox p:last-child {
	margin-bottom: 0;
}

.els_article_status_box,
.pkp_page_article.pkp_op_view .els_article_status_box {
	padding: 16px 18px;
	background: linear-gradient(135deg, var(--els-primary-soft, #f3f8fa), var(--els-accent-soft, #fff8ef));
}

.els_open_access,
.pkp_page_article.pkp_op_view .els_open_access {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #24851f;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4;
}

.els_fa_open_access {
	color: var(--els-accent);
}

.els_article_right {
	padding: 28px 24px;
}

.els_article_status {
	margin: 0 0 18px;
}

.els_sidebar_box {
	margin: 0;
	padding: 22px 0;
	border-top: 1px solid var(--els-border);
}

.els_sidebar_box:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.els_sidebar_box h2 {
	margin: 0 0 16px;
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
}

.els_sidebar_box p {
	margin: 0 0 12px;
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.65;
}

.els_sidebar_box p:last-child {
	margin-bottom: 0;
}

.els_sidebar_box .fa {
	width: 18px;
	margin-right: 8px;
	color: #9aa4ad;
	text-align: center;
}

/* OJS citation and related articles */
.pkp_page_article.pkp_op_view .els_ojs_citation_section {
	margin-top: 34px;
	padding-top: 28px;
	border-top: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .item.citation,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_display,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .sub_item.citation_display {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section h2,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .label {
	margin: 0 0 16px;
	color: #1f2933;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .value {
	color: #1f2933;
	font-size: 15px;
	line-height: 1.75;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats {
	margin-top: 18px;
	background: #f7fbfc;
	border: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button {
	width: 100%;
	padding: 14px 16px;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #dce8ec;
	color: #1f2933;
	font-weight: 800;
	text-align: left;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list li,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li {
	margin: 0;
	border-bottom: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list li:last-child,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li:last-child {
	border-bottom: 0;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list a,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li a {
	display: block;
	padding: 12px 16px;
	color: var(--els-primary);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list a:hover,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li a:hover {
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-accent);
}

.pkp_page_article.pkp_op_view .els_related_articles {
	margin-top: 36px;
	padding-top: 28px;
	border-top: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_related_articles_heading {
	margin-bottom: 18px;
}

.pkp_page_article.pkp_op_view .els_related_articles_heading h2 {
	margin: 0;
	color: #1f2933;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_article.pkp_op_view .els_related_articles_heading p {
	margin: 6px 0 0;
	color: #6b7c86;
	font-size: 14px;
	line-height: 1.5;
}

.pkp_page_article.pkp_op_view .els_related_articles_grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.pkp_page_article.pkp_op_view .els_related_card {
	padding: 18px;
	background: #f7fbfc;
	border: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_related_card h3 {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
}

.pkp_page_article.pkp_op_view .els_related_card h3 a {
	color: var(--els-primary);
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_related_card h3 a:hover,
.pkp_page_article.pkp_op_view .els_related_card h3 a:focus {
	color: var(--els-accent);
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_related_authors {
	margin-bottom: 8px;
	color: #1f2933;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
}

.pkp_page_article.pkp_op_view .els_related_meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin-bottom: 14px;
	color: #6b7c86;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.45;
}

.pkp_page_article.pkp_op_view .els_related_read {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_related_read:hover,
.pkp_page_article.pkp_op_view .els_related_read:focus {
	color: var(--els-accent);
	text-decoration: none;
}

/* Sidebar blocks */
.els_sidebar,
.pkp_structure_sidebar {
	padding: 18px;
	background: #fff;
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
}

.els_sidebar .pkp_block,
.els_sidebar .block_custom,
.els_sidebar [class*="block_"] {
	margin: 0 0 18px;
	padding: 0;
	background: transparent;
	border: 0;
}

.els_sidebar .pkp_block:last-child,
.els_sidebar .block_custom:last-child,
.els_sidebar [class*="block_"]:last-child {
	margin-bottom: 0;
}

.els_sidebar .title,
.els_sidebar .pkp_block .title,
.els_sidebar h2,
.els_sidebar h3 {
	display: block;
	margin: 0 0 14px;
	padding: 14px 16px;
	background: var(--els-primary);
	border-radius: 6px;
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.els_sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.els_sidebar li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--els-border);
}

.els_sidebar li:last-child {
	border-bottom: 0;
}

.els_sidebar a {
	color: var(--els-primary);
	text-decoration: none;
}

.els_sidebar a:hover,
.els_sidebar a:focus {
	color: var(--els-accent);
	text-decoration: underline;
}

.els_sidebar p {
	margin: 0 0 12px;
	line-height: 1.6;
}

.els_sidebar img {
	max-width: 100%;
	height: auto;
}

/* PNG Custom Block */
.png-assosiate {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	padding: 14px 12px;
	background: #ffffff;
	border: 1px solid #dce8ec;
	box-shadow: 0 8px 24px rgba(15, 41, 51, 0.06);
}

.png-assosiate a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-decoration: none;
}

.png-assosiate img {
	display: block;
	width: auto;
	max-width: 100px !important;
	max-height: 150px;
	height: auto;
	object-fit: contain;
	transition: transform 0.18s ease, filter 0.18s ease;
}

.png-assosiate a:hover img,
.png-assosiate a:focus img {
	transform: translateY(-2px);
	filter: drop-shadow(0 8px 14px rgba(15, 41, 51, 0.14));
}

.png_statcounter {
	margin-top: 8px;
	text-align: center;
}

.statcounter_counter {
	display: inline-block;
	line-height: 1;
}

.statcounter_public_link {
	display: block;
	width: fit-content;
	margin: 8px auto 0;
	padding: 6px 12px;
	background: #f7fbfd;
	border: 1px solid #dde6ea;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
}

/* Footer */
.els_footer {
	display: none !important;
}

.els-dashboard-footer {
	padding: 46px 0 42px;
	background: var(--els-footer-bg, var(--els-primary)) !important;
	color: #fff;
}

.els-dashboard-footer__inner,
.els-site-copyright__inner {
	width: min(1280px, calc(100% - 96px));
	margin: 0 auto;
}

.els-dashboard-footer,
.els-dashboard-footer p,
.els-dashboard-footer li,
.els-dashboard-footer span,
.els-dashboard-footer div,
.els-dashboard-footer h1,
.els-dashboard-footer h2,
.els-dashboard-footer h3,
.els-dashboard-footer h4,
.els-dashboard-footer h5 {
	color: #fff;
}

.els-dashboard-footer a {
	color: #fff;
	text-decoration: none;
}

.els-dashboard-footer a:hover,
.els-dashboard-footer a:focus {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: var(--els-accent);
	text-underline-offset: 4px;
}

.els-dashboard-footer .els-footer-grid,
.els-dashboard-footer .els-footer-old {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 56px;
	align-items: start;
}

.els-dashboard-footer .els-footer-col,
.els-dashboard-footer .els-footer-old__col {
	min-width: 0;
}

.els-dashboard-footer .els-footer-col h3,
.els-dashboard-footer .els-footer-old h3 {
	position: relative;
	margin: 0 0 18px;
	padding-bottom: 12px;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
}

.els-dashboard-footer .els-footer-col h3::after,
.els-dashboard-footer .els-footer-old h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 42px;
	height: 3px;
	background: var(--els-accent);
	border-radius: 999px;
}

.els-dashboard-footer .els-footer-col p,
.els-dashboard-footer .els-footer-old p {
	margin: 0 0 1px;
	color: #fff;
	font-size: 15px;
	line-height: 1.75;
}

.els-dashboard-footer .els-footer-col ul,
.els-dashboard-footer .els-footer-old ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.els-dashboard-footer .els-footer-col li,
.els-dashboard-footer .els-footer-old li {
	margin: 0 0 7px;
	padding: 0;
	color: #fff;
	font-size: 15px;
	line-height: 1.5;
}

.els-dashboard-footer .els-footer-col a,
.els-dashboard-footer .els-footer-old a {
	color: #fff;
	font-size: 15px;
	line-height: 1.5;
	text-decoration: none;
	transition: padding-left .2s ease;
}

.els-dashboard-footer .els-footer-col a:hover,
.els-dashboard-footer .els-footer-col a:focus,
.els-dashboard-footer .els-footer-old a:hover,
.els-dashboard-footer .els-footer-old a:focus {
	padding-left: 4px;
	color: #fff;
	text-decoration: none;
}

.els-dashboard-footer .els-footer-note {
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .9);
	font-size: 14px;
	line-height: 1.6;
}

.els-dashboard-footer .els-footer-note p {
	margin: 0;
	color: rgba(255, 255, 255, .9);
}

.els-footer-old__license img {
	display: block;
	width: 88px;
	height: auto;
	padding: 4px 6px;
	background: #fff;
	border-radius: 5px;
}

.els-footer-old__license p {
	margin: 0 !important;
	color: rgba(255, 255, 255, .92);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.55;
}

.els-footer-old__license a {
	color: #fff;
	text-decoration: none;
}

.els-footer-old__license a:hover,
.els-footer-old__license a:focus {
	color: var(--els-accent);
	text-decoration: underline;
}

.els-site-copyright {
	padding: 20px 0;
	background: var(--els-copyright-bg, #1c2529);
	color: #fff;
	font-size: 13px;
	text-align: center;
}

/* Forms and buttons */
.cmp_button,
.cmp_form .buttons button,
button.submit,
input[type="submit"] {
	padding: 8px 14px;
	background: var(--els-accent);
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
button.submit:hover,
input[type="submit"]:hover {
	background: var(--els-primary);
	color: #fff;
}

body.pkp_page_article.pkp_op_view .galley_view iframe,
body.pkp_page_article.pkp_op_view iframe {
	background: #fff;
}

.els_mobile_bar {
	display: none;
}

@media (min-width: 769px) {
	.els_mobile_menu {
		display: block;
	}
}

/* Responsive */
@media (max-width: 1180px) {
	.els_article_shell {
		grid-template-columns: 160px minmax(0, 1fr);
		width: min(100% - 48px, 100%);
		gap: 24px;
	}

	.els_article_right {
		grid-column: 2;
	}

	.els_article_cover_link,
	.els_article_issue_cover {
		max-width: 190px;
	}
}

@media (max-width: 1100px) {
	.els_content,
	.pkp_structure_content.els_content {
		width: min(100% - 48px, 100%);
		grid-template-columns: 1fr;
	}

	.pkp_page_index.pkp_op_index .els_sidebar,
	.pkp_page_index.pkp_op_index .pkp_structure_sidebar {
		max-width: none;
		grid-column: 1;
	}

	.els_issue_layout,
	.els_intro_card,
	.els_about_layout,
	.els_about_identity {
		grid-template-columns: 1fr;
	}

	.els_issue_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.pkp_page_article.pkp_op_view .els_article_shell_two_columns {
		display: block;
		max-width: 100%;
	}

	.pkp_page_article.pkp_op_view .els_article_left {
		position: static;
		margin-bottom: 24px;
	}

	.pkp_page_article.pkp_op_view .els_article_cover_link {
		max-width: 230px;
		margin-left: auto;
		margin-right: auto;
	}

	.pkp_page_article.pkp_op_view .els_article_contents_title {
		text-align: left;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav a {
		border-right: 1px solid #e4eef2 !important;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav a:nth-child(2n) {
		border-right: 0 !important;
	}

	.pkp_page_article.pkp_op_view .els_article_center {
		padding: 26px 22px;
	}

	.pkp_page_article.pkp_op_view .els_related_articles_grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.els_container,
	.els_topbar_inner,
	.els_prehero_nav_inner,
	.els_breadcrumb_inner,
	.els_posthero_nav_inner,
	.els_hero_inner,
	.els-dashboard-footer__inner,
	.els-site-copyright__inner {
		width: min(100% - 36px, 100%);
	}

	.els_topbar_inner {
		flex-direction: column;
		align-items: flex-start;
		padding: 12px 0;
	}

	.els_article_grid {
		grid-template-columns: 1fr;
	}

	.els-dashboard-footer .els-footer-grid,
	.els-dashboard-footer .els-footer-old {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.els-dashboard-footer {
		padding: 36px 0;
	}

	.els_article_shell {
		display: block;
		width: min(100% - 32px, 100%);
		margin-top: 28px;
	}

	.els_article_left {
		position: static;
		width: 100% !important;
		margin-bottom: 24px;
	}

	.els_article_cover_link,
	.els_article_issue_cover {
		max-width: 180px;
		margin-left: 0;
		margin-right: 0;
	}

	.els_article_side_nav {
		max-width: 420px;
	}

	.els_article_center {
		margin-bottom: 24px;
		padding: 24px;
	}

	.els_article_right {
		padding: 24px;
	}

	.els_article_detail_title {
		font-size: 24px;
	}

	.els_detail_tabs {
		border-bottom-width: 3px;
	}

	.els_detail_tabs a {
		min-height: 42px;
		padding: 0 13px;
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	html,
	body {
		overflow-x: hidden;
	}

	.els_topbar .els_user_nav {
		display: none !important;
	}

	.els_mobile_bar {
		display: grid;
		grid-template-columns: 56px 1fr 56px;
		align-items: center;
		gap: 10px;
		padding: 12px 14px;
		background: var(--els-primary);
		color: #fff;
	}

	.els_mobile_toggle,
	.els_mobile_user {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		background: #fff;
		border: 0;
		border-radius: 6px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
		color: var(--els-primary);
		font-size: 21px;
		line-height: 1;
		text-decoration: none;
		cursor: pointer;
	}

	.els_mobile_toggle:hover,
	.els_mobile_toggle:focus,
	.els_mobile_user:hover,
	.els_mobile_user:focus {
		background: #fff;
		color: var(--els-primary);
		text-decoration: none;
	}

	.els_mobile_journal {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		color: #fff;
		font-size: 19px;
		font-weight: 800;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

	.els_mobile_journal:hover,
	.els_mobile_journal:focus {
		color: #fff;
		text-decoration: none;
	}

	.els_mobile_menu {
		display: none !important;
		background: var(--els-primary);
		border-top: 1px solid rgba(255, 255, 255, .18);
	}

	body.els_mobile_menu_open .els_mobile_menu {
		display: block !important;
	}

	.els_mobile_menu .els_container,
	.els_mobile_menu .els_prehero_nav_inner,
	.els_mobile_menu .els_posthero_nav_inner,
	.els_mobile_menu .els_quick_nav,
	.els_mobile_menu .els_primary_nav,
	.els_mobile_menu .els_primary_menu {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.els_mobile_menu .els_primary_menu li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.els_mobile_menu .els_short_brand,
	.els_mobile_menu .els_nav_issn,
	.els_mobile_menu .els_nav_search_link,
	.els_mobile_menu .els_quick_nav > a,
	.els_mobile_menu .els_menu_item > a,
	.els_mobile_menu .els_primary_menu > li > a {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 14px 18px !important;
		background: transparent !important;
		border-bottom: 1px solid rgba(255, 255, 255, .18) !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		line-height: 1.4 !important;
		text-decoration: none !important;
	}

	.els_mobile_menu .els_nav_issn {
		display: flex !important;
		justify-content: flex-start !important;
		gap: 10px !important;
	}

	.els_mobile_menu .els_short_brand:hover,
	.els_mobile_menu .els_nav_search_link:hover,
	.els_mobile_menu .els_quick_nav > a:hover,
	.els_mobile_menu .els_menu_item > a:hover,
	.els_mobile_menu .els_primary_menu > li > a:hover {
		background: rgba(255, 255, 255, .12) !important;
		color: #fff !important;
		text-decoration: none !important;
	}

	.els_mobile_menu .els_dropdown,
	.els_mobile_menu .els_dropdown_wide {
		position: static !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: rgba(0, 0, 0, .08) !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.els_mobile_menu .els_dropdown a,
	.els_mobile_menu .els_dropdown_help {
		display: block !important;
		padding: 11px 28px !important;
		background: transparent !important;
		border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
		color: #fff !important;
		font-size: 14px !important;
		text-decoration: none !important;
	}

	.els_mobile_menu .els_dropdown_help strong,
	.els_mobile_menu .els_dropdown_help span {
		display: block;
		color: #fff !important;
	}

	.els_nav_issn_label {
		min-height: 24px !important;
		padding: 5px 8px !important;
		font-size: 11px !important;
	}

	.els_nav_issn_number {
		font-size: 14px !important;
	}

	.els_breadcrumb_bar {
		display: none !important;
	}

	.els_hero {
		padding: 42px 18px 48px !important;
		text-align: center !important;
	}

	.els_hero h1 {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		font-size: 30px !important;
		line-height: 1.18 !important;
		text-align: center !important;
	}

	.els_tagline {
		max-width: 92% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		font-size: 15px !important;
		line-height: 1.55 !important;
		text-align: center !important;
	}

	.els_hero_search {
		display: grid !important;
		grid-template-columns: 1fr 48px !important;
		width: min(100%, 280px) !important;
		height: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.els_hero_search input {
		width: 100% !important;
		height: 44px !important;
		padding: 0 12px !important;
		border-radius: 0 !important;
		font-size: 14px !important;
	}

	.els_hero_search button {
		width: 48px !important;
		height: 44px !important;
		padding: 0 !important;
		background: rgba(0, 0, 0, .18) !important;
		border-radius: 0 !important;
		color: #fff !important;
	}

	.els_advanced {
		display: block !important;
		margin-top: 12px !important;
		color: #fff !important;
		font-size: 13px !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	.els_hero_submit_wrap {
		text-align: center !important;
	}

	.els_submit,
	.els_hero_submit {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 44px !important;
		margin: 22px auto 0 !important;
		padding: 12px 20px !important;
		background: var(--els-submit-bg, var(--els-accent)) !important;
		border: 1px solid var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
		border-radius: 2px !important;
		box-shadow: none !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	.els_submit:hover,
	.els_submit:focus,
	.els_hero_submit:hover,
	.els_hero_submit:focus {
		background: var(--els-submit-hover-bg, var(--els-primary)) !important;
		color: #fff !important;
		text-decoration: none !important;
	}

	.els_addtoany_share {
		position: static;
		justify-content: center;
		margin: 18px 0 0;
	}
}

@media (max-width: 640px) {
	.els_container,
	.els_topbar_inner,
	.els_prehero_nav_inner,
	.els_breadcrumb_inner,
	.els_posthero_nav_inner,
	.els_hero_inner,
	.els_content,
	.pkp_structure_content.els_content {
		width: min(100% - 28px, 100%);
	}

	.els_hero h1 {
		font-size: 30px;
	}

	.els_tagline {
		font-size: 15px;
	}

	.els_intro_card,
	.els_current_issue,
	.els_issue_layout,
	.els_archive,
	.els_announcements_page,
	.els_announcement_detail,
	.els_about_content,
	.els_article_center,
	.els_article_right {
		padding: 16px;
	}

	.els_issue_grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.els_topbar_inner,
	.els_prehero_nav_inner,
	.els_breadcrumb_inner,
	.els_posthero_nav_inner,
	.els_hero_inner {
		width: calc(100% - 32px) !important;
	}

	.els_article_center,
	.els_article_right {
		padding: 20px;
	}

	.els_detail_tabs {
		display: block;
		border-bottom: 0;
	}

	.els_detail_tabs a {
		display: flex;
		width: 100%;
		margin: 0 0 6px !important;
		border: 1px solid var(--els-border);
	}

	.els_article_copyright {
		padding: 18px !important;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav {
		grid-template-columns: 1fr;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav a {
		border-right: 0 !important;
	}
}
/* Published Author Demographics */
.page_index_journal .els_author_demographics {
	background: #fff;
	border: 1px solid #dde6ea;
	box-shadow: 0 3px 14px rgba(0, 0, 0, .04);
	margin: 0 0 30px;
	padding: 26px 30px;
}

.page_index_journal .els_author_demographics .els_section_head {
	margin: 0 0 22px;
}

.page_index_journal .els_author_demographics .els_section_kicker {
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.page_index_journal .els_author_demographics h2 {
	color: #1b2630;
	font-size: 24px;
	line-height: 1.25;
	margin: 0;
}

.page_index_journal .els_demographics_grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.page_index_journal .els_demographics_panel {
	background: #f8fbfc;
	border: 1px solid #e5edf1;
	border-radius: 10px;
	padding: 18px 20px;
}

.page_index_journal .els_demographics_panel h3 {
	color: #1b2630;
	font-size: 17px;
	font-weight: 800;
	margin: 0 0 14px;
}

.page_index_journal .els_demographics_items {
	display: grid;
	gap: 10px;
}

.page_index_journal .els_demographics_item {
	align-items: center;
	background: #fff;
	border: 1px solid #e5edf1;
	border-radius: 8px;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	padding: 10px 12px;
}

.page_index_journal .els_demographics_item span {
	color: #1f2933;
	font-size: 14px;
	font-weight: 700;
}

.page_index_journal .els_demographics_item strong {
	color: var(--els-primary);
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
}

.page_index_journal .els_demographics_note {
	color: #6b7280;
	font-size: 13px;
	line-height: 1.5;
	margin: 16px 0 0;
}

@media (max-width: 800px) {
	.page_index_journal .els_author_demographics {
		padding: 20px;
	}

	.page_index_journal .els_demographics_grid {
		grid-template-columns: 1fr;
	}
}
/* =========================================================
   Journal Milestone Timeline
   ========================================================= */

.els-timeline {
	position: relative;
	margin: 22px 0;
	padding-left: 28px;
}

.els-timeline::before {
	content: "";
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 8px;
	width: 2px;
	background: #dde6ea;
}

.els-timeline__item {
	position: relative;
	margin: 0 0 18px;
	padding: 16px 18px;
	background: #ffffff;
	border: 1px solid #dde6ea;
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
}

.els-timeline__item:last-child {
	margin-bottom: 0;
}

.els-timeline__item::before {
	content: "";
	position: absolute;
	top: 20px;
	left: -26px;
	width: 14px;
	height: 14px;
	background: var(--els-primary);
	border: 3px solid #ffffff;
	box-shadow: 0 0 0 2px var(--els-primary);
	border-radius: 999px;
}

.els-timeline__date {
	display: inline-block;
	margin: 0 0 10px;
	padding: 5px 10px;
	background: var(--els-primary-soft);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 900;
	line-height: 1.3;
}

.els-timeline__content p {
	margin: 0;
	color: var(--els-text, #1f2933);
	font-size: 14px;
	line-height: 1.7;
}

.els-timeline__content a {
	font-weight: 800;
	text-decoration: none;
}

.els-timeline__content a:hover,
.els-timeline__content a:focus {
	text-decoration: underline;
}

@media (max-width: 640px) {
	.els-timeline {
		padding-left: 22px;
	}

	.els-timeline::before {
		left: 6px;
	}

	.els-timeline__item {
		padding: 14px;
	}

	.els-timeline__item::before {
		left: -22px;
		width: 12px;
		height: 12px;
	}

	.els-timeline__date {
		font-size: 12px;
	}
}

/* ==========================================================================
   Elkuator Scholar Universal Components
   Merged from the former Basmala journal stylesheet.
   These rules are safe for all journals because they use --els-* tokens.
   Journal-specific effects remain opt-in by class, for example .els_hero_basmala.
   ========================================================================== */

/* Journal identity animation: kept intentionally, scoped and made safer */
@keyframes putar-dong {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.els_logo_spin .els_header .els_brand_mandala_img,
.els_logo_spin .els_header .els_brand img {
	animation: putar-dong 3s linear infinite;
	transform-origin: center center;
	will-change: transform;
}

.els_logo_spin .els_header .els_brand:hover .els_brand_mandala_img,
.els_logo_spin .els_header .els_brand:focus .els_brand_mandala_img,
.els_logo_spin .els_header .els_brand:hover img,
.els_logo_spin .els_header .els_brand:focus img {
	animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
	.els_logo_spin .els_header .els_brand_mandala_img,
	.els_logo_spin .els_header .els_brand img {
		animation-duration: 12s;
	}
}

/* --------------------------------------------------------------------------
   1. Editorial Team
   -------------------------------------------------------------------------- */
.editorial-team {
	width: 100%;
	margin: 0;
	padding: 0;
}

.editorial-section {
	margin: 0 0 34px;
	padding: 0;
}

.editorial-section:last-child {
	margin-bottom: 0;
}

.editorial-section-title {
	position: relative;
	margin: 0 0 22px;
	padding: 14px 18px;
	background: var(--els-primary);
	border-left: 5px solid var(--els-accent);
	color: var(--els-surface);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.editorial-members-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

.editorial-grid-featured {
	grid-template-columns: minmax(0, 1fr);
}

.editorial-member-card {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	min-height: 160px;
	padding: 18px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-radius: var(--els-radius);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.editorial-member-card:hover {
	border-color: var(--els-primary-border);
	box-shadow: 0 10px 26px rgba(15, 40, 55, 0.09);
	transform: translateY(-2px);
}

.editorial-photo {
	display: block;
	width: 110px !important;
	height: 140px !important;
	object-fit: cover;
	object-position: center;
	background: #f4f8fa;
	border: 1px solid var(--els-border);
	border-radius: 5px;
	box-shadow: 0 4px 12px rgba(15, 40, 55, 0.08);
}

.editorial-member-info {
	min-width: 0;
}

.editorial-member-name {
	margin: 0 0 8px;
	color: var(--els-text);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
}

.editorial-member-name strong {
	font-weight: 800;
}

.editorial-member-affiliation {
	margin: 0 0 14px;
	color: #5f6f7a;
	font-size: 14px;
	line-height: 1.55;
}

.editorial-member-links {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
}

.editorial-link-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 6px 10px;
	background: var(--els-surface);
	border: 1px solid currentColor;
	border-radius: 3px;
	color: var(--els-primary);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.editorial-link-btn:hover,
.editorial-link-btn:focus {
	color: var(--els-surface);
	text-decoration: none;
}

.editorial-scopus {
	color: #e9711c;
}

.editorial-scopus:hover,
.editorial-scopus:focus {
	background: #e9711c;
	border-color: #e9711c;
}

.editorial-scholar {
	color: #1a73e8;
}

.editorial-scholar:hover,
.editorial-scholar:focus {
	background: #1a73e8;
	border-color: #1a73e8;
}

.editorial-orcid {
	color: #8cc63f;
}

.editorial-orcid:hover,
.editorial-orcid:focus {
	background: #8cc63f;
	border-color: #8cc63f;
}

.editorial-sinta {
	color: #0f9d58;
}

.editorial-sinta:hover,
.editorial-sinta:focus {
	background: #0f9d58;
	border-color: #0f9d58;
}

@media (max-width: 980px) {
	.editorial-members-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.editorial-section-title {
		padding: 12px 14px;
		font-size: 15px;
	}

	.editorial-member-card {
		grid-template-columns: 82px minmax(0, 1fr);
		gap: 14px;
		padding: 14px;
	}

	.editorial-photo {
		width: 82px !important;
		height: 104px !important;
	}

	.editorial-member-name {
		font-size: 15px;
	}

	.editorial-member-affiliation {
		font-size: 13px;
	}

	.editorial-link-btn {
		min-height: 28px;
		padding: 5px 8px;
		font-size: 11px;
	}
}

/* --------------------------------------------------------------------------
   2. Abstracting and Indexing custom block
   -------------------------------------------------------------------------- */
.els-indexing-block {
	padding: 14px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-radius: var(--els-radius);
	box-shadow: var(--els-shadow);
}

.els-indexing-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.els-indexing-item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 74px;
	padding: 10px;
	background: var(--els-primary-soft);
	border: 1px solid var(--els-border);
	border-radius: var(--els-radius);
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.els-indexing-item:hover,
.els-indexing-item:focus {
	background: var(--els-surface);
	border-color: var(--els-primary);
	box-shadow: 0 6px 14px rgba(15, 40, 55, 0.08);
	transform: translateY(-2px);
	text-decoration: none;
}

.els-indexing-item img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 34px;
	height: auto;
	margin: 0;
	object-fit: contain;
}

.els-indexing-item span {
	display: none !important;
}

@media (max-width: 560px) {
	.els-indexing-block {
		padding: 12px;
	}

	.els-indexing-grid {
		gap: 8px;
	}

	.els-indexing-item {
		min-height: 66px;
		padding: 8px;
	}

	.els-indexing-item img {
		max-height: 30px;
	}
}

/* --------------------------------------------------------------------------
   3. Visitor Statistics custom block
   -------------------------------------------------------------------------- */
.png_visitor {
	text-align: center;
}

.flagcounter_link {
	display: block;
	line-height: 1;
	text-decoration: none;
}

.flagcounter_link img,
.png_visitor img {
	max-width: 100%;
	height: auto;
}

.png_statcounter {
	margin-top: 8px;
	text-align: center;
}

.statcounter_counter {
	display: inline-block;
	line-height: 1;
	text-decoration: none;
}

.statcounter_counter img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.statcounter_public_link {
	display: block;
	width: fit-content;
	margin: 8px auto 0;
	padding: 6px 12px;
	background: var(--els-primary-soft);
	border: 1px solid var(--els-border);
	border-radius: 4px;
	color: var(--els-primary);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
}

.statcounter_public_link:hover,
.statcounter_public_link:focus {
	background: var(--els-primary);
	border-color: var(--els-primary);
	color: var(--els-surface);
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   4. Basmala hero ornament / flake pattern
   -------------------------------------------------------------------------- */
.els_hero_basmala {
	position: relative !important;
	overflow: hidden !important;
}

.els_hero_basmala > .els_pattern,
.els_hero_basmala > .els_pattern::before,
.els_hero_basmala > .els_pattern::after,
.els_hero_basmala .els_pattern_basmala,
.els_hero_basmala .els_pattern_basmala::before,
.els_hero_basmala .els_pattern_basmala::after,
.els_hero_basmala::before,
.els_hero_basmala::after {
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.els_hero_basmala::before,
.els_hero_basmala::after,
.els_hero_basmala .els_pattern_basmala::before,
.els_hero_basmala .els_pattern_basmala::after {
	display: none !important;
	content: none !important;
}

.els_hero_basmala .els_pattern_basmala {
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	overflow: hidden !important;
	pointer-events: none !important;
	opacity: 1 !important;
}

.els_hero_basmala .els_basmala_flake {
	position: absolute;
	display: block !important;
	width: 120px;
	height: 120px;
	background-image: url("../assets/patterns/basmala-flake.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.22;
	pointer-events: none;
	will-change: transform;
	filter: none;
}

/* Manual flake positions */
.els_hero_basmala .els_basmala_flake_1 {
	top: 20px;
	left: 4%;
	width: 210px;
	height: 210px;
	opacity: 0.22;
	animation: basmalaFloat1 24s ease-in-out infinite alternate;
}

.els_hero_basmala .els_basmala_flake_2 {
	top: 170px;
	left: 17%;
	width: 82px;
	height: 82px;
	opacity: 0.20;
	animation: basmalaFloat2 18s ease-in-out infinite alternate;
}

.els_hero_basmala .els_basmala_flake_3 {
	top: 48px;
	left: 39%;
	width: 96px;
	height: 96px;
	opacity: 0.16;
	animation: basmalaFloat3 20s ease-in-out infinite alternate;
}

.els_hero_basmala .els_basmala_flake_4 {
	top: 150px;
	left: 61%;
	width: 115px;
	height: 115px;
	opacity: 0.14;
	animation: basmalaFloat4 22s ease-in-out infinite alternate;
}

.els_hero_basmala .els_basmala_flake_5 {
	top: 34px;
	right: 12%;
	width: 150px;
	height: 150px;
	opacity: 0.16;
	animation: basmalaFloat5 26s ease-in-out infinite alternate;
}

.els_hero_basmala .els_basmala_flake_6 {
	top: 185px;
	right: 4%;
	width: 90px;
	height: 90px;
	opacity: 0.14;
	animation: basmalaFloat6 19s ease-in-out infinite alternate;
}

.els_hero_basmala .els_hero_inner {
	position: relative !important;
	z-index: 3 !important;
}

@keyframes basmalaFloat1 {
	0% { transform: translate3d(0, -12px, 0) rotate(0deg); }
	100% { transform: translate3d(18px, 18px, 0) rotate(3deg); }
}

@keyframes basmalaFloat2 {
	0% { transform: translate3d(10px, -8px, 0) rotate(0deg); }
	100% { transform: translate3d(-12px, 18px, 0) rotate(-4deg); }
}

@keyframes basmalaFloat3 {
	0% { transform: translate3d(0, -10px, 0) rotate(0deg); }
	100% { transform: translate3d(14px, 18px, 0) rotate(5deg); }
}

@keyframes basmalaFloat4 {
	0% { transform: translate3d(8px, -12px, 0) rotate(0deg); }
	100% { transform: translate3d(-16px, 22px, 0) rotate(-3deg); }
}

@keyframes basmalaFloat5 {
	0% { transform: translate3d(0, -14px, 0) rotate(0deg); }
	100% { transform: translate3d(-20px, 18px, 0) rotate(4deg); }
}

@keyframes basmalaFloat6 {
	0% { transform: translate3d(12px, -8px, 0) rotate(0deg); }
	100% { transform: translate3d(-10px, 20px, 0) rotate(-5deg); }
}

@media (prefers-reduced-motion: reduce) {
	.els_hero_basmala .els_basmala_flake {
		animation: none !important;
	}
}

@media (max-width: 768px) {
	.els_hero_basmala .els_basmala_flake_1 {
		left: -8%;
		width: 150px;
		height: 150px;
	}

	.els_hero_basmala .els_basmala_flake_2 {
		left: 18%;
		width: 64px;
		height: 64px;
	}

	.els_hero_basmala .els_basmala_flake_3 {
		left: 42%;
		width: 70px;
		height: 70px;
	}

	.els_hero_basmala .els_basmala_flake_4 {
		left: 62%;
		width: 78px;
		height: 78px;
	}

	.els_hero_basmala .els_basmala_flake_5 {
		right: -8%;
		width: 120px;
		height: 120px;
	}

	.els_hero_basmala .els_basmala_flake_6 {
		right: 8%;
		width: 62px;
		height: 62px;
	}
}

/* --------------------------------------------------------------------------
   5. Footer license
   -------------------------------------------------------------------------- */
.els-footer-old__license img {
	width: 100px;
	height: auto;
	padding: 4px;
	background: var(--els-surface);
	border-radius: 5px;
}

/* --------------------------------------------------------------------------
   6. Static page/table helpers
   -------------------------------------------------------------------------- */
/* Reusable content table */
table.table2 {
	width: 100%;
	margin: 18px 0 24px;
	caption-side: bottom;
	border-collapse: collapse;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	font-size: 14px;
	line-height: 1.6;
}

.table2 th,
.table2 td {
	padding: 12px 14px !important;
	border: 1px solid var(--els-border, var(--els-border));
	vertical-align: top;
}

.table2 th {
	background: var(--els-primary, var(--els-primary));
	color: var(--els-surface);
	font-weight: 800;
	text-align: left;
}

.table2 tbody tr:nth-child(even) {
	background: var(--els-primary-soft);
}

.table2 td:first-child {
	width: 32%;
	color: var(--els-text);
	font-weight: 800;
}

.table2 p {
	margin: 0 0 8px;
}

.table2 p:last-child,
.table2 ul:last-child,
.table2 ol:last-child {
	margin-bottom: 0;
}

.table2 ul,
.table2 ol {
	margin: 0;
	padding-left: 20px;
}

.table2 li {
	margin: 0 0 4px;
	padding: 0;
}
.table2-note {
	margin: 18px 0 0;
	padding: 14px 16px;
	background: #f8fcfd;
	border-left: 4px solid var(--els-primary, var(--els-primary));
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}
.table2-quote {
	margin: 12px 0 0;
	padding: 12px 14px;
	background: #f8fcfd;
	border-left: 4px solid var(--els-primary, var(--els-primary));
	color: #34444c;
	font-size: 14px;
	font-style: italic;
	line-height: 1.6;
}
@media (max-width: 640px) {
	table.table2,
	.table2 tbody,
	.table2 tr,
	.table2 td,
	.table2 th {
		display: block;
		width: 100% !important;
	}

	.table2 thead {
		display: none;
	}

	.table2 tr {
		margin-bottom: 12px;
		border: 1px solid var(--els-border, var(--els-border));
	}

	.table2 td,
	.table2 th {
		border: 0;
		border-bottom: 1px solid var(--els-border, var(--els-border));
	}

	.table2 td:last-child,
	.table2 th:last-child {
		border-bottom: 0;
	}

	.table2 td:first-child {
		background: var(--els-primary-soft);
	}
}

/* --------------------------------------------------------------------------
   7. Shariff Share Plugin - Article Detail Styling
   -------------------------------------------------------------------------- */
.pkp_page_article.pkp_op_view .item.shariffblock {
	margin-top: 34px;
	padding: 28px;
	background: var(--els-primary-soft);
	border: 1px solid #dce8ec;
	box-shadow: var(--els-shadow-md);
}

.pkp_page_article.pkp_op_view .item.shariffblock h2,
.pkp_page_article.pkp_op_view .item.shariffblock .label {
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 12px;
	color: var(--els-text);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_article.pkp_op_view .item.shariffblock h2::after,
.pkp_page_article.pkp_op_view .item.shariffblock .label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	background: var(--els-accent);
	border-radius: 999px;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff {
	margin: 0;
	padding: 0;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff li {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 9px 14px !important;
	background: var(--els-primary) !important;
	border: 1px solid transparent !important;
	border-radius: 0 !important;
	color: var(--els-surface) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff a:hover,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff a:focus {
	background: var(--els-accent) !important;
	color: var(--els-surface) !important;
	transform: translateY(-1px);
	text-decoration: none !important;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff .fa,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .fab,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .fas,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .share_text {
	color: inherit !important;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff .orientation-horizontal li,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .orientation-vertical li {
	display: inline-flex !important;
	float: none !important;
	clear: none !important;
}

@media (max-width: 640px) {
	.pkp_page_article.pkp_op_view .item.shariffblock {
		padding: 22px 18px;
	}

	.pkp_page_article.pkp_op_view .item.shariffblock .shariff ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.pkp_page_article.pkp_op_view .item.shariffblock .shariff a {
		width: 100%;
		padding: 10px 12px !important;
	}
}

/* --------------------------------------------------------------------------
   8. Collaboration logo image only
   -------------------------------------------------------------------------- */
.png-assosiate {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	padding: 14px 12px;
	background: var(--els-surface);
	border: 1px solid #dce8ec;
	box-shadow: var(--els-shadow-md);
}

.png-assosiate a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-decoration: none;
}

.png-assosiate img {
	display: block;
	width: auto;
	max-width: 100px !important;
	max-height: 150px;
	height: auto;
	object-fit: contain;
	transition: transform 0.18s ease, filter 0.18s ease;
}

.png-assosiate a:hover img,
.png-assosiate a:focus img {
	transform: translateY(-2px);
	filter: drop-shadow(0 8px 14px rgba(15, 41, 51, 0.14));
}

/* --------------------------------------------------------------------------
   9. Citation Analytics
   -------------------------------------------------------------------------- */
.els_sidebar .custom_block .els-citation-bars,
.els_sidebar .pkp_block .els-citation-bars {
	padding: 0;
}

.els-citation-bars__loading {
	padding: 14px 0;
	color: #6b7c86;
	font-size: 13px;
	line-height: 1.45;
}

.els-citation-bars__content {
	display: block;
}

.els-citation-bars__item {
	margin-bottom: 16px;
}

.els-citation-bars__label {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.els-citation-bars__label span {
	color: var(--els-muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

.els-citation-bars__label strong {
	color: var(--els-primary);
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	text-align: right;
}

.els-citation-bars__bar {
	position: relative;
	width: 100%;
	height: 9px;
	overflow: hidden;
	background: var(--els-border-soft);
	border-radius: 999px;
}

.els-citation-bars__bar span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--els-primary);
	border-radius: 999px;
	transition: width 0.35s ease;
}

/* Manual and automatic source metrics use one unified visual system */
.els-citation-manual,
.els-citation-sources {
	margin: 18px 0;
	background: #f8fcfd;
	border: 1px solid #dce8ec;
}

.els-citation-manual {
	display: block;
}

.els-citation-manual__item,
.els-citation-source {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #dce8ec;
}

.els-citation-manual__item:last-child,
.els-citation-source:last-child {
	border-bottom: 0;
}

.els-citation-manual__item {
	border-left: 3px solid var(--els-primary);
}

.els-citation-manual__item span,
.els-citation-source span {
	color: #34444c;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.3;
}

.els-citation-manual__item strong,
.els-citation-source strong {
	min-width: 28px;
	color: var(--els-primary);
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	text-align: right;
}

.els-citation-bars__notice {
	margin: 0 0 16px;
	padding: 13px 14px;
	background: #fff8ef;
	border-left: 4px solid var(--els-accent);
	color: #44545d;
	font-size: 13px;
	line-height: 1.5;
}

.els-citation-bars__meta {
	padding-top: 14px;
	border-top: 1px solid #e4eef1;
}

.els-citation-bars__meta div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 7px;
	color: #6b7c86;
	font-size: 12px;
	line-height: 1.4;
}

.els-citation-bars__meta div:last-child {
	margin-bottom: 0;
}

.els-citation-bars__meta span {
	font-weight: 700;
}

.els-citation-bars__meta strong {
	color: var(--els-text);
	font-weight: 800;
	text-align: right;
}

@media (max-width: 560px) {
	.els-citation-bars__label strong {
		font-size: 22px;
	}

	.els-citation-manual__item,
	.els-citation-source {
		padding: 9px 10px;
	}

	.els-citation-manual__item span,
	.els-citation-source span {
		font-size: 12px;
	}
}
/* Policy figure / workflow diagram */
.els-policy-figure {
	margin: 24px 0 0;
	padding: 18px;
	background: #f8fcfd;
	border: 1px solid var(--els-border, var(--els-border));
	text-align: center;
}

.els-policy-figure p {
	margin: 0 0 14px;
	color: #34444c;
	font-size: 14px;
	line-height: 1.6;
}

.els-policy-figure p:last-child {
	margin: 14px 0 0;
	font-size: 13px;
}

.els-policy-figure img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.06);
}
/* =========================================================
   Abstracting and Indexing Page List
   ========================================================= */

.els-indexing-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 22px 0;
}

.els-indexing-list__item {
	display: block;
	padding: 16px 18px;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.els-indexing-list__item:hover,
.els-indexing-list__item:focus {
	border-color: var(--els-primary, var(--els-primary));
	box-shadow: 0 10px 24px rgba(15, 40, 55, 0.08);
	transform: translateY(-2px);
	text-decoration: none;
}

.els-indexing-list__item strong {
	display: block;
	margin-bottom: 7px;
	color: var(--els-primary, var(--els-primary));
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
}

.els-indexing-list__item span {
	display: block;
	color: #44545d;
	font-size: 14px;
	line-height: 1.6;
}

@media (max-width: 720px) {
	.els-indexing-list {
		grid-template-columns: 1fr;
	}
}
/* Simple policy card */
.els-policy-card {
	margin: 18px 0;
	padding: 18px;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	color: var(--els-text, var(--els-text));
	font-size: 14px;
	line-height: 1.65;
}

.els-policy-card p {
	margin: 0 0 10px;
}

.els-policy-card p:last-child {
	margin-bottom: 0;
}

.els-policy-card ul,
.els-policy-card ol {
	margin: 10px 0;
	padding-left: 22px;
}

.els-policy-card li {
	margin: 0 0 5px;
}
/* Open access policy logo */
.els-open-access-logo {
	margin: 0 0 16px;
	text-align: left;
}

.els-open-access-logo img {
	display: inline-block;
	max-width: 150px;
	height: auto;
	padding: 6px;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	box-shadow: 0 4px 12px rgba(15, 40, 55, 0.05);
}
/* Journal template preview */
.els-template-preview {
	position: relative;
	width: 100%;
	margin: 16px 0;
	background: #f8fcfd;
	border: 1px solid var(--els-border, var(--els-border));
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	overflow: hidden;
}

.els-template-preview iframe {
	display: block;
	width: 100%;
	height: 520px;
	border: 0;
	background: var(--els-surface);
}

@media (max-width: 640px) {
	.els-template-preview iframe {
		height: 420px;
	}
}
/* Call for editors / reviewers box */
.els-call-box {
	margin: 18px 0;
	padding: 16px 18px;
	background: #f8fcfd;
	border: 1px solid var(--els-border, var(--els-border));
	border-left: 4px solid var(--els-primary, var(--els-primary));
}

.els-call-box h3 {
	margin: 0 0 12px;
	color: var(--els-primary, var(--els-primary));
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
}

.els-call-box p {
	margin: 0;
}

.els-signature-box {
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid var(--els-border, var(--els-border));
}

.els-signature-box p {
	margin: 0;
	line-height: 1.7;
}
/* =========================================================
   Submissions Page - Revised Layout
   ========================================================= */

.page_submissions {
	width: 100%;
	max-width: none;
	margin: 0;
	color: var(--els-text, var(--els-text));
}

.page_submissions .cmp_breadcrumbs {
	display: none;
}

.page_submissions > h1 {
	position: relative;
	margin: 0 0 22px;
	padding-bottom: 12px;
	color: var(--els-dark, var(--els-text));
	font-size: 32px;
	font-weight: 900;
	line-height: 1.25;
}

.page_submissions > h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 3px;
	background: var(--els-primary, var(--els-primary));
}

.page_submissions .cmp_notification {
	margin: 0 0 24px;
	padding: 16px 20px;
	background: #f8fcfd;
	border: 1px solid var(--els-border, var(--els-border));
	border-left: 4px solid var(--els-primary, var(--els-primary));
	color: #34444c;
	font-size: 14px;
	line-height: 1.6;
}

.page_submissions .cmp_notification a {
	color: var(--els-primary, var(--els-primary));
	font-weight: 900;
	text-decoration: none;
}

.page_submissions .cmp_notification a:hover,
.page_submissions .cmp_notification a:focus {
	color: var(--els-accent);
	text-decoration: underline;
}

.page_submissions .author_guidelines,
.page_submissions .submission_checklist,
.page_submissions .section_policy,
.page_submissions .privacy_statement {
	margin: 0 0 24px;
	padding: 24px;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
}

.page_submissions .author_guidelines h2,
.page_submissions .submission_checklist h2,
.page_submissions .section_policy h2,
.page_submissions .privacy_statement h2 {
	position: relative;
	margin: 0 0 18px;
	padding-bottom: 10px;
	color: var(--els-dark, var(--els-text));
	font-size: 24px;
	font-weight: 900;
	line-height: 1.3;
}

.page_submissions .author_guidelines h2::after,
.page_submissions .submission_checklist h2::after,
.page_submissions .section_policy h2::after,
.page_submissions .privacy_statement h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 52px;
	height: 2px;
	background: var(--els-primary, var(--els-primary));
}

.page_submissions p {
	margin: 0 0 13px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.75;
	text-align: left;
}

.page_submissions p:last-child {
	margin-bottom: 0;
}

.page_submissions ul,
.page_submissions ol {
	margin: 12px 0 0;
	padding-left: 24px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.7;
}

.page_submissions li {
	margin: 0 0 8px;
	padding-left: 2px;
}

.page_submissions li:last-child {
	margin-bottom: 0;
}

.page_submissions a {
	color: var(--els-primary, var(--els-primary));
	font-weight: 800;
}

.page_submissions a:hover,
.page_submissions a:focus {
	color: var(--els-accent);
}

.page_submissions .cmp_edit_link {
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	padding: 4px 8px;
	background: var(--els-primary-soft);
	color: var(--els-primary, var(--els-primary)) !important;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none !important;
	vertical-align: middle;
}

.page_submissions .cmp_edit_link:hover,
.page_submissions .cmp_edit_link:focus {
	background: var(--els-primary, var(--els-primary));
	color: var(--els-surface) !important;
}

.page_submissions .section_policy {
	border-left: 4px solid var(--els-accent);
}

.page_submissions .section_policy p a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	margin-top: 8px;
	padding: 10px 15px;
	background: var(--els-primary, var(--els-primary));
	color: var(--els-surface) !important;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none !important;
}

.page_submissions .section_policy p a:hover,
.page_submissions .section_policy p a:focus {
	background: var(--els-accent);
	color: var(--els-surface) !important;
}

.page_submissions .privacy_statement {
	margin-bottom: 0;
}

@media (max-width: 720px) {
	.page_submissions > h1 {
		font-size: 28px;
	}

	.page_submissions .author_guidelines,
	.page_submissions .submission_checklist,
	.page_submissions .section_policy,
	.page_submissions .privacy_statement {
		padding: 18px;
	}

	.page_submissions .author_guidelines h2,
	.page_submissions .submission_checklist h2,
	.page_submissions .section_policy h2,
	.page_submissions .privacy_statement h2 {
		font-size: 21px;
	}

	.page_submissions p,
	.page_submissions ul,
	.page_submissions ol {
		font-size: 14px;
	}
}
/* --------------------------------------------------------------------------
   10. Global conflict guards for OJS content blocks
   -------------------------------------------------------------------------- */

/* Keep Font Awesome 4 icons stable when other plugins override .fa/.fas. */
.els_page .fa,
.els_page .fa::before,
.els_header .fa,
.els_header .fa::before,
.els_sidebar .fa,
.els_sidebar .fa::before,
.els_article_summary .fa,
.els_article_summary .fa::before,
.pkp_page_article.pkp_op_view .fa,
.pkp_page_article.pkp_op_view .fa::before {
	font-family: FontAwesome !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Do not let plugin share styles or static page content leak into theme layout. */
.els_page img {
	max-width: 100%;
	height: auto;
}

.els_page iframe,
.els_page object,
.els_page embed {
	max-width: 100%;
}

.els_page .pkp_page_index,
.els_page .pkp_page_about,
.els_page .pkp_page_article,
.els_page .pkp_page_issue {
	box-sizing: border-box;
}

.els_page *,
.els_page *::before,
.els_page *::after {
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   11. Copyright and License / CC BY Policy Block
   -------------------------------------------------------------------------- */

.els-policy-license {
	margin: 18px 0 24px;
	padding: 22px 24px;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	border-left: 4px solid var(--els-primary, var(--els-primary));
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	color: var(--els-text, var(--els-text));
	font-size: 15px;
	line-height: 1.75;
}

.els-policy-license__image {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 16px;
	padding: 0;
	text-align: left;
}

.els-policy-license__image a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 9px;
	background: #f8fcfd;
	border: 1px solid var(--els-border, var(--els-border));
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.els-policy-license__image a:hover,
.els-policy-license__image a:focus {
	border-color: var(--els-primary, var(--els-primary));
	box-shadow: 0 6px 14px rgba(15, 40, 55, 0.08);
	transform: translateY(-1px);
	text-decoration: none;
}

.els-policy-license__image img {
	display: block;
	width: 130px;
	max-width: 100%;
	height: auto;
	margin: 0;
	object-fit: contain;
}

.els-policy-license p {
	margin: 0 0 14px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.75;
	text-align: justify;
}

.els-policy-license p:last-child {
	margin-bottom: 0;
}

.els-policy-license a {
	color: var(--els-primary, var(--els-primary));
	font-weight: 800;
	text-decoration: none;
}

.els-policy-license a:hover,
.els-policy-license a:focus {
	color: var(--els-accent);
	text-decoration: underline;
}

.els-policy-license strong {
	color: var(--els-text, var(--els-text));
	font-weight: 900;
}

/* Works inside OJS static pages and article policy sections without breaking other blocks. */
.els_policy_content .els-policy-license,
.page_about .els-policy-license,
.pkp_page_about .els-policy-license,
.pkp_page_article .els-policy-license {
	max-width: 100%;
}

@media (max-width: 640px) {
	.els-policy-license {
		padding: 18px;
		font-size: 14px;
		line-height: 1.7;
	}

	.els-policy-license p {
		font-size: 14px;
		line-height: 1.7;
		text-align: left;
	}

	.els-policy-license__image {
		justify-content: flex-start;
	}

	.els-policy-license__image img {
		width: 120px;
	}
}

/* --------------------------------------------------------------------------
   12. Extra responsive guard for long policy/static-page content
   -------------------------------------------------------------------------- */

.els-policy-card,
.els-policy-license,
.els-policy-figure,
.els-template-preview,
.els-call-box,
.table2-note,
.table2-quote {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.els-policy-card a,
.els-policy-license a,
.els-policy-figure a,
.els-timeline__content a,
.page_submissions a {
	overflow-wrap: anywhere;
}

@media (max-width: 560px) {
	.els-policy-card,
	.els-policy-figure,
	.els-call-box,
	.table2-note,
	.table2-quote {
		padding: 14px;
	}
}
/* =========================================================
   Open Access Policy Page
   ========================================================= */

.els-open-access-policy {
	border-left: 4px solid var(--els-primary, var(--els-primary));
}

.els-open-access-policy .els-open-access-logo {
	margin: 0 0 18px;
}

.els-open-access-policy .els-open-access-logo img {
	display: block;
	width: 150px;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 7px 9px;
	background: var(--els-surface);
	border: 1px solid var(--els-border, var(--els-border));
	box-shadow: 0 4px 12px rgba(15, 40, 55, 0.05);
	object-fit: contain;
}

.els-open-access-policy p {
	margin: 0 0 14px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.75;
	text-align: justify;
}

.els-open-access-policy p:last-child {
	margin-bottom: 0;
}

.els-open-access-policy a {
	color: var(--els-primary, var(--els-primary));
	font-weight: 800;
	text-decoration: none;
}

.els-open-access-policy a:hover,
.els-open-access-policy a:focus {
	color: var(--els-accent);
	text-decoration: underline;
}

@media (max-width: 640px) {
	.els-open-access-policy p {
		font-size: 14px;
		line-height: 1.7;
		text-align: left;
	}

	.els-open-access-policy .els-open-access-logo img {
		width: 140px;
	}
}
/* ==========================================================================
   Gateway Pages: LOCKSS / CLOCKSS
   Compatible with OJS 3.4
   ========================================================================== */

.pkp_page_gateway.pkp_op_lockss .els_content,
.pkp_page_gateway.pkp_op_clockss .els_content,
.pkp_page_gateway.pkp_op_lockss .pkp_structure_content.els_content,
.pkp_page_gateway.pkp_op_clockss .pkp_structure_content.els_content {
	display: block !important;
	width: min(1280px, calc(100% - 96px)) !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 28px 0 36px !important;
}

.pkp_page_gateway.pkp_op_lockss .pkp_structure_main,
.pkp_page_gateway.pkp_op_clockss .pkp_structure_main {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.pkp_page_gateway .page.lockss,
.pkp_page_gateway .page.clockss {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 34px 38px 42px;
	background: var(--els-surface, #ffffff);
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.72;
}

/* Hilangkan separator bawaan OJS yang terlalu polos */
.pkp_page_gateway .page.lockss .separator,
.pkp_page_gateway .page.clockss .separator {
	display: block;
	width: 100%;
	height: 1px;
	margin: 30px 0;
	background: var(--els-border);
	border: 0;
}

/* Previous / Next navigation */
.pkp_page_gateway .page.lockss > p:first-child,
.pkp_page_gateway .page.clockss > p:first-child {
	margin: 0 0 24px;
	color: var(--els-muted);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}

.pkp_page_gateway .page.lockss > p:first-child a,
.pkp_page_gateway .page.clockss > p:first-child a,
.pkp_page_gateway .page.lockss .heading,
.pkp_page_gateway .page.clockss .heading {
	color: var(--els-primary, #1596a8);
	font-weight: 800;
	text-decoration: none;
}

.pkp_page_gateway .page.lockss > p:first-child a:hover,
.pkp_page_gateway .page.lockss > p:first-child a:focus,
.pkp_page_gateway .page.clockss > p:first-child a:hover,
.pkp_page_gateway .page.clockss > p:first-child a:focus {
	color: var(--els-accent, #f5821f);
	text-decoration: underline;
}

/* Main headings */
.pkp_page_gateway .page.lockss h1,
.pkp_page_gateway .page.clockss h1,
.pkp_page_gateway .page.lockss h2,
.pkp_page_gateway .page.clockss h2,
.pkp_page_gateway .page.lockss h3,
.pkp_page_gateway .page.clockss h3 {
	margin: 0 0 16px;
	color: var(--els-heading);
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_gateway .page.lockss h1,
.pkp_page_gateway .page.clockss h1 {
	position: relative;
	margin-bottom: 26px;
	padding-bottom: 14px;
	color: var(--els-primary, #1596a8);
	font-size: 30px;
}

.pkp_page_gateway .page.lockss h1::after,
.pkp_page_gateway .page.clockss h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 58px;
	height: 3px;
	background: var(--els-accent, #f5821f);
	border-radius: 999px;
}

.pkp_page_gateway .page.lockss h2,
.pkp_page_gateway .page.clockss h2,
.pkp_page_gateway .page.lockss h3,
.pkp_page_gateway .page.clockss h3 {
	margin-top: 28px;
	color: var(--els-heading);
	font-size: 19px;
}

/* Paragraphs */
.pkp_page_gateway .page.lockss p,
.pkp_page_gateway .page.clockss p {
	max-width: 920px;
	margin: 0 0 16px;
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.78;
}

/* Lists */
.pkp_page_gateway .page.lockss ul,
.pkp_page_gateway .page.clockss ul,
.pkp_page_gateway .page.lockss ol,
.pkp_page_gateway .page.clockss ol {
	max-width: 920px;
	margin: 0 0 24px 0;
	padding-left: 24px;
	color: var(--els-text);
}

.pkp_page_gateway .page.lockss li,
.pkp_page_gateway .page.clockss li {
	margin: 0 0 8px;
	padding-left: 2px;
	line-height: 1.65;
}

.pkp_page_gateway .page.lockss li::marker,
.pkp_page_gateway .page.clockss li::marker {
	color: var(--els-accent, #f5821f);
}

/* Links */
.pkp_page_gateway .page.lockss a,
.pkp_page_gateway .page.clockss a {
	color: var(--els-primary, #1596a8);
	font-weight: 700;
	text-decoration: none;
}

.pkp_page_gateway .page.lockss a:hover,
.pkp_page_gateway .page.lockss a:focus,
.pkp_page_gateway .page.clockss a:hover,
.pkp_page_gateway .page.clockss a:focus {
	color: var(--els-accent, #f5821f);
	text-decoration: underline;
}

/* Metadata table */
.pkp_page_gateway .page.lockss table,
.pkp_page_gateway .page.clockss table {
	width: min(920px, 100%);
	margin: 18px 0 28px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	border-collapse: collapse;
	box-shadow: 0 3px 14px rgba(0, 0, 0, .035);
}

.pkp_page_gateway .page.lockss table th,
.pkp_page_gateway .page.clockss table th,
.pkp_page_gateway .page.lockss table td,
.pkp_page_gateway .page.clockss table td {
	padding: 11px 14px;
	border-bottom: 1px solid var(--els-border-soft, #e5edf1);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.55;
	text-align: left;
	vertical-align: top;
}

.pkp_page_gateway .page.lockss table tr:last-child th,
.pkp_page_gateway .page.clockss table tr:last-child th,
.pkp_page_gateway .page.lockss table tr:last-child td,
.pkp_page_gateway .page.clockss table tr:last-child td {
	border-bottom: 0;
}

.pkp_page_gateway .page.lockss table th,
.pkp_page_gateway .page.clockss table th,
.pkp_page_gateway .page.lockss table td:first-child,
.pkp_page_gateway .page.clockss table td:first-child {
	width: 190px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-heading);
	font-weight: 800;
}

/* Logo/images on LOCKSS/CLOCKSS pages */
.pkp_page_gateway .page.lockss img,
.pkp_page_gateway .page.clockss img {
	display: block;
	max-width: 170px;
	height: auto;
	margin: 14px 0 20px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

/* Rights/logo block spacing */
.pkp_page_gateway .page.lockss p + img,
.pkp_page_gateway .page.clockss p + img,
.pkp_page_gateway .page.lockss img + p,
.pkp_page_gateway .page.clockss img + p {
	margin-top: 12px;
}

/* Make page sections feel grouped */
.pkp_page_gateway .page.lockss > h3,
.pkp_page_gateway .page.clockss > h3 {
	position: relative;
	margin-top: 34px;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-heading);
	font-size: 20px;
}

.pkp_page_gateway .page.lockss > h3::after,
.pkp_page_gateway .page.clockss > h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 48px;
	height: 2px;
	background: var(--els-accent, #f5821f);
}

/* Top disabled navigation generated by OJS */
.pkp_page_gateway .page.lockss .disabled,
.pkp_page_gateway .page.clockss .disabled {
	color: var(--els-muted);
	font-weight: 700;
	opacity: .85;
}

/* Responsive */
@media (max-width: 900px) {
	.pkp_page_gateway.pkp_op_lockss .els_content,
	.pkp_page_gateway.pkp_op_clockss .els_content,
	.pkp_page_gateway.pkp_op_lockss .pkp_structure_content.els_content,
	.pkp_page_gateway.pkp_op_clockss .pkp_structure_content.els_content {
		width: min(100% - 36px, 100%) !important;
		padding: 24px 0 32px !important;
	}

	.pkp_page_gateway .page.lockss,
	.pkp_page_gateway .page.clockss {
		padding: 24px 22px 30px;
	}

	.pkp_page_gateway .page.lockss h1,
	.pkp_page_gateway .page.clockss h1 {
		font-size: 25px;
	}

	.pkp_page_gateway .page.lockss table,
	.pkp_page_gateway .page.clockss table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 560px) {
	.pkp_page_gateway.pkp_op_lockss .els_content,
	.pkp_page_gateway.pkp_op_clockss .els_content,
	.pkp_page_gateway.pkp_op_lockss .pkp_structure_content.els_content,
	.pkp_page_gateway.pkp_op_clockss .pkp_structure_content.els_content {
		width: min(100% - 28px, 100%) !important;
	}

	.pkp_page_gateway .page.lockss,
	.pkp_page_gateway .page.clockss {
		padding: 20px 16px 26px;
	}

	.pkp_page_gateway .page.lockss h1,
	.pkp_page_gateway .page.clockss h1 {
		font-size: 23px;
	}

	.pkp_page_gateway .page.lockss h2,
	.pkp_page_gateway .page.clockss h2,
	.pkp_page_gateway .page.lockss h3,
	.pkp_page_gateway .page.clockss h3 {
		font-size: 18px;
	}

	.pkp_page_gateway .page.lockss table th,
	.pkp_page_gateway .page.clockss table th,
	.pkp_page_gateway .page.lockss table td,
	.pkp_page_gateway .page.clockss table td {
		padding: 10px 12px;
		font-size: 13px;
	}

	.pkp_page_gateway .page.lockss img,
	.pkp_page_gateway .page.clockss img {
		max-width: 140px;
	}
}
/* ==========================================================================
   About Contact Page
   Compatible with OJS 3.4
   ========================================================================== */

.pkp_page_about.pkp_op_contact .els_content,
.pkp_page_about.pkp_op_contact .pkp_structure_content.els_content {
	display: block !important;
	width: min(1280px, calc(100% - 96px)) !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 28px 0 36px !important;
}

.pkp_page_about.pkp_op_contact .pkp_structure_main {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.pkp_page_about.pkp_op_contact .page.page_contact {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 34px 38px 42px;
	background: var(--els-surface, #ffffff);
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.72;
}

/* Page title */
.pkp_page_about.pkp_op_contact .page_contact h1 {
	position: relative;
	margin: 0 0 28px;
	padding-bottom: 14px;
	color: var(--els-primary, #1596a8);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.25;
}

.pkp_page_about.pkp_op_contact .page_contact h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 58px;
	height: 3px;
	background: var(--els-accent, #f5821f);
	border-radius: 999px;
}

/* Section headings */
.pkp_page_about.pkp_op_contact .page_contact h2,
.pkp_page_about.pkp_op_contact .page_contact h3 {
	position: relative;
	margin: 30px 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-heading);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_about.pkp_op_contact .page_contact h2::after,
.pkp_page_about.pkp_op_contact .page_contact h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 46px;
	height: 2px;
	background: var(--els-accent, #f5821f);
}

/* Text */
.pkp_page_about.pkp_op_contact .page_contact p,
.pkp_page_about.pkp_op_contact .page_contact div {
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.78;
}

.pkp_page_about.pkp_op_contact .page_contact p {
	max-width: 920px;
	margin: 0 0 12px;
}

/* Links */
.pkp_page_about.pkp_op_contact .page_contact a {
	color: var(--els-primary, #1596a8);
	font-weight: 700;
	text-decoration: none;
}

.pkp_page_about.pkp_op_contact .page_contact a:hover,
.pkp_page_about.pkp_op_contact .page_contact a:focus {
	color: var(--els-accent, #f5821f);
	text-decoration: underline;
}

/* Edit link shown for admins */
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"] {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin: 0 0 14px;
	padding: 7px 12px;
	background: var(--els-primary-soft, #f3f8fa);
	border: 1px solid var(--els-primary-border, var(--els-border));
	border-radius: 3px;
	color: var(--els-primary, #1596a8);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}

.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:hover,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:focus,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:hover,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:focus {
	background: var(--els-primary, #1596a8);
	border-color: var(--els-primary, #1596a8);
	color: #ffffff;
	text-decoration: none;
}

/* Main contact block */
.pkp_page_about.pkp_op_contact .page_contact .contact_section {
	max-width: 920px;
	margin: 0 0 28px;
	padding: 20px 22px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-accent, #f5821f);
	box-shadow: 0 3px 14px rgba(0, 0, 0, .035);
}

/* Some OJS installs output contact sections without clear wrapper.
   These rules improve spacing for the default plain markup. */
.pkp_page_about.pkp_op_contact .page_contact h1 + .cmp_edit_link + .contact_section,
.pkp_page_about.pkp_op_contact .page_contact h1 + a + .contact_section {
	margin-top: 4px;
}

.pkp_page_about.pkp_op_contact .page_contact h2 + p,
.pkp_page_about.pkp_op_contact .page_contact h3 + p {
	margin-top: 0;
}

/* Contact names / email blocks */
.pkp_page_about.pkp_op_contact .page_contact strong,
.pkp_page_about.pkp_op_contact .page_contact b {
	color: var(--els-heading);
	font-weight: 900;
}

.pkp_page_about.pkp_op_contact .page_contact br {
	line-height: 1.9;
}

/* Make email links look intentional */
.pkp_page_about.pkp_op_contact .page_contact a[href^="mailto:"] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 2px;
	color: var(--els-primary, #1596a8);
	font-weight: 800;
}

.pkp_page_about.pkp_op_contact .page_contact a[href^="mailto:"]::before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 12px;
	font-weight: normal;
	color: var(--els-accent, #f5821f);
}

/* Address links */
.pkp_page_about.pkp_op_contact .page_contact a[href*="maps"],
.pkp_page_about.pkp_op_contact .page_contact a[href*="google.com/maps"] {
	font-weight: 700;
}

/* Optional: turn the principal/support contact area into soft cards
   without changing OJS template. */
.pkp_page_about.pkp_op_contact .page_contact h2,
.pkp_page_about.pkp_op_contact .page_contact h3 {
	max-width: 920px;
}

.pkp_page_about.pkp_op_contact .page_contact h2 + p,
.pkp_page_about.pkp_op_contact .page_contact h3 + p,
.pkp_page_about.pkp_op_contact .page_contact h2 + div,
.pkp_page_about.pkp_op_contact .page_contact h3 + div {
	max-width: 920px;
}

/* If OJS uses item/contact classes */
.pkp_page_about.pkp_op_contact .page_contact .item,
.pkp_page_about.pkp_op_contact .page_contact .contact {
	max-width: 920px;
	margin: 0 0 18px;
	padding: 18px 20px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	box-shadow: 0 3px 14px rgba(0, 0, 0, .03);
}

.pkp_page_about.pkp_op_contact .page_contact .label {
	display: block;
	margin: 0 0 6px;
	color: var(--els-heading);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pkp_page_about.pkp_op_contact .page_contact .value {
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.72;
}

/* Responsive */
@media (max-width: 900px) {
	.pkp_page_about.pkp_op_contact .els_content,
	.pkp_page_about.pkp_op_contact .pkp_structure_content.els_content {
		width: min(100% - 36px, 100%) !important;
		padding: 24px 0 32px !important;
	}

	.pkp_page_about.pkp_op_contact .page.page_contact {
		padding: 24px 22px 30px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h1 {
		font-size: 26px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h2,
	.pkp_page_about.pkp_op_contact .page_contact h3 {
		font-size: 20px;
	}
}

@media (max-width: 560px) {
	.pkp_page_about.pkp_op_contact .els_content,
	.pkp_page_about.pkp_op_contact .pkp_structure_content.els_content {
		width: min(100% - 28px, 100%) !important;
	}

	.pkp_page_about.pkp_op_contact .page.page_contact {
		padding: 20px 16px 26px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h1 {
		font-size: 24px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h2,
	.pkp_page_about.pkp_op_contact .page_contact h3 {
		font-size: 18px;
	}

	.pkp_page_about.pkp_op_contact .page_contact .contact_section,
	.pkp_page_about.pkp_op_contact .page_contact .item,
	.pkp_page_about.pkp_op_contact .page_contact .contact {
		padding: 16px;
	}
}