/**
 * @file
 * Styles for Newsplus's pagination.
 */

/* Using .pager selector on the first one to override .region-content ul. */
.pager .pager__items {
  margin: 20px 0 10px;
  padding: 0;
  text-align: left;
}
li.pager__item {
  display: inline-block;
  padding: 0;
  margin: 0 0px 10px 0;
  border-bottom: none;
  font-size: 14px;
}
li.pager__item > a {
  padding: 18px 15px;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  line-height: 1;
  background-color: #e8e8e8;
  display: inline-block;
  border-top: 2px solid #dcdcdC;
  border-bottom: 2px solid #dcdcdc;
}
li.pager__item > a:hover {
  background-color: transparent;
  color: #ffffff;
  border-top: 2px solid #FF404C;
  border-bottom: 2px solid #FF404C;
}
li.pager__item > a:focus {
  background-color: #dddddd;
  border-top: 2px solid #FF404C;
  border-bottom: 2px solid #FF404C;
}
li.pager__item.is-active > a {
  color: #ffffff;
  line-height: 1;
  border-top: 2px solid #062f4f;
  border-bottom: 2px solid #062f4f;
}

li.pager__item--first > a {
  border-radius: 20px 0 0 20px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-left: 2px solid #dcdcdc;
}

li.pager__item--first > a:hover {
  border-left: 2px solid #FF404C;
}

li.pager__item--last > a {
  border-radius: 0 20px 20px 0;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-right: 2px solid #dcdcdc;
}

li.pager__item--last > a:hover {
  border-right: 2px solid #FF404C;
}

li.pager__item--first > a,
li.pager__item--last > a,
li.pager__item--next > a,
li.pager__item--previous > a {
  padding: 18px 10px;
}