/**
 * @file
 * Breadcrumb styles.
 */
/**
 * @file
 * Dependencies.
 *
 * The necessary dependencies for compiling styles.
 * Nothing here should compile into CSS, helpers only.
 */
/**
 * @file
 * Color variables.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * @file
 * Typography declarations.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * @file
 * Custom Functions.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/* Remove the unit of a length.
 * @param {Number} $number - Number to remove unit from
 * @return {Number} - Unitless number
 *
 * Reference: https://css-tricks.com/snippets/sass/strip-unit-function/
*/
/* Convert a value (raw number or pixel size) into rems. */
/**
 * @file
 * General variables.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * @file
 * Custom Mixins.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * Breakpoint
 *
 * usage example:
 * @include breakpoint($feature: max-width, $value: 1509px) {
 *  display: none;
 * }
 */
/* Dynamic containment mixin. */
/**
 * @file
 * Z-Indices.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
.breadcrumbs {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  padding: 0;
  list-style: none;
  color: #ffffff;
  position: relative;
}
@media screen and (max-width: 73.0625rem) {
  .breadcrumbs {
    font-size: 0.875rem;
  }
}
.breadcrumbs li, .breadcrumbs span {
  display: inline-block;
}
.breadcrumbs li:after, .breadcrumbs span:after {
  content: "/";
  margin-left: 0.3rem;
}
.breadcrumbs a {
  text-decoration: underline;
  border-bottom: solid 1px transparent;
  color: #ffffff;
  transition: 0.2s color ease-in;
}
.breadcrumbs a:hover {
  color: #ffffff;
  transition-timing-function: ease-out;
  text-decoration: none;
}

/*# sourceMappingURL=breadcrumb.css.map*/