/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Specific Topic layout related CSS definitions.  
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Topic #content #contentSections
{
	width: 				calc(100% - 400px - 2em);
	max-width: 			700px;
}

.Topic #content figure 
{
	width: 				100%;
	margin:				2px 0 2em 0;
}
.Topic #content figure img
{
	display: 			block;
	width: 				100%;
}


.Topic #content p
{
	max-width:			var(--max-text-width);
	line-height:		1.45em;
}


.Topic #content .Aside 
{
	max-width: 			375px;
}
.Topic #content .Aside h3
{
	background-repeat:		no-repeat;
	background-position:	8px center;
	background-size: 		35px 35px;
	color: 					white;
	margin: 				0;
	padding: 				1.2rem 1rem 1rem 50px;
	font-size:				1.2rem;
}
.Topic #content .Aside #ipSelections h3
{
	background-image: 	url("../image/icon/chart-white.png");
}
.Topic #content .Aside #querySelections h3
{
	background-image: 	url("../image/icon/chart_find-white.png");
}
.Topic #content .Aside #linkSelections h3
{
	background-image: 	url("../image/icon/link-white.png");
}

/*============================ End of Style Sheet ============================*/