/*!
 * # Semantic UI - Breadcrumb
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
           Breadcrumb
*******************************/

.ui.breadcrumb {
  line-height: 1;
  display: @breadcrumbDisplay;
  margin: @breadcrumbVerticalMargin 0em;
  vertical-align: @breadcrumbVerticalAlign;
}
.ui.breadcrumb:first-child {
  margin-top: 0em;
}
.ui.breadcrumb:last-child {
  margin-bottom: 0em;
}

/*******************************
          Content
*******************************/

/* Divider */
.ui.breadcrumb .divider {
  display: inline-block;
  opacity: @breadcrumbDividerOpacity;
  margin: 0em @breadcrumbDividerSpacing 0em;

  font-size: @breadcrumbDividerSize;
  color: @breadcrumbDividerColor;
  vertical-align: @breadcrumbDividerVerticalAlign;
}

/* Link */
.ui.breadcrumb a {
  color: @linkColor;
}
.ui.breadcrumb a:hover {
  color: @linkHoverColor;
}


/* Icon Divider */
.ui.breadcrumb .icon.divider {
  font-size: @breadcrumbIconDividerSize;
  vertical-align: @breadcrumbIconDividerVerticalAlign;
}

/* Section */
.ui.breadcrumb a.section {
  cursor: pointer;
}
.ui.breadcrumb .section {
  display: inline-block;
  margin: @breadcrumbSectionMargin;
  padding: @breadcrumbSectionPadding;
}

/* Loose Coupling */
.ui.breadcrumb.segment {
  display: inline-block;
  padding: @breadcrumbSegmentPadding;
}

/*******************************
            States
*******************************/

.ui.breadcrumb .active.section {
  font-weight: @breadcrumbActiveFontWeight;
}


/*******************************
           Variations
*******************************/

.ui.mini.breadcrumb {
  font-size: @mini;
}
.ui.tiny.breadcrumb {
  font-size: @tiny;
}
.ui.small.breadcrumb {
  font-size: @small;
}
.ui.breadcrumb {
  font-size: @medium;
}
.ui.large.breadcrumb {
  font-size: @large;
}
.ui.big.breadcrumb {
  font-size: @big;
}
.ui.huge.breadcrumb {
  font-size: @huge;
}
.ui.massive.breadcrumb {
  font-size: @massive;
}