/**
 * @file
 * services-all
 *
 * Styling for paragraphs
 *
 * Added through the .theme file.
 */

.custom-pager {
  clear: both;
  text-align: center;
  margin: 2em 0;
}

.pager__item {
  display: inline-block;
  vertical-align: top;
  line-height: 3em;
}

.pager__item.is-active {
  background: #eee;
  color: #0770a9;
  pointer-events: none;
}

.pager__item a {
  width: 3em;
  display: inline-block;
}

.pager__item--ellipsis {  padding: 0 .2em;  }

.pager__item a:hover {
  background: #f2f2f2;
  color: #0278b8;
  text-decoration: none
}

.pager__item a:active {
  background: #da6e01;
  color: #fff;
  text-decoration: none
}