/***
 * Breadcrumbs
 */

.breadcrumb {
	border: 1px solid #e7e7e7;
	border-style: solid none;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .14);
	font-family: $font-family-2;
	font-size: 13px;
	padding: 12px 0;

	ul, ol { margin: 0; padding: 0; }

	li {
		color: #c3c3c3;
		display: inline-block;
		list-style: none;
		margin: 5px 50px 5px 0;
		position: relative;

		&:first-of-type { margin-left: 0; }
		&:last-of-type {
			margin-right: 0;

			&:before { display: none; }
		}
		
		&:before {
			content: "\f105";
			font-family: "FontAwesome";
			font-size: 14px;
			right: -30px;
			position: absolute;
			transform: translateY(-50%);
			top: 50%;
		}
	}

	a {
		color: $heading-color;
		
		&:hover,
		&:focus {
			color: $primary;
		}
	}
}

.page-header + .breadcrumb { border-top: none; }