/* BEGIN ITEM-LISTING CSS ---------------------------------------> */

h1#contentPageTitle 
{
	/*margin: 0 0 25px;*/
	margin: 0 0 20px;
	--max-font-size: 30;
	color: var(--slateblue);
	line-height: 1.53;
}

.standardSearchForm
{
	position: relative;
	z-index: 200;
	margin-bottom: 0;
}

#newsroomTrending 
{
	position: relative;
	padding: 40px 0 80px;
	background: var(--darkblue);
}

#newsroomTrending h3
{
	color: #ffffff;
}

#newsroomTrending ul,
#newsroomTrending li 
{
	margin: 0;
	list-style: none;
}


#newsroomTrending .image img 
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#newsroomTrending .slideShow
{
	margin-top: 20px;
}

#newsroomTrending .content 
{
	padding: 30px 20px;
	background: #ffffff;
	box-sizing: border-box;
}

#newsroomTrending .title 
{
	--max-margin-bottom: 25;
	font-weight: 500;
	--min-font-size: 20;
	--max-font-size: 24;
}

#newsroomTrending .title a:not(:hover):not(:focus)
{
	color: inherit;
}

#newsroomTrending button
{
	width: 19px;
	height: 27px;
	margin-top: 5px;
	background: none;
	border: none;
	padding: 0;
}

#newsroomTrending button svg 
{
	display: block;
	width: 100%;
	height: auto;
	fill: #ffffff;
}

#newsroomTrending button svg path 
{
	fill: inherit;
}

#newsroomTrending button#next
{
	position: relative;
	left: calc(100% - 44px);
}

#newsroomTrending button#prev 
{
	transform: rotate(-180deg);
}

.newsroomSpotlights.recentSpotlight
{
	margin-top: 70px;
}

.newsroomSpotlights ul
{
	margin-bottom: 0;
}

.view_more a
{
	margin-top: 0;
}

.newsroomList
{
	position: relative;
	margin: 0 0 75px;
}


.newsList 
{
	/*margin-top: 80px;*/ /* removed per swati because of large gap below "Success" header */
	margin-top: 50px; /* added back in for because the newslist was crammed up against the search */
	border-bottom: none;
	padding-bottom: 0;
}


@media (min-width: 768px)
{

	#newsroomTrending
	{
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	}

	#newsroomTrending li 
	{
		display: flex !important;
		min-height: 425px;
	}

	#newsroomTrending .image 
	{
		flex: 1 1 476px;
	}

	#newsroomTrending .content 
	{
		flex: 1 1 896px;
		display: flex;
		align-items: center;
		padding: 60px 60px 50px;
	}

	#newsroomTrending button
	{
		position: absolute !important;
		top: calc(50% + 10px);
		left: 0;
	}

	#newsroomTrending button#next
	{
		left: unset;
		right: 0;
	}

	/*.newsroomSpotlights ul.results_list
	{
		display: grid;
		grid-template-columns: repeat(3, 1fr);	
	}*/

	.newsroomSpotlights.newsroomList ul.results_list
	{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.newsroomSpotlights.newsroomList ul.results_list li 
	{
		width: auto;
	}


	.newsroomList .view_more
	{
		position: absolute;
	    /*top: max(20px, min(90px, 20px + (90 - 20) * ((100vw - 768px) / (1350 - 768)) ));*/
	    top: -60px;
	    right: 0;
	}

}

@media (min-width: 1280px)
{
	#newsroomTrending .content 
	{
		padding: 80px 80px 60px;
	}

}

@media (min-width: 1350px)
{

	#newsroomTrending
	{
		padding-left: 0;
		padding-right: 0;
	}

	#newsroomTrending button
	{
		top: calc(50% + 25px);
		left: -60px;
	}

	#newsroomTrending button#next
	{
		left: unset;
		right: -60px;
	}

	.newsroomList .view_more
	{
		top: -80px;
	}
}

#insights-blogs h2
{
	margin-bottom: 0;
}

#insights-blogs h2 a
{
	color: var(--slateblue);
}

#insights-blogs .newsList
{
	margin-top: 40px;
	margin-bottom: 0px;
}


/* END ITEM-LISTING CSS -----------------------------------------> */