/**
 * TSA Public Styles
 *
 * Styles for frontend modules (Breadcrumbs).
 *
 * @package TSA
 */

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.tsa-breadcrumbs {
	padding: 10px 0;
	font-size: 14px;
	line-height: 1.5;
}

.tsa-breadcrumb-item {
	display: inline;
}

.tsa-breadcrumb-item a {
	color: #0073aa;
	text-decoration: none;
}

.tsa-breadcrumb-item a:hover {
	text-decoration: underline;
}

.tsa-breadcrumb-sep {
	margin: 0 5px;
	color: #666;
}

.tsa-breadcrumb-current {
	color: #333;
	font-weight: 500;
}

/* Responsive */
@media screen and (max-width: 600px) {
	.tsa-breadcrumbs {
		font-size: 13px;
	}

	.tsa-breadcrumb-sep {
		margin: 0 3px;
	}
}