@import "variables";
.pathway {
	margin: 0px 0px 24px 0px;
	padding: 0px;
	list-style: none;
	svg {
		position: relative;
		margin-top: -4px;
		display: inline-block;
		vertical-align: middle;
		width: 16px; height: 16px;
	}
	li {
		display: inline-block;
		.fa { min-width: 16px; text-align: center; }
		&:first-child {}
		& + li {}
	}
	a {
		border: none;
		color: $color_black;
		text-decoration: none;
		&:hover {
			color: $color_primary;
		}
	}
}

.breadcrumb {
	background: none;
	border: none;
	position: relative;
	margin: 0px -6px 24px -6px; padding: 0px; list-style: none;
	li {
		position: relative;
		display: inline-block;
		vertical-align: top;
		& + li {
			padding-left: 20px;
			&:before {
				content: '';
				background: url(../images/icons/breadcrumb-separator.png) no-repeat 0 0;
				position: absolute; top: 10px; left: 2px;
				display: block; width: 12px; height: 18px;
			}
		}
		& > a, & > span {
			border: none;
			display: block;
			padding: 4px 6px 8px;
			font-size: 12px;
			line-height: normal;
			color: $color_gray_50;
			.name {
				display: block;
				font-size: 20px;
				.black { color: $color_gray_80 !important; }
			}
			.description {
				display: block;
				padding-top: 2px;
				text-decoration: underline;
				&.form-iconbox {
					max-width: 200px;
					input {
						background: $color_water;
						border: 1px solid $color_gray_20;
						@include box-shadow(none);
					}
				}
			}
		}
		a:hover { background: $color_gray_05; }
	}
}