/* BEGIN ITEM-DETAIL CSS ----------------------------------------> */

@media (min-width: 920px)
{
	#mainContent:not(:only-child)
	{
		float: left;
		margin-top: 40px;
		width: calc(100% - 31.4% - 90px);
	}

	#subContent,
	#bannerInfoWrapper
	{
		float: right;
		clear: right;
		width: 31.4%;
	}

	#subContent
	{
		padding-top: 40px;
	}

	#bannerInfoWrapper
	{
		min-width: 400px;
	}
}

body.itemDetailPage #mainContent
{
	margin-top: 40px;
}

.itemDetailPage #pageTitle
{
	line-height: 1.5;
}

/* fluid css (font-size 20px to 28px) - https://codepen.io/lowbatteries/full/qBEyXEP */
.itemDetailPage #pageTitle
{
	font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1630 - 320)));
}

@media (min-width: 1630px)
{
	.itemDetailPage #pageTitle
	{
		font-size: 28px;
	}
}

#itemDetailsInline
{
	font-size: 0.8rem;
	font-weight: 400;
	text-transform: uppercase;
}

#itemDetailsInline *
{
	display: inline;
	margin: 0;
	padding: 0
}

#itemsection,
#itempublication
{

}

#itempublication
{
	font-style: italic;
}

#itemDetailsInline span
{
 	font-weight: 300;
}

#itemDetailsInline #itemDate
{
 	font-weight: 300;
}

#itemDetailsInline .byline + #itemDate
{
	margin-left: -3px;
}

.byline ul,
.byline ul li
{
 	list-style: none;
 	margin: 0;
 	padding: 0;
}

.byline ul li:after
{
 	content: ",";
 	display: inline-block;
}

.byline ul li:last-child:after
{
 	display: none;
}

div.blog,
div.publication,
span.publication
{
	/*font-style: italic;*/
}

#itemIconLinks
{
	margin: 25px 0 0px 0;
}

#itemIconLinks > *
{
	display: inline-block;
	margin-right: 14px;
}

a#itemPDFLink svg path,
#itemShare > div > a > svg path
{
	fill: #000;
}

a#itemPDFLink:hover svg path,
a#itemPDFLink:focus svg path,
#itemShare > div > a:hover > svg path,
#itemShare > div > a:focus > svg path
{
	fill: #E9CF2C;
}

#itemContent
{
	margin: 10px 0 0 0;
}

.photoRight
{
	float: right;
	margin-left: 14px;
}


/* attachments */

.attachment_item > div
{
	margin: 0 0 6px 0;
}

.newsList ul li
{
	padding-top: 18px;
}

.newsList ul li .title
{
	font-weight: 500;
	text-transform: uppercase;
}

.newsList ul li .info
{
	text-transform: uppercase;
}

/* END ITEM-DETAIL CSS ------------------------------------------> */