/**
 * EngiNerds Breadcrumbs
 *
 * Deliberately minimal. Colours and font sizes are inherited from the theme so the
 * trail matches whatever it is placed inside. Override any of these in your theme,
 * a child theme, or Elementor custom CSS.
 */

.enb-breadcrumbs {
	margin: 0 0 20px;
	font-size: 0.875em;
	line-height: 1.5;
}

.enb-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.enb-breadcrumbs__list > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.enb-breadcrumbs__prefix {
	margin-right: 8px;
	opacity: 0.7;
}

.enb-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
}

.enb-breadcrumbs__item a {
	text-decoration: none;
	color: inherit;
	opacity: 0.85;
}

.enb-breadcrumbs__item a:hover,
.enb-breadcrumbs__item a:focus {
	text-decoration: underline;
	opacity: 1;
}

.enb-breadcrumbs__item a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.enb-breadcrumbs__item--current {
	font-weight: 600;
}

.enb-breadcrumbs__sep {
	display: inline-block;
	margin: 0 8px;
	opacity: 0.5;
	-webkit-user-select: none;
	user-select: none;
}