/* 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 Scroll button */
#infinite-handle {
	clear: both;
	margin: 3em 0;
	text-align: center;
	width: 100%;
}

#infinite-handle span {
	@include typecsset-font-size(16px,"false");

	background: $color__link;
	border: 0;
	border-radius: 3px;
	clear: both;
	color: #fff !important;
	cursor: pointer;
	padding: 12px 18px;
	text-decoration: none;
	width: auto;

	&:hover {
		background: darken( $color__link, 5% );
		color: #ffffff !important;
	}

	button {
		border: none;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
	}
}