/* ========================================================================== *
 * 5. Pagination
 * ========================================================================== */

.single .mpcth-post {
	.mpcth-post-pagination {
		font-size: 1.167em;
		margin-top: -.5em;

		a {
			display: inline-block;
			padding: .5em;
			background: #ffffff;
			border-radius: 100%;
			border: 1px solid #eeeeee;
			width: 1em;
			height: 1em;
			text-align: center;
			line-height: 1em;
                        
                        &[rel=prev] {
                                position: relative;
                                top: -.1em;
                        }
                        
			&[rel=next] {
				width: 1.25em;
				height: 1.25em;
				position: relative;
				z-index: 2;
				margin-left: -.7em; // non-RTL
				line-height: 1.4em;

				i {
					@include margin-left(.1em); // margin-left: .1em;
				}
			}
			&:hover {
				background: #f3f3f3;
			}
		}
	}
 }

 .page-template-template-portfolio-php {
	#mpcth_pagination {
		margin-top: -1em;
	}
 }

 #mpcth_pagination {
	text-align: center;
	clear: both;
	font-size: 1.167em;
	margin-bottom: 1.714em;

	> * {
		display: inline-block;
		padding: .5em;
		margin: .4em;
	}
 }

 /* Load More */
#mpcth_load_more_wrapper,
#mpcth_load_more {
	display: none;
}
#mpcth_content_wrap.mpcth-load-more {
	#mpcth_load_more {
		position: relative;
		display: inline-block;
		padding: 1em 1.5em;
		margin: 1em 0;
		text-transform: uppercase;
		background: #f3f3f3;
		color: #999999;
		border-radius: 2px;

		@include opacity(1);

		&:hover {
			color: #ffffff;
		}

		.mpcth-load-more-icon {
			margin-left: 7px;
			font-family: "FontAwesome";
			display: none;

			@extend .transition;
			@include opacity(0);

			&:after {
				content: "\f1ce";
				-webkit-animation: fa-spin 2s infinite linear;
				animation: fa-spin 2s infinite linear;
			}
		}

		&.active {
			@include opacity(.25);

			.mpcth-load-more-icon {
				display: inline-block;
				@include opacity(1);
			}
		}
	}
	#mpcth_pagination .page-numbers {
		display: none;
	}
}

/* Essential Grid Load more */
#mpcth_content_wrap .esg-container { text-align: center; }
#mpcth_content_wrap .esg-loadmore {
	padding: .5em 1.5em;
	text-transform: uppercase;
	background: #f3f3f3;
	color: #999999;
	font-weight: 400;
	border-radius: 2px;

	@include opacity(1);

	&:hover {
		color: #ffffff;
	}

	&.active {
		@include opacity(.25);
	}
}