/* ==========================================================================
   ACTA Medica Philippina Style Theme — OJS 3.4
   Responsive: Desktop → Tablet → Mobile
   ========================================================================== */

/* ---------- Variables (edit these to change the whole look) ---------- */
:root {
	--color-primary: #7b1113;      /* Maroon */
	--color-primary-dark: #310c16;
	--color-accent: #F3AA2C;       /* Gold */
	--color-dark: #2D2D2D;
	--color-text: #333333;
	--color-darkgray:#6B6B6B;
	--color-text-light: #666666;
	--color-lightgray:#E0E0EE;
	--color-bg: #FFFFFF;
	--color-sub: #F5F0E3;
	--color-bg-lighter:#fbfbfb;
	--color-bg-light: #F2F0EB;
	--color-border: #E0E0E0;
	--color-green: #014421;
	--color-green-dark: #0e241b;
	--font-main: 'Segoe UI', 'Roboto Condensed', sans-serif;
	--font-heading: 'Merriweather', Georgia, serif;
	--font-helv:"Times New Roman", Times, Georgia, serif;
	--font-sub:'Roboto Condensed', sans-serif;
	--font-semi:500;
	--max-width: 1200px;
	--amp-nav-height: 90px;
	--amp-topbar-height: 32px;
	--amp-off-white: #F8F7F5;
	--amp-text-dark: #2B2B2B;
	--amp-text-nearblk:#1a1a1a;
	--amp-text-muted: #adadad;
	--amp-border: #E2E0DC;
}

/* ---------- Reset & Base ---------- */
*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text);
    background: var(--color-sub);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
html, body {
    overflow-x: hidden;
}


main#main-content {
    flex: 1;
}
.pkp_structure_page {
    display: flex;
    flex-direction: column;
    flex: 1;
}

a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline;  color: var(--color-green);}
img { max-width: 100%; height: auto; }

.section_inner {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 1.5rem;
}

/* ---------- Hide default OJS footer (we use custom) ---------- */
.ojs_default_footer_hidden .pkp_structure_footer_wrapper,
.ojs_default_footer_hidden footer {
	display: none !important;
}
.ojs_default_footer_hidden {
	height: 0;
	overflow: hidden;
}

