/* =========================================================
   JOURNAL OF COMMUNITY SERVICE,
   EMPOWERMENT STUDIES AND SUSTAINABLE SOLUTIONS
   JoCEPASS
   OJS 3.4 CUSTOM STYLE

   Forest Green + Leaf Green + Lime + Gold Theme
   ========================================================= */


/* =========================================================
   1. COLOR VARIABLES
   ========================================================= */

:root {

	/* PRIMARY JOURNAL IDENTITY */
	--jocepass-dark: #2F4A1F;
	--jocepass-deep: #426522;
	--jocepass-primary: #5F8F2A;
	--jocepass-leaf: #78A932;
	--jocepass-lime: #A7C93B;

	/* ACCENT */
	--jocepass-gold: #C89A28;
	--jocepass-gold-light: #E3C75C;

	/* SECONDARY ACCENTS */
	--jocepass-olive: #718238;
	--jocepass-teal: #4E7A62;
	--jocepass-green-soft: #DDEBCB;

	/* BACKGROUND */
	--jocepass-cream: #F6F8EE;
	--jocepass-cream-soft: #FBFCF7;
	--jocepass-light: #ECF2DF;

	/* TYPOGRAPHY */
	--jocepass-text: #2F382A;
	--jocepass-text-soft: #66705E;

	/* BORDER */
	--jocepass-border: #D0DDBE;

	--jocepass-white: #FFFFFF;
}


/* =========================================================
   2. BASIC WEBSITE
   ========================================================= */

body {

	background-color:
		#F3F6EE;

	color:
		var(--jocepass-text);
}


.pkp_structure_page {

	background:
		var(--jocepass-white);

	margin-top:
		20px !important;

	margin-bottom:
		20px !important;

	padding-bottom:
		20px !important;

	box-shadow:
		0 0 22px
		rgba(47, 74, 31, 0.09);
}


/* GENERAL LINKS */

a {

	color:
		var(--jocepass-primary);

	transition:
		color 0.2s ease;
}


a:hover,
a:focus {

	color:
		var(--jocepass-leaf);

	text-decoration:
		none;
}


/* =========================================================
   3. JOURNAL HEADER / LOGO
   ========================================================= */

.pkp_structure_head {

	background:
		var(--jocepass-white);

	border-top:
		7px solid
		var(--jocepass-primary);
}


.pkp_site_name {

	padding-top:
		0 !important;

	padding-bottom:
		0 !important;
}


.pkp_site_name > a {

	padding-top:
		0;

	padding-bottom:
		0;
}


.pkp_site_name .is_img img {

	max-height:
		200px !important;

	width:
		auto;
}


.pkp_site_name_wrapper {

	padding-left:
		0;

	padding-right:
		0;
}


/* =========================================================
   4. PRIMARY NAVIGATION
   ========================================================= */

.pkp_navigation_primary_row {

	background-color:
		var(--jocepass-white);

	border-top:
		1px solid #E7EDDC;

	border-bottom:
		3px solid
		var(--jocepass-gold);

	padding-top:
		5px;

	padding-bottom:
		5px;

	box-shadow:
		0 3px 10px
		rgba(47, 74, 31, 0.12);
}


/* MAIN MENU */

#navigationPrimary > li > a {

	color:
		var(--jocepass-dark);

	font-weight:
		600;

	transition:
		color 0.2s ease,
		background-color 0.2s ease;
}


#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {

	color:
		var(--jocepass-primary);
}


/* DROPDOWN */

#navigationPrimary ul {

	border-top:
		3px solid
		var(--jocepass-gold);

	box-shadow:
		0 5px 14px
		rgba(47, 74, 31, 0.15);
}


#navigationPrimary ul a {

	color:
		var(--jocepass-dark);

	background:
		var(--jocepass-white);
}


#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {

	background-color:
		var(--jocepass-cream);

	color:
		var(--jocepass-primary);
}


/* SEARCH */

.pkp_head_wrapper
.pkp_search
.search_controls
.search_prompt {

	color:
		var(--jocepass-dark);
}


.pkp_navigation_search_wrapper a {

	color:
		var(--jocepass-dark);
}


.pkp_navigation_search_wrapper a:hover {

	color:
		var(--jocepass-primary);
}


/* =========================================================
   5. LOGIN / REGISTER
   ========================================================= */

.pkp_navigation_user_wrapper {

	top:
		0;

	right:
		0;

	padding-right:
		30px;
}


