html, body {
    height: 100%;
}
body.blog {
    min-height: 100vh;
	display: flex;
	flex-direction: column;
}
body.blog > .container {
	padding-top: calc(var(--header-height, 0px) + 64px);
    flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}
body.blog > .container > .row {
	flex: 1 1 auto;
	display: flex;
}
body.blog > .container > .row > [class*="col-"] {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}
body.blog .content-list {
	flex: 1 1 auto;
	margin-bottom: 0;
}
@media screen and (max-width: 576px) {
    body.blog > .container {
        padding-top: calc(var(--header-height, 0px) + 36px);
    }
}

/* Pagination */
.pagination {
	padding: 24px 0;
	justify-content: center;
	margin-top: auto;
}

.pagination .nav-links > ul,
.pagination ul.page-numbers {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
}

.pagination .page-numbers {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 40px;
	height: 40px;
	border-radius: 9999px;
	text-decoration: none;
	color: var(--text-gray);
	font-size: 1.4rem;
	transition: all ease-in-out .2s;
}

.pagination .page-numbers.current {
	color: var(--blue);
	font-weight: 600;
}
.pagination .page-numbers.current:hover {
	cursor: pointer;
	opacity: .8;
}

.pagination .prev,
.pagination .next {
	display: none !important;
}

@media screen and (max-width: 576px) {
	ul.content-list li:last-of-type {
		margin-bottom: 0;
	}
	.pagination {
		padding: 36px 0;
	}
}