.pkp_structure_main,
.amp-article-details,
.amp-issue-toc,
.amp-page-content,
.amp-abstract .amp-value,
.amp-references-list {
    max-width: 100%;
}
/* ==========================================================================
   SECTION 0: NAVBAR
   ========================================================================== */
		.skip-link {
			position: absolute;
			top: -100%;
			left: 16px;
			z-index: 10001;    
			padding: 12px 24px;
			background: var(--color-primary);
			color: var(--color-bg) !important;
			font-family: var(--font-main);
			font-weight: 600;
			font-size: 14px;
			text-decoration: none !important;
			border-radius: 0 0 4px 4px;
			transition: top 0.2s ease;
		}
		
		.skip-link:focus {
			top: 0;
		}
		/* ── AMP NAV: TOP BAR ── */
		.amp-header .topbar {
			background: var(--color-primary) !important;
			color: var(--color-bg) !important;
			height: var(--amp-topbar-height);
			font-family: var(--font-helv);
			display: flex !important;
			align-items: center;
			padding: 0 clamp(16px, 4vw, 48px);
			font-size: 11px;
			font-weight: 500;
			letter-spacing: 0.06em;
			text-transform: uppercase;
			margin: 0;
			border: none;
		}

		.amp-header .topbar span {
			opacity: 0.85;
		}

		.amp-header .topbar .separator {
			margin: 0 8px;
			opacity: 0.4;
		}

		/* ── AMP NAV: MAIN NAVBAR ── */
		.amp-header .navbar {
			background: var(--color-bg) !important;
			border-bottom: 1px solid var(--amp-border) !important;
			height: var(--amp-nav-height);
			display: flex !important;
			align-items: center;
			justify-content: space-between;
			padding: 0 clamp(16px, 4vw, 48px);
			position: sticky;
			top: 0;
			z-index: 1000;
			box-shadow: 0 1px 3px rgba(0,0,0,0.04);
			margin: 0;
		}
		/* Active nav item */
		
		.amp-header .nav-links li.current > a {
			color: var(--color-primary) !important;
			border-bottom: 2px solid var(--color-primary);
			font-weight: 600;
		}

		/* Mobile menu active state */
		.mobile-nav-links li.current > a {
			color: var(--color-primary,--color-green);
			font-weight: 600;
			background-color: rgba(26, 153, 0, 0.1);
		}
		/* ── AMP NAV: BRAND ── */
		.amp-header .brand {
			display: flex;
			align-items: center;
			flex-shrink: 0;
			text-decoration: none !important;
		}

		.amp-header .brand-logo {
			height: 90px;
			width: auto;
			display: block;
		}

		/* ── AMP NAV: DESKTOP LINKS ── */
				.nav-menu-wrapper {
			display: flex;
			align-items: center;
			gap: 1rem;
			margin-left: auto;
		}

		.amp-header .nav-links {
			display: flex !important;
			align-items: center;
			gap: 0;
			list-style: none !important;
			height: 100%;
			margin: 0;
			padding: 0 !important;
		}

		/* ── Scope to direct children only ── */
		.amp-header .nav-links > li {
			position: relative;
			height: 100%;
			display: flex;
			align-items: center;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.amp-header .nav-links > li > a {
			display: flex;
			align-items: center;
			height: 100%;
			padding: 0 14px;
			font-size: 14px;
			font-weight: 500;
			font-family: var(--font-main);
			color: var(--amp-text-dark) !important;
			text-decoration: none !important;
			letter-spacing: 0.01em;
			border-bottom: 2px solid transparent;
			transition: color 0.2s, border-color 0.2s;
			white-space: nowrap;
			background: none;
		}

		.amp-header .nav-links > li > a:hover {
			color: var(--color-primary) !important;
			border-bottom-color: var(--color-primary);
			text-decoration: none !important;
		}

		.amp-header .nav-links > li > a.active {
			color: var(--color-primary) !important;
			border-bottom-color: var(--color-primary);
		}

		/* ── Chevron on parent items that have children ── */
		.amp-header .nav-links > li:has(> ul) > a::after {
			content: '';
			display: inline-block;
			width: 5px;
			height: 5px;
			border-right: 1.5px solid currentColor;
			border-bottom: 1.5px solid currentColor;
			transform: rotate(45deg);
			margin-left: 6px;
		}

		/* ── Dropdown menu (hidden by default) ── */
		.amp-header .nav-links > li > ul {
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			min-width: 220px;
			list-style: none;
			margin: 0;
			padding: 8px 0;
			background: var(--color-bg, var(--color-bg));
			border: 1px solid var(--amp-border, #e0e0e0);
			border-radius: 4px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
			z-index: 1000;
		}

		/* ── Show on hover ── */
		.amp-header .nav-links > li:hover > ul,.amp-header .nav-links > li.open > ul {
			display: block;
		}

		/* ── Dropdown items ── */
		.amp-header .nav-links > li > ul > li {
			display: block;
			height: auto;
		}

		.amp-header .nav-links > li > ul > li > a {
			display: block;
			height: auto;
			padding: 8px 20px;
			font-size: 14px;
			font-weight: 400;
			color: var(--amp-text-dark) !important;
			text-decoration: none !important;
			border-bottom: none;
			transition: all 0.15s;
		}

		.amp-header .nav-links > li > ul > li > a:hover {
			color: var(--color-primary) !important;
			background: rgba(122, 21, 48, 0.04);
			border-bottom: none;
		}

		/* ── Submit button (unchanged) ── */
		.nav-menu-wrapper .nav-submit {
			background: var(--color-green);
			color: var(--color-bg) !important;
			border-radius: 20px;
			padding: 8px 20px;
			border-bottom: none !important;
			margin-left: 8px;
			height: auto;
			font-size: 13px;
			transition: background 0.2s;
			white-space: nowrap;
		}

		.nav-menu-wrapper .nav-submit:hover {
			background: var(--color-green-dark);
			color: var(--color-bg) !important;
			border-bottom: none !important;
			text-decoration: none;
		}

		.nav-menu-wrapper .nav-submit::after {
			display: none;
		}

		/* ── AMP NAV: DROPDOWN ── */
		.amp-header .has-dropdown {
			position: relative;
		}

		.amp-header .has-dropdown > a::after {
			content: '';
			display: inline-block;
			width: 5px;
			height: 5px;
			border-right: 1.5px solid currentColor;
			border-bottom: 1.5px solid currentColor;
			transform: rotate(45deg);
			margin-left: 6px;
			margin-bottom: 2px;
			transition: transform 0.2s;
		}

		.amp-header .dropdown-menu {
			display: none !important;
			position: absolute;
			top: 100%;
			left: 0;
			background: var(--color-bg) !important;
			border: 1px solid var(--amp-border);
			border-top: 2px solid var(--color-primary);
			min-width: 200px;
			padding: 6px 0 !important;
			margin: 0 !important;
			box-shadow: 0 8px 24px rgba(0,0,0,0.08);
			z-index: 100;
			list-style: none !important;
		}

		.amp-header .dropdown-menu li {
			margin: 0;
			padding: 0;
		}

		.amp-header .dropdown-menu li a {
			display: block !important;
			padding: 9px 20px !important;
			font-size: 13px;
			border-bottom: none !important;
			height: auto !important;
		}

		.amp-header .dropdown-menu li a:hover {
			background: var(--amp-off-white) !important;
			border-bottom: none !important;
		}

		.amp-header .has-dropdown:hover .dropdown-menu {
			display: block !important;
		}

		.amp-header .has-dropdown:hover > a::after {
			transform: rotate(-135deg);
			margin-bottom: -2px;
		}

		/* ── AMP NAV: ICON BUTTONS ── */
		.amp-header .nav-actions {
			display: flex !important;
			align-items: center;
			gap: 4px;
			margin-left: 12px;
			flex-shrink: 0;
		}

		.amp-header .icon-btn {
			display: flex !important;
			align-items: center;
			justify-content: center;
			width: 38px;
			height: 38px;
			border: none !important;
			background: transparent !important;
			color: var(--amp-text-dark) !important;
			border-radius: 6px;
			cursor: pointer;
			transition: background 0.15s, color 0.15s;
			text-decoration: none !important;
			padding: 0;
		}

		.amp-header .icon-btn:hover {
			background: var(--amp-off-white) !important;
			color: var(--color-primary) !important;
			text-decoration: none !important;
		}

		.amp-header .icon-btn svg {
			width: 19px;
			height: 19px;
			stroke-width: 1.8;
		}

		/* ── AMP NAV: HAMBURGER ── */
		.amp-header .hamburger {
			display: none !important;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 5px;
			width: 40px;
			height: 40px;
			background: none !important;
			border: none !important;
			cursor: pointer;
			padding: 8px;
			border-radius: 6px;
			transition: background 0.15s;
		}

		.amp-header .hamburger:hover {
			background: var(--amp-off-white) !important;
		}

		.amp-header .hamburger .bar {
			display: block;
			width: 20px;
			height: 2px;
			background: var(--amp-text-dark) !important;
			border-radius: 2px;
			transition: transform 0.3s, opacity 0.3s;
		}

		.amp-header .hamburger.open .bar:nth-child(1) {
			transform: rotate(45deg) translate(5px, 5px);
		}

		.amp-header .hamburger.open .bar:nth-child(2) {
			opacity: 0;
		}

		.amp-header .hamburger.open .bar:nth-child(3) {
			transform: rotate(-45deg) translate(5px, -5px);
		}

		/* ── AMP NAV: MOBILE MENU ── */
		.amp-header .mobile-menu {
			display: none !important;
			position: fixed;
			top: calc(var(--amp-topbar-height) + var(--amp-nav-height));
			left: 0;
			right: 0;
			bottom: 0;
			background: var(--color-bg) !important;
			z-index: 999;
			overflow-y: auto;
			padding: 8px 0;
			border-top: 1px solid var(--amp-border);
		}

		.amp-header .mobile-menu.open {
			display: block !important;
			animation: ampSlideDown 0.25s ease-out;
		}

		@keyframes ampSlideDown {
			from { opacity: 0; transform: translateY(-8px); }
			to   { opacity: 1; transform: translateY(0); }
		}

		/* ── Top-level menu list ── */
		.mobile-menu .mobile-nav-links {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		/* ── All top-level links ── */
		.amp-header .mobile-menu .mobile-nav-links > li > a {
			display: block;
			padding: 14px clamp(16px, 4vw, 48px);
			font-size: 15px;
			font-weight: 500;
			color: var(--amp-text-dark);
			text-decoration: none;
			border-left: 3px solid transparent;
			transition: all 0.15s;
		}

		.amp-header .mobile-menu .mobile-nav-links > li > a:hover {
			color: var(--color-primary);
			background: rgba(122, 21, 48, 0.04);
			border-left-color: var(--color-primary);
		}

		/* ── Parent items with children ── */
		.mobile-nav-links > li.has-submenu > a {
			display: flex;
			justify-content: space-between;
			align-items: center;
			cursor: pointer;
		}

		.mobile-nav-links > li.has-submenu > a::after {
			content: '';
			display: inline-block;
			width: 6px;
			height: 6px;
			border-right: 2px solid var(--amp-text-muted);
			border-bottom: 2px solid var(--amp-text-muted);
			transform: rotate(45deg);
			transition: transform 0.2s ease;
		}

		.mobile-nav-links > li.has-submenu.open > a::after {
			transform: rotate(-135deg);
		}

		/* ── Child submenu ── */
		.mobile-nav-links > li > ul {
			display: none;
			list-style: none;
			padding: 0;
			margin: 0;
			background: var(--amp-off-white);
		}

		.mobile-nav-links > li.has-submenu.open > ul {
			display: block;
		}

		.mobile-nav-links > li > ul > li > a {
			padding-left: calc(clamp(16px, 4vw, 48px) + 16px);
			font-size: 14px;
			font-weight: 400;
			color: var(--amp-text-muted);
		}
		/* ── Child submenu (covers any OJS structure) ── */
		.mobile-nav-links > li > .amp-child-menu {
			display: none;
			list-style: none;
			padding: 0;
			margin: 0;
			background: var(--amp-off-white);
		}

		.mobile-nav-links > li.has-submenu.open > .amp-child-menu {
			display: block;
		}

		.mobile-nav-links > li > .amp-child-menu a {
			padding-left: calc(clamp(16px, 4vw, 48px) + 16px) !important;
			font-size: 14px;
			font-weight: 400;
			color: var(--amp-text-muted) !important;
		}
		.amp-header .mobile-menu > a {
			display: block;
			padding: 14px clamp(16px, 4vw, 48px);
			font-size: 15px;
			font-weight: 500;
			color: var(--amp-text-dark);
			text-decoration: none;
			border-left: 3px solid transparent;
			transition: all 0.15s;
		}

		.amp-header .mobile-menu > a:hover {
			color: var(--color-primary);
			background: rgba(122, 21, 48, 0.04);
			border-left-color: var(--color-primary);
		}
		/* ── Parent items with children ── */
		.amp-header .mobile-menu .mobile-nav-links > li.has-submenu > a {
			display: flex;
			justify-content: space-between;
			align-items: center;
			cursor: pointer;
		}

		.amp-header .mobile-menu .mobile-nav-links > li.has-submenu > a::after {
			content: '';
			display: inline-block;
			width: 6px;
			height: 6px;
			border-right: 2px solid var(--amp-text-muted);
			border-bottom: 2px solid var(--amp-text-muted);
			transform: rotate(45deg);
			transition: transform 0.2s ease;
			margin-left: auto;
		}

		.amp-header .mobile-menu .mobile-nav-links > li.has-submenu.open > a::after {
			transform: rotate(-135deg);
		}

		/* ── Divider ── */
		.amp-header .mobile-divider {
			height: 1px;
			background: var(--amp-border);
			margin: 8px clamp(16px, 4vw, 48px);
		}
		/* ── AMP NAV: RESPONSIVE ── */
		@media (max-width: 900px) {
			.amp-header .nav-links {
				display: none !important;
			}
			.amp-header .hamburger {
				display: flex !important;
			}
			.nav-menu-wrapper  {
				margin-left: auto;
				margin-right: 4px;
			}
		}

		@media (max-width: 480px) {
			.amp-header .topbar {
				font-size: 9.5px;
				letter-spacing: 0.04em;

			}
			.amp-header .brand-subtitle {
				font-size: 9px;
			}
		}
		@media (max-width: 768px) {
		.nav-menu-wrapper .nav-submit {
		display: none;
		}
    }
	/* Style the cloned version inside the mobile menu */
.mobile-submit-item {
    padding: 0.75rem 1.25rem;
  }
  
  .mobile-submit-btn {
    display: block !important;   /* force-show the clone */
    width: 100%;
    padding: 0.75rem 1.25rem;
    background: var(--primary, #1a5276);
    color: #fff !important;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
  }
  
  .mobile-submit-btn:hover,
  .mobile-submit-btn:focus {
    background: var(--primary-dark, #123d59);
    outline: 2px solid var(--primary, #1a5276);
    outline-offset: 2px;
  }	

/* ==========================================================================
   SECTION 0.5: PAGE TITLE
   ========================================================================== */
	.amp-pagetitle {
		background: var(--color-green);
		width: 100%;
	}

	.amp-pagetitle__inner, .issue-archive-container {
		max-width: 1200px;
		margin: 0 auto;
		padding: 15px clamp(20px, 3vw, 5px);
	}

	.amp-pagetitle__text {
		font-family: var(--font-heading);
		font-size: clamp(18px, 3vw, 28px);
		font-weight: 500;
		color: var(--color-accent);
		text-transform: uppercase;
		letter-spacing: 0.06em;
		margin: 0;
		padding: 0;
		border: none;
	}
/* ==========================================================================
   SECTION 1: CURRENT ISSUE HERO
   ========================================================================== */
.hero_issue {
	background-color: var(--color-green);
	color: var(--color-bg);
	padding: 2.5rem 1rem;
}

.hero_issue_inner {
	max-width: var(--max-width);
	margin: 0 auto;
}

.hero_issue_label {
	display: inline-block;
	color: var(--color-accent);
	font-family: var(--font-heading);
	font-size:clamp(28px, 3vw, 32px);
	margin-bottom: 0.5rem;
}

.hero_issue_title {
    font-family: var(--font-sub);
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 0.5rem;
    max-width: 700px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.hero_issue_date {
	font-size: 1rem;
	opacity: 0.85;
	margin: 0 0 1.5rem;
}


	.hero_issue_btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 12px 28px;
		font-size: 14px;
		font-weight: 600;
		color: var(--color-bg) !important;
		background: var(--color-green);
		border: none;
		border-radius: 6px;
		text-decoration: none !important;
		transition: background 0.2s;
		letter-spacing: 0.01em;
	}

	.hero_issue_btn:hover {
		background: var(--color-green-dark);
		color: var(--color-bg) !important;
		text-decoration: none !important;
	}

	.hero_issue_btn svg {
		transition: transform 0.2s;
	}

	.hero_issue_btn:hover svg {
		transform: translateX(3px);
	}
/* 
. {
	display: inline-block;
	background-color: var(--color-green-dark);
	color: var(--color-bg);
	padding: 0.65rem 1.75rem;
	border-radius: 4px;
	font-weight: 600;
	font-size: 0.95rem;
	transition: background 0.2s;
}

.hero_issue_btn:hover {
	background-color: #245a3f;
	text-decoration: none;
} */

/* ==========================================================================
   SECTION 2: LATEST NEWS
   ========================================================================== */
	/* ── LATEST NEWS SECTION ── */
	.amp-news {
		padding: 25px clamp(12px, 4vw, 48px) 30px;
		background: #EDEDEB;
	}

	.amp-news__inner {
		max-width: 1200px;
		margin: 0 auto;
	}

	.amp-news__heading {
		font-family: var(--font-heading);
		font-size: clamp(28px, 3vw, 32px);
		font-weight: 500;
		color:var(--color-green);
		margin: 0 0 28px 0;
		padding: 0;
		border: none;
		letter-spacing: -0.01em;
	}

	/* ── CARD GRID ── */
	.amp-news__grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
	}

	/* ── CARD ── */
	.amp-news__card {
		background: var(--color-bg)FFF;
		border-radius: 10px;
		overflow: hidden;
		text-decoration: none !important;
		color: inherit;
		display: flex;
		flex-direction: column;
		transition: transform 0.2s, box-shadow 0.2s;
		box-shadow: 0 1px 4px rgba(0,0,0,0.06);
	}

	.amp-news__card:hover {
		transform: translateY(-3px);
		box-shadow: 0 6px 20px rgba(0,0,0,0.1);
		text-decoration: none !important;
	}

	/* ── IMAGE ── */
	.amp-news__image {
		width: 100%;
		height: 180px;
		overflow: hidden;
	}

	.amp-news__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s;
	}

	.amp-news__card:hover .amp-news__image img {
		transform: scale(1.05);
	}

	/* ── CARD BODY ── */
	.amp-news__body {
		padding: 14px 16px 18px;
		display: flex;
		flex-direction: column;
		gap: 4px;
		background: var(--color-bg);
	}

	.amp-news__tag {
		font-size: 12px;
		font-weight: 600;
		color: var(--color-green-dark);
		letter-spacing: 0.02em;
	}

	.amp-news__tag--event {
		color: var(--color-green);
	}

	.amp-news__title {
		font-family: var(--font-sub);
		font-size: 14.5px;
		font-weight: 600;
		color: var(--color-dark);
		line-height: 1.35;
		margin: 0;
		padding: 0;
	}

	.amp-news__date {
		font-size: 12px;
		color: var(--color-darkgray);
		margin: 2px 0 0 0;
		padding: 0;
	}

	/* ── RESPONSIVE ── */
	@media (max-width: 900px) {
		.amp-news__grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}
	}

	@media (max-width: 520px) {
		.amp-news__grid {
			grid-template-columns: 1fr;
			gap: 16px;
		}

		.amp-news__image {
			height: 200px;
		}
		.amp-news__inner{
			margin:5%;
		}
	}
/* ==========================================================================
   SECTION 3: LATEST ARTICLES
   ========================================================================== */
	.amp-latest {
		padding: 40px clamp(16px, 5vw, 40px) 45px;
		border-bottom: 1px solid #E2E0DC;
	}

	.amp-latest__inner {
		max-width: 1200px;
		margin: 0 auto;
	}

	.amp-latest__heading {
		font-family: var(--font-heading);
		font-size: clamp(28px, 3vw, 32px);
		font-weight: 400;
		color: var(--color-green);
		margin: 0 0 28px 0;
		padding: 0;
		border: none;
		letter-spacing: -0.01em;
	}

	.amp-latest__grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 32px;
	}

	.amp-latest__card {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.amp-latest__badge {
		display: inline-block;
		font-size: clamp(13px,14px,15px);
		font-weight: 400;
		color: var(--color-darkgray);
		letter-spacing: 0.02em;
		margin-bottom: 2px;
	}

	.amp-latest__title {
		font-family: var(--font-sub);
		font-size: clamp(18px, 2.5vw, 18px);
		font-weight: 600;
		line-height: 1.35;
		margin: 0;
		padding: 0;
	}

	.amp-latest__title a {
		color: var(--color-primary) !important;
		text-decoration: none !important;
		transition: color 0.2s;
	}

	.amp-latest__title a:hover {
		color: #5C0F24 !important;
		text-decoration: underline !important;
	}

	.amp-latest__date {
		font-size: 13px;
		font-weight: 500;
		color: var(--color-primary);
		margin: 2px 0 0 0;
		padding: 0;
	}

	.amp-latest__authors {
		font-size: clamp(13px,14px,16px);
		color: var(--color-dark);
		line-height: 1.4;
		font-style: italic;
		margin: 4px 0 0 0;
		padding: 0;
		font-weight: 400;
	}

	.amp-latest__footer {
		display: flex;
		justify-content: center;
		margin-top: 36px;
	}

	.amp-latest__viewall {
		font-family: var(--font-sub);
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 12px 28px;
		font-size: 14px;
		font-weight: 600;
		background: var(--color-primary);
		color: var(--color-bg);
		border: none;
		border-radius: 6px;
		text-decoration: none !important;
		transition: background 0.2s;
		letter-spacing: 0.01em;
	}

	.amp-latest__viewall:hover {
		background: var(--color-primary-dark);
		color: var(--color-bg) !important;
		text-decoration: none !important;
	}

	.amp-latest__viewall svg {
		transition: transform 0.2s;
	}

	.amp-latest__viewall:hover svg {
		transform: translateX(3px);
	}

	@media (max-width: 900px) {
		.amp-latest__grid {
			grid-template-columns: repeat(2, 1fr);
			gap: 24px;
		}
	}

	@media (max-width: 520px) {
		.amp-latest__grid {
			grid-template-columns: 1fr;
			gap: 20px;
		}
		.amp-latest__viewall {
        display: flex;
        justify-content: center;
        width: 100%;
    }
	}
/* ==========================================================================
   SECTION 4: CALL TO ACTION
   ========================================================================== */
.section_cta {
	background: var(--color-dark);
   	background-image: url('../images/backdrop-call-action.png');  /* Add your own background image URL here */
	background-size: cover;
	background-position: center;
	position: relative;
}

.section_cta_overlay {
	background: rgba(30, 30, 50, 0.82);
	padding: 3rem 0.3rem;
}

.cta_heading {
	font-family: var(--font-heading);
	font-size: 2.5rem;
	color: var(--color-bg);
	font-weight: 500;
	margin: 0 0 0.75rem;
}

.cta_description {
	font-size: 1.2rem;
	color: rgba(255,255,255,0.85);
	max-width: 550px;
	margin: 0 0 1.5rem;
	line-height: 1.6;
}

.cta_button {
	display: inline-block;
	background-color: var(--color-primary);
	color: var(--color-bg);
	padding: 0.75rem 2rem;
	border-radius: 4px;
	font-weight: 600;
	font-size: 1rem;
	transition: background 0.2s;
}

.cta_button:hover {
	background-color: var(--color-primary-dark);
	text-decoration: none;
}

/* ==========================================================================
   CUSTOM FOOTER
   ========================================================================== */
.custom_footer {
	background-color: var(--color-dark);
	color: #ccc;
	padding: 3rem 1.5rem 0;
}

.footer_inner {
	max-width: var(--max-width);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1.9fr 1fr 1fr 1fr;
	gap: 3rem;
}

.footer_col h4 {
	color: var(--color-bg);
	font-family: var(--font-sub);
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 0.75rem;
}

.footer_col p {
	font-size: clamp(1rem,1rem,0.8rem);
	line-height: 1.6;
	margin: 0 0 0.5rem;
}

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

.footer_col ul li {
	margin-bottom: 0.4rem;
}

.footer_col ul a {
	color: #ccc;
	font-size: clamp(1rem,1rem,0.8rem);
}

.footer_col ul a:hover {
	color: var(--color-bg);
}

.footer_bottom {
	max-width: var(--max-width);
	margin: 2rem auto 0;
	padding: 1rem 0;
	border-top: 1px solid rgba(255,255,255,0.15);
	font-size: clamp(1rem,1rem,0.8rem);
	color: #999;
}
/* ==========================================================================
   BACK TO TOP
   ========================================================================== */
	.amp-backtotop {
		position: fixed;
		bottom: 32px;
		right: 32px;
		width: 44px;
		height: 44px;
		border: none;
		border-radius: 50%;
		background: var(--color-primary);
		color: var(--color-bg);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: opacity 0.3s, visibility 0.3s, transform 0.3s, background 0.2s;
		z-index: 9999;
		box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	}

	.amp-backtotop.visible {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.amp-backtotop:hover {
		background: var(--color-primary-dark);
	}

	@media (max-width: 520px) {
		.amp-backtotop {
			bottom: 20px;
			right: 20px;
			width: 40px;
			height: 40px;
		}
	}
/* ==========================================================================
   ADDITIONAL CONTENT
   ========================================================================== */
.additional_content {
	padding: 2rem 0;
}

/* ==========================================================================
   OJS STRUCTURE OVERRIDES
   ========================================================================== */
.page_index_journal {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.pkp_structure_main {
	max-width: 100%;
	margin: 0;
	padding: 0;
}

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

/* ---------- Tablet (2 columns) ---------- */
@media (max-width: 960px) {
	.news_grid {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.footer_inner {
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
	}

	.hero_issue_title {
		font-size: 1.6rem;
	}

	.cta_heading {
		font-size: 1.6rem;
	}
}

/* ---------- Mobile (1 column) ---------- */
@media (max-width: 600px) {
	.hero_issue {
		padding: 2rem 1rem;
	}
	.news_grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.articles_grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.section_news,
	.section_articles {
		padding: 2rem 1rem;
	}

	.section_cta_overlay {
		padding: 2.5rem 1rem;
	}

	.cta_heading {
		font-size: 1.5rem;
	}

	.cta_description {
		font-size: 1rem;
	}

	.footer_inner {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.section_heading {
		font-size: 1.4rem;
	}
}
/* ==========================================================================
	ARCHIVING SECTION
   ========================================================================== */
	.page_issue_archive h1 {
		font-size: 1.75rem;
		margin-bottom: 0.25rem;
	}

	.issue-archive-container {
		max-width: 820px;
	}

	/* ── Year-range accordion ── */
	.year-range-section {
		border-top: 1px solid #d0d0d0;
	}

	.year-range-section:last-child {
		border-bottom: 1px solid #d0d0d0;
	}

	.year-range-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 14px 4px;
		margin: 0;
		background: none;
		border: none;
		cursor: pointer;
		font-size: 1.5rem;
		font-weight: 600;
		color: var(--amp-text-nearblk);
		line-height: 1.4;
		text-align: left;
		font-family: var(--font-sub);
	}

	.year-range-header:hover {
		color: var(--color-accent);
	}

	.year-range-header .chevron-icon {
		width: 40px;
		height: 40px;
		transition: transform 0.25s ease;
		flex-shrink: 0;
		fill: var(--color-primary);
	}

	.year-range-header.is-collapsed .chevron-icon {
		transform: rotate(180deg);
	}

	/* ── Content panel ── */
	.year-range-content {
		padding: 0 4px 18px;
		overflow: hidden;
	}

	.year-range-content.is-hidden {
		display: none;
	}
	.year-range-section:first-child {
    	border-top: none;
	}

	/* ── Volume heading ── */
	.volume-heading {
		font-size: 1.2rem;
		font-weight: 700;
		color: var(--color-dark);
		margin: 14px 0 6px;
		letter-spacing: 0.01em;
		font-family: var(--font-sub);
	}

	.volume-heading:first-child {
		margin-top: 0;
	}

	/* ── Issue list ── */
	.issue-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.issue-list li {
		padding: 5px 0;
		line-height: 1.5;
	}

	.issue-list li a {
		color: var(--color-text);
		text-decoration: none;
		font-size: 1rem;
		font-family: var(--font-sub);
	}

	.issue-list li a:hover,
	.issue-list li a:focus {
		text-decoration: underline;
		color: var(--color-green);
	}


.masthead-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 1rem 3rem;
	font-family: var(--font-sub);
}
/* ==========================================================================
	EDITORIAL TEAM SECTION
   ========================================================================== */
/* Section Titles */
.masthead-section-title {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #333;
	margin: 2.5rem 0 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--color-primary-dark);
}

/* ── Editor-in-Chief Card ── */
.eic-card {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	background: var(--color-green);
	color: var(--color-bg);
	border-radius: 8px;
	padding: 1.5rem 2rem;
	margin-bottom: 0.5rem;
}

.eic-avatar {
	width: 80px;
	height: 80px;
	min-width: 80px;
	border-radius: 50%;
	background: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	font-weight: 700;
	color:var(--color-bg);
	letter-spacing: 0.05em;
}

.eic-info .eic-label {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ccc;
	margin-bottom: 0.25rem;
}

.eic-info .eic-name {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0.25rem;
}

.eic-info .eic-dept {
	font-size: 0.9rem;
	color: var(--color-bg);
	line-height: 1.45;
}

/* ── Two-Column Grid ── */
.masthead-grid {
	columns: 2;
    gap: 1rem;
}

/* ── Member Cards ── */
.member-card {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	background: var(--color-bg);
	border: 2px solid var(--color-lightgray);
	border-radius: 8px;
	padding: 1.1rem 1.2rem;
	 break-inside: avoid;
    margin-bottom: 1rem;
}

.member-avatar {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 50%;
	background: var(--color-green);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--color-bg);
	letter-spacing: 0.04em;
}

.member-info .member-role {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--color-primary-dark);
	margin-bottom: 0.15rem;
}

.member-info .member-name {
	font-size: 1.2rem;
	font-weight: 700;
	color: #222;
	margin-bottom: 0.2rem;
}

.member-info .member-dept {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.4;
	font-style: italic;
}

/* ── Responsive ── */
@media (max-width: 700px) {
	.masthead-grid {
		columns: 1;
    	gap: 1rem;
	}

	.eic-card {
		flex-direction: column;
		text-align: center;
		padding: 1.5rem 1rem;
	}

	.eic-avatar {
		margin: 0 auto;
	}
}
/* INNER ARTICLE SECTION */
/**
 * article_details.css
 *
 * WCAG 2.1 AA compliant styles for OJS 3.4 article detail page.
 * All classes prefixed with amp- to avoid default theme collisions.
 *
 * Contrast ratios (all exceed AA 4.5:1):
 *   Body text #2b2b2b on var(--color-bg) = 14.4:1
 *   Labels #555 on var(--color-bg) = 7.5:1
 *   Links #1a5276 on var(--color-bg) = 7.3:1
 *   Hover #0d3b56 on var(--color-bg) = 11.2:1
 */

/* ========================================
   Base
   ======================================== */

.amp-article-details {
	max-width: 1140px;
	margin: 0 auto;
	padding: 2rem 1.25rem;
	font-family: "Noto Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: #2b2b2b;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-family: var(--font-sub);
}

.amp-article-details *:focus-visible {
	outline-offset: 2px;
	border-radius: 2px;
}

.amp-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ========================================
   Notifications
   ======================================== */

.amp-notice {
	padding: 0.875rem 1.125rem;
	margin-bottom: 1.5rem;
	background-color: #fef9e7;
	border: 1px solid #d4ac0d;
	border-left: 4px solid #d4ac0d;
	border-radius: 3px;
	color: #2b2b2b;
	font-size: 0.9375rem;
	line-height: 1.6;
}

.amp-notice a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ========================================
   Title
   ======================================== */

.amp-title {
	font-family: "Noto Serif", Georgia, "Times New Roman", serif;
	font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
	font-weight: 700;
	line-height: 1.3;
	color: #1a1a1a;
	margin: 0 0 0.5rem;
	letter-spacing: -0.01em;
}

.amp-subtitle {
	font-family: "Noto Serif", Georgia, "Times New Roman", serif;
	font-size: clamp(1.1rem, 1.5vw + 0.3rem, 1.375rem);
	font-weight: 400;
	font-style: italic;
	line-height: 1.4;
	color: #444;
	margin: 0 0 1.75rem;
}

/* ========================================
   Two-Column Layout
   ======================================== */

.amp-row {
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 3rem;
	align-items: start;
}

.amp-main {
	min-width: 0;
}

.amp-sidebar {
	position: sticky;
	top: 1rem;
	border-left: 1px solid #ddd;
	padding-left: 2rem;
}

/* ========================================
   Main Sections
   ======================================== */

.amp-section {
	margin-bottom: 2rem;
}

.amp-label {
	font-family: var(--font-sub);
	font-size: 1.3rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #555;
	margin: 0 0 0.375rem;
}

.amp-value {
	font-size: 1rem;
	line-height: 1.7;
	color: #2b2b2b;
}

/* ========================================
   Authors
   ======================================== */

.amp-authors-list {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem;
}

.amp-author-entry {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 0.625rem;
	padding: 0.625rem 0;
	border-bottom: 1px solid #eee;
}

.amp-author-entry:last-child {
	border-bottom: none;
}

.amp-author-name {
	font-size: 1.0625rem;
	font-weight: 600;
	color: #1a1a1a;
}

.amp-author-affiliation {
	font-size: 0.9375rem;
	color: #555;
}

.amp-author-role {
	font-size: 0.8125rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #555;
	background-color: #f0f0f0;
	padding: 0.125rem 0.5rem;
	border-radius: 2px;
}

.amp-orcid {
	display: inline-flex;
	align-items: center;
	gap: 0.3125rem;
	font-size: 0.875rem;
}

.amp-orcid a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}
.amp-orcid img,
.amp-orcid svg {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

/* ========================================
   DOI
   ======================================== */

.amp-doi .amp-value a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
	word-break: break-all;
}

.amp-doi .amp-value a:hover {
	color: var(--color-green);
}

/* ========================================
   Keywords
   ======================================== */

.amp-keywords-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.amp-keyword {
	display: inline-block;
	background-color: #f4f6f8;
	border: 1px solid #dde2e6;
	padding: 0.1875rem 0.625rem;
	border-radius: 2px;
	font-size: 0.9375rem;
	color: #2b2b2b;
}

/* ========================================
   Abstract
   ======================================== */

.amp-abstract .amp-value {
	font-size: 1.1rem;
	line-height: 1.8;
	text-align: justify;
}

.amp-abstract .amp-value p {
	margin: 0 0 1rem;
}

.amp-abstract .amp-value p:last-child {
	margin-bottom: 0;
}

/* ========================================
   Author Biographies
   ======================================== */

.amp-bios-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.amp-bio-entry {
	padding: 1rem 0;
	border-bottom: 1px solid #eee;
}

.amp-bio-entry:last-child {
	border-bottom: none;
}

.amp-bio-name {
	font-weight: 600;
	font-size: 1rem;
	color: #1a1a1a;
	margin-bottom: 0.375rem;
}

.amp-bio-content {
	font-size: 0.9375rem;
	line-height: 1.7;
	color: #2b2b2b;
}

/* ========================================
   References
   ======================================== */

.amp-references-list {
	padding-left: 1.5rem;
	margin: 0;
}

.amp-references-list li {
	padding: 0.375rem 0;
	font-size: 0.9375rem;
	line-height: 1.6;
	border-bottom: 1px solid #f5f5f5;
}

.amp-references-list li:last-child {
	border-bottom: none;
}

.amp-references-list a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ========================================
   Sidebar Shared
   ======================================== */

.amp-sidebar-block {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #eee;
}

.amp-sidebar-block:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.amp-sidebar-label {
	font-family: "Noto Sans", "Segoe UI", system-ui, sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #555;
	margin: 0 0 0.25rem;
}

.amp-sidebar-value {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #2b2b2b;
}

.amp-sidebar-value a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.amp-sidebar-value a:hover {
	color: var(--color-green);
}

.amp-sidebar-item {
	margin-bottom: 1rem;
}

.amp-sidebar-item:last-child {
	margin-bottom: 0;
}

/* ========================================
   Sidebar: Cover Image
   ======================================== */

.amp-cover-img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 3px;
	border: 1px solid #ddd;
}