.pkp_nav_list li.profile {

	padding:
		0 8px 2px 5px;

	border:
		1px solid
		var(--jocepass-border);

	border-radius:
		7px;

	font-size:
		16px;

	background:
		#FFFFFF;

	box-shadow:
		2px 2px 5px
		rgba(47, 74, 31, 0.12);

	margin-left:
		8px;

	margin-right:
		5px;

	transition:
		background 0.2s ease,
		border-color 0.2s ease;
}


.pkp_navigation_user > li > a {

	color:
		var(--jocepass-primary);
}


.pkp_nav_list li.profile:hover {

	background:
		var(--jocepass-cream);

	border-color:
		var(--jocepass-gold);
}


.pkp_nav_list li.profile:hover > a {

	color:
		var(--jocepass-dark);
}


/* =========================================================
   6. PAGE CONTENT
   ========================================================= */

.pkp_page_index .additional_content {

	border-top:
		0;
}


.journals ul .body .description a {

	display:
		inline;
}


/* HEADINGS */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {

	color:
		var(--jocepass-dark);
}


.page_issue h1,
.page_issue_archive h1,
.current_issue > h2 {

	color:
		var(--jocepass-dark);
}


/* CURRENT ISSUE */

.current_issue .current_issue_title {

	color:
		var(--jocepass-primary);

	font-weight:
		600;
}


/* =========================================================
   7. ARTICLE TABLE OF CONTENTS
   COMPACT ARTICLE SUMMARY
   ========================================================= */


/* RESET OJS ARTICLE LIST SPACING */

.obj_issue_toc .articles {

	margin:
		0 !important;

	padding:
		0 !important;
}


.obj_issue_toc .articles > li {

	margin:
		0 0 16px 0 !important;

	padding:
		0 !important;
}


/* ARTICLE CARD */

.obj_article_summary {

	position:
		relative;

	width:
		100%;

	height:
		auto !important;

	min-height:
		0 !important;

	box-sizing:
		border-box;

	margin:
		0 !important;

	padding:
		13px 16px 14px 20px !important;

	background:
		linear-gradient(
			135deg,
			#FFFFFF 0%,
			var(--jocepass-cream-soft) 100%
		);

	font-size:
		14px;

	font-family:
		Verdana,
		Arial,
		sans-serif;

	line-height:
		1.45;

	text-align:
		left;

	border:
		1px solid
		var(--jocepass-border);

	border-left:
		5px solid
		var(--jocepass-primary);

	border-radius:
		6px;

	box-shadow:
		3px 4px 0
		rgba(200, 154, 40, 0.25);

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}


.obj_article_summary:hover {

	border-color:
		var(--jocepass-leaf);

	box-shadow:
		4px 5px 0
		rgba(200, 154, 40, 0.36);

	transform:
		translateY(-1px);
}


/* ARTICLE TITLE */

.obj_article_summary .title {

	margin:
		0 0 8px 0 !important;

	padding:
		0 !important;

	line-height:
		1.4;
}


.obj_article_summary .title a {

	color:
		var(--jocepass-dark);

	font-weight:
		700;

	line-height:
		1.4;

	text-decoration:
		none;
}


.obj_article_summary .title a:hover {

	color:
		var(--jocepass-primary);
}


/* AUTHORS */

.obj_article_summary .authors {

	margin:
		0 0 5px 0 !important;

	padding:
		0 !important;

	color:
		var(--jocepass-text);

	line-height:
		1.5;
}


.obj_article_summary .authors a {

	color:
		var(--jocepass-primary);
}


/* ARTICLE METADATA */

.obj_article_summary .doi {

	margin:
		2px 0 !important;

	padding:
		0 !important;

	line-height:
		1.45;
}


.obj_article_summary .doi a {

	color:
		var(--jocepass-primary);
}


.obj_article_summary .doi a:hover {

	color:
		var(--jocepass-dark);
}


/* PAGES */

.obj_article_summary .pages {

	position:
		absolute;

	top:
		58px;

	right:
		20px;

	margin:
		0 !important;

	padding:
		0 !important;

	color:
		var(--jocepass-text-soft);

	font-size:
		13px;

	line-height:
		1.4;
}


/* GALLEY AREA */

.obj_article_summary .galleys_links,
.obj_article_summary .galleys {

	margin:
		10px 0 0 0 !important;

	padding:
		0 !important;
}


