/* Breadcrumb */
.breadcrumb {
	background: none;
	margin: 0;
    padding: 0;
	position: relative;
	z-index: 1;
	> li {
		display: inline-block;
		font-size: 0.8em;
		text-transform: uppercase;
		text-shadow: none;
		& + li:before {
			color: inherit;
			opacity: 0.5;
			font-family: 'Font Awesome 7 Free';
			font-weight: 900;
			content: "\f105";
			padding: side-values(0 7px 0 5px);
			@include if-rtl {
				content: "\f104";
				float: right;
			}
		}
	}

	&.breadcrumb-dividers-no-opacity {
		> li {
			& + li:before {
				opacity: 1;
			}
		}
	}

	&.breadcrumb-style-2 {
		> li {
			& + li:before {
				content: "/";
				@include if-rtl {
					content: "/";
				}
			}
		}
	}

	&.breadcrumb-block {
		background: var(--dark);
		display: inline-block !important;
		padding: .45rem 1.2rem;
		border-radius: var(--border-radius);
		box-shadow: 0 3px 10px rgba(0,0,0,.15);
	}

	&.breadcrumb-light {
		color: var(--light);
		a {
			color: var(--light);
		}
		.active {
			opacity: 0.7;
		}
	}
}