/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

#infinite-footer {
	z-index: 500;
}

.infinite-loader .spinner {
	margin: 0 auto;
}

#infinite-handle {
	background: transparent;
	text-align: center;

	span {
		background: transparent;
	}

	span button {
		background: $color__background-body;
		color: $color__background-button;
		@include font-size(1.5);
		line-height: 1;
		padding: 0.8em 1em 0.75em;

		&:hover {
			color: $color__background-button;
			background-color: $color__background-screen;
			@include font-size(1.5);
			line-height: 1;
			padding: 0.8em 1em 0.75em;
		}
	}
}

@media screen and (min-width: 1400px) {

	.infinite-loader,
	#infinite-handle {
		margin-left: auto;
		margin-right: auto;
		max-width: 1100px;
		position: relative;
		left: calc( 180px - #{$size__horizontal-padding} );
	}
}