/*--------------------------------------------------------------
   Pagination
--------------------------------------------------------------*/
.navigation.pagination,
.roogan-pagination{
	@extend %vertical-margin;
}
.roogan-pagination {
	position: relative;
	clear: both;
	text-align: center;
	width: 100%;
	line-height: 27px;
	margin: 0 auto 20px;
	@include mq('sm') {
		min-height: 40px;
		margin: 0 auto 30px;
	}
	@include mq('md') {
		min-height: 40px;
		margin: 0 auto 30px;
	}
	@include mq('lg') {
		
	}

}

.roogan-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;
}

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

.roogan-pagination .next a:after,
.roogan-pagination a.next:after {
	content: "\e903";
	margin-left: 2px;
	margin-right: -9px;
}

.roogan-pagination .prev a:before,
.roogan-pagination a.prev:before {
	content: "\e902";
	margin-right: 2px;
	margin-left: -9px;
}

.roogan-pagination,
.roogan-pagination a,
.roogan-pagination span,
.roogan-comments .page-numbers li a,
.roogan-comments .page-numbers li span{
	font-size: 1.4rem;
	font-weight: bold;
}


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

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


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

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

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

.roogan-pagination a.prev,
.roogan-pagination a.next {
	position: absolute;
	top: 0;
	width: auto;
	min-width: 110px;
}

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




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


.roogan-loader-active a {
	animation: roogan-animation-pulse 1s infinite ease-in-out;
}

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


@keyframes roogan-animation-pulse {
	25% {
		opacity: 0.25;
	}

	75% {
		opacity: 1;
	}
}


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

.roogan-link-pages a,
.roogan-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;
}