// PAGINATION
.pager {
  @extend .sub-text;
  background:$base; color:$inverse_alt; 
  border-radius:.5em; min-height:2em; margin:0; 
  list-style:none; 
  padding:0; margin-bottom:1em; text-align:center;
  li {width:40%; display:inline-block; padding:0 2%; line-height:2em;
     span, a {color:$inverse;
       &:hover {color:$accent;}
     }
  }
  li.next, li.prev {
    @extend .sub-text;
    width: 29%; 
    margin-top:2px
  }
  li.next {float:right; text-align:right; margin-left:-100%;
    & a:before {float:right; content:"►"; padding-left:5px; padding-top:2px;}
  }
  li.prev {float:left; text-align:left; margin-right:-100%;
    & a:before { float:left; content:"◀"; padding-right:5px; }
  }
  li.next a:before, li.prev a:after {display:inline-block; }

  &.prev-next {
    li.next, li.prev {width:49%; float:none; margin:0}
    li > a {display: block; padding:.5em 0}
  }
}