/* ========================================
   Sidebar: Galleys (Downloads)
   ======================================== */
.obj_galley_link.restricted{
	color: var(--color-bg) !important;
    border-color: var(--color-accent);
}
.obj_galley_link.restricted:hover, .obj_galley_link.restricted:focus {
    color: var(--color-bg) !important;
    background: var(--color-primary);
}

.amp-galleys-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.amp-galleys-list a,
.amp-galleys-list .obj_galley_link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 12px 28px;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-bg);
	background-color: var(--color-primary);
	border: 2px solid var(--color-primary);
	border-radius: 3px;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
	margin-top: 1%;
}

.amp-galleys-list a:hover,
.amp-galleys-list .obj_galley_link:hover, .obj_galley_link:hover {
	background-color: var(--color-primary-dark);
	border-color: var(--color-primary-dark);
	color: var(--color-bg);
}

.amp-galleys-list a:focus-visible,
.amp-galleys-list .obj_galley_link:focus-visible,  .obj_galley_link:focus-visible {
	outline: 3px solid var(--color-primary-dark);
	outline-offset: 2px;
}

.amp-galleys-supp .amp-galleys-supp-list a,
.amp-galleys-supp .amp-galleys-supp-list .obj_galley_link{
	background-color: transparent;
	color: var(--color-green);
	border: 2px solid var(--color-green-dark);
}

.amp-galleys-supp .amp-galleys-supp-list a:hover,
.amp-galleys-supp .amp-galleys-supp-list .obj_galley_link:hover  {
	background-color: var(--color-primary);
	color: var(--color-bg);
}
.cmp_button_wire:hover, .cmp_button_wire:focus,.obj_galley_link:focus{
	background-color: var(--color-accent);
	color: var(--color-dark);
	outline: 0;
}

/* ========================================
   Sidebar: Versions
   ======================================== */

.amp-versions-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.amp-versions-list li {
	padding: 0.25rem 0;
	font-size: 0.9375rem;
}

/* ========================================
   Sidebar: Categories
   ======================================== */

.amp-categories-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.amp-categories-list li {
	padding: 0.125rem 0;
}

/* ========================================
   Sidebar: License
   ======================================== */

.amp-license {
	font-size: 0.875rem;
	line-height: 1.6;
}

.amp-license img {
	display: block;
	margin-top: 0.375rem;
}

/* ========================================
   Downloads Chart
   ======================================== */

.amp-stats canvas {
	max-width: 100%;
	height: auto;
}

/* ========================================
   Responsive: Single Column
   ======================================== */

@media (max-width: 768px) {
	.amp-article-details {
		padding: 1.25rem 1rem;
	}

	.amp-row {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.amp-sidebar {
		position: static;
		border-left: none;
		border-top: 2px solid #ddd;
		padding-left: 0;
		padding-top: 1.5rem;
	}

	.amp-title {
		font-size: 1.5rem;
	}

	.amp-author-entry {
		flex-direction: column;
		gap: 0.125rem;
	}
}

/* ========================================
   Reduced Motion
   ======================================== */

@media (prefers-reduced-motion: reduce) {
	.amp-article-details *,
	.amp-article-details *::before,
	.amp-article-details *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ========================================
   High Contrast Mode (Windows)
   ======================================== */

@media (forced-colors: active) {
	.amp-galleys-list a,
	.amp-galleys-list .obj_galley_link {
		border: 2px solid ButtonText;
	}

	.amp-author-role {
		border: 1px solid ButtonText;
	}

	.amp-notice {
		border: 2px solid ButtonText;
	}
}

/* ========================================
   Print
   ======================================== */

@media print {
	.amp-article-details {
		font-size: 11pt;
		color: #000;
		font-family: var(--font-sub);
	}

	.amp-row {
		display: block;
	}

	.amp-sidebar {
		position: static;
		border-left: none;
		border-top: 1pt solid #000;
		padding-left: 0;
		padding-top: 12pt;
		margin-top: 24pt;
	}

	.amp-galleys,
	.amp-stats {
		display: none;
	}

	.amp-article-details a {
		color: #000;
		text-decoration: underline;
	}

	.amp-article-details a[href]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
		color: #555;
	}
}
 #articlesBySameAuthorList, #articlesBySimilarityList,.address-1, .amp-page-content, .page_search {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #2b2b2b;
    border-top: 1px solid #eee;
    padding-top: 1.5rem;
    margin-top: 2rem;
	max-width: 1140px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.7;
    color: #2b2b2b;
    word-wrap: break-word;
    overflow-wrap: break-word;
	font-family: var(--font-sub);
	width: 100%;
}
.amp-page-content{display: grid;}

 #articlesBySameAuthorList a, #articlesBySimilarityList a {
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}
 #articlesBySameAuthorList a:hover, #articlesBySimilarityList a:hover {
    color: var(--color-green);
}
/* issues section & about */
/* address1 is about page div btwww */
/* ========================================
   Container 
   ======================================== */
.address-1 .card, .obj_announcement_summary{
    background: rgb(255 255 255 / 58%);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.7px);
    -webkit-backdrop-filter: blur(4.7px);
}
.address-1 .card ul {
    padding-top: 2%;
    font-size: clamp(1rem, 1.2rem, 1.2rem);
    list-style-position: inside;
}

/* Desktop: 2 columns */
@media (min-width: 768px) {
.address-1 .card ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem 2rem;
    }
}

.amp-issue-toc {
	max-width: 1140px;
	margin: 0 auto;
	padding: 2rem 1.25rem;
	font-family: var(--font-sub);
	font-size: 1rem;
	line-height: 1.7;
	color: #2b2b2b;
}

.amp-issue-toc *:focus-visible {
	outline-offset: 2px;
	border-radius: 2px;
}

/* ========================================
   Preview Notice
   ======================================== */

.amp-issue-toc > .amp-notice {
	padding: 0.875rem 1.125rem;
	margin-bottom: 1.5rem;
	background-color: #fef9e7;
	border: 1px solid #d4ac0d;
	border-left: 4px solid #d4ac0d;
	border-radius: 3px;
	color: #2b2b2b;
	font-size: 0.9375rem;
}

/* ========================================
   Issue Header
   ======================================== */

.amp-issue-header {
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid #eee;
}

.amp-issue-header-inner {
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 2rem;
	align-items: start;
}

/* ========================================
   Cover Image
   ======================================== */

.amp-issue-cover {
	flex-shrink: 0;
}

.amp-issue-cover-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 3px;
	border: 1px solid #ddd;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ========================================
   Issue Meta
   ======================================== */

.amp-issue-meta {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.amp-issue-title {
	font-family: "Noto Serif", Georgia, "Times New Roman", serif;
	font-size: clamp(1.375rem, 2vw + 0.5rem, 2rem);
	font-weight: 700;
	line-height: 1.3;
	color: #1a1a1a;
	margin: 0;
}

.amp-issue-series {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	color: #555;
	margin-top: 0.25rem;
}

.amp-issue-meta-label {
	display: block;
	font-family: "Noto Sans", "Segoe UI", system-ui, sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #555;
	margin: 0;
}

.amp-issue-published {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.amp-issue-date {
	font-size: 0.9375rem;
	color: #2b2b2b;
}

.amp-issue-id {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

.amp-issue-id-link {

	text-decoration: underline;
	text-underline-offset: 2px;
	font-size: 0.9375rem;
	word-break: break-all;
}
.amp-issue-id-value {
	font-size: 0.9375rem;
	color: #2b2b2b;
}

/* ========================================
   Description
   ======================================== */

.amp-issue-description {
	margin-top: 1.5rem;
	font-size: 1rem;
	line-height: 1.8;
	color: #2b2b2b;
}

.amp-issue-description p {
	margin: 0 0 1rem;
}

.amp-issue-description p:last-child {
	margin-bottom: 0;
}

/* ========================================
   Full-Issue Galleys
   ======================================== */

.amp-issue-galleys {
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid #eee;
}

.amp-issue-galleys-heading {
	font-family: "Noto Sans", "Segoe UI", system-ui, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #555;
	margin: 0 0 0.75rem;
}

.amp-issue-galleys-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.amp-issue-galley-item {
	display: inline-flex;
}

/* Style galley links through the amp- wrapper */
.amp-galley-wrap a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 1rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-bg);
	border-radius: 3px;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}
/* ========================================
   Sections
   ======================================== */

.amp-toc-sections {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.amp-toc-section-title {
	font-family: "Noto Serif", Georgia, "Times New Roman", serif;
	font-size: 1.375rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 1rem;
	padding-bottom: 0.5rem;
}

/* ========================================
   Article List
   ======================================== */

.amp-toc-article-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.amp-toc-article-item {
	padding: 1.25rem 0;
	border-bottom: 1px solid #eee;
}

.amp-toc-article-item:last-child {
	border-bottom: none;
}

/* ========================================
   Article Summary (through amp- wrapper) +++ Early Access
   The included tpl outputs:
   .amp-article-summary-wrap > .obj_article_summary
   ======================================== */

/* Make the INNER div the flex row */
.amp-article-summary-wrap > div {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: nowrap;
}

/* ---- Cover thumbnail ---- */
.amp-article-summary-wrap > div > div:first-child img {
	max-width: 80px;
	height: auto;
	border-radius: 2px;
	border: 1px solid #ddd;
}

/* ---- Title ---- */
.amp-article-summary-wrap h2,
.amp-article-summary-wrap h3,
.amp-article-summary-wrap h4,
.amp-article-summary-wrap h5,
.amp-article-summary-wrap h6,
.amp-page-content p span a strong
 {
	font-family: var(--font-sub);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 0.25rem;
	flex: 1;
	min-width: 0;
}

.amp-article-summary-wrap h2 a,
.amp-article-summary-wrap h3 a,
.amp-article-summary-wrap h4 a,
.amp-article-summary-wrap h5 a,
.amp-article-summary-wrap h6 a,
.amp-page-content p span a strong {
	color: #1a1a1a;
	text-decoration: none;
}

.amp-article-summary-wrap h2 a:hover,
.amp-article-summary-wrap h3 a:hover,
.amp-article-summary-wrap h4 a:hover,
.amp-article-summary-wrap h5 a:hover,
.amp-article-summary-wrap h6 a:hover,
.amp-page-content p span a:hover strong {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---- Authors / meta ---- */
.amp-article-summary-wrap > div > div:not(:first-child):not(:last-child) {
	font-size: 0.9375rem;
	color: #555;
	line-height: 1.5;
}

/* ---- Galley buttons — pushed right ---- */
.amp-article-summary-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	gap: 0.5rem;
	flex-shrink: 0;
	align-self: center;
}

/* First button: filled maroon (View PDF) */
.amp-article-summary-wrap ul li:first-child a {
	display: inline-flex;
	align-items: center;
   	padding: 5px 28px;
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-bg);
	background-color: var(--color-primary);
	border: 2px solid var(--color-primary);
	border-radius: 4px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s ease;
}

.amp-article-summary-wrap ul li:first-child a:hover {
	background-color: var(--color-primary-dark);
	border-color: var(--color-primary-dark);
	color: var(--color-bg);
}

/* Other buttons: outlined maroon (Read Now etc) */
.amp-article-summary-wrap ul li:not(:first-child) a {
	display: inline-flex;
	align-items: center;
	padding: 0.4375rem 1rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--color-primary);
	background-color: transparent;
	border: 2px solid var(--color-primary);
	border-radius: 4px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.amp-article-summary-wrap ul li:not(:first-child) a:hover {
	background-color: var(--color-primary);
	color: var(--color-bg);
}

/* ---- DOI link ---- */
.amp-article-summary-wrap a[href*="doi.org"] {

	text-decoration: underline;
	text-underline-offset: 2px;
	font-size: 0.8125rem;
	word-break: break-all;
}
/* ---- Responsive ---- */
@media (max-width: 768px) {
	.amp-article-summary-wrap > div {
		flex-direction: column;
		gap: 0.75rem;
	}

	.amp-article-summary-wrap ul {
		align-self: flex-start;
	}
}

/* ========================================
   Responsive
   ======================================== */

@media (max-width: 768px) {
	.amp-issue-toc {
	padding: 1.25rem 1rem;
	width: 100%;
    max-width: 70ch;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
	}

	.amp-issue-header-inner {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.amp-issue-cover {
		max-width: 180px;
	}

	.amp-issue-title {
		font-size: 1.375rem;
	}

	.amp-toc-section-title {
		font-size: 1.125rem;
	}

	.amp-article-summary-wrap {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}
	.amp-page-content{
	margin-top: .714rem;
    flex-flow: row nowrap;
    justify-content: start;
	width: 100%;
    max-width: 70ch;
    margin: 0 auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
	padding: 1%;
	}

	.amp-article-summary-wrap h3,
	.amp-article-summary-wrap h4,
	.amp-article-summary-wrap h5,
	.amp-article-summary-wrap h6,
	.amp-page-content p span a strong {
		font-size: 1rem;
	}
}

/* ========================================
   Reduced Motion
   ======================================== */

@media (prefers-reduced-motion: reduce) {
	.amp-issue-toc *,
	.amp-issue-toc *::before,
	.amp-issue-toc *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* ========================================
   High Contrast
   ======================================== */

@media (forced-colors: active) {
	.amp-galley-wrap a {
		border: 2px solid ButtonText;
	}

	.amp-article-summary-wrap ul a {
		border: 1.5px solid ButtonText;
	}

	.amp-issue-toc > .amp-notice {
		border: 2px solid ButtonText;
	}
}

/* ========================================
   Print
   ======================================== */

@media print {
	.amp-issue-toc {
		font-size: 11pt;
		color: #000;
	}

	.amp-issue-header-inner {
		display: block;
	}

	.amp-issue-cover {
		float: left;
		width: 120px;
		margin-right: 16pt;
		margin-bottom: 8pt;
	}

	.amp-toc-section-title {
		border-bottom-color: #000;
	}

	.amp-issue-galleys,
	.amp-article-summary-wrap ul {
		display: none;
	}

	.amp-issue-toc a {
		color: #000;
		text-decoration: underline;
	}
}
/* ========================================
   ABOUT
   ======================================== */
/* Second button style */
.cta_actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}
.section_cta_overlay-second{
	background: var(--color-dark);
    padding: 3rem 0.3rem;
}

.cta_secondary {
    background: transparent !important;
    border: 1px solid rgba(216, 216, 216, 0.5);
}

.cta_secondary:hover {
    background-color: rgb(1 71 34 / 82%) !important;
}
.section_inner-second{
	text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .cta_actions {
        flex-direction: column;
    }

    .cta_actions .amp-latest__viewall {
        text-align: center;
        justify-content: center;
        width: 100%;
    }
}
.em-login-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 70vh;
	padding: 40px 16px;
	-webkit-font-smoothing: antialiased;
}

/* Card */
.em-card {
	width: 100%;
	max-width: 440px;
	background: var(--color-bg);
	border: 1px solid var(--color-bg-light);
	border-radius: 12px;
	box-shadow: 0 4px 24px rgba(0,0,0,0.06);
	overflow: hidden;
	font-family: var(--font-sub);
}

.em-card-body {
	padding: 36px 32px 24px;
}

/* Header */
.em-card-header {
	text-align: center;
	margin-bottom: 28px;
}



.em-card-title {
	font-size: 20px;
	font-weight: 700;
	color: var(--color-green-dark);
	margin: 0 0 4px 0;
	font-family: var(--font-sub);
	text-align: center;
}

.em-card-sub {
	font-size: 13px;
	color: var(--color-dark);
	margin: 0;
	text-align: center;
	font-family: var(--font-sub);
    margin-bottom: 5%;
}

/* Alerts */
.em-alert {
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 13px;
	margin-bottom: 18px;
}

.em-alert-info {
	background: #eff6ff;
	color: var(--color-primary);
	border: 1px solid var(--amp-text-dark);
}

.em-alert-error {
	background: #fef2f2;
	color: #dc2626;
	border: 1px solid #fecaca;
}

/* Fieldset reset */
.em-fieldset-reset {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0;
}

/* Fields */
.em-field {
	margin-bottom: 16px;
}

.em-label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #334155;
	margin-bottom: 6px;
}

