.breadcrumbs {

background-color: transparent; // Override the Bootstrap 4 grey background-color for the breadcrumb component.
border-bottom-color: rgba(0,0,0,.25);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: solid;
border-bottom-width: thin;
margin-bottom: 1.5rem;
&--margin-top {
  margin-top: 125px;
}
&--home {
  vertical-align: bottom;
  &--house {
    fill: none;
    stroke: $grey-1;
    stroke-width: 1.5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  &--border {
    fill: none;
  } 
}

}

// This is a Bootstrap 4 override to customize the breadcrumb divider .breadcrumb-item+.breadcrumb-item::before { // Breadcrumb divider is a CSS pseudo-element

content: url('/assets/img/keyboard_arrow_right.svg');
opacity: .5;

}