:root {
--barba-transition-timing: 400ms;
}
@media screen and (min-width: 40em) {
:root {
--barba-transition-timing: 550ms;
}
} 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 { 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;
}