/**
 * Short pages: keep the footer at the bottom of the window.
 * Longer pages: the footer follows the content.
 */

#page.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}

#page.site > #content {
	flex: 1 0 auto;
}

body.admin-bar #page.site {
	min-height: calc(100vh - 32px);
	min-height: calc(100dvh - 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar #page.site {
		min-height: calc(100vh - 46px);
		min-height: calc(100dvh - 46px);
	}
}