/* =========================================================
   UDLESS SERVICE BREADCRUMB
   ========================================================= */

.udless-service-breadcrumb {

	width: 100%;

}


/* =========================================================
   LIST
   ========================================================= */

.udless-breadcrumb-list {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 8px;

	margin: 0;

	padding: 0;

	list-style: none;

}


/* =========================================================
   ITEM
   ========================================================= */

.udless-breadcrumb-item {

	display: flex;

	align-items: center;

}


/* =========================================================
   LINKS
   ========================================================= */

.udless-breadcrumb-item a {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	color: rgba( 255, 255, 255, 0.65 );

	text-decoration: none;

	transition: color 0.25s ease;

}


.udless-breadcrumb-item a:hover {

	color: #00ff99;

}


/* =========================================================
   HOME ICON
   ========================================================= */

.udless-breadcrumb-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 16px;

	height: 16px;

}


.udless-breadcrumb-icon svg {

	width: 100%;

	height: 100%;

    fill: rgba( 255, 255, 255, 0.65 ) !important;

}


/* =========================================================
   SEPARATOR
   ========================================================= */

.udless-breadcrumb-separator {

	display: flex;

	align-items: center;

	color: rgba( 255, 255, 255, 0.35 );

	font-size: 18px;

	line-height: 1;

}


/* =========================================================
   CURRENT PAGE
   ========================================================= */

.udless-breadcrumb-current {

	color: #ffffff;

	font-weight: 600;

}