/*
@styleguide
@title Breadcrumb

<div class="sub-section">
  <ol class="breadcrumb">
    <li class="active">Dashboard</li>
  </ol>
  <ol class="breadcrumb">
    <li><a href="#">Dashboard</a></li>
    <li class="active">Quotes</li>
  </ol>
  <ol class="breadcrumb" style="margin-bottom: 5px;">
    <li><a href="#">Dashboard</a></li>
    <li><a href="#">Quotes</a></li>
    <li class="active">Create Quote</li>
  </ol>
</div>


*/



/*Theme style starts--------------------------------------------------------*/


ol.breadcrumb {
  padding: 0;
  margin-bottom: $controlmargin;
  margin-left: 0;
  list-style: none;
  background: none;
  /*background-color: $breadcrumb-bg;*/
  /*@include border-radius($border-radius);*/
  /*@include clearfix;*/

  > li {
    float: left;
    font-size: 0.6875rem;
    

    a{
      color: $darkgrey;

      &:hover{
        color: $black;
        text-decoration: underline;
      }
    }

    + li::before {
      padding-right: .5rem;
      padding-left: .5rem;
      color: $breadcrumb-divider-color;
      content: $breadcrumb-divider;
    }
  }

  > .active {
    color: $breadcrumb-active-color;
  }
}