.obj_article_summary .galleys_links ul,
.obj_article_summary .galleys ul {

	margin:
		0 !important;

	padding:
		0 !important;
}


.obj_article_summary .galleys_links li,
.obj_article_summary .galleys li {

	margin:
		0 !important;

	padding:
		0 !important;
}


.obj_article_summary .obj_galley_link {

	margin:
		0 !important;

	padding:
		7px 14px !important;

	line-height:
		1.35;
}


.obj_article_summary > *:last-child {

	margin-bottom:
		0 !important;
}


/* =========================================================
   8. PDF / GALLEY BUTTON
   ========================================================= */

.obj_galley_link {

	background:
		var(--jocepass-primary) !important;

	color:
		#FFFFFF !important;

	border:
		1px solid
		var(--jocepass-primary) !important;

	border-radius:
		5px;

	padding:
		7px 14px;

	font-weight:
		600;

	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}


.obj_galley_link:hover,
.obj_galley_link:focus {

	background:
		var(--jocepass-gold) !important;

	border-color:
		var(--jocepass-gold) !important;

	color:
		var(--jocepass-dark) !important;

	transform:
		translateY(-1px);
}


/* =========================================================
   9. ISSUE SECTION HEADINGS
   ========================================================= */

.obj_issue_toc .section > h3 {

	color:
		var(--jocepass-dark);

	border-bottom:
		2px solid
		var(--jocepass-gold);

	padding-bottom:
		7px;

	margin-bottom:
		15px;

	font-weight:
		700;
}


/* =========================================================
   10. EDITORIAL TEAM
   ========================================================= */

#groups {

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	font-family:
		Arial,
		Helvetica,
		sans-serif !important;

	color:
		var(--jocepass-text) !important;
}


/* SECTION HEADING */

#groups .ped,
#groups #ped {

	display:
		block !important;

	width:
		100% !important;

	box-sizing:
		border-box !important;

	margin:
		0 0 6px 0 !important;

	padding:
		7px 0 6px 0 !important;

	font-size:
		21px !important;

	line-height:
		1.25 !important;

	font-weight:
		700 !important;

	color:
		var(--jocepass-dark) !important;

	text-align:
		left !important;

	border:
		0 !important;

	border-bottom:
		2px solid
		var(--jocepass-gold) !important;

	background:
		transparent !important;
}


#groups .editorial-list + .ped,
#groups .editorial-list + #ped {

	margin-top:
		4px !important;
}


/* EDITORIAL LIST */

#groups .editorial-list {

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	background:
		transparent !important;

	border:
		0 !important;
}


#groups .editorial-list ul {

	list-style:
		none !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;
}


/* EACH MEMBER */

#groups .editorial-list li {

	position:
		relative !important;

	display:
		grid !important;

	grid-template-columns:
		minmax(0, 1fr) 82px !important;

	column-gap:
		18px !important;

	align-items:
		center !important;

	width:
		100% !important;

	min-height:
		132px !important;

	box-sizing:
		border-box !important;

	margin:
		0 !important;

	padding:
		16px 0 14px 0 !important;

	background:
		transparent !important;

	border:
		0 !important;

	border-bottom:
		1px solid
		#DCE4D0 !important;

	border-radius:
		0 !important;

	box-shadow:
		none !important;
}


/* EDITOR CONTENT */

#groups .team-content {

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	font-size:
		14px !important;

	line-height:
		1.45 !important;

	text-align:
		left !important;

	background:
		transparent !important;
}


/* MEMBER NAME */

#groups .editor-name {

	margin:
		0 0 1px 0 !important;

	padding:
		0 !important;

	font-size:
		20px !important;

	line-height:
		1.25 !important;

	font-weight:
		700 !important;

	color:
		var(--jocepass-dark) !important;
}


/* ROLE */

#groups .designation {

	margin:
		0 0 8px 0 !important;

	padding:
		0 !important;

	font-size:
		14px !important;

	line-height:
		1.35 !important;

	font-weight:
		400 !important;

	color:
		var(--jocepass-text-soft) !important;
}


/* AFFILIATION */

#groups .team-aff {

	margin:
		0 !important;

	padding:
		0 !important;
}


#groups .team-aff p {

	margin:
		0 0 8px 0 !important;

	padding:
		0 !important;

	font-size:
		14px !important;

	line-height:
		1.45 !important;

	color:
		var(--jocepass-text-soft) !important;
}


#groups .team-aff p:last-child {

	margin-bottom:
		0 !important;
}


