/* ----------------------------------------------------------------------
    Breadcrumbs
-------------------------------------------------------------------------*/
 .breadcrumb {
     background-color: transparent;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: 0.5px;
     margin-bottom: 10px;
     display: block;

     ul,
     ol {
         display: inline;
         margin: 0;
         padding: 0;
         .breadcrumb-item,
         li {
             display: inline;
             position: relative;
             opacity: .8;
             +li:before {
                 content: "\e930";
                 font-family: $icon-font-family;
                 margin: 0 5px;
                 background-color: transparent;
             }

             a {
                 color: $body-color;
             }

             &:hover,
             &.active,
             &:last-child {
                 opacity: 1;
             }
         }
     }
 }