.em-req {
	color: #dc2626;
	margin-left: 2px;
}

.em-field input[type="text"],
.em-field input[type="password"], .cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"], .cmp_form input[type="url"], .cmp_form input[type="tel"], .cmp_form select, .cmp_form textarea {
	width: 100%;
    padding: 20px 11px;
	border: 1px solid var(--color-lightgray);
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	color: var(--color-green);
	background: var(--color-bg);
	outline: none;
	transition: border-color 0.15s, box-shadow 0.15s;
	box-sizing: border-box;
}

.em-field input:hover {
	border-color: #94a3b8;
}

.em-field input:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

.em-field input::placeholder {
	color: var(--amp-text-muted);
}

/* Remember + Forgot */
.em-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 22px;
	flex-wrap: wrap;
	gap: 8px;
}

.em-check-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--color-darkgray);
	cursor: pointer;
}

.em-check-label input[type="checkbox"] {
	width: 16px;
	height: 16px;
	accent-color: var(--color-primary);
	cursor: pointer;
}

.em-link {
	font-size: 13px;
	color: var(--color-primary);
	text-decoration: none;
	font-weight: 500;
}

.em-link:hover {
	text-decoration: underline;
}

/* Captcha */
.em-captcha-wrap {
	border: none !important;
	padding: 0 !important;
	margin: 0 0 16px 0 !important;
	min-width: 0;
}

/* Submit */
.em-submit-btn {
	width: 100%;
	padding: 15px 20px;
	font-size: 14px;
	font-weight: 500;
	font-family: inherit;
	color: var(--color-bg);
	background: var(--color-primary);
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.15s;
}

.em-submit-btn:hover {
	background: var(--color-primary-dark);
}

.em-submit-btn:active {
	transform: scale(0.99);
}

.em-submit-btn:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

/* Divider */
.em-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 18px 0;
	color: var(--color-text);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.em-divider::before,
.em-divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--color-bg-light);
}

/* ORCID */
.em-orcid-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: var(--color-bg);
	font-size: 13px;
	font-weight: 500;
	color:var(--color-green-dark);
	text-decoration: none;
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s;
	box-sizing: border-box;
}

.em-orcid-btn:hover {
	color: var(--color-bg);
	background: var(--color-green);
}

.em-orcid-logo {
	width: 20px;
	height: 20px;
	background: #a6ce39;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 10px;
	color: #fff;
	flex-shrink: 0;
}

/* Register / Help links */
.em-mid-links {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #e2e8f0;
}

.em-mid-links a {
	font-size: 13px;
	color: var(--color-primary);
	text-decoration: none;
	font-weight: 500;
}
.em-mid-links p {
	font-size: 13px;
	color: var(--color-dark);
	text-decoration: none;
	font-weight: 500;
	margin: 0;
}

.em-mid-links a:hover {
	text-decoration: underline;
}

/* ===== Quick links bar ===== */
.em-quick-links {
	background: #f8fafc;
	border-top: 1px solid #e2e8f0;
	padding: 14px 20px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 6px;
}

.em-ql {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	color: #475569;
	transition: background 0.12s;
}

.em-ql:hover {
	background: #e8f0fe;
	color: #1e3a5f;
}

.em-ql-icon {
	width: 28px;
	height: 28px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--color-bg);
}

.em-qi-maroon { background:var(--color-primary); }


/* ===== Responsive ===== */
@media (max-width: 480px) {
	.em-login-bg {
		padding: 20px 12px;
		min-height: auto;
	}

	.em-card-body {
		padding: 28px 20px 20px;
	}

	.em-card-title {
		font-size: 18px;
	}

	.em-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.em-mid-links {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.em-quick-links {
		grid-template-columns: 1fr 1fr;
		padding: 12px 14px;
	}

	.em-ql {
		font-size: 11px;
		padding: 6px 8px;
		gap: 6px;
	}

	.em-ql-icon {
		width: 24px;
		height: 24px;
	}

	.em-ql-icon svg {
		width: 12px;
		height: 12px;
	}
}

@media (max-width: 360px) {
	.em-quick-links {
		grid-template-columns: 1fr;
	}
}

/* Accessibility */
a:focus-visible,
input:focus-visible,
button:focus-visible {
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	* { transition-duration: 0.01ms !important; }
}
@media(min-width:480px){
.cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"],  .cmp_form select{
max-width: 100%;
}
}

/* ---------- General link/button resets ---------- */
.pkp_button,
button {
	font-family: var(--font-main);
}
/* submission wizard */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

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

@keyframes pkp_spin {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg)
    }
}

@-webkit-keyframes pkp_spin {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg)
    }
}

@-moz-keyframes pkp_spin {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg)
    }
}

@-o-keyframes pkp_spin {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg)
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg)
    }
}

.pkp_button,.pkp_button_primary,.pkp_button_offset,.pkp_button_link {
    display: inline-block;
    padding: 0 .5em;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: .93rem;
    line-height: 2rem;
    font-weight: 700;

    text-decoration: none;
    box-shadow: 0 1px 0 #ddd;
    cursor: pointer
}


.pkp_button:active,.pkp_button_primary:active,.pkp_button_offset:active,.pkp_button_link:active {
    box-shadow: 0 0 2px
}

.pkp_button:disabled,.pkp_button_primary:disabled,.pkp_button_offset:disabled,.pkp_button_link:disabled {
    color: #aaa
}

.pkp_button:disabled:hover,.pkp_button_primary:disabled:hover,.pkp_button_offset:disabled:hover,.pkp_button_link:disabled:hover {
    color: #aaa;
    border-color: #ddd;
    cursor: not-allowed
}

.pkp_button_primary:disabled,.pkp_button_primary:disabled:hover {
    color: #fff;
    background: #b7c5ca;
    border-color: #b7c5ca;
    box-shadow: 0 1px 0 #888;
    cursor: not-allowed
}

.pkp_button_offset {
    color: #ff4040
}

.pkp_button_offset:hover,.pkp_button_offset:focus {
    border-color: #ff4040;
    color: #ff4040
}

.pkp_button_offset:disabled,.pkp_button_offset:disabled:hover {
    color: #fff;
    background: #b7c5ca;
    border-color: #b7c5ca;
    box-shadow: 0 1px 0 #888;
    cursor: not-allowed
}

.pkp_button_link {
    box-shadow: none;
    border-color: transparent
}

.pkp_button_link:disabled:hover {
    border-color: transparent
}

.pkp_spinner:after {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    -webkit-animation: pkp_spin .6s linear infinite;
    -moz-animation: pkp_spin .6s linear infinite;
    -ms-animation: pkp_spin .6s linear infinite;
    -o-animation: pkp_spin .6s linear infinite;
    animation: pkp_spin .6s linear infinite;
    border-radius: 100%;
    border-top: 1px solid #888;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #888;
    border-right: 1px solid transparent;
    border-top-color: rgba(0,0,0,0.5);
    border-left-color: rgba(0,0,0,0.5);
    content: '';
    opacity: 1
}

.pkp_loading {
    font-size: .93rem;
    line-height: 1.43rem
}

.pkp_loading .pkp_spinner {
    margin-right: 0.25em
}

.pkp_unstyled_list,.cmp_article_list,.cmp_breadcrumbs ol,.cmp_announcements.cmp_announcements,.pkp_site_nav_menu ul,.pkp_page_index .journals ul,.page_catalog_category .subcategories ul,.page_issue_archive .issues_archive,.page_register .context_optin .contexts,.obj_article_details .authors,.obj_article_details .galleys_links,.obj_article_details .supplementary_galleys_links,.obj_article_summary .galleys_links,.obj_issue_toc .articles,.obj_issue_toc .galleys_links,.pkp_block .content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pkp_caret {
    content: ' ';
    display: inline-block;
    width: 0;
    height: 0;
    border: .25rem solid transparent;
    vertical-align: middle
}

.pkp_caret_down {
    border-top: .375rem solid
}

.pkp_caret_right {
    border-left: .375rem solid
}

.pkp_screen_reader,.cmp_skip_to_content a,.pkp_page_index .journals h2,.pkp_page_index .cmp_announcements h2,.page_register .context_optin .roles legend {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px
}

.pkp_screen_reader:focus,.pkp_page_index .cmp_announcements h2:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 1rem;
    height: auto;
    line-height: normal;
    padding: 1rem;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    text-decoration: none;
    width: auto;
    z-index: 100000
}

.pkp_helpers_clear:before,.pkp_helpers_clear:after {
    content: " ";
    display: table
}

.pkp_helpers_clear:after {
    clear: both
}

.pkp_uploadedFile_summary {
    font-size: .93rem;
    line-height: 1.43rem
}

.pkp_uploadedFile_summary .filename .display {
    line-height: 2rem
}

.pkp_uploadedFile_summary .filename .edit {
    line-height: 1.43rem
}

.pkp_uploadedFile_summary .details {
    margin-top: 0.5rem;
    color: rgba(0,0,0,0.54)
}

.pkp_uploadedFile_summary .details>span {
    margin-left: 2rem
}

.pkp_uploadedFile_summary .details>span:first-child {
    margin-left: 0
}

.pkp_uploadedFile_summary .details>span:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 0.25em;
    color: #aaa
}

.pkp_uploadedFile_summary .pixels:before {
    content: "\f108"
}

.pkp_uploadedFile_summary .print {
    margin-left: 2rem
}

.pkp_uploadedFile_summary .print:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    padding-right: 0.25em;
    color: #aaa;
    content: "\f02f"
}

.pkp_uploadedFile_summary .type:before {
    content: "\f016"
}

.pkp_uploadedFile_summary .type.pdf:before {
    content: "\f1c1"
}

.pkp_uploadedFile_summary .type.doc:before,.pkp_uploadedFile_summary .type.docx:before {
    content: "\f1c2"
}

.pkp_uploadedFile_summary .type.xls:before,.pkp_uploadedFile_summary .type.xlsx:before {
    content: "\f1c3"
}

.pkp_uploadedFile_summary .file_size:before {
    content: "\f0a0"
}

.pkp_helpers_invisible {
    visibility: hidden
}

.pkp_helpers_display_none {
    display: none !important
}

.pkp_helpers_align_left {
    float: left
}

.pkp_helpers_align_right {
    float: right
}

.pkp_helpers_text_left {
    text-align: left
}

.pkp_helpers_text_right {
    text-align: right
}

.pkp_helpers_text_center {
    text-align: center
}

.pkp_helpers_text_justify {
    text-align: justify
}

.pkp_helpers_title_padding {
    padding: 5px !important
}

.pkp_helpers_image_left {
    float: left;
    margin: 4px 10px 4px 0
}

.pkp_helpers_image_right {
    float: right;
    margin: 4px 0 4px 10px
}

.pkp_helpers_container_center {
    margin: 0 auto
}

.pkp_helpers_debug,.pkp_helpers_debug div {
    border: 1px dashed #f00;
    padding: 2px
}

.pkp_helpers_flatlist {
    margin: 0;
    padding: 0
}

.pkp_helpers_flatlist li {
    float: left;
    position: relative
}

.pkp_helpers_bulletlist li {
    list-style: disc
}

.pkp_helpers_icon_link_valign {
    line-height: 24px
}

.pkp_helpers_moveicon {
    cursor: move
}

.pkp_helpers_full {
    width: 100%
}

.pkp_helpers_half {
    width: 50%
}

.pkp_helpers_third {
    width: 33%
}

.pkp_helpers_quarter {
    width: 25%
}

.pkp_helpers_fifth {
    width: 20%
}

.pkp_helpers_threeQuarter {
    width: 75%
}

.pkp_helpers_underline:after {
    border-bottom: 2px solid #fff;
    content: " ";
    display: block
}

.pkp_helpers_dotted_underline {
    border-bottom: 1px dotted #999
}

.pkp_helpers_black_bg {
    background-color: black
}

.pkp_helpers_text_warn {
    color: #d00a6c
}

.pkp_helpers_text_primary {
    color: black
}

.NMI_TYPE_CUSTOM_EDIT {
    display: none
}

.pkp_helpers_form_input_title_text {
    font-weight: bold;
    color: #777777
}

#orcid-id-logo {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.5em;
    vertical-align: middle
}