#groups .team-aff strong {

	font-weight:
		700 !important;

	color:
		var(--jocepass-dark) !important;
}


/* =========================================================
   11. ACADEMIC PROFILE LINKS
   ========================================================= */

#groups .academic-profile-links {

	display:
		block !important;

	margin:
		0 0 10px 0 !important;

	padding:
		0 !important;
}


#groups .academic-profile-links strong {

	display:
		inline !important;

	margin-right:
		4px !important;

	font-size:
		14px !important;

	color:
		var(--jocepass-dark) !important;
}


#groups .academic-profile-links a {

	display:
		inline !important;

	margin:
		0 5px 0 0 !important;

	padding:
		0 !important;

	border:
		0 !important;

	border-radius:
		0 !important;

	background:
		transparent !important;

	box-shadow:
		none !important;

	font-size:
		14px !important;

	font-weight:
		400 !important;

	color:
		var(--jocepass-primary) !important;

	text-decoration:
		none !important;

	white-space:
		normal !important;

	transform:
		none !important;
}


#groups .academic-profile-links a:hover,
#groups .academic-profile-links a:focus {

	color:
		var(--jocepass-dark) !important;

	text-decoration:
		underline !important;

	background:
		transparent !important;

	transform:
		none !important;
}


/* =========================================================
   12. EDITORIAL MEMBER PHOTO / AVATAR
   ========================================================= */

#groups .img-profile {

	display:
		flex !important;

	align-items:
		center !important;

	justify-content:
		center !important;

	justify-self:
		end !important;

	align-self:
		center !important;

	width:
		72px !important;

	height:
		72px !important;

	min-width:
		72px !important;

	min-height:
		72px !important;

	box-sizing:
		border-box !important;

	margin:
		0 !important;

	padding:
		0 !important;

	overflow:
		hidden !important;

	border:
		2px solid
		var(--jocepass-gold) !important;

	border-radius:
		50% !important;

	background:
		var(--jocepass-cream-soft) !important;

	box-shadow:
		0 2px 6px
		rgba(47, 74, 31, 0.10) !important;
}


#groups .img-profile img {

	display:
		block !important;

	width:
		100% !important;

	height:
		100% !important;

	min-width:
		100% !important;

	min-height:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	border:
		0 !important;

	border-radius:
		50% !important;

	object-fit:
		cover !important;

	object-position:
		center center !important;

	background:
		transparent !important;

	box-shadow:
		none !important;
}


/* =========================================================
   13. SIDEBAR GENERAL
   ========================================================= */

.pkp_structure_sidebar:before {

	border-left:
		1px solid
		var(--jocepass-border);
}


.pkp_block {

	padding:
		0 3px 7px 5px;

	font-size:
		14px;

	line-height:
		20px;
}


.block_make_submission {

	padding:
		15px 3px 5px 5px;
}


/* SIDEBAR BLOCK TITLE */

.pkp_block .title {

	width:
		100%;

	height:
		auto;

	display:
		block;

	margin:
		0;

	padding:
		11px 14px;

	box-sizing:
		border-box;

	text-align:
		center;

	text-transform:
		none;

	font-size:
		15px;

	font-weight:
		700;

	line-height:
		1.35;

	letter-spacing:
		0.3px;

	color:
		#FFFFFF !important;

	background:
		linear-gradient(
			90deg,
			var(--jocepass-dark) 0%,
			var(--jocepass-deep) 48%,
			var(--jocepass-primary) 100%
		);

	border-bottom:
		3px solid
		var(--jocepass-gold);
}


/* =========================================================
   14. SIDEBAR CONTENT
   ========================================================= */

.pkp_block .content {

	background-color:
		var(--jocepass-white);
}


.pkp_block .content ul {

	margin:
		0;

	padding:
		0;
}


.pkp_block .content ul li,
.pkp_block li {

	position:
		relative;

	display:
		block;

	padding:
		0;

	background-color:
		var(--jocepass-cream-soft);

	border-radius:
		0;
}


.pkp_block ul > li {

	border-bottom:
		1px solid
		var(--jocepass-border);
}


.pkp_block ul > li a {

	color:
		var(--jocepass-text);

	padding:
		0.75rem 1rem;

	display:
		flex;

	transition:
		background 0.2s ease,
		color 0.2s ease,
		padding-left 0.2s ease;
}


