/* ==========================================================================
   News shortcodes pagination standard style - begin
   ========================================================================== */

.qode-news-holder {
	
	&.qode-news-pag-standard {
		
		.qode-news-list-inner-holder {
			opacity: 1;
			@include qodeTransition(opacity .2s ease-out);
		}
		
		&.qode-news-standard-pag-animate {
			
			.qode-news-list-inner-holder {
				opacity: 0;
			}
		}
	}
}

.qode-news-standard-pagination {
	@include qodeRelativeHolderLayout();
	margin: 20px 0;
	clear: both;
	
	ul {
		@include qodeRelativeHolderLayout();
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		
		li {
			position: relative;
			display: inline-block;
			vertical-align: top;
			margin: 0 12px;
			padding: 0;
			
			a {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				margin: 0;
				padding: 0;
			}
			
			&.qode-news-pag-active {
				
				a {
					color: $first-main-color;
				}
			}
			
			&.qode-news-pag-prev,
			&.qode-news-pag-next {
				position: absolute;
				top: 0;
				
				a {
					font-size: 30px;
					@include qodeTransition(color .2s ease-out, opacity .2s ease-out);
					
					span {
						display: block;
						line-height: inherit;
						
						&:before {
							display: block;
							line-height: inherit;
						}
					}
				}
			}
			
			&.qode-news-pag-prev {
				left: 0;
				
				a {
					opacity: 0;
				}
			}
			
			&.qode-news-pag-next {
				right: 0;
				
				a {
					opacity: 1;
				}
			}

			&.qode-news-pag-first-page {
				a {
					opacity: 0;
				}
			}
			
			&.qode-news-pag-last-page {
				a {
					opacity: 1;
				}
			}
		}
	}
}

/* ==========================================================================
   News shortcodes pagination standard style - end
   ========================================================================== */

/* ==========================================================================
   News shortcodes pagination load more style - begin
   ========================================================================== */

.qode-news-load-more-pagination {
	@include qodeRelativeHolderLayout();
	margin: 40px 0 30px;
	text-align: center;
}
/* ==========================================================================
   News shortcodes load more style - end
   ========================================================================== */

/* ==========================================================================
   News shortcodes loading element style - begin
   ========================================================================== */

.qode-news-pag-loading {
	position: relative;
	display: none;
	width: 100%;
	margin: 40px 0 20px;
	color: $first-main-color;
	text-align: center;
	
	&.qode-news-pag-standard-trigger {
		position: absolute;
		top: 50%;
		left: 0;
		margin: 0;
		@include qodeTransform(translateY(-50%));
	}
	
	&.qode-showing {
		display: block;
	}
	
	> div {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 14px;
		margin: 0 3px;
		background-color: $first-main-color;
		border-radius: 100%;
		@include qodeAnimation(news-pag-bouncedelay 1.4s infinite ease-in-out both);
	}
	
	.qode-news-pag-bounce1 {
		-webkit-animation-delay: -0.32s;
		-moz-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}
	
	.qode-news-pag-bounce2 {
		-webkit-animation-delay: -0.16s;
		-moz-animation-delay: -0.16s;
		animation-delay: -0.16s;
	}
}

@-webkit-keyframes news-pag-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
	}
}

@-moz-keyframes news-pag-bouncedelay {
	0%, 80%, 100% {
		-moz-transform: scale(0);
	}
	40% {
		-moz-transform: scale(1.0);
	}
}

@keyframes news-pag-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}
/* ==========================================================================
   News shortcodes loading element style - end
   ========================================================================== */