/**
 * BAUART - Reveal ("sticky") footer.
 *
 * The global Elementor footer is pinned to the bottom of the viewport BEHIND
 * the page content, so the content scrolls up and uncovers it.
 * Desktop and laptop only - below Elementor's tablet breakpoint (1024px) the
 * footer stays a normal footer at the end of the page.
 *
 * Companion file: assets/js/bauart-reveal-footer.js
 */

:root {
	--bauart-footer-h: 0px;
	--bauart-header-h: 0px;
	--bauart-footer-shift: 0px;
}

@media ( min-width: 1025px ) {

	body.bauart-reveal-footer footer.elementor-location-footer {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: 0;
		transform: translate3d( 0, var( --bauart-footer-shift ), 0 );
	}

	body.bauart-reveal-footer main.site-main {
		position: relative;
		z-index: 1;
		background-color: #FFFFFF;
		margin-bottom: var( --bauart-footer-h );
		min-height: calc( 100vh - var( --bauart-header-h ) );
	}
}

@media print {

	body.bauart-reveal-footer footer.elementor-location-footer {
		position: static;
		transform: none;
	}

	body.bauart-reveal-footer main.site-main {
		margin-bottom: 0;
		min-height: 0;
	}
}