/* article and blog default pagination styling */

.hidden {
  display: none !important;
}

/* Screen width 768px and more */

.articles__pagination {
  margin: 0 auto;
  padding: 10px 0;
  display: table;
  box-sizing: border-box;
}

.articles__pagination * {
  box-sizing: border-box;
}

.articles__pagination-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.articles__pagination-list .articles__pagination-item {
  overflow: hidden;
  padding: 0;
  border: solid #999;
  border-width: 1px 1px 1px 0;
}

.articles__pagination-list .articles__pagination-item:first-child {
  border-left: 1px solid #999;
  border-radius: 4px 0 0 4px;
}

.articles__pagination-list .articles__pagination-item:last-child {
  border-radius: 0 4px 4px 0;
}

.articles__pagination-list .articles__pagination-item--prev a,
.articles__pagination-list .articles__pagination-item--next a,
.articles__pagination-list .articles__pagination-item--first a,
.articles__pagination-list .articles__pagination-item--first--more a,
.articles__pagination-list .articles__pagination-item--last a,
.articles__pagination-list .articles__pagination-item--last--more a {
  color: #999;
  /* apply custom $pagination-link-color here */
}

.articles__pagination-list .articles__pagination-item--prev a:hover,
.articles__pagination-list .articles__pagination-item--next a:hover,
.articles__pagination-list .articles__pagination-item--first a:hover,
.articles__pagination-list .articles__pagination-item--first--more a:hover,
.articles__pagination-list .articles__pagination-item--last a:hover,
.articles__pagination-list .articles__pagination-item--last--more a:hover {
  color: #fff;
  /* apply custom $pagination-link-color--hover here */
}

.articles__pagination-list .articles__pagination-item.active {
  background: none;
}

.articles__pagination ul {
  float: left;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.articles__pagination ul li {
  font: 16px/1.1875 Arial, Helvetica, sans-serif;
  /* 19/16 = 1.1875 */
  text-align: center;
}

.articles__pagination ul li a {
  min-width: 25px;
  padding: 5px;
  display: block;
  color: #999;
  /* apply custom $pagination-link-color */
  background: #fff;
  /* apply custom $pagination-background-color */
  text-decoration: none;
}

.articles__pagination ul li a:hover,
.articles__pagination ul li a.active {
  color: #fff;
  /* apply custom $pagination-link-color--hover */
  background: #ccc;
  /* apply custom $pagination-background-color--hover */
  text-decoration: none;
  cursor: pointer;
}

.pagination--device.empty { 
    display: none !important; 
}

/* Screen width less than 768px */

@media all and (max-width: 767px) {
  .articles__pagination-list .articles__pagination-item a {
    font-size: 14px;
    line-height: 17px;
  }

  .articles__pagination-list .articles__pagination-item--prev a,
  .articles__pagination-list .articles__pagination-item--next a,
  .articles__pagination-list .articles__pagination-item--first a,
  .articles__pagination-list .articles__pagination-item--first--more a,
  .articles__pagination-list .articles__pagination-item--last a,
  .articles__pagination-list .articles__pagination-item--last--more a {
    font-size: 0;
  }

  .articles__pagination-list .articles__pagination-item--prev a:after,
  .articles__pagination-list .articles__pagination-item--next a:after,
  .articles__pagination-list .articles__pagination-item--first a:after,
  .articles__pagination-list .articles__pagination-item--first--more a:after,
  .articles__pagination-list .articles__pagination-item--last a:after,
  .articles__pagination-list .articles__pagination-item--last--more a:after {
    width: 100%;
    float: left;
    text-indent: 0;
    font-size: 14px;
  }

  .articles__pagination-list .articles__pagination-item--prev a:after {
    content: '<';
  }

  .articles__pagination-list .articles__pagination-item--next a:after {
    content: '>';
  }

  .articles__pagination-list .articles__pagination-item--first a:after {
    content: '<<';
  }

  .articles__pagination-list .articles__pagination-item--first--more a:after {
     content: '...';
  }

  .articles__pagination-list .articles__pagination-item--last a:after {
    content: '>>';
  }

  .articles__pagination-list .articles__pagination-item--last--more a:after {
    content: '...';
  }
}

.pagination--mobile .pagination-select:first-child:nth-last-child(2) {
    border-radius: 4px;
}