
/*========*/
/* Paging */
/*========*/
.pager {
  -webkit-box-orient: horizontal !important;
  -webkit-flex-direction: row !important;
  flex-direction: row !important;
}
.pager > button {
  display: inline-block;
  border: none;
  background: none !important;
  width: 30px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin-right: 0;
  margin-left: 5px;
}
.isDesktop .pager > button:hover,
.pager > button.selected {
  color: #007aff;
  background-color: transparent !important;
}
#pagination-icons path#page-previous,
#pagination-icons path#page-next {
  stroke: #007aff !important;
  stroke-width: 3;
}
section.paging {
  position: relative;
}
section.paging > article {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 10px;
  opacity: 1;
  padding: 0 0 100px 0 !important;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
article.paging {
  overflow: hidden !important;
  overflow-y: scroll !important;
  -webkit-box-orient: vertical !important;
  -webkit-direction: column !important;
  box-orient: vertical !important;
  direction: column !important;
}
/* Scaling needed to fix overflow bug in mobile Safari: */
section.paging > article.previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
section.paging > article.current {
  -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
  transform: translate3d(0, 0, 0) scale(1, 1);
}
section.paging > article.next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0, 1);
  transform: translate3d(100%, 0, 0) scale(0, 1);
}
html[dir=rtl] .pager > button.previous > svg  {
  -webkit-transform: rotate(180deg) scale(.8);
  transform: rotate(180deg) scale(.8);
}
html[dir=rtl] .pager > button.next > svg  {
  -webkit-transform: rotate(180deg) scale(.8);
  transform: rotate(180deg) scale(.8);
}
html[dir=rtl] section.paging > article.previous {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
html[dir=rtl] section.paging > article.next {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0, 1);
  transform: translate3d(-100%, 0, 0) scale(0, 1);
}
