/* ==========================================================================
   NAVIGATION
   ========================================================================== */

/*
   Breadcrumb navigation links
   ========================================================================== */

.breadcrumbs {
  @include grid(12,10);
  @include prefix(12,1);
  @include suffix(12,1);
  margin-bottom: 1em;
  font-family: $sans-serif;
  font-size: 14px;
  @include breakpoint($small) {
    @include grid(12,11);
    @include prefix(12,0.5);
    @include suffix(12,0.5);
  }
  @include breakpoint($x-large) {
    @include grid(12,8);
    @include prefix(12,2);
    @include suffix(12,2)
  }
  ol {
    padding: 0;
    list-style: none;
  }
  li {
    display: inline;
  }
  .current {
    font-weight: bold;
  }
}


/*
   Post pagination navigation links
   ========================================================================== */

.pagination {
  padding-top: 0.5em;
  border-top: 1px solid $border-color;
  ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  li {
    display: inline-block;
  }
  li + li:before {
    content: "";
    padding-right: 10px;
  }
  .current {
    font-weight: bold;
  }
}