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



#itemSubtitle
{
}

.itemdetails,
.publication
{
	position: relative;
	top: 25px; /* we'll see if this works out */
	--min-font-size: 17;
	--max-font-size: 21;
}

.itemdetails
{
	display: flex;
	flex-wrap: wrap;
}

.itemdetails > div:not(:last-child)::after
{
	content: '|';
	margin: 0 10px;
}

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

.bioList ul.results_list
{
	display: block;
}

#subContent .itemSection li
{
	padding: 0;
    margin: 0 0 10px;
    font-weight: 500;
    --min-font-size: 18;
    --max-font-size: 21;
}

#item_details
{
	margin-bottom: 60px;
	--max-font-size: 22;
}

#eventAddress
{
	position: relative;
}

#eventAddress::before
{
	content:'';
	display: block;
	width: 112px;
	height: 1px;
	margin: 20px 0;
	background: var(--orange);
}

#subContent
{
	display: flex;
	flex-direction: column;
}

#subContent > div
{
	order: 2;
}

#bottomSpotlights.moreRelated
{
	padding-bottom: 80px;
	margin-top: 60px;
}

#bottomSpotlights.moreRelated h2
{
	border: none;
}

#bottomSpotlights.moreRelated
{
	background: var(--gray);
	padding-right: 5vw;
	box-sizing: border-box;
}

#bottomSpotlights.moreRelated::before
{
	left: auto;
	right: 0;
}

.squareColumns.moreRelated ul.results_list,
.squareColumns.moreRelated ul.results_list li
{
	color: unset;
}

.squareColumns.moreRelated ul.results_list a:not(.playbutton)
{
	background: none;
}


@media (min-width: 768px)
{

	.squareColumns.moreRelated ul.results_list
	{
		color: #ffffff;
	}


	.squareColumns.moreRelated ul.results_list li > a:not(.playbutton)
	{
		background: var(--navy-blue);
	}

	.squareColumns.moreRelated ul.results_list li > a:hover,
	.squareColumns.moreRelated ul.results_list li > a:focus
	{
		background: #1a2f3f;
	}

	.squareColumns.moreRelated .multimediaItem .videomore
	{
		/*position: absolute;
		bottom: 0;*/
	}
}

@media (min-width: 1200px)
{

	body.scrollingDown:not(.smallBanner) #banner .itemdetails
	{
		display: none;
	}

	#subSeriesList ul.results_list
	{
		grid-template-columns: repeat(2, 1fr);
	}

	#subContent
	{
		display: block;
	}

	#subContent .featureList
	{
		/*padding-right: 5vw;*/
	}
}

#subscribeBox
{
	background: #533E6C;
	padding: 15% 10%;

	color: white;
}

#subscribeBox p a
{
	color: inherit;
	text-decoration: underline;
}

#subscribeBox a:hover,
#subscribeBox a:focus
{
	text-decoration-color: var(--orange);
}

#subscribeBox h2
{
	color: inherit;
	margin: 0;
	padding: 0;
	border: 0;
}

#subscribeBox .buttonLink a
{
	margin: 1.5em 0 0 0;
	padding: 25px 30px;
	font-size: 16px;
	font-weight 500;
}

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