/*--------------------------------------------------------------
   Pagination
--------------------------------------------------------------*/

.toucan-pagination {
	position: relative;
	clear: both;
	text-align: center;
	width: 100%;
	line-height: 27px;
	margin: 0 auto;
	@include mq('sm') {
		min-height: 40px;
	}
	@include mq('md') {
		min-height: 40px;
	}

}

.toucan-pagination a {
	margin-top: 0;
}

.nav-links {
	position: relative;
	font-size: 0;
	padding-top: 0;
	@include mq('md') {
		padding-top: 0;
	}
}

.prev-next.nav-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.navigation.pagination{
	width: 100%;
}
.toucan-pagination,
.toucan-pagination a,
.toucan-pagination span,
.toucan-comments .page-numbers li a,
.toucan-comments .page-numbers li span{
	font-size: 1.4rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.56px;
}
.toucan-pagination .page-numbers,
.toucan-pagination .page-numbers.current {
	padding: 0;
}
.toucan-pagination .page-numbers,
.toucan-comments .page-numbers li a,
.toucan-comments .page-numbers li span{
	border-radius: 50%;
}

.toucan-load-more a,
.toucan-pagination a.next,
.toucan-pagination a.prev,
.toucan-infinite-scroll a {
	margin: 0;
	position: relative;
}

.toucan-pagination .page-numbers,
.toucan-link-pages a,
.toucan-link-pages span,
.toucan-comments .page-numbers li a,
.toucan-comments .page-numbers li span {
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	@include mq('md') {
		margin: 0 5px;
	}
}


.page-numbers.dots {
	padding-top: 5px;
	font-size: 1.2rem;
	max-width: 30px;
	font-family: initial;
}

.toucan-pagination a.next {
	right: 0;
	text-align: right;
}

.toucan-pagination a.prev {
	left: 0;
	text-align: left;
}

.toucan-pagination a.prev,
.toucan-pagination a.next {
	position: absolute;
	top: 0;
	width: auto;
}

.toucan-pagination .next a,
.toucan-pagination .prev a,
.toucan-pagination a.next,
.toucan-pagination a.prev {
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: 0;
	@include mq('md'){
		font-size: 1.4rem;
	}
}

.toucan-pagination .next a:after,
.toucan-pagination .prev a:before,
.toucan-pagination a.next:after,
.toucan-pagination a.prev:before {
	font-size: 1.8rem;
	font-family: "toucan-font";
}

.toucan-pagination .next a:after,
.toucan-pagination a.next:after {
	content: "\e903";
	margin-left: 8px;
}
.toucan-pagination .next a:hover:after,
.toucan-pagination a.next:hover:after{
    animation: icon-animation .3s;
}

.toucan-pagination .prev a:before,
.toucan-pagination a.prev:before {
	content: "\e902";
	margin-right: 8px;
}
.toucan-pagination .prev a:hover:before,
.toucan-pagination a.prev:hover:before{
	animation: icon-animation .3s;
	animation-direction: reverse;
}

.toucan-loader {
	width: 64px;
	height: 47px;
	position: absolute;
	margin-left: -33px;
	top: 0;
	left: 50%;
	opacity: 0;
	z-index: 0;
	pointer-events: none;
}

.toucan-loader-active .toucan-loader {
	opacity: 1;
	z-index: 1;
}

.toucan-loader-active a {
	opacity: 0;
}

.toucan-pagination.load-more a {
    position: relative;
    z-index: 2;
    height: 40px;
    display: inline-flex;
    align-items: center;
}

.toucan-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 47px;
}

.toucan-ellipsis div {
	position: absolute;
	top: 10px;
	width: 10px;
	border-radius: 50%;
    height: 10px;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.toucan-ellipsis div:nth-child(1) {
	left: 6px;
	animation: toucan-ellipsis1 0.4s infinite;
}

.toucan-ellipsis div:nth-child(2) {
	left: 6px;
	animation: toucan-ellipsis2 0.4s infinite;
}

.toucan-ellipsis div:nth-child(3) {
	left: 26px;
	animation: toucan-ellipsis2 0.4s infinite;
}

.toucan-ellipsis div:nth-child(4) {
	left: 45px;
	animation: toucan-ellipsis3 0.4s infinite;
}

@keyframes toucan-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes toucan-ellipsis3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@keyframes toucan-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(19px, 0);
	}
}

.toucan-link-pages {
	text-align: left;
	margin-bottom: 30px;
}

.toucan-link-pages a,
.toucan-link-pages span {
	height: 30px;
	width: 30px;
	display: inline-block;
	vertical-align: top;
	border-radius: 50%;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}


.page-numbers.disabled{
	opacity: .5;
}