#articleHdr
{
	align-content: 			start;
}

#downloadText h1
{
	margin-bottom:			1em;
}

#dlDetails
{
	display: 				flex;
	justify-content:		flex-start;
	margin-top: 			1ex;
	font-weight: 			500;
	color:					#aaa;
}

#dlDetails > *
{
	margin-right: 			20px;
	flex: 					0 0 auto;
	display: 				flex;
	align-items:			center;
}

#dlDetails svg,
#dlDetails .platform
{
	margin-right: 			1ex;
}

#dlDetails .platform
{
	display: 				inline-block;
	width: 					18px;
	height: 				18px;
}

#dlDetails .platform:before
{
	filter:                 invert(97%) sepia(0%) saturate(1266%) hue-rotate(167deg) brightness(110%) contrast(62%);
}

aside > aside.moduleBox
{
	margin-bottom: 			40px;
}

#whileDownloading,
#downloadSpotlight
{
	margin:					40px 0;
}

#whileDownloading
{
	grid-column: 			span 2;
	border-top: 			1px solid #ff6700;
	border-bottom: 			1px solid #ff6700;
	padding:				40px 2ex;
	margin-bottom: 			30px;
	display: 				flex;
	flex-direction: 		column;
	justify-content: 		center;
	align-content:	 		center;
}

#whileDownloading > div
{
	text-align: 			center;
}

#downloadProgress
{
	margin:					20px 10px;
	height:					40px;
	background-color: 		#f2f2f2;
	position: 				relative;
}

#downloadProgress,
#downloadProgress span
{
	border-radius: 			10px;
}

#downloadProgress span
{
	position: 				absolute;
	top:					0;
	left:					0;
	width: 					100%;
	height: 				100%;
}

#downloadProgress > span:first-child
{
	background-color: 			#ff6700;
	border-top-right-radius:	0;
	border-bottom-right-radius:	0;
}

#downloadProgress > span.done:first-child
{
	border-radius: 			10px;
}

#progressPercent
{
	color:					white;
	text-shadow: 			3px 2px 16px rgba( 100, 100, 100, 0.5 );
	font-size: 				22px;
	font-weight: 			bold;
	line-height: 			38px;
	text-align: 			center;
}