/* =========================================================
   SUSTAINABILITY EDUCATION REVIEW
   SER
   OJS 3.4 CUSTOM STYLE

   Maroon + Academic Blue + Gray Theme

   Primary : #940102
   Accent  : #1B5088
   ========================================================= */


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

:root {

	/* PRIMARY JOURNAL IDENTITY */
	--ser-dark: #591B24;
	--ser-deep: #750D15;
	--ser-primary: #940102;
	--ser-red: #A83A40;
	--ser-red-soft: #A26064;

	/* SECONDARY / ACCENT */
	--ser-accent: #1B5088;
	--ser-accent-deep: #254A77;
	--ser-accent-light: #5B83AD;

	/* GRAYS */
	--ser-gray-light: #DDDDDD;
	--ser-gray: #A8A7A7;
	--ser-gray-dark: #686566;

	/* BACKGROUND */
	--ser-cream: #F5F5F5;
	--ser-cream-soft: #FBFBFB;
	--ser-light: #EEEEEE;

	/* TYPOGRAPHY */
	--ser-text: #302B2D;
	--ser-text-soft: #6A6466;

	/* BORDER */
	--ser-border: #D7D2D3;

	--ser-white: #FFFFFF;
}


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

body {

	background-color:
		#F3F3F3;

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


.pkp_structure_page {

	background:
		var(--ser-white);

	margin-top:
		20px !important;

	margin-bottom:
		20px !important;

	padding-bottom:
		20px !important;

	box-shadow:
		0 0 22px
		rgba(89, 27, 36, 0.09);
}


/* GENERAL LINKS */

a {

	color:
		var(--ser-primary);

	transition:
		color 0.2s ease;
}


a:hover,
a:focus {

	color:
		var(--ser-accent);

	text-decoration:
		none;
}


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

.pkp_structure_head {

	background:
		var(--ser-white);

	border-top:
		7px solid
		var(--ser-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(--ser-white);

	border-top:
		1px solid #E8E4E5;

	border-bottom:
		3px solid
		var(--ser-accent);

	padding-top:
		5px;

	padding-bottom:
		5px;

	box-shadow:
		0 3px 10px
		rgba(89, 27, 36, 0.12);
}


/* MAIN MENU */

#navigationPrimary > li > a {

	color:
		var(--ser-dark);

	font-weight:
		600;

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


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

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


/* DROPDOWN */

#navigationPrimary ul {

	border-top:
		3px solid
		var(--ser-accent);

	box-shadow:
		0 5px 14px
		rgba(89, 27, 36, 0.15);
}


#navigationPrimary ul a {

	color:
		var(--ser-dark);

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


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

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

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


/* SEARCH */

.pkp_head_wrapper
.pkp_search
.search_controls
.search_prompt {

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


.pkp_navigation_search_wrapper a {

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


.pkp_navigation_search_wrapper a:hover {

	color:
		var(--ser-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(--ser-border);

	border-radius:
		7px;

	font-size:
		16px;

	background:
		#FFFFFF;

	box-shadow:
		2px 2px 5px
		rgba(89, 27, 36, 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(--ser-primary);
}


.pkp_nav_list li.profile:hover {

	background:
		var(--ser-cream);

	border-color:
		var(--ser-accent);
}


.pkp_nav_list li.profile:hover > a {

	color:
		var(--ser-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(--ser-dark);
}


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

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


/* CURRENT ISSUE */

.current_issue .current_issue_title {

	color:
		var(--ser-primary);

	font-weight:
		600;
}


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

.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(--ser-cream-soft) 100%
		);

	font-size:
		14px;

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

	line-height:
		1.45;

	text-align:
		left;

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

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

	border-radius:
		6px;

	box-shadow:
		3px 4px 0
		rgba(27, 80, 136, 0.22);

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


.obj_article_summary:hover {

	border-color:
		var(--ser-accent);

	box-shadow:
		4px 5px 0
		rgba(27, 80, 136, 0.32);

	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(--ser-dark);

	font-weight:
		700;

	line-height:
		1.4;

	text-decoration:
		none;
}


.obj_article_summary .title a:hover {

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


/* AUTHORS */

.obj_article_summary .authors {

	margin:
		0 0 5px 0 !important;

	padding:
		0 !important;

	color:
		var(--ser-text);

	line-height:
		1.5;
}


.obj_article_summary .authors a {

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


/* DOI */

.obj_article_summary .doi {

	margin:
		2px 0 !important;

	padding:
		0 !important;

	line-height:
		1.45;
}


.obj_article_summary .doi a {

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


.obj_article_summary .doi a:hover {

	color:
		var(--ser-accent);
}


/* PAGES */

.obj_article_summary .pages {

	position:
		absolute;

	top:
		58px;

	right:
		20px;

	margin:
		0 !important;

	padding:
		0 !important;

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

	font-size:
		13px;

	line-height:
		1.4;
}


/* GALLEY */

.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,
.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(--ser-primary) !important;

	color:
		#FFFFFF !important;

	border:
		1px solid
		var(--ser-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(--ser-accent) !important;

	border-color:
		var(--ser-accent) !important;

	color:
		#FFFFFF !important;

	transform:
		translateY(-1px);
}


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

.obj_issue_toc .section > h3 {

	color:
		var(--ser-dark);

	border-bottom:
		2px solid
		var(--ser-accent);

	padding-bottom:
		7px;

	margin-bottom:
		15px;

	font-weight:
		700;
}


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

#groups {

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

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

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


#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(--ser-dark) !important;

	text-align:
		left !important;

	border:
		0 !important;

	border-bottom:
		2px solid
		var(--ser-accent) !important;

	background:
		transparent !important;
}


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

	margin-top:
		4px !important;
}


#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;
}


#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
		#E1DDDE !important;

	border-radius:
		0 !important;

	box-shadow:
		none !important;
}


#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;
}


#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(--ser-dark) !important;
}


#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(--ser-text-soft) !important;
}


#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(--ser-text-soft) !important;
}


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

	margin-bottom:
		0 !important;
}