.orcid_icon {
    display: inline-block;
    margin-right: 0.5em;
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.orcid-failure {
    width: 100%;
    background: #F6D8CE;
    border: 1px solid #f00;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px
}

.orcid-success {
    width: 100%;
    background: #E6F8E0;
    border: 1px solid #3adf00;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px
}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

html,body {
    font-size: 14px;
    color: rgba(0,0,0,0.87);
}

 .show a {
    color: var(--color-primary);
}

a:hover,a:focus {
     color: var(--color-green);
}

.pkp_site_name_wrapper,.pkp_navigation_primary_wrapper,.pkp_navigation_user,.pkp_search_mobile,.pkp_structure_content,.pkp_structure_footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-left: .714rem;
    padding-right: .714rem
}

.pkp_site_name_wrapper:before,.pkp_navigation_primary_wrapper:before,.pkp_navigation_user:before,.pkp_search_mobile:before,.pkp_structure_content:before,.pkp_structure_footer:before,.pkp_site_name_wrapper:after,.pkp_navigation_primary_wrapper:after,.pkp_navigation_user:after,.pkp_search_mobile:after,.pkp_structure_content:after,.pkp_structure_footer:after {
    content: " ";
    display: table
}

.pkp_site_name_wrapper:after,.pkp_navigation_primary_wrapper:after,.pkp_navigation_user:after,.pkp_search_mobile:after,.pkp_structure_content:after,.pkp_structure_footer:after {
    clear: both
}

@media (min-width: 768px) {
    .pkp_site_name_wrapper,.pkp_navigation_primary_wrapper,.pkp_navigation_user,.pkp_search_mobile,.pkp_structure_content,.pkp_structure_footer {
        width:728px;
        padding: 0
    }
}

@media (min-width: 992px) {
    .pkp_site_name_wrapper,.pkp_navigation_primary_wrapper,.pkp_navigation_user,.pkp_search_mobile,.pkp_structure_content,.pkp_structure_footer {
        width:952px
    }
}

@media (min-width: 1200px) {
    .pkp_site_name_wrapper,.pkp_navigation_primary_wrapper,.pkp_navigation_user,.pkp_search_mobile,.pkp_structure_content,.pkp_structure_footer {
        width:1160px
    }
}

.has_site_logo .pkp_site_name,.has_site_logo .pkp_navigation_primary_wrapper {
    width: auto
}

.has_site_logo .pkp_head_wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: .714rem
}

.has_site_logo .pkp_head_wrapper:before,.has_site_logo .pkp_head_wrapper:after {
    content: " ";
    display: table
}

.has_site_logo .pkp_head_wrapper:after {
    clear: both
}

@media (min-width: 768px) {
    .has_site_logo .pkp_head_wrapper {
        width:728px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 992px) {
    .has_site_logo .pkp_head_wrapper {
        width:952px
    }
}

@media (min-width: 1200px) {
    .has_site_logo .pkp_head_wrapper {
        width:1160px
    }
}

.pkp_structure_main {
    padding: .714rem
}

@media (min-width: 480px) {
    .pkp_structure_main {
        padding:1.43rem
    }
}

@media (min-width: 768px) {
    .pkp_structure_main:before,.pkp_structure_main:after {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        background: #ddd
    }

    .pkp_structure_main:after {
        left: 728px
    }
}

@media (min-width: 992px) {
    .pkp_structure_content {
        padding-top:2.143rem
    }

    .pkp_structure_sidebar {
        float: right;
        width: 300px
    }

    .pkp_structure_main {
        float: left;
        padding: 0 2.143rem 6.429rem;
        width: 652px
    }

    .pkp_structure_main:after {
        left: 652px
    }
}

@media (min-width: 1200px) {
    .pkp_structure_main {
        width:860px
    }

    .pkp_structure_main:after {
        left: 860px
    }
}

@media (min-width: 992px) {
    .pkp_structure_main:first-child:last-child {
        float:none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2.857rem
    }

    .pkp_structure_main:first-child:last-child:before {
        left: 150px
    }

    .pkp_structure_main:first-child:last-child:after {
        left: auto;
        right: 150px
    }
}

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

.pkp_structure_head {
    background-color: #7c1a29;
    border-bottom: 1px solid #ddd
}

.pkp_head_wrapper {
    position: relative
}

.pkp_site_name_wrapper {
    height: 2.857rem
}

@media (min-width: 992px) {
    .pkp_site_name_wrapper {
        height:auto
    }
}

.pkp_site_name {
    position: absolute;
    left: 2.857rem;
    right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: .714rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-family: Lato,sans-serif;
    font-size: .93rem
}

.pkp_site_name>a {
    padding-top: .714rem;
    padding-bottom: .714rem
}

.pkp_site_name>a:focus {
    outline: 0
}

.pkp_site_name .is_img {
    display: inline-block;
    margin-top: .357rem;
    margin-bottom: .357rem;
    padding: 0
}

.pkp_site_name .is_img:focus {
    outline: 1px solid #fff
}

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

.pkp_site_name .is_text {
    font-family: Lato,sans-serif;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.857rem;
    color: #fff;
    text-decoration: none
}

.pkp_site_name .is_text:focus {
    text-decoration: underline
}

.pkp_navigation_primary_wrapper {
    padding-left: 0;
    padding-right: 0
}

.pkp_site_nav_menu {
    position: absolute;
    width: 100%;
    top: 100%;
    background: #7c1a29;
    left: 0;
    padding: .714rem;
    z-index: 9999
}

.pkp_site_nav_menu .pkp_nav_list {
    padding-left: 0;
    margin-left: 0
}

.pkp_site_nav_menu ul ul {
    padding-left: 0.5rem
}

.pkp_site_nav_menu a {
    display: inline-block;
    padding: .125rem 0;
    color: #fff;
    text-decoration: none
}

.pkp_site_nav_menu a:hover,.pkp_site_nav_menu a:focus {
    color: #fff;
    text-decoration: underline
}

.pkp_site_nav_menu #siteNav {
    position: absolute;
    top: 0;
    height: 0
}

.pkp_navigation_user.pkp_navigation_user {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,0.1)
}

.pkp_navigation_user .task_count {
    display: inline-block;
    width: 1.43rem;
    height: 1.43rem;
    margin-left: 0.5em;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    line-height: 1.43rem;
    text-align: center;
    font-size: 0.857rem;
    position: relative
}

.pkp_navigation_user>li>a .task_count {
    display: none
}

.pkp_navigation_user>li>ul a .task_count {
    display: inline-block;
    background: rgba(255,255,255,0.1);
    color: #fff
}

.pkp_navigation_user>li>ul a:hover .task_count,.pkp_navigation_user>li>ul a:focus .task_count {
    background: rgba(0,0,0,0.87)
}

.pkp_navigation_search_wrapper {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,0.1)
}

@media (min-width: 992px) {
    .pkp_head_wrapper {
        padding-top:4.286rem
    }

    .pkp_site_nav_toggle {
        display: none
    }

    .pkp_site_name {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        padding: 0;
        white-space: normal;
        font-size: 2em;
        background: transparent;
        overflow: visible
    }

    .pkp_site_name .is_text {
        font-family: Lato,sans-serif;
        font-size: 1.714rem;
        line-height: 2.143rem
    }

    .pkp_site_name .is_img img {
        max-height: 80px
    }

    .pkp_site_nav_menu {
        display: block;
        position: static;
        top: auto;
        padding: 0
    }

    .pkp_site_nav_menu ul ul {
        padding-left: 0
    }

    .has_site_logo .pkp_head_wrapper {
        padding-top: 2.143rem
    }

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

    .pkp_nav_list li {
        position: relative;
        display: inline-block
    }

    .pkp_nav_list a {
        display: inline-block;
        padding-left: .714rem;
        padding-right: .714rem;
        text-decoration: none;
        padding-top: .357rem;
        padding-bottom: .357rem
    }

    .pkp_nav_list a:hover,.pkp_nav_list a:focus {
        text-decoration: none
    }

    .pkp_nav_list ul {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1000;
        width: 15em;
        margin: 0;
        padding: 0;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 0 5px rgba(0,0,0,0.3)
    }

    .pkp_nav_list ul li {
        display: block
    }

    .pkp_nav_list ul a {
        display: block;
        padding-left: .357rem;
        border-left: .357rem solid transparent;
        color: #006798
    }
    .pkp_nav_list ul li:first-child a {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .pkp_nav_list ul li:last-child a {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .pkp_nav_list>li:hover ul {
        left: 0
    }

    .pkp_nav_list [aria-haspopup]:after {
        position: relative;
        display: inline-block;
        content: "";
        width: 0;
        height: 0;
        margin-left: 0.25em;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        vertical-align: middle;
        overflow: hidden
    }

    .pkp_navigation_primary {
        text-align: center
    }

    .pkp_navigation_primary>li>a {
        margin: .357rem .5em 0;
        padding: .357rem .5em calc(.714rem - 2px);
        border-bottom: 2px solid transparent;
        color: #fff;
        text-decoration: none
    }

    .pkp_navigation_primary>li>a:hover {
        color: #fff;
        outline: 0;
        border-color: #fff
    }

    .pkp_navigation_primary>li>a:focus {
        background: #fff;
        color: #7c1a29;
        outline: 0
    }

    .pkp_navigation_primary>li:first-child a {
        margin-left: -0.5em
    }

    .pkp_navigation_primary>li:last-child a {
        margin-right: -0.5em
    }

    .pkp_navigation_primary>li:hover ul {
        position: absolute;
        transform: translate3d(7px, 40px, 0px);
        top: 0;
        left: 0;
        will-change: transform
    }

    .pkp_navigation_primary ul a {
        padding-top: .714rem;
        padding-bottom: .714rem
    }

    .pkp_navigation_primary [aria-haspopup]:hover {
        border-color: transparent
    }

    .dropdown-menu {
        display: none
    }

    .dropdown-menu.show {
        display: block
    }

    [data-toggle="dropdown"]:hover+.dropdown-menu,.dropdown-menu:hover {
        display: block
    }

    .pkp_navigation_user_wrapper {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding-left: .714rem;
        padding-right: .714rem;
        text-align: right;
        padding-top: 0;
        margin-top: 0;
        border-top: none;
        z-index: 1000
    }

    .pkp_navigation_user {
        text-align: right;
        font-size: .93rem;
        padding-right: 1.43rem
    }

    .pkp_navigation_user.pkp_navigation_user {
        margin: 0;
        padding: 0;
        border: none
    }

    .pkp_navigation_user li {
        text-align: left
    }

    .pkp_navigation_user a {
        padding-top: .357rem;
        padding-bottom: .357rem;
        line-height: 1.43rem
    }

    .pkp_navigation_user>li>a:focus {
        outline: 0;
        background: #fff;
        color: #7c1a29
    }

    .pkp_navigation_user ul {
        width: 10em
    }

    .pkp_navigation_user>li:hover ul {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate3d(0px, 30px, 0px);
        will-change: transform
    }

    .pkp_navigation_user>li:last-child>a {
        margin-right: -0.714rem
    }

    .pkp_navigation_user>li>a .task_count {
        display: inline-block
    }

    .pkp_navigation_user>li>a:focus .task_count {
        background: #7c1a29;
        color: #fff
    }

    .pkp_navigation_user>li>ul a .task_count {
        display: none
    }

    .pkp_navigation_search_wrapper {
        float: right;
        margin: 0;
        padding: 0;
        border: none
    }

    .pkp_navigation_search_wrapper a {
        margin: .357rem .5em 0;
        padding: .357rem .5em calc(.714rem - 2px);
        border-bottom: 2px solid transparent;
        color: #fff;
        text-decoration: none
    }

    .pkp_navigation_search_wrapper a:hover {
        color: #fff;
        outline: 0;
        border-color: #fff;
        text-decoration: none
    }

    .pkp_navigation_search_wrapper a:focus {
        background: #fff;
        color: #7c1a29;
        outline: 0;
        text-decoration: none
    }
}

@media (min-width: 992px) and (min-width:992px) {
    .pkp_navigation_primary {
        display:inline-block;
        max-width: 80%;
        text-align: left
    }
}

.pkp_structure_main h1 {
    font-family: Lato,sans-serif;
    font-size: 1.714rem;
    line-height: 2.143rem;
    font-weight: 700
}

.pkp_structure_main h2 {
    font-family: Lato,sans-serif;
    font-size: 1.285rem;
    line-height: 2.143rem;
    font-weight: 700
}

.pkp_structure_main h3 {
    font-family: Lato,sans-serif;
    font-size: 1.143rem;
    line-height: 1.43rem;
    font-weight: 700
}

.pkp_structure_main h4 {
    font-size: 1rem;
    line-height: 1.43rem;
    font-weight: 700
}

.pkp_structure_main h5 {
    font-size: 1rem;
    line-height: 1.43rem;
    font-weight: 400
}

.pkp_structure_main h6 {
    font-size: .93rem;
    line-height: 1.43rem;
    font-weight: 700
}

.pkp_structure_main h1,.pkp_structure_main h2,.pkp_structure_main h3,.pkp_structure_main h4 {
    margin: 2.857rem 0 1.43rem
}

.pkp_structure_main h5,.pkp_structure_main h6 {
    margin: 1.43rem 0
}

.pkp_structure_main p,.pkp_structure_main ul {
    line-height: 1.785rem;
    margin: 1.43rem 0
}

.pkp_structure_main p:last-child {
    margin-bottom: 0
}

.pkp_structure_main .page h1 {
    margin-top: 0
}

.pkp_structure_main .page>.cmp_edit_link {
    float: right;
    padding: .357rem 0;
    line-height: 2.143rem
}

.pkp_structure_main .page .monograph_count {
    float: right;
    padding: .714rem 0;
    font-size: .93rem;
    color: rgba(0,0,0,0.54)
}

.pkp_structure_main .page .about_section {
    color: rgba(0,0,0,0.54);
    line-height: 2.143rem
}

.pkp_structure_main .page .about_section:before,.pkp_structure_main .page .about_section:after {
    content: " ";
    display: table
}

.pkp_structure_main .page .about_section:after {
    clear: both
}

.pkp_structure_main .page .about_section .cover {
    float: right;
    width: 20%;
    margin-left: 10%;
    margin-right: 10%
}

.pkp_structure_main .page .about_section .cover img {
    display: block;
    margin: 0 auto
}

.pkp_structure_main .page .about_section .description p:first-child {
    margin-top: 0
}

.pkp_structure_main .page .about_section .description p:last-child {
    margin-bottom: 0
}

@media (min-width: 480px) {
    .pkp_structure_main .page .about_section {
        font-size:1.143rem;
        font-style: italic
    }
}

.pkp_site_nav_toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.857rem;
    height: 2.857rem;
    border: 0;
    background: none;
    box-shadow: 1px 0 0 rgba(255,255,255,0.2),-1px 0 0 rgba(255,255,255,0.2);
    z-index: 999
}

.pkp_site_nav_toggle:focus {
    outline: 1px dotted #fff;
    box-shadow: none
}

.pkp_site_nav_toggle>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 19px;
    border-bottom: 3px solid #fff;
    text-indent: -9999px;
    overflow: hidden
}

.pkp_site_nav_toggle>span:before,.pkp_site_nav_toggle>span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff
}

.pkp_site_nav_toggle>span:before {
    top: 0
}

.pkp_site_nav_toggle>span:after {
    top: 8px
}

.pkp_site_nav_toggle--transform>span {
    border-bottom: 0;
    overflow: visible
}

.pkp_site_nav_toggle--transform>span:before {
    top: 7px;
    transform: rotate(-405deg) translateY(1px) translateX(-2px);
    -webkit-transform: rotate(-405deg) translateY(1px) translateX(-2px)
}

.pkp_site_nav_toggle--transform>span:after {
    top: 14px;
    transform: rotate(405deg) translateY(-3px) translateX(-4px);
    -webkit-transform: rotate(405deg) translateY(-3px) translateX(-4px)
}

.pkp_site_nav_menu {
    display: none
}

.pkp_site_nav_menu--isOpen {
    display: block
}

body.navIsOpen .siteHeader__details {
    right: 0
}

body.navIsOpen .siteHeader__screen {
    display: block;
    opacity: 0.5
}

body.navIsOpen .siteHeader__navToggleIcon>span:first-child {
    transform: rotate(45deg);
    top: 18px
}

body.navIsOpen .siteHeader__navToggleIcon>span:nth-child(2) {
    opacity: 0
}

body.navIsOpen .siteHeader__navToggleIcon>span:last-child {
    transform: rotate(-45deg);
    top: 18px
}

@media (min-width: 992px) {
    .pkp_site_nav_menu {
        display:block
    }
}

.highlights {
    margin-top: -0.714rem;
    margin-left: -1.43rem;
    margin-right: -1.43rem;
    background: #ddd
}

.swiper {
    --swiper-theme-color: #7c1a29;
    --swiper-navigation-size: 2.143rem;
    --swiper-navigation-sides-offset: .357rem
}

.swiper-wrapper {
    margin: 0;
    padding: 0 0 2.857rem;
    list-style: none
}

.swiper-slide-content {
    padding-left: 2.143rem;
    padding-right: 2.143rem
}

