.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%; }
  .breadcrumb__item {
    display: flex;
    align-items: center;
    margin-bottom: 1em; }
  .breadcrumb__link {
    color: #5E8BA1;
    padding: 0 0.5rem 0 0;
    text-decoration: none;
    transition: color 150ms, border-color 150ms ease-out;
    background-color: #FEFEFE; }
  .breadcrumb__item:first-child .breadcrumb__link {
    padding-left: 0; }

  .breadcrumb__item:not(:last-child) .breadcrumb__link:hover {
    color: #0479C6;
    border-color: currentColor; }
  .breadcrumb__item:not(:first-child):before, .breadcrumb__item:not(:last-child):after {
    content: "";
    height: 2px;
    width: 1.5em;
    background-color: #E2EBE3; }
    .breadcrumb__item:last-child .breadcrumb__link{
      padding-left: 0.5rem;
    }

    .breadcrumb__item:before{
      display: none;
    }
  .breadcrumb__item:nth-last-child(2):after, .breadcrumb__item:last-child:before {
    background-color: #1C64B0; }
  .breadcrumb__item:last-child .breadcrumb__link {
    color: #1C64B0;
    border-left: 2px solid;
    border-bottom: 2px solid; }
  @media (min-width: 1024px){
    .breadcrumb__item:last-child .breadcrumb__link,
    .breadcrumb__link{
      padding: 1em;
    }
    .breadcrumb__item:not(:first-child):before, .breadcrumb__item:not(:last-child):after{
      display: inline-block;
      width: 2.5em;
    }
  }

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