.pkp_block ul > li a:hover {

	text-decoration:
		none;

	background-color:
		var(--jocepass-cream);

	color:
		var(--jocepass-dark);

	padding-left:
		18px;
}


/* =========================================================
   15. CUSTOM SIDEBAR MENU
   ========================================================= */

#customblock-SidebarMenu {

	background:
		var(--jocepass-white);

	border:
		1px solid
		var(--jocepass-border);

	box-shadow:
		0 4px 14px
		rgba(47, 74, 31, 0.11);

	overflow:
		hidden;

	margin-bottom:
		18px;

	padding:
		0;

	font-size:
		14px;

	line-height:
		20px;
}


#customblock-SidebarMenu .content {

	background:
		var(--jocepass-cream-soft);

	margin:
		0 !important;

	padding:
		0 !important;
}


#customblock-SidebarMenu ul {

	list-style:
		none;

	margin:
		0 !important;

	padding:
		0 !important;
}


#customblock-SidebarMenu ul li {

	position:
		relative;

	display:
		block;

	margin:
		0;

	padding:
		0;

	background:
		var(--jocepass-cream-soft);

	border-bottom:
		1px solid
		var(--jocepass-border);

	transition:
		background 0.25s ease;
}


#customblock-SidebarMenu ul li:last-child {

	border-bottom:
		none;
}


/* MENU LINK */

#customblock-SidebarMenu ul > li a {

	color:
		var(--jocepass-text);

	padding:
		11px 14px;

	display:
		flex;

	align-items:
		center;

	gap:
		10px;

	text-decoration:
		none;

	font-size:
		14px;

	font-weight:
		600;

	line-height:
		1.35;

	background:
		transparent;

	transition:
		color 0.25s ease,
		background 0.25s ease,
		padding-left 0.25s ease;
}


/* ICON */

#customblock-SidebarMenu ul > li em {

	box-sizing:
		border-box;

	display:
		inline-block;

	width:
		26px;

	min-width:
		26px;

	margin:
		0 3px 0 0;

	padding-right:
		9px;

	text-align:
		center;

	font:
		1em / 1 FontAwesome;

	color:
		var(--jocepass-primary);

	border-right:
		1px solid
		var(--jocepass-border);

	transition:
		color 0.25s ease,
		border-color 0.25s ease;
}


/* HOVER */

#customblock-SidebarMenu ul > li:hover {

	background:
		linear-gradient(
			90deg,
			var(--jocepass-dark) 0%,
			var(--jocepass-deep) 48%,
			var(--jocepass-primary) 100%
		);
}


#customblock-SidebarMenu ul > li a:hover {

	color:
		#FFFFFF;

	background:
		transparent;

	padding-left:
		18px;
}


#customblock-SidebarMenu ul > li:hover a {

	color:
		#FFFFFF;
}


#customblock-SidebarMenu ul > li:hover em {

	color:
		var(--jocepass-gold-light);

	border-right-color:
		rgba(255, 255, 255, 0.35);
}


/* GOLD LEFT MARK */

#customblock-SidebarMenu ul > li:hover::before {

	content:
		"";

	position:
		absolute;

	left:
		0;

	top:
		0;

	bottom:
		0;

	width:
		5px;

	background:
		var(--jocepass-gold);
}


/* ACTIVE MENU */

#customblock-SidebarMenu ul li.current,
#customblock-SidebarMenu ul li.active {

	background:
		linear-gradient(
			90deg,
			var(--jocepass-dark) 0%,
			var(--jocepass-deep) 48%,
			var(--jocepass-primary) 100%
		);
}


#customblock-SidebarMenu ul li.current a,
#customblock-SidebarMenu ul li.active a {

	color:
		#FFFFFF;

	font-weight:
		700;

	padding-left:
		18px;
}


#customblock-SidebarMenu ul li.current em,
#customblock-SidebarMenu ul li.active em {

	color:
		var(--jocepass-gold-light);

	border-right-color:
		rgba(255, 255, 255, 0.35);
}


#customblock-SidebarMenu ul li.current::before,
#customblock-SidebarMenu ul li.active::before {

	content:
		"";

	position:
		absolute;

	left:
		0;

	top:
		0;

	bottom:
		0;

	width:
		5px;

	background:
		var(--jocepass-gold);
}


/* =========================================================
   16. MAKE SUBMISSION BUTTON
   ========================================================= */