.swiper .swiper-slide-title {
    margin-top: 1.43rem
}

.swiper-slide-button {
    display: inline-block;
    margin-top: 1.43rem
}

.swiper-button-prev,.swiper-button-next {
    background: transparent;
    border: none;
    color: #fff
}

.swiper-button-prev:focus-visible,.swiper-button-next:focus-visible {
    outline: 2px solid #fff;
    outline-offset: .357rem
}

.swiper-slide-image {
    width: 100vw;
    max-height: 50vh;
    object-fit: cover
}

@media (min-width: 480px) {
    .highlights {
        margin-top:-1.43rem;
        margin-left: -2.143rem;
        margin-right: -2.143rem
    }

    .swiper-slide-content {
        padding-left: 2.857rem;
        padding-right: 2.857rem
    }
}

@media (min-width: 768px) {
    .highlights {
        margin-top:-1.43rem;
        margin-left: -1.43rem;
        margin-right: -1.43rem
    }

    .swiper-slide.-has-image {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .swiper-slide-content {
        padding-inline-start:2.143rem}
}

@media (min-width: 992px) {
    .highlights {
        margin-top:-4.998rem;
        margin-left: -2.143rem;
        margin-right: -2.143rem
    }

    .pkp_structure_content.has_sidebar .highlights {
        margin-top: -2.143rem
    }
}

.pkp_page_index .journals {
    margin-top: 2.143rem
}

.pkp_page_index .journals>ul>li {
    margin: 2.143rem 0
}

.pkp_page_index .journals img {
    display: block;
    max-height: 20em
}

.pkp_page_index .journals h3 {
    margin: .714rem 0;
    font-size: 1rem;
    font-weight: 700
}

.pkp_page_index .journals h3 a {
    text-decoration: none
}

.pkp_page_index .journals p {
    margin: .714rem 0
}

.pkp_page_index .journals .links li {
    display: inline-block;
    margin: 0 .714rem .714rem 0
}

@media (min-width: 768px) {
    .pkp_page_index .journals>ul>li {
        margin:0 -1.43rem;
        padding: 1.43rem;
        border-top: 1px solid #ddd
    }

    .pkp_page_index .journals>ul>li:before,.pkp_page_index .journals>ul>li:after {
        content: " ";
        display: table
    }

    .pkp_page_index .journals>ul>li:after {
        clear: both
    }

    .pkp_page_index .journals .thumb {
        float: left;
        width: 25%;
        padding-right: 1.43rem
    }

    .pkp_page_index .journals .thumb+.body {
        float: right;
        width: 75%
    }
}

@media (min-width: 992px) {
    .pkp_page_index .journals>ul>li {
        margin:0 -2.143rem;
        padding: 2.143rem
    }

    .pkp_page_index .journals .thumb {
        padding-right: 2.143rem
    }
}

.pkp_page_index .homepage_image,.pkp_page_index .additional_content {
    margin-left: -0.714rem;
    margin-right: -0.714rem
}

@media (min-width: 480px) {
    .pkp_page_index .homepage_image,.pkp_page_index .additional_content {
        margin-left:-1.43rem;
        margin-right: -1.43rem
    }
}

@media (min-width: 992px) {
    .pkp_page_index .homepage_image,.pkp_page_index .additional_content {
        margin-left:-2.143rem;
        margin-right: -2.143rem
    }
}

.pkp_page_index .homepage_image img {
    display: block;
    width: 100%;
    height: auto
}

@media (min-width: 992px) {
    .pkp_page_index .homepage_image {
        margin-top:-2.143rem
    }
}

.pkp_page_index .homepage_about {
    padding-top: 2.143rem;
    padding-bottom: 2.143rem
}

.pkp_page_index .homepage_about h2 {
    margin-top: -0.714rem
}

.pkp_page_index .cmp_announcements {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.pkp_page_index .cmp_announcements:before,.pkp_page_index .cmp_announcements:after {
    content: " ";
    display: table
}

.pkp_page_index .cmp_announcements:after {
    clear: both
}

.pkp_page_index .cmp_announcements>.obj_announcement_summary {
    display: block;
    position: relative;
    padding: 2.143rem .714rem
}

.pkp_page_index .cmp_announcements .more {
    position: relative
}

.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
    padding: .714rem
}

.pkp_page_index .cmp_announcements .more h4 {
    font-size: .93rem
}

@media (min-width: 480px) {
    .pkp_page_index .cmp_announcements>.obj_announcement_summary,.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
        padding-left:1.43rem;
        padding-right: 1.43rem
    }
}

@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements>.obj_announcement_summary {
        float:left;
        width: 65%
    }

    .pkp_page_index .cmp_announcements>.obj_announcement_summary:before {
        content: ' ';
        position: absolute;
        top: 0;
        right: -1px;
        width: 1px;
        height: 100%;
        border-left: 1px solid #ddd
    }

    .pkp_page_index .cmp_announcements .more {
        float: right;
        width: 35%;
        padding-top: 1.43rem;
        padding-bottom: 1.43rem
    }

    .pkp_page_index .cmp_announcements .more:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        border-left: 1px solid #ddd
    }
}

@media (min-width: 992px) {
    .pkp_page_index .cmp_announcements>.obj_announcement_summary,.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
        padding-left:2.143rem;
        padding-right: 2.143rem
    }
}

.pkp_page_index .current_issue .current_issue_title {
    margin: 1.43rem 0;
    font-weight: 700
}

.pkp_page_index .current_issue .read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #006798;
    text-decoration: none;
    margin-bottom: 1.43rem
}

.pkp_page_index .current_issue .read_more:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f054";
    position: absolute;
    top: 2px;
    right: 0;
    width: 2.143rem;
    height: 2.143rem;
    line-height: 2.143rem;
    text-align: center
}

.pkp_page_index .current_issue .read_more:hover,.pkp_page_index .current_issue .read_more:focus {
    color: #008acb
}

@media (min-width: 768px) {
    .pkp_page_index .current_issue .section:last-child {
        margin-bottom:0
    }
}

.pkp_page_index .additional_content {
    padding: 2.143rem .714rem 0 .714rem;
    border-top: 1px solid #ddd
}

@media (min-width: 480px) {
    .pkp_page_index .additional_content {
        padding-left:1.43rem;
        padding-right: 1.43rem
    }
}

@media (min-width: 992px) {
    .pkp_page_index .additional_content {
        padding-left:2.143rem;
        padding-right: 2.143rem
    }
}

.pkp_page_index .additional_content>p:first-child {
    margin-top: 0
}

.pkp_page_index .additional_content>p:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements+.additional_content {
        border-top:none
    }
}

.page_catalog_category .article_count {
    float: right;
    padding: .714rem 0;
    font-size: .93rem;
    color: rgba(0,0,0,0.54)
}

.page_catalog_category .about_section .cover {
    float: right;
    width: 20%;
    margin-left: 10%;
    margin-right: 10%
}

.page_catalog_category .subcategories li {
    padding-top: .357rem;
    padding-bottom: .357rem
}

.page_catalog_category .subcategories a {
    text-decoration: none
}

@media (min-width: 768px) {
    .page_catalog_category .subcategories {
        position:relative;
        margin-top: 4.286rem;
        margin-left: -1.43rem;
        margin-right: -1.43rem;
        padding: 2.143rem;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .page_catalog_category .subcategories h2 {
        position: absolute;
        top: -15px;
        left: 1.43rem;
        margin: 0;
        padding-left: .714rem;
        padding-right: .714rem;
        line-height: 2.143rem;
        background: #fff;
        color: rgba(0,0,0,0.54)
    }
}

@media (min-width: 992px) {
    .page_catalog_category .subcategories {
        margin-left:-2.143rem;
        margin-right: -2.143rem
    }
}

@media (min-width: 768px) {
    .page_catalog_category .cmp_article_list {
        padding-top:1.43rem
    }

    .page_catalog_category h2.title {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute !important;
        left: -2000px
    }

    .page_catalog_category h2.title:focus {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
        clip: auto !important;
        color: #000;
        display: block;
        font-size: 1rem;
        height: auto;
        line-height: normal;
        padding: 1rem;
        position: absolute;
        left: 0.5rem;
        top: 0.5rem;
        text-decoration: none;
        width: auto;
        z-index: 100000
    }
}

@media (min-width: 992px) {
    .page_catalog_category .cmp_article_list {
        padding-top:2.143rem
    }
}

.page_contact .address,.page_contact .phone,.page_contact .email {
    margin-top: .714rem;
    margin-bottom: .714rem;
    font-size: .93rem
}

.page_contact .address {
    margin-top: 0
}

.page_contact .address p {
    margin: 0
}

.page_contact .label {
    display: block;
    font-weight: 700
}

.page_contact .contact.support {
    margin-top: 2.857rem
}

@media (min-width: 768px) {
    .page_contact .contact_section:before,.page_contact .contact_section:after {
        content:" ";
        display: table
    }

    .page_contact .contact_section:after {
        clear: both
    }

    .page_contact .contact {
        float: left;
        width: 50%
    }

    .page_contact .contact.primary {
        padding-right: 1.43rem
    }

    .page_contact .contact.support {
        margin-top: 0
    }
}

.page_masthead h2 {
    margin-top: 1.43rem;
    margin-bottom: .714rem
}

.page_masthead .user_listing {
    list-style-type: none;
    padding: 0;
    margin-top: .357rem
}

.page_masthead .user_listing li {
    margin-bottom: 1.43rem
}

.page_masthead .user_listing li>span {
    display: block
}

.page_masthead .user_listing .name {
    font-weight: bold
}

.page_masthead .user_listing .affiliation {
    font-size: .93rem;
    color: rgba(0,0,0,0.54)
}

.page_masthead .user_listing .date_start {
    font-size: .93rem;
    color: rgba(0,0,0,0.54)
}

.page_masthead .user_listing .orcid {
    font-size: .93rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem
}

.page_masthead .user_listing .orcid_icon {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0
}

.page_issue_archive .issues_archive {
    margin-left: -0.714rem;
    margin-right: -0.714rem;
    border-top: 1px solid #ddd
}

.page_issue_archive .issues_archive>li {
    padding: 2.143rem .714rem;
    border-bottom: 1px solid #ddd
}

@media (min-width: 480px) {
    .page_issue_archive .issues_archive {
        margin-left:-1.43rem;
        margin-right: -1.43rem
    }

    .page_issue_archive .issues_archive>li {
        padding-left: 1.43rem;
        padding-right: 1.43rem
    }
}

@media (min-width: 992px) {
    .page_issue_archive .issues_archive {
        margin-left:-2.143rem;
        margin-right: -2.143rem
    }

    .page_issue_archive .issues_archive>li {
        padding-left: 2.143rem;
        padding-right: 2.143rem
    }
}

.page_issue_archive .cmp_pagination {
    margin-top: 1.43rem
}

.page_login .login {
    margin-bottom: 0;
    max-width: 17em
}

.page_login .login input[type="text"],.page_login .login input[type="password"] {
    width: 100%
}

.page_login .password a {
    font-size: .93rem;
    font-style: normal
}

.page_login .remember {
    padding-bottom: 0
}

.page_login .remember .label {
    display: inline;
    font-style: normal
}

.page_login .buttons button {
    float: right
}

.page_login .buttons a {
    float: right;
    margin-right: 1em;
    margin-left: 0
}

.page_lost_password .lost_password {
    margin-bottom: 0;
    max-width: 17em
}

.page_lost_password .lost_password input[type="text"] {
    width: 100%
}

.page_lost_password .pkp_form_error {
    margin: 1.43rem 0;
    padding: .714rem;
    background: #ff4040;
    color: #fff;
    font-size: .93rem;
    font-weight: 700
}

.page_lost_password .buttons:before,.page_lost_password .buttons:after {
    content: " ";
    display: table
}

.page_lost_password .buttons:after {
    clear: both
}

.page_lost_password .buttons button {
    float: right
}

.page_lost_password .buttons a {
    float: right;
    font-size: .93rem;
    line-height: 2.143rem;
    margin-right: 1em
}

.page_register .required_label {
    font-size: .93rem;
    line-height: 1.43rem;
    color: rgba(0,0,0,0.54);
    margin-bottom: 1.43rem
}

.page_register .consent {
    margin-bottom: 0
}

.page_register .fields .reviewer_interests {
    max-height: 0;
    padding-bottom: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .3s
}

.page_register .fields .reviewer_interests.is_visible {
    max-height: 400px;
    overflow: visible;
    padding-bottom: 2.143rem;
    opacity: 1
}

.page_register .context_optin .contexts>li {
    margin-bottom: 1em
}

.page_register .context_optin .contexts>li:last-child {
    margin-bottom: 0
}

.page_register .context_optin .roles {
    padding: .357rem 0;
    margin-bottom: 0
}

.page_register .context_optin .roles label {
    display: inline-block;
    margin-right: 1em;
    font-size: .93rem;
    line-height: 1.43rem
}

.page_register .context_optin .context_privacy {
    position: absolute;
    left: -9999px;
    padding: .357rem 0;
    font-size: .93rem;
    line-height: 1.43rem
}

.page_register .context_optin .context_privacy_visible {
    position: relative;
    left: auto
}

.page_register #formErrors {
    margin: 1.43rem 0;
    padding: .714rem;
    background: #ff4040;
    color: #fff
}

.page_register #formErrors .pkp_form_error {
    padding: 0;
    font-size: .93rem;
    font-weight: bold;
    line-height: 1.43rem
}

.page_register #formErrors .pkp_form_error_list {
    margin: 0;
    padding-left: 1.43rem;
    font-size: .93rem;
    line-height: 1.43rem
}

.page_register #formErrors .pkp_form_error_list a {
    color: #fff
}

@media (min-width: 768px) {
    .page_register .identity li {
        display:inline-block;
        padding-right: 1em;
        max-width: 13em
    }
}

@media (min-width: 1200px) {
    .page_register .identity li {
        max-width:17em
    }
}

.pkp_op_register .ui-helper-hidden-accessible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px
}

.pkp_op_register .ui-helper-hidden-accessible:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 1rem;
    height: auto;
    line-height: normal;
    padding: .714rem;
    position: absolute;
    left: .357rem;
    top: .357rem;
    text-decoration: none;
    width: auto;
    z-index: 100000
}

.pkp_op_register .ui-autocomplete {
    position: absolute !important
}

.page_search .search_input .query {
    width: 100%;
    max-width: 100%;
    height: calc(2.857rem - 2px);
    font-size: 1.285rem;
    line-height: calc(2.857rem - 2px)
}

.page_search .search_advanced {
    border: 1px solid #ddd;
    padding: 0 1.43rem 1.43rem
}

.page_search .search_advanced legend {
    padding: .714rem 1.43rem;
    margin: 0;
    font-weight: 400
}

.page_search .search_advanced label {
    font-size: 1rem;
    font-style: normal
}

.page_search .date_range legend {
    padding: 0;
    font-size: 1rem
}

.page_search .date_range label {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    left: -2000px
}

.page_search .date_range label:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 1rem;
    height: auto;
    line-height: normal;
    padding: 1rem;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    text-decoration: none;
    width: auto;
    z-index: 100000
}

.page_search .date_range select+label+select {
    margin-left: 0.25em
}

.page_search .date_range [name*="Year"] {
    width: 6em
}

.page_search .date_range [name*="Day"] {
    width: 4em
}

.page_search .date_range [name*="Month"] {
    width: 10em
}

.page_search .label_contexts {
    margin-top: 1.43rem
}

.page_search .submit {
    text-align: right
}

.page_search .submit button {
    position: relative;
    padding-right: 3.2145rem;
    border-right: none;
    padding-right: 1em;
    padding-left: 3.2145rem;
    border-right: 1px solid rgba(0,0,0,0.4);
    border-left: none
}

.page_search .submit button:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f002";
    position: absolute;
    top: -1px;
    right: 0;
    width: 2.143rem;
    height: 2.143rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 2.143rem;
    text-align: center;
    background: #006798;
    box-shadow: inset 0 -1em 1em rgba(0,0,0,0.2);
    color: #fff
}

.page_search .submit button:hover:after,.page_search .submit button:focus:after {
    box-shadow: inset 0 1em 1em rgba(0,0,0,0.2);
    background: #008acb
}

.page_search .submit button:after {
    right: auto;
    left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.page_search .submit button:after {
    right: auto;
    left: 0
}

.page_search .search_results {
    margin: 2.857rem 0;
    padding: 0;
    list-style: none
}

.page_search .search_results .obj_article_summary {
    margin: 1.43rem 0
}

.page_search .cmp_pagination {
    margin-top: 1.43rem;
    font-size: .93rem;
    line-height: 1.43rem;
    color: rgba(0,0,0,0.54);
    text-align: right
}

.page_search .cmp_pagination a {
    padding-left: 0.5em;
    padding-right: 0.5em
}

@media (min-width: 768px) {
    .page_search .search_advanced:before,.page_search .search_advanced:after {
        content:" ";
        display: table
    }

    .page_search .search_advanced:after {
        clear: both
    }

    .page_search .date_range {
        float: left;
        width: 50%
    }

    .page_search .date_range .to fieldset {
        margin-bottom: 0
    }

    .page_search .author {
        float: right;
        width: 50%
    }
}

.page_section .section_description {
    margin-bottom: 2em
}

.header_view {
    z-index: 2;
    position: relative;
    background: #006798
}

.header_view a {
    line-height: 2.143rem;
    text-decoration: none
}

.header_view .return {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.143rem;
    height: 2.143rem;
    line-height: 2.143rem;
    background: #fff;
    color: #006798;
    text-align: center
}

.header_view .return:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f060"
}

