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

.kbg-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;
	}
	@include mq('md') {
		min-height: 40px;
		margin: 0 auto;
	}
	@include mq('lg') {
		
	}

}

.kbg-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;

	a {
		height: 50px;
	}
}

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

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

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

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


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

.kbg-pagination .page-numbers,
.kbg-link-pages a,
.kbg-link-pages span,
.kbg-comments .page-numbers li a,
.kbg-comments .page-numbers li span {
	height: 50px;
	width: 50px;
	line-height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;

	@include mq('md') {
		margin: 0 5px;
	}
}

.kbg-pagination.numeric-pagination {

	.page-numbers {
		min-width: auto;
		padding: 0;
	}

	.current {
		height: 50px;
	}

	.next, .prev {
		@include mq( 'md' ) {
			min-width: 130px;
		}
	}
} 


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

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

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

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

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




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



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



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

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

.kbg-card .kbg-pagination-main{
	padding: 0;
	margin: 0;
}
.kbg-card .kbg-pagination-main nav{
	margin-bottom: 0 !important;
}


.cssload-container {
    width: 119px;
    margin: 0 auto;
    text-align: center;
	top: -38px;
    position: relative;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-in-out;
	margin-bottom: -25px;

 }
 .kbg-loader-active{
	a{
	   opacity: 0;
	}
	.cssload-container{
	   opacity: 1;
	}
 }

 .kbg-pagination .cssload-container{
	 margin-bottom: 0;
	 top: auto;
	 position: absolute;
 }

.kbg-pagination.kbg-loader-active{
	a{
		opacity: 1;
	   font-size: 0 !important;
	}
	.cssload-container{
	   opacity: 1;
	}
 }


	
 .cssload-speeding-wheel {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	border: 1px solid rgb(0,0,0);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear;
	-o-animation: cssload-spin 575ms infinite linear;
	-ms-animation: cssload-spin 575ms infinite linear;
	-webkit-animation: cssload-spin 575ms infinite linear;
	-moz-animation: cssload-spin 575ms infinite linear;
 }
	
	@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
	}
	
	@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
	}
	
	@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
	}
	
	@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}
	
	@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
	}

.kbg-card{
	.kbg-pagination{
		text-align: left;
	}
	.load-more a{
		padding: 0 20px;
		min-width: 120px;
		font-size: 1.2rem;
		line-height: 1.2;
		height: 40px;
	}
	.prev-next.nav-links a{
		height: 40px;
		padding: 0 18px;
	}
	.kbg-pagination .page-numbers, .kbg-link-pages a, .kbg-link-pages span, .kbg-comments .page-numbers li a, .kbg-comments .page-numbers li span{
		height: 40px;
		width: 40px;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.nav-links{
		display: flex;
		justify-content: center;
	}
	.nav-links.prev-next{
		justify-content: space-between;
	}
	> .cssload-container {
		position: absolute;
		margin: 0;
		top: 7px;
	}
}
.kbg-card .kbg-pagination-main{
	border-top: 1px solid var(--color-txt-01);
	padding-top: 20px;
	margin-top: 20px;
	@include mq('md') {
		padding-top: 40px;
		margin-top: 40px;
	}
}
.kbg-content-height .kbg-pagination-main{
    border-top: 1px solid var(--color-txt-01);
	padding-top: 20px;
	@include mq('md') {
    	padding-top: 45px;
	}
}