@charset "UTF-8";

.pagination {
  text-align: center;
  margin: 7em 0 0;
}
.post-navigation {
  text-align: center;
  padding: 1em 0 1em;
}
.pagination h2,
.post-navigation h2 {
  display: none;
}
.pagination .nav-links,
.post-navigation .nav-links {
  overflow: hidden;
}
.post-navigation .nav-links .nav-next {
  float: right;
}
.post-navigation .nav-links .nav-previous {
  float: left;
}
.pagination .page-numbers {
  display: inline-block;
  color: #fff;
  font-size: 75%;
  line-height: 2.5;
  margin-right: 0.1em;
  padding: 0 1em;
  border: 1px solid #54596d;
  background-color: #54596d;
  text-decoration: none;
  transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
}
.pagination a.page-numbers {
  color: #1e1e1e;
  background-color: transparent;
  border-color: #54596d;
}
.pagination a.prev,
.pagination a.next,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  /*color: #999;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;*/
}
.pagination a.prev,
.pagination a.next {
  padding: 0 2em;
}
.pagination .page-numbers i {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  transform: rotate(45deg);
  transform-origin: top;
}
.pagination .page-numbers.next i {
  border-top: 1px solid #1e1e1e;
  border-right: 1px solid #1e1e1e;
  transform: rotate(45deg);
}
.pagination .page-numbers.prev i {
  margin-right: -10px;
  border-left: 1px solid #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
  transform: rotate(45deg);
}
.pagination .page-numbers.dots {
  color: #1e1e1e;
  padding: 0;
  border-color: transparent;
  background: transparent;
}
.pagination a.page-numbers:hover,
.post-navigation a.page-numbers:hover {
  color: #fff;
  background-color: #54596d;
}
.pagination a.page-numbers:hover i {
  border-color: #fff;
  background-color: #54596d;
}

@media only screen and (max-width: 1400px) { /* ------------------------------------------------------- max 1400px */
}
@media only screen and (max-width: 1200px) { /* ------------------------------------------------------- max 1200px */
}
@media only screen and (max-width: 900px) { /* ------------------------------------------------------- max 900px */
}

@media only screen and (min-width: 768px) { /* ------------------------------------------------------- min 768px */
  .pagination a.page-numbers:hover,
  .post-navigation a.page-numbers:hover {
    color: #fff;
    background-color: #54596d;
  }
  .pagination a.page-numbers:hover i {
    border-color: #fff;
    background-color: #54596d;
  }
}
@media only screen and (max-width: 767px) { /* ------------------------------------------------------- max 767px */
  .pagination {
    margin: 3em 0 0;
  }
}

@media (orientation: landscape) and (max-width: 767px){/* ------------------------------------------- landscape */
}