//
// Component: Breadcrumb
//
// ========================================================================


// Variables
// ========================================================================

@breadcrumbs-color:								#273f5b;
@breadcrumb-disabled-color:                     @breadcrumbs-color;
@breadcrumb-divider:                            "\f0da";
@breadcrumb-divider-margin:						10px;
@breadcrumb-divider-color: 						#d1e8f6;
@breadcrumb-border-color:						#dbe3ec;
@breadcrumb-font-size:                          round((@global-font-size*0.95));
@breadcrumb-font-weight:						700;

@breadcrumb-link-color:							@global-primary-background;							

// Component
// ========================================================================

.hook-breadcrumb() {
	margin: 0;
	padding: 10px 0;
	color: @breadcrumbs-color;
	border-bottom: 1px solid @breadcrumb-border-color;
}

// Items
// ========================================================================

.hook-breadcrumb-divider() {
	color: @breadcrumb-divider-color;
	font-size: round((@global-font-size*0.7));
	font-family: fontAwesome;
}

// Miscellaneous
// ========================================================================

.hook-breadcrumb-misc() {
	.uk-breadcrumb {
		> li {
			> a { 
				color: @breadcrumb-link-color; 
				line-height: 1;
			}

			&:first-child {
				
				a {
					font-size: 0;
					
					&:before {
						content: "\f015";
						font-family: fontAwesome;
						font-size: @global-font-size;
					}
				}
			}

			&.uk-active span {
				font-weight: @breadcrumb-font-weight;
				color: @breadcrumb-link-color;
			}
		}
	}
}