/**
    Converts a specific size in PX to REM based on Base Font Size

    @param $size {number} The desired size to convert expressed in PX
*/
/**
    Encode a color
    @TODO: Need more info about this mixin
*/
/**
    Make an element take the full width of the viewport
*/
/**
    Create a Font Awesome icon, from a provided unicode

    @param $unicode {string} the value of the desired icon to insert
*/
/**
    Use to declare font size and font weight

    @param $pixels {number} The desired size of the font
    @param $weight {number} The desired weight of the font
*/
/**
    Convert some text, to a bold font weight
*/
ol.breadcrumb li.breadcrumb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ol.breadcrumb li.breadcrumb-item a, ol.breadcrumb li.breadcrumb-item span {
  color: var(--color-dark-shades) !important;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 300;
}
ol.breadcrumb li.breadcrumb-item + .breadcrumb-item::before {
  content: "|";
  font-size: 0.5rem;
}
ol.breadcrumb li.breadcrumb-item:last-child a {
  font-weight: 700;
  font-family: var(--body-bold-font-family);
}