/* ************************************** NEW FEATURE LIST ************************************** */
/*
#ex2hexFeaturesList {
	--gap: 15px;
	border-box: content-box;
	display: grid;
	gap: var(--gap);
	grid-template-areas: 'exfOne exfTwo' 'exfOne exfThree';
	grid-template-columns: 70% auto;
	height: 278px;
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	width: calc(720px - var(--gap));
}

#ex2hexFeaturesList li {
	line-height: 0;
}

#ex2hexFeaturesList li:nth-of-type(1) {
	grid-area: exfOne;
}

	#ex2hexFeaturesList li img {
		width: 100%;
	}
	
	#ex2hexFeaturesList span {
		display: none;
	}

#ex2hexFeaturesList li:nth-of-type(2) {
	grid-area: exfTwo;
}

#ex2hexFeaturesList li:nth-of-type(3) {
	grid-area: exfThree;
}

	#ex2hexFeaturesList li:nth-of-type(2) img,
	#ex2hexFeaturesList li:nth-of-type(3) img	{
		height: 132px;
	}
	
main article:first-of-type { margin-top: 0; }
main article:first-of-type .articleHeaderHeading { margin-top: 0; }
main article:first-of-type .articleHeaderCategoryHolder { margin-top: 0; }
	
@media screen and (max-width: 868px) {
	#ex2hexFeaturesList {
		display: block;
		height: unset;
		width: 100%;
	}
	
	#ex2hexFeaturesList li:nth-of-type(1) { grid-area: unset; }
	#ex2hexFeaturesList li:nth-of-type(2) { display: none; }
	#ex2hexFeaturesList li:nth-of-type(3) { display: none; }
	
	#ex2hexFeaturesList img { height: unset !important; }
	
	#main.content {
		padding: 15px 20px !important;
	}
}
*/
/* ************************************** FOOT NOTES ************************************** */
/*
.footNote {
	--noteSize: 12px;
	display: inline-block;
	height: var(--noteSize);
	font-style: normal;
	vertical-align: top;
	width: var(--noteSize);
}

.footNote::before {
	background: var(--exdarkColor);
	border-radius: var(--noteSize);
	color: rgb(255 255 255);
	content: '1';
	cursor: pointer;
	font-size: 10px;
	height: var(--noteSize);
	line-height: var(--noteSize);
	position: absolute;
	text-align: center;
	width: var(--noteSize);
}

	.footNote:nth-of-type(2)::before { content: '2'; }
	.footNote:nth-of-type(3)::before { content: '3'; }
	.footNote:nth-of-type(4)::before { content: '4'; }
	.footNote:nth-of-type(5)::before { content: '5'; }
	.footNote:nth-of-type(6)::before { content: '6'; }
	.footNote:nth-of-type(7)::before { content: '7'; }
	.footNote:nth-of-type(8)::before { content: '8'; }
	.footNote:nth-of-type(9)::before { content: '9'; }
	.footNote:nth-of-type(1n+10)::before { content: '*'; font-size: 16px; line-height: 18px; }

.footNote strong {
	background: var(--exdarkColor);
	border-radius: var(--exborderRadius);
	bottom: 10px;
	box-shadow: var(--exboxShadow);
	color: rgb(255 255 255);
	left: 50%;
	min-width: 310px;
	max-width: 600px;
	opacity: 0;
	padding: 20px;
	position: fixed;
	transform: translateX(-50%) scale(0) rotate(33deg) perspective(600px);
	transform-origin: bottom center;
	transition: .3s all;
	visibility: visible;
	z-index: 1000;
}

	.footNote strong::before {
		--closeSize: 22px;
		background: rgb(255 255 255) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjI1IiB5Mj0iMjUiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNSIgeTE9IjAiIHgyPSIwIiB5Mj0iMjUiIC8+Cjwvc3ZnPg==) center center no-repeat;
		background-size: 12px;
		border-radius: var(--closeSize);
		box-shadow: var(--exboxShadow);
		content: ' ';
		cursor: pointer;
		height: var(--closeSize);
		position: absolute;
		right: -5px;
		text-align: center;
		top: -5px;
		width: var(--closeSize);
	}

.footNote span {
	display: none;
}

.footNote[aria-hidden="false"] strong {
	opacity: 1;
	transform: translateX(-50%) scale(1) rotate(0) perspective(0);
	visibility: visible;
}

@media(max-width: 600px) {
	.footNote {
		--noteSize: 18px;
		margin-left: 2px;
		vertical-align: text-bottom;
	}
}

*/

#ex2hexFeaturesList {
	display: block;
	height: 396px;
	position: relative;
}

#ex2hexFeaturesList li {
	left: 0;
	position: absolute;
	top: 0;
}