.header_view .return:hover,.header_view .return:focus {
    background: #008acb;
    color: #fff
}

.header_view .title {
    display: block;
    padding-left: 2.857rem;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .93rem;
    color: #fff
}


.header_view .download {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.143rem;
    background: #fff;
    text-align: center
}
.header_view .download:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f019"
}

.header_view .download .label {
    display: none
}

@media (min-width: 768px) {
    .header_view .title {
        font-size:1rem
    }

    .header_view .download {
        width: auto;
        padding: 0 1.43rem
    }

    .header_view .download .label {
        display: inline-block
    }

    .header_view .download .pkp_screen_reader,.header_view .download .pkp_page_index .cmp_announcements h2 {
        display: none
    }
}

.galley_view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden
}

.galley_view iframe {
    width: 100%;
    height: 100%;
    padding-top: 2.143rem;
    border: none
}

.galley_view.galley_view_with_notice iframe {
    padding-top: 6.429rem
}

.galley_view .galley_view_notice {
    position: absolute;
    top: 2.143rem;
    width: 100%;
    height: 4.286rem;
    background: #ff4040
}

.galley_view .galley_view_notice_message {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 700;
    text-align: center
}

.galley_view .galley_view_notice_message a {
    color: #fff;
    text-decoration: underline
}

.obj_announcement_full h1 {
    margin: 0
}

.obj_announcement_full .date {
    margin: 16px 0;
    color: rgba(0,0,0,0.54)
}

.obj_announcement_full .date:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f073";
    margin-right: 0.5em;
    color: #ddd
}

.obj_announcement_full .description {
    margin-top: 2.857rem
}

.obj_announcement_full .description p:first-child {
    margin-top: 0
}

.obj_announcement_full .description p:last-child {
    margin-bottom: 0
}

.obj_announcement_summary h2,.obj_announcement_summary h3,.obj_announcement_summary h4 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.43rem
}

.obj_announcement_summary h2 a,.obj_announcement_summary h3 a,.obj_announcement_summary h4 a {
    text-decoration: none
}

.obj_announcement_summary .date {
    font-size: .93rem;
    line-height: 1.785rem;
    color: rgba(0,0,0,0.54)
}

.obj_announcement_summary .date:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f073";
    margin-right: 0.5em;
    font-size: 1rem;
    color: #ddd
}

.obj_announcement_summary .summary {
    font-size: .93rem;
    line-height: 1.43rem;
    margin-top: .714rem
}

.obj_announcement_summary .summary p:first-child {
    margin-top: 0
}

.obj_announcement_summary .summary p:last-child {
    margin-bottom: 0
}

.obj_announcement_summary .read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #006798;
    text-decoration: none
}

.obj_announcement_summary .read_more:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f054";
    position: absolute;
    top: 2px;
    right: 0;
    width: 2.143rem;
    height: 2.143rem;
    line-height: 2.143rem;
    text-align: center
}

.obj_announcement_summary .read_more:hover,.obj_announcement_summary .read_more:focus {
    color: #008acb
}

@media (min-width: 768px) {
    .obj_announcement_summary_has_image {
        display:grid;
        grid-template-columns: 33% auto;
        gap: 2.143rem
    }
}

.obj_article_details>.page_title {
    margin: 0
}

.obj_article_details>.subtitle {
    margin: 0;
    font-size: 1rem;
    line-height: 2.143rem;
    font-weight: 400
}

.obj_article_details .row {
    margin-top: 2.143rem
}

.obj_article_details .item {
    padding-top: 1.43rem;
    padding-bottom: 1.43rem
}

.obj_article_details .item>*:first-child {
    margin-top: 0
}

.obj_article_details .item>*:last-child {
    margin-bottom: 0
}

.obj_article_details .item>h2+p {
    margin-top: 0
}

.obj_article_details .sub_item {
    margin-bottom: 1.43rem
}

.obj_article_details .sub_item:last-child {
    margin-bottom: 0
}

.obj_article_details .main_entry .item .label {
    margin: 0 0 1.43rem;
    font-family: Lato,sans-serif;
    font-size: 1.143rem;
    font-weight: 700
}

.obj_article_details .main_entry .item.doi .label,.obj_article_details .main_entry .item.keywords .label {
    display: inline;
    font-size: 1rem
}

.obj_article_details .main_entry .sub_item .label {
    font-size: 1rem
}

.obj_article_details .authors li {
    margin-bottom: .714rem
}

.obj_article_details .authors .name {
    font-weight: bold;
    display: block
}

.obj_article_details .authors .userGroup {
    display: block
}

.obj_article_details .authors .orcid {
    display: block;
    font-size: .93rem;
    line-height: 1.43rem
}

.obj_article_details .authors .orcid a {
    vertical-align: middle
}

.obj_article_details .authors .orcid_icon {
    width: 1.43rem;
    height: 1.43rem
}

.obj_article_details .authors .affiliation {
    font-size: .93rem;
    color: rgba(0,0,0,0.54)
}

.obj_article_details .authors .affiliation a,.obj_article_details .authors .affiliation span,.obj_article_details .authors .affiliation svg {
    display: inline-block;
    vertical-align: middle
}

.obj_article_details .author_bios .sub_item .label {
    margin-bottom: 0
}

.obj_article_details .author_bios .sub_item .value>p:first-child {
    margin-top: 0
}

.obj_article_details .item.doi,.obj_article_details .item.keywords {
    padding-top: 0
}

.obj_article_details .galleys_links {
    display: flex;
    flex-flow: row nowrap;
    justify-content: start
}

.obj_article_details .galleys_links li {
    margin-inline-end:1rem}

.obj_article_details .supplementary_galleys_links {
    margin-top: .714rem
}

.obj_article_details .copyright {
    font-size: .93rem;
    line-height: 1.43rem
}

.obj_article_details .copyright a[rel="license"]+p {
    margin-top: 0
}

.obj_article_details .entry_details {
    margin-left: -1.43rem;
    margin-right: -1.43rem;
    border-top: 1px solid #ddd
}

.obj_article_details .entry_details .item {
    padding: 1.43rem;
    border-bottom: 1px solid #ddd;
    word-wrap: break-word
}

.obj_article_details .entry_details .item:last-child {
    border-bottom: none
}

.obj_article_details .entry_details .item .label {
    margin: 0;
    font-family: Lato,sans-serif;
    font-size: .93rem;
    font-weight: 400;
    color: rgba(0,0,0,0.54)
}

.obj_article_details .categories {
    margin: 0;
    padding: 0;
    list-style: none
}

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

.obj_article_details .citation_display .value {
    font-size: .93rem
}

.obj_article_details .citation_display .csl-left-margin {
    display: none
}

.obj_article_details .citation_display [aria-hidden="true"] {
    display: none
}

.obj_article_details .citation_display .citation_formats {
    margin-top: 1em;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 3px
}

.obj_article_details .citation_display .citation_formats_button {
    position: relative;
    background: transparent;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    padding: 0 1em;
    width: 100%;
    font-family: Lato,sans-serif;
    font-weight: 400;
    color: rgba(0,0,0,0.54);
    text-align: left
}

.obj_article_details .citation_display .citation_formats_button:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0d7";
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%)
}

.obj_article_details .citation_display .citation_formats_button[aria-expanded="true"]:after {
    content: "\f0d8"
}

.obj_article_details .citation_display .citation_formats_button:focus {
    background: #ddd;
    outline: 0
}

.obj_article_details .citation_display .citation_formats_styles {
    margin: 0;
    padding: 0;
    list-style: none
}

.obj_article_details .citation_display .citation_formats_styles a {
    display: block;
    padding: .5em 1em;
    border-bottom: 1px solid #ddd;
    text-decoration: none
}

.obj_article_details .citation_display .citation_formats_styles a:focus {
    background: #ddd;
    outline: 0
}

.obj_article_details .citation_display .citation_formats_styles li:last-child a {
    border-bottom: none
}

.obj_article_details .citation_display .citation_formats_list .label {
    padding: 1em 1em .25em 1em
}

.obj_article_details .citation_display .citation_formats_styles+.label {
    border-top: 1px solid #ddd
}

.obj_article_details .citation_display span {
    margin-right: 0.5em
}

@media (min-width: 480px) {
    .obj_article_details .entry_details {
        margin-left:-2.143rem;
        margin-right: -2.143rem
    }
}

@media (min-width: 768px) {
    .obj_article_details .row {
        margin-left:-1.43rem;
        margin-right: -1.43rem;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .obj_article_details .main_entry {
        float: left;
        width: 428px;
        border-right: 1px solid #ddd
    }

    .obj_article_details .item {
        padding: 1.43rem
    }

    .obj_article_details .item .label {
        margin: 0 0 1.43rem;
        font-family: Lato,sans-serif;
        font-size: 1.143rem;
        font-weight: 700
    }

    .obj_article_details .item.doi .label,.obj_article_details .item.keywords .label {
        display: inline;
        font-size: 1rem
    }

    .obj_article_details .entry_details {
        float: left;
        width: 300px;
        margin: 0 0 0 -1px;
        border-top: none;
        border-left: 1px solid #ddd
    }

    .obj_article_details .entry_details .item {
        margin-right: -1px;
        border-bottom: 1px solid #ddd
    }

    .obj_article_details .entry_details .item:last-child {
        border-bottom: none
    }
}

@media (min-width: 992px) {
    .obj_article_details .row {
        margin-left:-2.143rem;
        margin-right: -2.143rem
    }

    .obj_article_details .main_entry {
        width: 352px
    }

    .obj_article_details .item {
        padding: 2.143rem
    }
}

@media (min-width: 1200px) {
    .obj_article_details .main_entry {
        width:560px
    }
}

.obj_article_summary:before,.obj_article_summary:after {
    content: " ";
    display: table
}

.obj_article_summary:after {
    clear: both
}

.obj_article_summary .cover {
    display: block;
    margin-bottom: 1.43rem
}

.obj_article_summary .cover img {
    display: block;
    max-height: 250px;
    width: auto
}

.obj_article_summary>.title {
    font-family: Lato,sans-serif;
    font-size: 1rem;
    line-height: 1.43rem;
    font-weight: 700;
    border-bottom: none;
    margin: 0
}

.obj_article_summary>.title a {
    text-decoration: none
}

.obj_article_summary .subtitle {
    display: block;
    margin-top: 0.25em;
    margin-bottom: 0.5em;
    font-weight: 400;
    color: rgba(0,0,0,0.54)
}

.obj_article_summary .meta {
    position: relative;
    padding-top: .357rem;
    font-size: .93rem;
    line-height: 1.43rem
}

.obj_article_summary .pages,.obj_article_summary .published {
    color: rgba(0,0,0,0.54)
}

.obj_article_summary .galleys_links {
    margin-top: .714rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: start
}

.obj_article_summary .galleys_links li {
    margin-inline-end:1rem}

.obj_article_summary .galleys_links li:last-child {
    margin-inline-end:0}

@media (min-width: 768px) {
    .obj_article_summary .authors {
        padding-right:5em
    }

    .obj_article_summary .pages {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 2.143rem
    }

    .obj_article_summary .cover {
        float: left;
        width: 25%;
        height: auto;
        max-height: none;
        margin-right: 1.43rem
    }
}

@media (min-width: 992px) {
    .obj_article_summary .cover {
        margin-right:2.143rem;
        margin-bottom: 2.143rem
    }

    .obj_article_summary .cover img {
        max-height: none
    }
}

.obj_galley_link:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0f6";
    margin-right: 0.25em
}

.obj_galley_link.pdf:before {
    content: "\f1c1"
}

.obj_galley_link.restricted {
    border-color: #d00a6c;
    color: #d00a6c
}

.obj_galley_link.restricted:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f023";
    color: #d00a6c
}

.obj_galley_link.restricted:hover,.obj_galley_link.restricted:focus {
    background: #d00a6c;
    color: #fff
}

.obj_galley_link.restricted:hover:before,.obj_galley_link.restricted:focus:before {
    color: #fff
}

.obj_galley_link_supplementary {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #006798;
    text-decoration: none;
    padding-right: 0;
    padding-left: 1.43rem
}

.obj_galley_link_supplementary:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f0f6";
    position: absolute;
    top: 2px;
    right: 0;
    width: 2.143rem;
    height: 2.143rem;
    line-height: 2.143rem;
    text-align: center
}

.obj_galley_link_supplementary:hover,.obj_galley_link_supplementary:focus {
    color: #008acb
}

.obj_galley_link_supplementary:after {
    right: auto;
    left: 0;
    text-align: left
}

.obj_issue_summary h2 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.43rem;
    font-weight: 400
}

.obj_issue_summary .cover {
    display: block;
    margin-bottom: 1.43rem
}

.obj_issue_summary .cover img {
    display: block;
    width: auto;
    max-height: 250px
}

.obj_issue_summary .title {
    font-family: Lato,sans-serif;
    font-weight: 700;
    text-decoration: none
}

.obj_issue_summary .series {
    margin-bottom: .357rem;
    color: rgba(0,0,0,0.54)
}

.obj_issue_summary .description {
    font-size: .93rem;
    line-height: 1.43rem
}

.obj_issue_summary .description p:first-child {
    margin-top: 0
}

.obj_issue_summary .description p:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .obj_issue_summary:before,.obj_issue_summary:after {
        content:" ";
        display: table
    }

    .obj_issue_summary:after {
        clear: both
    }

    .obj_issue_summary .cover {
        float: left;
        width: 25%;
        height: auto;
        margin-right: 1.43rem
    }

    .obj_issue_summary .cover img {
        max-height: auto
    }
}

.obj_issue_toc .cover {
    display: block;
    margin-bottom: 1.43rem
}

.obj_issue_toc .cover img {
    display: block;
    max-height: 250px;
    width: auto
}

.obj_issue_toc .description>*:first-child {
    margin-top: 0
}

.obj_issue_toc .description>*:last-child {
    margin-bottom: 0
}

.obj_issue_toc .pub_id {
    margin: 1.43rem 0
}

.obj_issue_toc .pub_id .type {
    font-weight: 700
}

.obj_issue_toc .published {
    margin: 1.43rem 0
}

.obj_issue_toc .published .label {
    font-weight: 700
}

.obj_issue_toc .articles {
    margin-top: calc(2.143rem + 1.43rem)
}

.obj_issue_toc h2+.articles,.obj_issue_toc h3+.articles {
    margin-top: 0
}

.obj_issue_toc .sections:not(:first-child) {
    margin-top: 4.286rem
}

.obj_issue_toc .section:last-child .articles>li:last-child {
    margin-bottom: 0
}

.obj_issue_toc .galleys_links {
    margin-top: .714rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: start
}

.obj_issue_toc .galleys_links li {
    margin-inline-end:1rem}

.obj_issue_toc .galleys_links li:last-child {
    margin-inline-end:0}

@media (min-width: 768px) {
    .obj_issue_toc .heading:before,.obj_issue_toc .heading:after {
        content:" ";
        display: table
    }

    .obj_issue_toc .heading:after {
        clear: both
    }

    .obj_issue_toc .cover {
        float: left;
        width: 25%;
        height: auto;
        max-height: none;
        margin-right: 1.43rem
    }

    .obj_issue_toc .galleys,.obj_issue_toc .section {
        position: relative;
        margin: 2.143rem -1.43rem;
        padding: 2.143rem
    }

    .obj_issue_toc .galleys:before,.obj_issue_toc .section:before {
        content: '';
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        border-top: 1px solid #ddd
    }

    .obj_issue_toc .galleys>h2,.obj_issue_toc .section>h2,.obj_issue_toc .galleys>h3,.obj_issue_toc .section>h3 {
        display: inline-block;
        position: relative;
        left: -15px;
        margin-top: 0;
        padding: 0 1.0715rem;
        background: #fff;
        font-size: 1.143rem;
        font-weight: 400;
        line-height: 2.143rem;
        color: rgba(0,0,0,0.54)
    }
}

@media (min-width: 992px) {
    .obj_issue_toc .galleys,.obj_issue_toc .section {
        margin:2.143rem -2.143rem
    }

    .obj_issue_toc .cover {
        margin-right: 2.143rem;
        margin-bottom: 2.143rem
    }

    .obj_issue_toc .cover img {
        max-height: none
    }
}

.pkp_block {
    padding: 2.143rem 1.43rem;
    font-size: 1rem;
    line-height: 1.43rem
}

