.breadcrumb-trail--container {
  background: #F3F3F4;
  border-bottom: 1px solid #CFCFD5;
  border-top: 1px solid #CFCFD5;
  display: block;
  font-size: 1.4rem;
  margin-top: -1px;
  padding: 0 20px; }
  @media (min-width: 48em) {
    .breadcrumb-trail--container {
      margin-top: -7px; } }

.breadcrumb-trail {
  margin: 0;
  list-style: none;
  overflow: hidden;
  padding: 30px 0; }
  .breadcrumb-trail > li {
    color: #909294;
    display: inline;
    padding-left: 0;
    text-transform: uppercase; }
    .breadcrumb-trail > li .icon--chevronleft {
      margin-right: 5px; }
      @media (min-width: 48em) {
        .breadcrumb-trail > li .icon--chevronleft {
          display: none; } }
    @media (min-width: 48em) {
      .breadcrumb-trail > li + li::before {
        content: '/';
        padding: 0 5px; } }
    .breadcrumb-trail > li:not(:last-child) {
      display: none; }
      @media (min-width: 48em) {
        .breadcrumb-trail > li:not(:last-child) {
          display: inline; } }
    .breadcrumb-trail > li a {
      color: #909294; }
      .breadcrumb-trail > li a:hover {
        text-decoration: underline; }