.block_make_submission a {

	background:
		var(--jocepass-primary) !important;

	color:
		#FFFFFF !important;

	border:
		1px solid
		var(--jocepass-primary) !important;

	border-radius:
		5px;

	font-weight:
		700;

	transition:
		background 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}


.block_make_submission a:hover {

	background:
		var(--jocepass-gold) !important;

	color:
		var(--jocepass-dark) !important;

	border-color:
		var(--jocepass-gold) !important;

	transform:
		translateY(-1px);
}


/* =========================================================
   17. FORM / BUTTON ELEMENTS
   ========================================================= */

.cmp_button,
button,
input[type="submit"] {

	border-radius:
		5px;
}


.cmp_button:hover,
input[type="submit"]:hover {

	border-color:
		var(--jocepass-primary);
}


/* =========================================================
   18. DOI / METADATA
   ========================================================= */

.obj_article_details .doi a,
.obj_article_summary .doi a {

	color:
		var(--jocepass-primary);
}


.obj_article_details .doi a:hover,
.obj_article_summary .doi a:hover {

	color:
		var(--jocepass-leaf);
}


/* =========================================================
   19. ARTICLE PAGE
   ========================================================= */

.obj_article_details .page_title {

	color:
		var(--jocepass-dark);
}


.obj_article_details .authors {

	color:
		var(--jocepass-text);
}


.obj_article_details .abstract {

	border-top:
		2px solid
		var(--jocepass-gold);
}


.obj_article_details .item > h2,
.obj_article_details .item > h3 {

	color:
		var(--jocepass-dark);
}


/* =========================================================
   20. PAGINATION
   ========================================================= */

.cmp_pagination .current {

	background:
		var(--jocepass-primary);

	color:
		#FFFFFF;
}


.cmp_pagination a {

	color:
		var(--jocepass-primary);
}


.cmp_pagination a:hover {

	color:
		var(--jocepass-dark);
}


/* =========================================================
   21. BREADCRUMBS
   ========================================================= */

.cmp_breadcrumbs {

	color:
		var(--jocepass-text-soft);
}


.cmp_breadcrumbs a {

	color:
		var(--jocepass-primary);
}


.cmp_breadcrumbs a:hover {

	color:
		var(--jocepass-dark);
}


/* =========================================================
   22. ANNOUNCEMENTS
   ========================================================= */

.obj_announcement_summary {

	border-left:
		4px solid
		var(--jocepass-primary);

	background:
		var(--jocepass-cream-soft);

	padding:
		12px 15px;

	margin-bottom:
		15px;
}


.obj_announcement_summary h2,
.obj_announcement_summary h3 {

	color:
		var(--jocepass-dark);
}


/* =========================================================
   23. ARCHIVES
   ========================================================= */

.obj_issue_summary {

	border:
		1px solid
		var(--jocepass-border);

	background:
		var(--jocepass-cream-soft);

	padding:
		15px;

	border-radius:
		5px;

	margin-bottom:
		15px;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}


.obj_issue_summary:hover {

	border-color:
		var(--jocepass-primary);

	box-shadow:
		0 4px 12px
		rgba(47, 74, 31, 0.10);
}


/* =========================================================
   24. TABLES
   ========================================================= */

.pkp_structure_main table {

	border-collapse:
		collapse;
}


.pkp_structure_main table th {

	background:
		var(--jocepass-dark);

	color:
		#FFFFFF;
}


.pkp_structure_main table td,
.pkp_structure_main table th {

	border:
		1px solid
		var(--jocepass-border);

	padding:
		8px 10px;
}


.pkp_structure_main table tr:nth-child(even) {

	background:
		var(--jocepass-cream-soft);
}


/* =========================================================
   25. HIDDEN / CONTENT ELEMENTS
   ========================================================= */

.item.author_bios {

	display:
		none;
}


div.submission_checklist {

	display:
		none;
}


.item.references {

	display:
		block;
}


/* =========================================================
   26. FOOTER
   FINAL HORIZONTAL JoCEPASS FOOTER
   ========================================================= */

.pkp_structure_footer_wrapper {

	width:
		100% !important;

	background:
		linear-gradient(
			180deg,
			#FFFFFF 0%,
			var(--jocepass-cream) 100%
		) !important;

	border-top:
		4px solid
		var(--jocepass-gold) !important;

	box-shadow:
		0 -3px 12px
		rgba(47, 74, 31, 0.06) !important;
}


/* MAIN OJS FOOTER */

