/* Table of Contents
==================================================
# Pagination */

/* # Pagination
================================================== */
.pagination > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.pagination > ul > li {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  margin-right: 2px;
}
.pagination > ul > li > a,
.pagination > ul > li.active {
  background: $color-haze-light;
  border-radius: 500px;
  color: $color-black;
  display: inline-block;
  min-width: 8px;
  text-align: center;
  text-decoration: none;
}
.pagination > ul > li > a { padding: 10px 12px 8px 12px; }
.pagination > ul > li.active { padding: 10px 12px 8px 12px; }
.pagination > ul > li > a:active,
.pagination > ul > li.active {
  background: $color-primary;
  color: $color-white;
}
.pagination > ul > li > a:hover,
.pagination > ul > li > a:focus { background: $color-haze; }
.pagination > ul > li.pagination-icon > a { padding: 9px 10px 7px 10px; }
.pagination > ul > li.pagination-icon:first-child > a { padding-right: 13px; }
.pagination > ul > li.pagination-icon:last-child > a { padding-left: 13px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.pagination-left { text-align: left; }