/*
 * Style sheet for featured content pattern for Editors Canada.
 * version 1.0
 */ 
 
/* Normal (light mode, mobile) */

.ec-featured {
	background: #b21212;
	border: 2px solid #b21212;
	color: #fff;
	padding: 20px;
	width: 100%;
}

.ec-featured strong,
.ec-featured em,
.ec-featured h1,
.ec-featured h2,
.ec-featured h3,
.ec-featured h4,
.ec-featured h5,
.ec-featured h6,
.ec-featured a,
.ec-featured a:visited,
.ec-featured a:active  {
	color: #fffb72;
}

.ec-highlight {
	border: 2px solid #b21212;
	padding: 20px;
}

/* Desktop sizing */


/* Dark mode */
@media screen and (prefers-color-scheme: dark) {
	.ec-featured {
		background: #3a3b3c;
		color: #e4e6eb;
	}
	.ec-highlight {
		border: 2px solid #b21212;
	}
}

/* High contrast */

@media screen and (prefers-contrast: more) {
	.ec-featured {
		background: #0a0a0a;
		border: 2px solid #2889f5;
		color: #f78a42;
	}
	.ec-featured strong,
	.ec-featured em,
	.ec-featured h1,
	.ec-featured h2,
	.ec-featured h3,
	.ec-featured h4,
	.ec-featured h5,
	.ec-featured h6,
	.ec-featured a,
	.ec-featured a:visited,
	.ec-featured a:active  {
		color: #fcbc2e;
	}
	.ec-highlight {
		border: 2px solid #2889f5;
		color: #f78a42;
	}
	.ec-highlight strong,
	.ec-highlight em,
	.ec-highlight h1,
	.ec-highlight h2,
	.ec-highlight h3,
	.ec-highlight h4,
	.ec-highlight h5,
	.ec-highlight h6,
	.ec-highlight a,
	.ec-highlight a:visited,
	.ec-highlight a:active  {
		color: #fcbc2e;
	}
}