/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  line-height: 1;
  font-weight: 500;
}

.wp-pagenavi a, .wp-pagenavi span {
	border: 2px solid #00a8a9;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 168 169/var(--tw-text-opacity));
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	--tw-bg-opacity: 1;
  background-color: rgb(0 168 169/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.wp-pagenavi span.current {
	--tw-bg-opacity: 1;
  background-color: rgb(0 168 169/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.wp-pagenavi span.extend {
  height: 40px;
  width: 40px;
  font-size: 45px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 168 169/var(--tw-text-opacity));
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink
 {
  font-size: 23px;
  line-height: 1;
  color: inherit;
  width: auto;
  border: 0;
}

.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover
{
  background: none;
}

.wp-pagenavi a.previouspostslink i.icon {
  margin: 0 10px;
  width: 40px;
  height: 40px;
  background-image:url(../assets/img/icon/arrow-back.svg);
  background-repeat:no-repeat;
  background-position: center center;
}

.wp-pagenavi a.nextpostslink i.icon {
  margin: 0 10px;
  width: 40px;
  height: 40px;
  background-image:url(../assets/img/icon/arrow-next.svg);
  background-repeat:no-repeat;
  background-position: center center;
}