.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);
}
.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) {
body {
--barba-transition-timing: 1s;
}
.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);
}
}