.pkp_block .title {
    display: block;
    margin-bottom: .714rem;
    margin-top: 0;
    font-family: Lato,sans-serif;
    font-size: 1.143rem;
    font-weight: 700;
    line-height: 1.43rem;
    color: rgba(0,0,0,0.54)
}

.pkp_block .content ul li {
    line-height: 1.43rem;
    padding: .357rem 0
}

.pkp_block .content p {
    line-height: 1.785rem
}

.pkp_block .content p:first-child {
    margin-top: 0
}

.pkp_block .content p:last-child {
    margin-bottom: 0
}

.pkp_block a {
    text-decoration: none
}

@media (min-width: 992px) {
    .pkp_block {
        padding:2.143rem
    }
}

.block_browse {
    font-size: .93rem
}

.block_browse .has_submenu {
    margin-top: 1.43rem;
    font-size: .93rem;
    font-weight: 700;
    color: rgba(0,0,0,0.54)
}

.block_browse .has_submenu ul {
    margin-top: calc(.357rem - 1px);
    padding-top: .357rem;
    font-weight: 400
}

.block_browse .is_sub {
    margin-left: .714rem
}

.block_browse .current a {
    padding-left: 0.5em;
    border-left: 4px solid #ddd;
    color: rgba(0,0,0,0.54);
    cursor: text
}

.block_information a,.block_language_toggle a {
    font-size: .93rem
}

.block_subscription .subscription_name {
    margin-bottom: 0;
    font-weight: 700
}

.block_subscription .subscription_membership {
    margin-top: 0
}

.pkp_structure_footer_wrapper {
    background: #ddd
}

.pkp_structure_footer {
    text-align: center
}

.pkp_footer_content {
    padding: 2.143rem;
    text-align: left
}

.pkp_brand_footer {
    padding: 2.143rem
}

.pkp_brand_footer:before,.pkp_brand_footer:after {
    content: " ";
    display: table
}

.pkp_brand_footer:after {
    clear: both
}

.pkp_brand_footer a {
    float: right;
    display: block;
    max-width: 150px
}

body[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed
}

@media (min-width: 768px) {
    body[dir="rtl"] .pkp_structure_main:before {
        left:auto;
        right: 0
    }

    body[dir="rtl"] .pkp_structure_main:after {
        left: auto;
        right: 728px
    }
}

@media (min-width: 992px) {
    body[dir="rtl"] .pkp_structure_main {
        float:right
    }

    body[dir="rtl"] .pkp_structure_main:after {
        left: auto;
        right: 652px
    }

    body[dir="rtl"] .pkp_structure_sidebar {
        float: left
    }

    body[dir="rtl"] .pkp_navigation_search_wrapper {
        float: left;
        text-align: left
    }
}

@media (min-width: 1200px) {
    body[dir="rtl"] .pkp_structure_main:after {
        left:auto;
        right: 860px
    }
}

@media (min-width: 992px) {
    body[dir="rtl"] .pkp_site_name {
        text-align:right
    }
}

body[dir="rtl"] .pkp_navigation_primary ul {
    text-align: right
}

body[dir="rtl"] .pkp_navigation_user {
    text-align: left
}

body[dir="rtl"] .pkp_navigation_user li {
    text-align: right
}

body[dir="rtl"] .pkp_screen_reader,body[dir="rtl"] .cmp_skip_to_content a,body[dir="rtl"] .pkp_page_index .journals h2,body[dir="rtl"] .pkp_page_index .cmp_announcements h2,body[dir="rtl"] .page_register .context_optin .roles legend,body[dir="rtl"] .pkp_page_index .cmp_announcements h2 {
    left: auto;
    right: -2000px
}

body[dir="rtl"] .pkp_screen_reader:focus,body[dir="rtl"] .cmp_skip_to_content a:focus,body[dir="rtl"] .pkp_page_index .journals h2:focus,body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus,body[dir="rtl"] .page_register .context_optin .roles legend:focus,body[dir="rtl"] .pkp_page_index .cmp_announcements h2:focus {
    right: 50%
}

body[dir="rtl"] .obj_announcement_summary .date:before {
    margin-right: 0;
    margin-left: 0.5em
}

body[dir="rtl"] .obj_issue_toc .galleys_links li {
    margin-right: inherit;
    margin-left: 1em
}

@media (min-width: 768px) {
    body[dir="rtl"] .obj_issue_toc .galleys h2,body[dir="rtl"] .obj_issue_toc .section h2 {
        left:auto;
        right: 1.0715rem
    }

    body[dir="rtl"] .obj_issue_toc .cover {
        float: right;
        margin-right: inherit;
        margin-left: 1.43rem
    }
}

@media (min-width: 992px) {
    body[dir="rtl"] .obj_issue_toc .cover {
        margin-right:inherit;
        margin-left: 2.143rem
    }
}

@media (min-width: 768px) {
    body[dir="rtl"] .obj_issue_summary .cover {
        float:right;
        margin-right: inherit;
        margin-left: 1.43rem
    }
}

@media (min-width: 768px) {
    body[dir="rtl"] .obj_article_summary {
        padding-right:0;
        padding-left: 5em
    }
}

@media (min-width: 768px) {
    body[dir="rtl"] .galleys h2,body[dir="rtl"] .section h2 {
        left:auto;
        right: 1.0715rem
    }

    body[dir="rtl"] .cover {
        float: right;
        margin-right: inherit;
        margin-left: 1.43rem
    }
}

@media (min-width: 992px) {
    body[dir="rtl"] .cover {
        margin-right:inherit;
        margin-left: 2.143rem
    }
}
.cmp_button,.cmp_form .buttons button,.page_lost_password .buttons button,.page_search .submit button,.block_make_submission a {
    display: inline-block;
    padding: 0 1em;
    background: #eee;
    border: 1px solid rgba(0,0,0,0.4);
    border-top-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1em 1em rgba(0,0,0,0.1);
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    font-weight: 700;
    color: #006798;
    text-decoration: none
}

.cmp_button:hover,.cmp_button:focus,.page_search .submit button:hover,.page_search .submit button:focus {
    box-shadow: inset 0 1em 1em rgba(0,0,0,0.1)
}

.cmp_button_wire,.obj_galley_link {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
    border: 1px solid #006798;
    border-radius: 3px;
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    color: #006798;
    text-decoration: none
}

.cmp_button_wire:hover,.cmp_button_wire:focus,.obj_galley_link:hover,.obj_galley_link:focus {
    background: #006798;
    color: #fff
}

.cmp_article_list>li {
    margin-bottom: 2.143rem
}

.cmp_article_list>li:before,.cmp_article_list>li:after {
    content: " ";
    display: table
}

.cmp_article_list>li:after {
    clear: both
}

.cmp_form fieldset {
    margin: 0 0 1.43rem;
    padding: 0;
    border: none
}

.cmp_form legend {
    margin-bottom: .714rem;
    font-size: 1.143rem;
    font-weight: 700;
    line-height: 1.43rem
}

.cmp_form .fields>div {
    position: relative;
    padding-bottom: 2.143rem
}

.cmp_form .fields>div .error {
    position: absolute;
    left: 0.5em;
    bottom: 11px;
    padding: 0 .5em;
    background: #ff4040;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: .93rem;
    line-height: 1.43rem;
    font-weight: 700;
    color: #fff
}

.cmp_form label {
    display: block;
    cursor: pointer
}

.cmp_form .label {
    display: block;
    font-size: .93rem;
    font-weight: 400
}

.cmp_form textarea {
    width: 100%;
    height: 8em
}

.cmp_form .pkp_form_error {
    margin-bottom: .714rem;
    border-radius: 3px;
    padding: 0 .5em;
    font-weight: 700;
    font-size: .93rem;
    background: #ff4040;
    color: #fff
}

.cmp_form label>input[type="checkbox"],.cmp_form label>input[type="radio"] {
    margin-right: 0.25em
}

.cmp_form .buttons:before,.cmp_form .buttons:after {
    content: " ";
    display: table
}

.cmp_form .buttons:after {
    clear: both
}

.cmp_form .buttons a {
    font-size: .93rem;
    line-height: 2.143rem;
    margin-left: 1em
}

.cmp_form .description {
    margin-top: 0;
    font-size: .93rem;
    line-height: 1.5em;
    color: rgba(0,0,0,0.54)
}

@media (min-width: 480px) {
    .cmp_form input[type="text"],.cmp_form input[type="email"],.cmp_form input[type="password"],.cmp_form input[type="url"],.cmp_form input[type="tel"],.cmp_form select {
        max-width:100%;
    }
}

.cmp_pagination {
    text-align: right
}

.cmp_pagination:before,.cmp_pagination:after {
    content: " ";
    display: table
}

.cmp_pagination:after {
    clear: both
}

.cmp_pagination .prev {
    float: left;
    margin-right: 0.5em;
    text-decoration: none
}

.cmp_pagination .prev:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f177";
    margin-right: 0.5em
}

.cmp_pagination .next {
    margin-left: 0.5em;
    text-decoration: none
}

.cmp_pagination .next:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f178";
    margin-left: 0.5em
}

.cmp_edit_link {
    display: inline-block;
    margin-left: 1em;
    font-size: .93rem;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none
}

.cmp_edit_link:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f040"
}

.cmp_search_filter {
    margin-bottom: .714rem;
    font-size: .93rem
}

.cmp_search_filter:last-child {
    margin-bottom: 0
}

.cmp_search_filter label {
    font-style: italic
}

.cmp_search_filter .delete {
    color: #ff4040
}

.cmp_notification {
    display: block;
    width: 100%;
    padding: 1.43rem;
    margin-bottom: 2.857rem;
    background: #ddd;
    border-left: .357rem solid #006798;
    font-size: 1rem;
    line-height: 1.43rem
}

.cmp_notification .success {
    border-color: #00b24e
}

.cmp_notification .no {
    border-color: #ff4040
}

.cmp_breadcrumbs {
    display: inline-block
}

.cmp_breadcrumbs ol {
    margin-bottom: 2.143rem;
    padding: .357rem 0;
    line-height: 1.43rem;
    font-size: .93rem
}

.cmp_breadcrumbs li {
    display: inline-block
}

.cmp_breadcrumbs a {
    display: inline-block;
    text-decoration: none
}

.cmp_breadcrumbs .separator {
    color: rgba(0,0,0,0.54);
    padding: 0 .5em
}

.cmp_breadcrumbs .current {
    color: rgba(0,0,0,0.54)
}

.cmp_breadcrumbs .current h1 {
    margin: 0;
    font-family: Lato,sans-serif;
    font-size: .93rem;
    font-weight: 400
}

.cmp_back_link {
    margin-top: 1.43rem
}

.cmp_announcements.cmp_announcements {
    margin-left: -0.714rem;
    margin-right: -0.714rem
}

.cmp_announcements.cmp_announcements>li {
    padding: 2.143rem .714rem;
    border-bottom: 1px solid #ddd
}

.cmp_announcements.cmp_announcements>li:last-child {
    border-bottom: none
}

@media (max-width: 576px) {
    .obj_issue_toc .galleys_links {
        flex-flow: column nowrap;
    }
}
@media (min-width: 480px) {
    .cmp_announcements.cmp_announcements {
        margin-left:-1.43rem;
        margin-right: -1.43rem
    }

    .cmp_announcements.cmp_announcements>li {
        padding-left: 1.43rem;
        padding-right: 1.43rem
    }
}

@media (min-width: 992px) {
    .cmp_announcements.cmp_announcements {
        margin-left:-2.143rem;
        margin-right: -2.143rem
    }

    .cmp_announcements.cmp_announcements>li {
        padding-left: 2.143rem;
        padding-right: 2.143rem
    }
}

.cmp_skip_to_content a {
    display: block;
    padding: 1em;
    z-index: 99999;
    background: #fff;
    transform: translateX(-50%)
}

.cmp_skip_to_content a:focus {
    clip: auto;
    top: 0;
    left: 50%;
    color: #006798
}

.cmp_table {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
    border-collapse: collapse
}

.cmp_table th,.cmp_table td {
    padding: 0.5em;
    text-align: left;
    border-bottom: 1px solid #ddd
}

.cmp_table th {
    font-weight: 700
}
 .cmp_button_wire, .obj_galley_link{
		display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 12px 28px;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--color-bg);
	background-color: var(--color-primary);
	border: 2px solid var(--color-primary);
	border-radius: 3px;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
	margin-top: 1%;
 }
/* Base card */
.obj_announcement_summary {
  display: grid;
  grid-template-columns: 1fr;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-bg);
  margin-bottom: 1.5rem;
}

/* Two-column layout when image is present */
@media (min-width: 640px) {
  .obj_announcement_summary_has_image {
    grid-template-columns: 240px 1fr;
  }
}

/* Image */
.obj_announcement_summary_image {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 640px) {
  .obj_announcement_summary_image {
    height: 100%;
    min-height: 180px;
  }
}

/* Details pane */
.obj_announcement_summary_details {
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Heading — supports h2/h3/h4 via the {$heading} variable */
.obj_announcement_summary_details h2,
.obj_announcement_summary_details h3,
.obj_announcement_summary_details h4 {
  font-size: 1.0625rem;   /* 17px */
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
  color: var(--color-primary);
}

/* Heading link */
.obj_announcement_summary_details h2 a,
.obj_announcement_summary_details h3 a,
.obj_announcement_summary_details h4 a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.obj_announcement_summary_details h2 a:hover,
.obj_announcement_summary_details h3 a:hover,
.obj_announcement_summary_details h4 a:hover {
  color: var(--color-green);
  border-bottom-color: var(--color-green);
}

/* WCAG 2.1 SC 2.4.7 — visible focus indicator, min 3:1 contrast */
.obj_announcement_summary_details h2 a:focus-visible,
.obj_announcement_summary_details h3 a:focus-visible,
.obj_announcement_summary_details h4 a:focus-visible {
  outline: 3px solid var(--color-primary-dark);
  outline-offset: 2px;
  border-radius: 2px;
  color: var(--color-green);
}

/* Date */
.obj_announcement_summary .date {
  font-size: 0.8125rem;   /* 13px */
  color: #6b7280;         /* 4.6:1 on white — passes AA for normal text */
  margin: 0;
}
.obj_announcement_full_image{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* Short description */
.obj_announcement_summary .summary {
  font-size: 0.9375rem;   /* 15px */
  line-height: 1.65;
  color: #374151;         /* 9.7:1 on white */
  margin: 0;
}

/* Read more link — visible text */
.obj_announcement_summary .read_more {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-green);         /* 5.9:1 on white — passes AA */
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-top: 0.25rem;
  transition: color 0.15s ease;
}

.obj_announcement_summary .read_more:hover {
  color: var(--color-primary);
}

/* WCAG 2.1 SC 2.4.7 — focus visible */
.obj_announcement_summary .read_more:focus-visible {
  outline: 3px solid var(--color-primary-dark);
  outline-offset: 3px;
  border-radius: 2px;
  color: var(--color-primary);
}

/* Screen-reader-only helper (used by .pkp_screen_reader spans in the template) */
.pkp_screen_reader {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =============================================================================
   Reduced motion — SC 2.3.3 (AAA) / respects user preference
   ============================================================================= */
@media (prefers-reduced-motion: reduce) {
  .obj_announcement_summary_details h2 a,
  .obj_announcement_summary_details h3 a,
  .obj_announcement_summary_details h4 a,
  .obj_announcement_summary .read_more {
    transition: none;
  }
}
#openid-provider-list {
    width:100% !important;
    margin: 0 auto !important;
}
#openid-provider-list li:not([class="page_login"]) a:hover{
    color:var(--color-bg);
}
#openid-provider-list li:not([class="page_login"]) a{
    color:var(--color-primary);
}
#openid-provider-list li:not([class="page_login"]) a img{
    margin:0 !important;
}
#openid-provider-list li {
    text-align: center;
}


/* Target the first tab of the OJS 3.5 Submission Wizard */
#wizard-tab-details .wizardStepper__label {
    font-size: 0 !important; /* Hides the original word "Details" */
}

#wizard-tab-details .wizardStepper__label::before {
    content: "General Information" !important; /* Injects your preferred text */
    font-size: 14px !important; /* Restores the readable text size to match the theme */
    display: inline-block;
}


p, span, div {
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.completeSubmission__btn--primary{
    background: var(--color-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    color: var(--color-bg);
}
.completeSubmission__btn--secondary{
    background: var(--color-green);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    color: var(--color-bg);
}
.completeSubmission__btn{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    min-height: 48px !important;
    cursor: pointer !important;
    transition: background 0.2s ease, box-shadow 0.2s ease !important;
    text-align: center !important;
    margin-bottom: 1%;
}

.completeSubmission__btn--sub-tertiary{
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}
.completeSubmission__btn--primary:hover,.completeSubmission__btn--secondary:hover,.completeSubmission__btn--sub-tertiary:hover{
    background: var(--color-dark);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    color: var(--color-bg);
}