/* ----------- */
/* BREADCRUMBS */
/* ----------- */

/* need to specify ul.breadcrumb to avoid conflict with breadcrumbs on News Release page */

ul.breadcrumb {
    padding: 0px;
    background: transparent;
    list-style: none; 
	overflow: hidden;
    margin-top: 20px;
}
ul.breadcrumb>li+li:before {
	padding: 0;
}
ul.breadcrumb li { 
	float: left;
	background:  hsla(0, 0%, 83%, 1);
}
ul.breadcrumb li.active span {
	background: #037e8d; 
}
ul.breadcrumb li.completed a {
	background: hsla(0, 0%, 83%, 1);
    color: #024a59;
}
ul.breadcrumb li.active span:after {
	border-left: 30px solid #037e8d ;
}
ul.breadcrumb li.completed a:after {
	border-left: 30px solid hsla(0, 0%, 83%, 1);
} 

ul.breadcrumb li a,
ul.breadcrumb li span {
	color: white;
	text-decoration: none; 
	padding: 10px 0 10px 45px;
	position: relative; 
	display: block;
	float: left;
	font-size: 12px;
	padding-top:  5px;
	padding-bottom: 5px;
}

ul.breadcrumb li a:after,
ul.breadcrumb li span:after{ 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(0, 0%, 83%, 1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
ul.breadcrumb li a:before,
ul.breadcrumb li span:before{ 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
ul.breadcrumb li:first-child a {
	padding-left: 15px;
}
ul.breadcrumb li a:hover { background: #024a59; }
ul.breadcrumb li a:hover:after { border-left-color: #024a59   !important; }
ul.breadcrumb li a:hover { color: white; }