/**
 * Wrapper of the main body
 * - after the header, overlay-menu and the hero
 * - before the footer
 */

.c-body {
	@include z(z-body);
	position: relative;

	// Reset body content to top because hero is collapsed and we want content to snug up to the header
	.c-hero--collapse + &,
	.c-hero--x-collapse + & {
		margin-top: -#{$block-spacing / 1.35};

		@include mq($max: $header-large-bp) {
			margin-top: calc(#{$overflow-menu-header-height} + #{$grid-gutter});
		}
	}
}


.c-body--static {
	position: static;
}