@import '../_global';

// Absolute Header
body {
	&:not(.admin-bar) {
		#{$themePrefix} {
			&-header {
				#{$varPrefix}-t: 0;
			}
		}
	}
}

//Theme CSS

#{$themePrefix} {
	//Absolute Header
	&-header {
		#{$varPrefix}-pos: absolute;
		#{$varPrefix}-t: var(--wp-admin--admin-bar--height);
		#{$varPrefix}-l: 0;
		#{$varPrefix}-r: 0;
		#{$varPrefix}-z-idx: 9;
	}

	// Hero Banner
	&-hero {
		&-banner {
			#{$varPrefix}-pos: relative;

			@include respond-above(xxl) {
				min-height: 85vh !important;
			}

			&-content {
				#{$varPrefix}-pos: relative;
				#{$varPrefix}-z-idx: 2;
			}
		}
	}
}