.pkp_structure_footer {

	display:
		block !important;

	width:
		100% !important;

	max-width:
		1200px !important;

	margin:
		0 auto !important;

	padding:
		24px 30px !important;

	box-sizing:
		border-box !important;

	color:
		var(--jocepass-text) !important;
}


/* RELEASE OJS RESERVED BRAND SPACE */

.pkp_structure_footer .pkp_footer_content {

	float:
		none !important;

	width:
		100% !important;

	max-width:
		none !important;

	margin:
		0 !important;

	padding:
		0 !important;

	box-sizing:
		border-box !important;
}


/* HIDE PKP BRAND */

.pkp_brand_footer {

	display:
		none !important;

	float:
		none !important;

	width:
		0 !important;

	height:
		0 !important;

	margin:
		0 !important;

	padding:
		0 !important;
}


/* CLEAR OLD OJS FLOATS */

.pkp_structure_footer::before,
.pkp_structure_footer::after {

	content:
		"" !important;

	display:
		table !important;
}


.pkp_structure_footer::after {

	clear:
		both !important;
}


/* =========================================================
   JoCEPASS FOOTER GRID
   ========================================================= */

.jocepass-footer {

	display:
		grid !important;

	grid-template-columns:
		minmax(0, 1.6fr)
		minmax(0, 1fr) !important;

	column-gap:
		38px !important;

	row-gap:
		0 !important;

	align-items:
		start !important;

	width:
		100% !important;

	max-width:
		none !important;

	margin:
		0 !important;

	padding:
		0 !important;

	box-sizing:
		border-box !important;

	font-size:
		14px !important;

	line-height:
		1.65 !important;

	color:
		var(--jocepass-text) !important;
}


/* LEFT COLUMN */

.jocepass-footer-info {

	min-width:
		0 !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;
}


/* JOURNAL TITLE */

.jocepass-footer-title {

	width:
		100% !important;

	margin:
		0 0 13px 0 !important;

	padding:
		0 0 8px 0 !important;

	box-sizing:
		border-box !important;

	font-size:
		19px !important;

	line-height:
		1.3 !important;

	font-weight:
		700 !important;

	color:
		var(--jocepass-dark) !important;

	border-bottom:
		2px solid
		var(--jocepass-gold) !important;
}


.jocepass-footer-title strong {

	color:
		var(--jocepass-dark) !important;
}


/* PUBLISHER DETAILS */

.jocepass-footer-details {

	margin:
		0 !important;

	padding:
		0 !important;

	font-size:
		14px !important;

	line-height:
		1.75 !important;

	color:
		var(--jocepass-text) !important;

	overflow-wrap:
		normal !important;

	word-break:
		normal !important;
}


.jocepass-footer-details strong {

	color:
		var(--jocepass-dark) !important;

	font-weight:
		700 !important;
}


/* CONTACT */

.jocepass-footer-details a {

	color:
		var(--jocepass-primary) !important;

	font-weight:
		700 !important;

	text-decoration:
		none !important;

	overflow-wrap:
		anywhere;
}


.jocepass-footer-details a:hover,
.jocepass-footer-details a:focus {

	color:
		var(--jocepass-dark) !important;

	text-decoration:
		underline !important;
}


/* =========================================================
   RIGHT COLUMN / LICENSE
   ========================================================= */

.jocepass-footer-license {

	min-width:
		0 !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		17px 20px !important;

	box-sizing:
		border-box !important;

	background:
		var(--jocepass-cream-soft) !important;

	border:
		1px solid
		var(--jocepass-border) !important;

	border-left:
		4px solid
		var(--jocepass-primary) !important;

	border-radius:
		6px !important;

	box-shadow:
		none !important;
}


.jocepass-footer-license p {

	margin:
		0 !important;

	padding:
		0 !important;
}


/* CC LOGO */

.jocepass-footer-license > p:first-child {

	margin-bottom:
		13px !important;
}


.jocepass-footer-license img {

	display:
		block !important;

	width:
		88px !important;

	height:
		31px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	border:
		0 !important;
}


/* LICENSE TEXT */

.jocepass-footer-license > p:last-child {

	font-size:
		14px !important;

	line-height:
		1.65 !important;

	color:
		var(--jocepass-text) !important;

	overflow-wrap:
		normal !important;

	word-break:
		normal !important;
}


.jocepass-footer-license strong {

	color:
		var(--jocepass-dark) !important;

	font-weight:
		700 !important;
}