#groups .team-aff strong {

	font-weight:
		700 !important;

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


/* =========================================================
   11. ACADEMIC PROFILE ICONS
   ========================================================= */

#groups .academic-profile-links {

	display:
	flex !important;

	align-items:
	center !important;

	flex-wrap:
	wrap !important;

	gap:
	5px !important;

	margin:
	0 0 10px 0 !important;

	padding:
	0 !important;
}


#groups .academic-profile-links strong {

	display:
	inline-block !important;

	margin:
	0 4px 0 0 !important;

	padding:
	0 !important;

	font-size:
	14px !important;

	line-height:
	1.4 !important;

	font-weight:
	700 !important;

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


#groups .academic-profile-links a {

	display:
	inline-flex !important;

	align-items:
	center !important;

	justify-content:
	center !important;

	margin:
	0 !important;

	padding:
	0 !important;

	border:
	0 !important;

	background:
	transparent !important;

	box-shadow:
	none !important;

	text-decoration:
	none !important;

	line-height:
	1 !important;

	transform:
	none !important;
}


#groups .academic-profile-links .academic-icon {

	display:
	block !important;

	width:
	18px !important;

	height:
	18px !important;

	margin:
	0 !important;

	padding:
	0 !important;

	border:
	0 !important;

	border-radius:
	2px !important;

	object-fit:
	contain !important;

	background:
	transparent !important;

	transition:
	transform 0.2s ease,
	opacity 0.2s ease;
}


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

	background:
	transparent !important;

	text-decoration:
	none !important;
}


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

	opacity:
	0.82;

	transform:
	translateY(-1px);
}


