/* Transitions */
:root {
	--barba-transition-timing: 400ms;
}
@media screen and (min-width: 40em) {
	:root {
		--barba-transition-timing: 550ms;
	}
}

/* PREVENTS WEIRD BLIP THAT CAN HAPPEN WHEN TRANSITIONING BACK TO HOME PAGE + INTRO */
body:not(.subpage-to-subpage) #primary-container + #primary-container {
	z-index: -1;
	opacity: 0;
}

.content-area {
	opacity: 1;
	transition: opacity var(--barba-transition-timing) cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color var(--barba-transition-timing) cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.transition-out .content-area:not(.page-to-enter) {
	opacity: 0;
}

.transition-out .content-area.page-to-hide {
	position: relative;
	opacity: 0;
}
.transition-out .content-area.page-to-enter {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 1;
}

.fade-nav#masthead.site-header {
	opacity: 0;
	transition: opacity var(--barba-transition-timing) 0.25s cubic-bezier(0.36, 0.04, 0.56, 0.73);
}

.transition-out #masthead:not(.fade-nav),
.transition-out .sub-navigation {
	transition: background-color var(--barba-transition-timing) cubic-bezier(0.36, 0.04, 0.56, 0.73), height var(--barba-transition-timing) cubic-bezier(0.36, 0.04, 0.56, 0.73) !important;
}

body.transition-out {
	/* position: absolute; */
	width: 100%;
	height: auto;
	overflow: hidden;
}

@media screen and (min-width: 40em) {
	.content-area {
		opacity: 1;
		transition: opacity var(--barba-transition-timing) cubic-bezier(0.36, 0.04, 0.56, 0.73), background-color var(--barba-transition-timing) cubic-bezier(0.36, 0.04, 0.56, 0.73);
	}
}

.hide-site-footer footer#colophon {
	display: none;
}