/* Inline styles of legacy view component/2/navigation-breadcrumbs-2025.cshtml, copied verbatim. */
#breadcrumbs > nav ul
{
	overflow:hidden;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:17px;
	white-space:nowrap;
	text-overflow: ellipsis;
}

#breadcrumbs > nav ul > li
{
	display:inline;
}

#breadcrumbs > nav ul > li a:hover
{
	color:#000;
	text-decoration:none;
}

#breadcrumbs > nav ul > li:first-child ~ li::before
{
	display:inline;
	content:' > ';
	color:rgba(0,0,0,0.5);
}

@media screen and (min-width:992px)
{
	#footer>.container .details
	{
		min-width:324px;
	}

	#breadcrumbs
	{
		position:relative;
	}

	#breadcrumbs > nav
	{
		position:absolute;
		top:30px;
		left:calc(324px + 60px + 20px);
		max-width:calc(100% - 60px - 20px - 20px);
		line-height:30px;
	}
}

@media screen and (min-width:992px) and (max-width:1199.98px)
{
	#footer>.container .details
	{
		min-width:215px;
	}

	#breadcrumbs > nav
	{
		left:calc(215px + 60px + 20px);
		max-width:calc(100% - 215px - 60px - 20px - 20px);
		line-height:30px;
	}
}

@media screen and (max-width:991.98px)
{
	#breadcrumbs
	{
		display:block !important;
		padding-left:40px !important;
		padding-right:40px !important;
		padding-bottom:40px !important;
		background:#fff;
		text-align:center;
	}

	#breadcrumbs > nav ul
	{
		clear:both;
		font-size:14px;
	}
}