/* =========================================================
   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(--ser-accent) !important;

	border-radius:
		50% !important;

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

	box-shadow:
		0 2px 6px
		rgba(89, 27, 36, 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(--ser-border);
}


.pkp_block {

	padding:
		0 3px 7px 5px;

	font-size:
		14px;

	line-height:
		20px;
}


.block_make_submission {

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


.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(--ser-dark) 0%,
			var(--ser-deep) 48%,
			var(--ser-primary) 100%
		);

	border-bottom:
		3px solid
		var(--ser-accent);
}


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

.pkp_block .content {

	background-color:
		var(--ser-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(--ser-cream-soft);

	border-radius:
		0;
}


.pkp_block ul > li {

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


.pkp_block ul > li a {

	color:
		var(--ser-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(--ser-cream);

	color:
		var(--ser-dark);

	padding-left:
		18px;
}


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

#customblock-SidebarMenu {

	background:
		var(--ser-white);

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

	box-shadow:
		0 4px 14px
		rgba(89, 27, 36, 0.11);

	overflow:
		hidden;

	margin-bottom:
		18px;

	padding:
		0;

	font-size:
		14px;

	line-height:
		20px;
}


#customblock-SidebarMenu .content {

	background:
		var(--ser-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(--ser-cream-soft);

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

	transition:
		background 0.25s ease;
}


#customblock-SidebarMenu ul li:last-child {

	border-bottom:
		none;
}


#customblock-SidebarMenu ul > li a {

	color:
		var(--ser-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;
}


#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(--ser-primary);

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

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


/* HOVER */

