/**
 * Custom Web Fonts
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400,300);

/**
 * Breadcrumb Styles
 */
.breadcrumb {
	font-size: 1em;

}

	.breadcrumb > li {
		display: inline-block;
		padding: 0.5em 0;
	}

		.breadcrumb > li:after {
			content: "/";
			display: inline-block;
			margin: 0 0.5em 0 0.25em;
			color: #d3c992;
			font-weight: 300;
		}

/*		.breadcrumb > li > a {
			color: #e9e4c9;
		}
*/
@media only screen and (min-width: 40em) {
	.breadcrumb {
		font-size: 1em;
	}
}

.breadcrumb:after {
	display: none;
}

@media (hover) {
	.breadcrumb:after {
		content: "hover";
	}
}

.breadcrumb > li:hover > a {
	color: cornflowerblue;
}

.breadcrumb li {
	position: relative;
}

	.breadcrumb li ul {
		list-style: none;
		padding-inline-start: 0px;
		position: absolute;
		top: 100%;
		left: 0;
		left: -9999px;
		z-index: 2;
		background-color: white;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
		border-radius: 0.25em;
	}

		.breadcrumb li ul a {
			display: block;
			white-space: nowrap;
			padding: 0.5em 1em;
			border-bottom: 1px solid #cbcccb;
			color: #4B4D4B;
		}

	.breadcrumb li:hover ul li a:hover {
		color: #B5A54A;
	}

.cutsthemustard .breadcrumb__toggle:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	margin-left: 0.3333333333em;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #e9e4c9;
	transition: border-color 0.3s ease-in-out;
}

.breadcrumb li:hover .cutsthemustard .breadcrumb__toggle:after {
	border-top-color: white;
}

@media (hover) {
	.breadcrumb li:hover ul,
	.breadcrumb li:focus ul {
		left: 0;
	}
}

.breadcrumb li.is-toggled ul {
	left: 0;
}