@charset "UTF-8";

:root {
--header-height: 70px;
--header-offset: var(--base-offset);
--header-background: transparent;
--header-color: var(--base-color-accent);
--header-color-accent: var(--base-color-accent);
}
@media (max-width: 781px) {
:root {
--header-height: 56px;
}
}
body {
padding-top: 0;
}
.responsive-header {
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
body.is-scrolled .responsive-header {
opacity: 0;
pointer-events: none;
}
.responsive-header figure figcaption {
margin-left: .25em;
color: var(--base-color-light);
}