/* ------------------------------------------------------------ *\
	Breadcrumbs
\* ------------------------------------------------------------ */

.breadcrumb-container {
	background-color: #fff; 
	/* padding: 5px 0;  */
	padding: 5px 0px 5px 5px;
	margin-bottom: 20px; 
}

.breadcrumb-container .breadcrumb {
	opacity: 1;
	display: flex;
	align-items: center;
}
.breadcrumb {
	padding: 3px 0; 
	border-radius: 0;
	margin-bottom: 0; 
	font-size: 12px;
	color: #10113e;
	border-bottom: 1px solid #d7d7d7;
	background-color: transparent;
	text-transform: uppercase; 
}

.breadcrumb a {
	color: inherit;
	font-size: 12px;
	line-height: 1.57; 
	text-decoration: none; 
}

.breadcrumb li {
	position: relative; 
}

.breadcrumb li { 
	padding-right: 10px; 
	padding-left: 0; 
}

.breadcrumb li + li { 
	padding-left: 3px; 
}

.breadcrumb li:after {
	content: '';
	position: absolute; 
	top: 50%; 
	right: 1px; 
	transform: translateY(-50%);
	display: inline-block; 
	vertical-align: middle; 
	height: 1px; 
	width: 6px; 
	background-color: #aeaeb3;
	padding: 0; 
}

ul.breadcrumb li:before {
	content: ''; 
	position: absolute; 
	left: auto; 
	right: 0; 
	top: 50%;
	display: inline-block; 
	vertical-align: middle; 
	border-right: 1px solid #aeaeb3;
	border-bottom: 1px solid #aeaeb3;
	width: 5px; 
	height: 5px; 
	transform: translateY(-50%) rotate(-45deg);
	background-color: transparent; 
}

.breadcrumb li + li:before {
	padding: 0; 
	content: '';
	color: inherit;
}

.breadcrumb li:last-child:before,
.breadcrumb li:last-child:after {
	display: none; 
	padding-right: 0; 
}

.breadcrumb a:hover,
.breadcrumb .active {
	color: #2a7dfb;
}

.breadcrumb a:focus {
	color: #10113e;
}

@media ( min-width: 767px ) {
	.breadcrumb-container,
	.breadcrumb {
		padding: 0; 
	}

	.breadcrumb {
		border-bottom: none;
	}

	.breadcrumb,
	.breadcrumb a {
		font-size: 14px; 
		line-height: 1; 
	}
	
	.breadcrumb li { 
		padding-right: 20px; 
	}

	ul.breadcrumb li:before {
 		width: 6px; 
		height: 6px; 
		right: 3px; 
	}
	
	.breadcrumb li:after {
		width: 10px; 
		right: 4px; 
	}
}

/* ------------------------------------------------------------ *\
	Breadcrumbs Secondary
\* ------------------------------------------------------------ */

.breadcrumb-container-default .breadcrumb { 
	border: none;
	background: #f3f3f3;
	padding: 10px 15px; 
	margin: 0 -15px; 
}







/* ------------------------------------------------------------ *\
	Breadcrumbs Transparent Background
\* ------------------------------------------------------------ */
.breadcrumb-container.transparent {
	background-color: unset;
	padding: 0 15px;
	height: 0;
}
.breadcrumb-container.transparent a:focus,
.breadcrumb-container.transparent a:hover {
	color: white;
}
.breadcrumb-container.transparent > ul{
	color: unset;
}
/* .breadcrumb-container.top.mobile {
	margin-bottom: -46px;
} */