/**
 * plugins/generic/pageStyle/css/unify.css
 *
 * Card design shared with the journal's other pages (navy banner, numbered
 * cards with a gold left border). Applied by js/unify.js via .ij-unified.
 */
.ij-unified {
	font-family: Arial, Helvetica, sans-serif;
	color: #263445;
	line-height: 1.7;
}
.ij-unified .ij-hero {
	background: #172B4D;
	padding: 30px 25px;
	text-align: center;
	border-radius: 12px;
	margin: 0 0 28px;
}
.ij-unified .ij-hero h2 {
	color: #fff;
	font-size: 27px;
	margin: 0;
	padding: 0;
	border: 0;
}
.ij-unified .ij-hero-bar {
	display: block;
	width: 55px;
	height: 3px;
	background: #FFD120;
	margin: 16px auto 0;
}
.ij-unified .ij-card {
	background: #fff;
	border: 1px solid #dfe5ed;
	border-left: 5px solid #FFD120;
	border-radius: 10px;
	padding: 25px 28px;
	margin: 0 0 25px;
}
.ij-unified .ij-card.ij-alt {
	background: #f7f9fc;
}
.ij-unified .ij-card-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}
.ij-unified .ij-num {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	background: #172B4D;
	color: #FFD120;
	border-radius: 50%;
	text-align: center;
	line-height: 38px;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.ij-unified .ij-card-head h3 {
	color: #172b4d;
	font-size: 21px;
	margin: 0;
	padding: 0;
	border: 0;
}
.ij-unified .ij-card-head .cmp_edit_link {
	margin-left: auto;
	font-size: 13px;
}

/* Body text: override the Word-pasted fonts and sizes */
.ij-unified .ij-card-body p,
.ij-unified .ij-card-body li,
.ij-unified .ij-card-body td,
.ij-unified .ij-card-body span,
.ij-unified .ij-card-body label {
	font-family: Arial, Helvetica, sans-serif !important;
}
.ij-unified .ij-card-body p,
.ij-unified .ij-card-body li {
	font-size: 14px !important;
	color: #465568;
	line-height: 1.7 !important;
}
.ij-unified .ij-card-body > :first-child {
	margin-top: 0;
}
.ij-unified .ij-card-body > :last-child {
	margin-bottom: 0;
}
.ij-unified .ij-card-body strong,
.ij-unified .ij-card-body b {
	color: #172b4d;
}
.ij-unified .ij-card-body a {
	color: #1769aa;
	font-weight: bold;
	text-decoration: none;
}
.ij-unified .ij-card-body a:hover {
	text-decoration: underline;
}
.ij-unified .ij-card-body h2,
.ij-unified .ij-card-body h3 {
	color: #172b4d;
	font-size: 17px !important;
	margin: 20px 0 8px !important;
	padding: 0;
	border: 0;
}
.ij-unified .ij-card-body h4 {
	color: #172b4d;
	font-size: 15px;
	margin: 16px 0 6px;
}

/* Inner boxes (article types) */
.ij-unified .ij-inner {
	background: #fff;
	border: 1px solid #d8e1ec;
	border-radius: 8px;
	padding: 16px 20px;
	margin-bottom: 12px;
}
.ij-unified .ij-inner h4 {
	margin: 0 0 6px;
}
.ij-unified .ij-inner:last-child {
	margin-bottom: 0;
}

/* "Make a new submission" call-to-action */
.ij-unified .ij-cta {
	background: #fff8dc;
	border: 1px solid #f2dc8a;
	border-left: 5px solid #FFD120;
	border-radius: 10px;
	padding: 18px 24px;
	margin: 0 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #263445;
}
.ij-unified .ij-cta a {
	color: #172b4d;
	font-weight: bold;
}

/* Join Us application form */
.ij-unified .ij-card-body input[type="text"],
.ij-unified .ij-card-body input[type="email"],
.ij-unified .ij-card-body input[type="tel"],
.ij-unified .ij-card-body input[type="url"],
.ij-unified .ij-card-body select,
.ij-unified .ij-card-body textarea {
	border: 1px solid #c9d3e0;
	border-radius: 6px;
	padding: 8px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.ij-unified .ij-card-body button,
.ij-unified .ij-card-body input[type="submit"] {
	background: #172B4D;
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 10px 22px;
	font-weight: bold;
	cursor: pointer;
}
.ij-unified .ij-card-body button:hover,
.ij-unified .ij-card-body input[type="submit"]:hover {
	background: #FFD120;
	color: #172B4D;
}

@media (max-width: 600px) {
	.ij-unified .ij-card {
		padding: 18px 16px;
	}
	.ij-unified .ij-hero h2 {
		font-size: 21px;
	}
	.ij-unified .ij-card-head h3 {
		font-size: 18px;
	}
}

/* Justified body text in the main content area, on every page and screen size
   (more specific than the journal stylesheet, which switches to left on phones) */
body .pkp_structure_main p,
body .pkp_structure_main li {
	text-align: justify;
	text-justify: inter-word;
	hyphens: none;
}

/* Contact page address */
.ij-unified .contact_section .address {
	font-size: 15px;
	color: #465568;
}

/* ---------------------------------------------------------------
   Announcements. OJS sanitises announcement HTML down to p / strong /
   ul / li / a, so the look is applied here instead of inline styles.
   A paragraph that is only <strong> acts as a section heading.
   --------------------------------------------------------------- */
.obj_announcement_full .description,
.obj_announcement_summary .summary {
	font-family: Arial, Helvetica, sans-serif;
	color: #465568;
	font-size: 14px;
	line-height: 1.7;
}
.obj_announcement_full .description p {
	margin: 0 0 14px;
}
.obj_announcement_full .description strong {
	color: #172b4d;
}
/* Section headings: a paragraph whose only child is <strong> */
.obj_announcement_full .description p:has(> strong:only-child) {
	margin: 26px 0 12px;
	padding: 10px 0 8px;
	border-bottom: 2px solid #FFD120;
	font-size: 18px;
}
.obj_announcement_full .description p:has(> strong:only-child) strong {
	color: #172b4d;
	font-size: 18px;
}
.obj_announcement_full .description ul {
	margin: 0 0 16px;
	padding-left: 0;
	list-style: none;
}
.obj_announcement_full .description ul li {
	position: relative;
	padding: 9px 0 9px 26px;
	border-bottom: 1px solid #eef1f6;
}
.obj_announcement_full .description ul li:last-child {
	border-bottom: 0;
}
.obj_announcement_full .description ul li::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 17px;
	width: 7px;
	height: 7px;
	background: #FFD120;
	border-radius: 50%;
}
.obj_announcement_full .description a {
	color: #1769aa;
	font-weight: bold;
	text-decoration: none;
}
.obj_announcement_full .description a:hover {
	text-decoration: underline;
}
/* The submission link reads as a button */
.obj_announcement_full .description a[href$="about/submissions"] {
	display: inline-block;
	margin-top: 4px;
	padding: 10px 24px;
	background: #172B4D;
	color: #ffffff !important;
	border-radius: 6px;
	text-decoration: none;
}
.obj_announcement_full .description a[href$="about/submissions"]:hover {
	background: #FFD120;
	color: #172B4D !important;
	text-decoration: none;
}
.obj_announcement_full .description a[href$="about/submissions"] strong {
	color: inherit;
}