@charset 'utf-8';

.content-paging {
	flex-direction:row;
	justify-content:center;
	align-items:stretch;
}

.content-paging-prev,
.content-paging-next,
.content-paging-top > .content-paging-prev,
.content-paging-top > .content-paging-next {
	display:flex;
}
.content-paging-prev { order:1; margin:0; }
.content-paging-next { order:3; margin:0; }

.content-paging-prev-button.content-paging-link,
.content-paging-next-button.content-paging-link { min-width:1.5em; margin-bottom:.25em; }

.content-paging-links {
	margin-left:.125em;
	margin-right:.125em;
	justify-content:flex-start;
}

.content-paging-prev-button.content-paging-link,
.content-paging-next-button.content-paging-link {
	padding:.15em .25em .15em .25em;
}
.content-paging-prev-button:before,
.content-paging-next-button:before {
	font-family:FontAwesome;
}
.content-paging-prev-button:before { content:'\f100'; }
.content-paging-next-button:before { content:'\f101'; }


.content-paging-prev-button > span,
.content-paging-next-button > span { display:none; }

.content-paging:not(.has-prev) > .content-paging-prev,
.content-paging:not(.has-next) > .content-paging-next {
	display:flex;
	visibility:hidden;
}

@media (max-width:767px) {
	.content-paging { flex-direction:row; flex-wrap:wrap; }
	.content-paging-links { order:3; width:100%; margin-left:0; margin-right:0; }
	.content-paging-prev { order:1; width:50%; }
	.content-paging-next { order:2; width:50%; }
	.content-paging-prev > .content-paging-link {
		width:calc(100% - .125em);
		margin-left:0;
	}
	.content-paging-next > .content-paging-link {
		width:calc(100% - .125em);
		margin-right:0;
	}
	
	.content-paging:not(.has-next) > .content-paging-next,
	.content-paging:not(.has-prev) > .content-paging-prev {
		visibility:visible;
		opacity:.5;
		pointer-events:none;
	}
	.content-paging:not(.has-next) > .content-paging-next > .content-paging-link,
	.content-paging:not(.has-prev) > .content-paging-prev > .content-paging-link {
		background:#eee;
	}
	.content-paging:not(.has-next) > .content-paging-next > .content-paging-link::before,
	.content-paging:not(.has-prev) > .content-paging-prev > .content-paging-link::before {
		display:none;
	}
	
	.content-paging.content-paging-top > .content-paging-prev,
	.content-paging.content-paging-top > .content-paging-next {
		display:none !important;
	}
	
}