/* Pagination Styles - Center and Custom Colors */
nav .pagination,
.pagination {
  justify-content: center !important;
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 auto !important;
  text-align: center;
  width: 100%;
}

/* Bootstrap 4 style */
.pagination .page-item .page-link,
.pagination .page-link {
  color: #2c1810 !important;
  background-color: #f8f3f1 !important;
  border: 1px solid #e8d8c9 !important;
  padding: 0.5rem 0.75rem;
  margin: 0 2px;
  border-radius: 4px;
}
.pagination .page-item .page-link:hover,
.pagination .page-link:hover {
  color: #fff !important;
  background-color: #8B7355 !important;
  border-color: #8B7355 !important;
}
.pagination .page-item.active .page-link,
.pagination .page-item.active span.page-link {
  color: #fff !important;
  background-color: #8B7355 !important;
  border-color: #8B7355 !important;
}
.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled span.page-link {
  color: #999 !important;
  background-color: #f8f3f1 !important;
  border-color: #e8d8c9 !important;
  cursor: not-allowed;
  opacity: 0.6;
}

/* Bootstrap 3 style (li > a) */
.pagination > li > a,
.pagination > li > span {
  color: #2c1810 !important;
  background-color: #f8f3f1 !important;
  border: 1px solid #e8d8c9 !important;
  padding: 0.5rem 0.75rem;
  margin: 0 2px;
  border-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: #fff !important;
  background-color: #8B7355 !important;
  border-color: #8B7355 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  color: #fff !important;
  background-color: #8B7355 !important;
  border-color: #8B7355 !important;
}
.pagination > .disabled > a,
.pagination > .disabled > span {
  color: #999 !important;
  background-color: #f8f3f1 !important;
  border-color: #e8d8c9 !important;
  cursor: not-allowed;
  opacity: 0.6;
}