/* =========================================================
   GLOBAL BREADCRUMB
   STYLE ADOPTED FROM profil-modern.css
========================================================= */

.keslan-breadcrumb {
	padding: 18px 0 0;

	background: transparent;

	border-bottom: none;
}

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

.keslan-breadcrumb .breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	margin: 0;
	padding: 0;

	background: transparent;

	font-size: 13px;
}

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

.keslan-breadcrumb .breadcrumb-item {
	color: #71808a;
}

/* =========================================================
   LINK
========================================================= */

.keslan-breadcrumb .breadcrumb-item a {
	color: #71808a;

	text-decoration: none;

	transition: color 0.2s ease;
}

/* =========================================================
   LINK HOVER
========================================================= */

.keslan-breadcrumb .breadcrumb-item a:hover {
	color: #087f75;
}

/* =========================================================
   ACTIVE
========================================================= */

.keslan-breadcrumb .breadcrumb-item.active {
	color: #087f75;

	font-weight: 600;
}

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

.keslan-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	color: #a8b3b8;
}

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

.keslan-breadcrumb .breadcrumb-item a i {
	margin-right: 5px;

	font-size: 12px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {
	.keslan-breadcrumb {
		padding-top: 14px;
	}

	.keslan-breadcrumb .breadcrumb {
		font-size: 12px;
	}
}