#customblock-SidebarMenu ul > li:hover {

	background:
		linear-gradient(
			90deg,
			var(--ser-dark) 0%,
			var(--ser-deep) 48%,
			var(--ser-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:
		#FFFFFF;

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


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

	content:
		"";

	position:
		absolute;

	left:
		0;

	top:
		0;

	bottom:
		0;

	width:
		5px;

	background:
		var(--ser-accent);
}


/* ACTIVE */

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

	background:
		linear-gradient(
			90deg,
			var(--ser-dark) 0%,
			var(--ser-deep) 48%,
			var(--ser-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:
		#FFFFFF;

	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(--ser-accent);
}


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

.block_make_submission a {

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

	color:
		#FFFFFF !important;

	border:
		1px solid
		var(--ser-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(--ser-accent) !important;

	color:
		#FFFFFF !important;

	border-color:
		var(--ser-accent) !important;

	transform:
		translateY(-1px);
}


/* =========================================================
   17. BUTTONS / FORMS
   ========================================================= */

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

	border-radius:
		5px;
}


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

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


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

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

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


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

	color:
		var(--ser-accent);
}


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

.obj_article_details .page_title {

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


.obj_article_details .authors {

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


.obj_article_details .abstract {

	border-top:
		2px solid
		var(--ser-accent);
}


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

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


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

.cmp_pagination .current {

	background:
		var(--ser-primary);

	color:
		#FFFFFF;
}


.cmp_pagination a {

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


.cmp_pagination a:hover {

	color:
		var(--ser-accent);
}


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

.cmp_breadcrumbs {

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


.cmp_breadcrumbs a {

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


.cmp_breadcrumbs a:hover {

	color:
		var(--ser-accent);
}


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

.obj_announcement_summary {

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

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

	padding:
		12px 15px;

	margin-bottom:
		15px;
}


.obj_announcement_summary h2,
.obj_announcement_summary h3 {

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


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

.obj_issue_summary {

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

	background:
		var(--ser-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(--ser-accent);

	box-shadow:
		0 4px 12px
		rgba(89, 27, 36, 0.10);
}


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

.pkp_structure_main table {

	border-collapse:
		collapse;
}


.pkp_structure_main table th {

	background:
		var(--ser-dark);

	color:
		#FFFFFF;
}


.pkp_structure_main table td,
.pkp_structure_main table th {

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

	padding:
		8px 10px;
}


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

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


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

.item.author_bios {

	display:
		none;
}


div.submission_checklist {

	display:
		none;
}


.item.references {

	display:
		block;
}


/* =========================================================
   26. FOOTER
   ========================================================= */

.pkp_structure_footer_wrapper {

	width:
		100% !important;

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

	border-top:
		4px solid
		var(--ser-accent) !important;

	box-shadow:
		0 -3px 12px
		rgba(89, 27, 36, 0.06) !important;
}


.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(--ser-text) !important;
}


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


.pkp_brand_footer {

	display:
		none !important;

	float:
		none !important;

	width:
		0 !important;

	height:
		0 !important;

	margin:
		0 !important;

	padding:
		0 !important;
}


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

	content:
		"" !important;

	display:
		table !important;
}


.pkp_structure_footer::after {

	clear:
		both !important;
}


/* =========================================================
   SER FOOTER GRID
   ========================================================= */

.ser-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(--ser-text) !important;
}


.ser-footer-info {

	min-width:
		0 !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;
}


.ser-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(--ser-dark) !important;

	border-bottom:
		2px solid
		var(--ser-accent) !important;
}


.ser-footer-title strong {

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


.ser-footer-details {

	margin:
		0 !important;

	padding:
		0 !important;

	font-size:
		14px !important;

	line-height:
		1.75 !important;

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

	overflow-wrap:
		normal !important;

	word-break:
		normal !important;
}


.ser-footer-details strong {

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

	font-weight:
		700 !important;
}


.ser-footer-details a {

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

	font-weight:
		700 !important;

	text-decoration:
		none !important;

	overflow-wrap:
		anywhere;
}


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

	color:
		var(--ser-accent) !important;

	text-decoration:
		underline !important;
}


/* LICENSE */

.ser-footer-license {

	min-width:
		0 !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		17px 20px !important;

	box-sizing:
		border-box !important;

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

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

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

	border-radius:
		6px !important;

	box-shadow:
		none !important;
}


.ser-footer-license p {

	margin:
		0 !important;

	padding:
		0 !important;
}


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

	margin-bottom:
		13px !important;
}


.ser-footer-license img {

	display:
		block !important;

	width:
		88px !important;

	height:
		31px !important;

	margin:
		0 !important;

	padding:
		0 !important;

	border:
		0 !important;
}


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

	font-size:
		14px !important;

	line-height:
		1.65 !important;

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

	overflow-wrap:
		normal !important;

	word-break:
		normal !important;
}


.ser-footer-license strong {

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

	font-weight:
		700 !important;
}


.ser-footer-license a {

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

	font-weight:
		700 !important;

	text-decoration:
		none !important;
}


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

	color:
		var(--ser-accent) !important;

	text-decoration:
		underline !important;
}


.pkp_structure_footer a {

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


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

	color:
		var(--ser-accent) !important;
}


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

@media (max-width: 992px) {

	.pkp_structure_footer {

		padding:
			22px 24px !important;
	}


	.ser-footer {

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

		column-gap:
			24px !important;
	}

}


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

@media (max-width: 768px) {

	.pkp_structure_page {

		margin-top:
			0 !important;

		margin-bottom:
			0 !important;
	}


	.pkp_navigation_user_wrapper {

		padding-right:
			10px;
	}


	.pkp_site_name .is_img img {

		max-height:
			130px !important;

		max-width:
			100%;

		height:
			auto;
	}


	/* EDITORIAL */

	#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;
	}


	#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,
	#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;
	}


	.ser-footer {

		display:
			grid !important;

		grid-template-columns:
			1fr !important;

		gap:
			18px !important;

		width:
			100% !important;

		font-size:
			13px !important;
	}


	.ser-footer-title {

		font-size:
			17px !important;
	}


	.ser-footer-details {

		font-size:
			13px !important;

		line-height:
			1.7 !important;
	}


	.ser-footer-license {

		width:
			100% !important;

		margin:
			0 !important;

		padding:
			14px 15px !important;
	}


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

		font-size:
			13px !important;
	}

}