/**
 * @file
 * Visual styles for pager.
 */
nav.pager {
  margin-top: 60px;
	margin-bottom: 80px;
}
.pager-mb-0 nav.pager {
  margin-bottom: 0;
}
.pager__items {
  clear: both;
  text-align: center;
}
.pager__item {
  display: inline-block;
  padding: 0;
  margin: 0 1px;
  color: #333333;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.pager__item a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  background: #02a1d9;
  color: #ffffff;
  text-decoration: none;
}
.pager__item a:hover {
  text-decoration: none;
  background: #0387b5;
}
.pager__item.is-active a {
  color: #424243;
  text-decoration: none;
  background: #f4f5f5;
  box-sizing: border-box;
}
.pager-bg-turq-dark .pager__item a {
  background: #114f51;
}
.pager-bg-turq-dark .pager__item a:hover {
  background: #0b3536;
}
.pager-bg-turq-dark .pager__item.is-active a {
  background: #ffffff;
  color: #114f51
}
.pager-bg-blue-dark .pager__item a {
  background: #166299;
}
.pager-bg-blue-dark .pager__item a:hover {
  background: #13507d;
}
.pager-bg-blue-dark .pager__item.is-active a {
  background: #ffffff;
  color: #166299
}
@media (min-width: 768px) {
  nav.pager {
    margin-top: 80px;
    margin-bottom: 100px;
  }
}
@media (min-width: 1000px) {
  .pager__item a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
  }
}
@media (min-width: 1280px) {
  nav.pager {
    margin-top: 120px;
    margin-bottom: 150px;
  }
  .pager__item a {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 19px;
  }
}