.jocepass-footer-license a {

	color:
		var(--jocepass-primary) !important;

	font-weight:
		700 !important;

	text-decoration:
		none !important;
}


.jocepass-footer-license a:hover,
.jocepass-footer-license a:focus {

	color:
		var(--jocepass-dark) !important;

	text-decoration:
		underline !important;
}


/* GLOBAL FOOTER LINKS */

.pkp_structure_footer a {

	color:
		var(--jocepass-primary) !important;
}


.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus {

	color:
		var(--jocepass-dark) !important;
}


/* =========================================================
   27. TABLET
   ========================================================= */

@media (max-width: 992px) {

	.pkp_structure_footer {

		padding:
			22px 24px !important;
	}


	.jocepass-footer {

		grid-template-columns:
			minmax(0, 1.35fr)
			minmax(0, 1fr) !important;

		column-gap:
			24px !important;
	}

}


/* =========================================================
   28. MOBILE / RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

	/* PAGE */

	.pkp_structure_page {

		margin-top:
			0 !important;

		margin-bottom:
			0 !important;
	}


	/* HEADER */

	.pkp_navigation_user_wrapper {

		padding-right:
			10px;
	}


	.pkp_site_name .is_img img {

		max-height:
			130px !important;

		max-width:
			100%;

		height:
			auto;
	}


	/* =====================================================
	   EDITORIAL TEAM
	   ===================================================== */

	#groups .ped,
	#groups #ped {

		font-size:
			19px !important;

		text-align:
			left !important;
	}


	#groups .editorial-list li {

		grid-template-columns:
			minmax(0, 1fr) 64px !important;

		column-gap:
			12px !important;

		min-height:
			110px !important;

		padding:
			14px 0 !important;
	}


	#groups .editor-name {

		font-size:
			17px !important;
	}


	#groups .designation,
	#groups .team-aff p,
	#groups .academic-profile-links strong,
	#groups .academic-profile-links a {

		font-size:
			13px !important;
	}


	/* MEMBER PHOTO */

	#groups .img-profile {

		width:
			58px !important;

		height:
			58px !important;

		min-width:
			58px !important;

		min-height:
			58px !important;
	}


	#groups .img-profile img {

		width:
			100% !important;

		height:
			100% !important;

		object-fit:
			cover !important;

		object-position:
			center center !important;
	}


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

	.pkp_block .title {

		font-size:
			14px;

		padding:
			10px 12px;
	}


	#customblock-SidebarMenu ul > li a {

		font-size:
			13.5px;

		padding:
			10px 12px;

		gap:
			9px;
	}


	#customblock-SidebarMenu ul > li a:hover {

		padding-left:
			16px;
	}


	#customblock-SidebarMenu ul li.current a,
	#customblock-SidebarMenu ul li.active a {

		padding-left:
			16px;
	}


	#customblock-SidebarMenu ul > li em {

		font-size:
			14px;

		width:
			24px;

		min-width:
			24px;

		padding-right:
			8px;
	}


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

	.obj_issue_toc .articles > li {

		margin-bottom:
			13px !important;
	}


	.obj_article_summary {

		padding:
			12px 13px 13px 16px !important;
	}


	.obj_article_summary .title {

		margin-bottom:
			7px !important;
	}


	.obj_article_summary .authors {

		margin-bottom:
			4px !important;
	}


	.obj_article_summary .pages {

		position:
			static;

		display:
			block;

		margin-top:
			4px !important;

		font-size:
			12.5px;
	}


	.obj_article_summary .galleys_links,
	.obj_article_summary .galleys {

		margin-top:
			9px !important;
	}


	.obj_galley_link {

		padding:
			6px 11px;
	}


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

	.pkp_structure_footer {

		width:
			100% !important;

		padding:
			20px 15px !important;
	}


	.pkp_structure_footer .pkp_footer_content {

		width:
			100% !important;
	}


	.jocepass-footer {

		display:
			grid !important;

		grid-template-columns:
			1fr !important;

		gap:
			18px !important;

		width:
			100% !important;

		font-size:
			13px !important;
	}


	.jocepass-footer-title {

		font-size:
			17px !important;
	}


	.jocepass-footer-details {

		font-size:
			13px !important;

		line-height:
			1.7 !important;
	}


	.jocepass-footer-license {

		width:
			100% !important;

		margin:
			0 !important;

		padding:
			14px 15px !important;
	}


	.jocepass-footer-license > p:last-child {

		font-size:
			13px !important;
	}

}