@charset "UTF-8";

:root {
--header-height: 60px;
--header-offset: var(--base-offset);
--header-background: var(--base-color-text);
--header-color: var(--base-color-background);
--header-color-accent: var(--base-color-accent);
--header-animation-time: 250ms;
}
body {
padding-top: var(--header-height);
-webkit-transition: padding calc(2 * var(--header-animation-time)) ease-in-out;
transition: padding calc(2 * var(--header-animation-time)) ease-in-out;
}
.responsive-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 200;
padding: 0;
background-color: var(--header-background);
height: var(--header-height);
display: block;
-webkit-transition: height calc(2 * var(--header-animation-time)) ease-in-out;
transition: height calc(2 * var(--header-animation-time)) ease-in-out;
}
.responsive-header .site-layout-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.responsive-header .site-layout-container > * {
width: var(--base-layout-width);
}
.responsive-header .site-layout-container__inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
height: var(--header-height);
}
.responsive-header * {
margin-bottom: 0;
}
.responsive-header a {
color: var(--header-color);
}
.responsive-header a:hover {
text-decoration: none;
color: var(--header-color-accent);
}
.responsive-header ul {
list-style: none;
padding-left: 0;
}
.responsive-header__logo a:hover {
text-decoration: none;
color: var(--header-color);
}
.responsive-header__logo figure {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
}
.responsive-header__logo figure img {
max-height: var(--header-height);
max-width: none;
margin: 0 var(--base-space) 0 0;
}
.responsive-header__menu-trigger {
text-align: right;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 0;
}
@media (min-width: 1000px) {
body:not(.is-header-mode-mobilefirst) .responsive-header__menu-trigger {
display: none;
}
}
@media (max-width: 999px) {
body.is-header-active-modalmenu .responsive-header__menu-trigger {
z-index: 201;
}
}
body.is-header-mode-mobilefirst.is-header-active-modalmenu .responsive-header__menu-trigger {
z-index: 201;
}
.responsive-header__menu-trigger a[href="#menu"] {
display: inline-block;
}
.responsive-header__menu-trigger a[href="#menu"] span {
display: block;
width: 30px;
height: 2px;
background: var(--header-color);
margin: 6px 0;
-webkit-transition: all var(--header-animation-time) ease-in-out;
transition: all var(--header-animation-time) ease-in-out;
}
.responsive-header__menu-trigger a[href="#menu"] span:not(:last-child) {
margin-bottom: 7px;
}
body.is-header-active-modalmenu:not(.is-header-transitional-modalmenu) .responsive-header__menu-trigger a[href="#menu"] span:first-child {
-ms-transform: translateY(10px) rotateZ(-45deg);
-webkit-transform: translateY(10px) rotateZ(-45deg);
transform: translateY(10px) rotateZ(-45deg);
}
body.is-header-active-modalmenu:not(.is-header-transitional-modalmenu) .responsive-header__menu-trigger a[href="#menu"] span:first-child + span {
opacity: 0;
}
body.is-header-active-modalmenu:not(.is-header-transitional-modalmenu) .responsive-header__menu-trigger a[href="#menu"] span:last-child {
-ms-transform: translateY(-7.5px) rotateZ(45deg);
-webkit-transform: translateY(-7.5px) rotateZ(45deg);
transform: translateY(-7.5px) rotateZ(45deg);
}
.responsive-header__menu-trigger a[href="#menu"]:hover span {
background: var(--header-color-accent);
}
.responsive-header__menu {
position: relative;
text-align: right;
}
@media (max-width: 999px) {
.responsive-header__menu {
display: none;
text-align: left;
}
}
body.is-header-mode-mobilefirst .responsive-header__menu {
display: none;
text-align: left;
}
.responsive-header__menu a {
line-height: 1;
-webkit-transition: all var(--header-animation-time) ease-in-out;
transition: all var(--header-animation-time) ease-in-out;
display: block;
}
.responsive-header__menu ul {
text-align: left;
}
.responsive-header__menu ul li {
display: inline-block;
position: relative;
}
@media (max-width: 999px) {
body.is-header-active-modalmenu .responsive-header__menu ul li {
display: block;
}
}
body.is-header-mode-mobilefirst.is-header-active-modalmenu .responsive-header__menu ul li {
display: block;
}
.responsive-header__menu ul.menu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: var(--base-space);
}
body.is-header-mode-mobilefirst .responsive-header__menu ul.menu {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
body.is-header-mode-mobilefirst.is-header-mode-topslide .responsive-header__menu ul.menu {
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 999px) {
.responsive-header__menu ul.menu {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
body.is-header-mode-topslide .responsive-header__menu ul.menu {
-ms-flex-align: center;
align-items: center;
}
}
.responsive-header__menu ul.sub-menu {
display: none;
opacity: 1;
position: absolute;
top: 2rem;
left: calc(-1 * var(--base-space));
width: 320px;
padding: var(--base-space) 0 calc(var(--base-space) / 2);
-webkit-transition: opacity var(--header-animation-time) ease-in-out;
transition: opacity var(--header-animation-time) ease-in-out;
background-color: var(--header-background);
}
.responsive-header__menu ul.sub-menu li {
display: block;
}
.responsive-header__menu ul.sub-menu a {
padding: 5px var(--base-space);
display: block;
}
.responsive-header__menu ul.sub-menu a:hover {
color: var(--header-color-accent);
}
.responsive-header__menu .current-menu-item > a, .responsive-header__menu .current-page-ancestor > a, .responsive-header__menu .current-menu-parent > a {
color: var(--header-color-accent);
}
.responsive-header__menu ul.sub-menu:hover, .responsive-header__menu li:hover > a + ul.sub-menu {
display: block;
opacity: 1;
-webkit-animation: headerSubmenuFadein var(--header-animation-time) ease-in-out;
animation: headerSubmenuFadein var(--header-animation-time) ease-in-out;
}
@media (max-width: 999px) {
body.is-header-active-modalmenu .responsive-header__menu ul.sub-menu:hover, body.is-header-active-modalmenu .responsive-header__menu li:hover > a + ul.sub-menu {
display: none;
}
}
body.is-header-mode-mobilefirst.is-header-active-modalmenu .responsive-header__menu ul.sub-menu:hover, body.is-header-mode-mobilefirst.is-header-active-modalmenu .responsive-header__menu li:hover > a + ul.sub-menu {
display: none;
}
body.is-header-active-modalmenu .responsive-header__menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 350px;
max-width: 100%;
background: var(--header-background);
padding: var(--base-offset);
padding-top: calc(var(--header-height) + var(--base-space));
-webkit-animation: headerMenuSlideIn var(--header-animation-time) ease-in-out;
animation: headerMenuSlideIn var(--header-animation-time) ease-in-out;
}
@media (max-width: 999px) {
body.is-header-active-modalmenu .responsive-header__menu {
display: block;
}
}
body.is-header-active-modalmenu .responsive-header__menu li {
display: block;
}
body.is-header-active-modalmenu .responsive-header__menu li a {
display: inline-block;
}
body.is-header-transitional-modalmenu .responsive-header__menu {
-webkit-animation: headerMenuSlideOut var(--header-animation-time) ease-in-out;
animation: headerMenuSlideOut var(--header-animation-time) ease-in-out;
}
body.is-header-mode-mobilefirst.is-header-active-modalmenu .responsive-header__menu {
display: block;
}
body.is-header-mode-topslide.is-header-mode-mobilefirst .responsive-header__menu {
-webkit-animation: headerMenuFallIn var(--header-animation-time) ease-in-out;
animation: headerMenuFallIn var(--header-animation-time) ease-in-out;
bottom: initial;
top: -100vh;
height: 100vh;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
text-align: center;
padding: var(--base-offset);
}
body.is-header-mode-topslide.is-header-mode-mobilefirst .responsive-header__menu-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex: 1;
flex: 1;
}
body.is-header-mode-topslide.is-header-mode-mobilefirst .responsive-header__menu-primary {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
body.is-header-mode-topslide.is-header-mode-mobilefirst.is-header-transitional-modalmenu .responsive-header__menu {
-webkit-animation: headerMenuFallOut var(--header-animation-time) ease-in-out;
animation: headerMenuFallOut var(--header-animation-time) ease-in-out;
}
@media (max-width: 999px) {
body.is-header-mode-topslide .responsive-header__menu {
-webkit-animation: headerMenuFallIn var(--header-animation-time) ease-in-out;
animation: headerMenuFallIn var(--header-animation-time) ease-in-out;
bottom: initial;
top: -100vh;
height: 100vh;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
text-align: center;
padding: var(--base-offset);
}
body.is-header-mode-topslide .responsive-header__menu-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex: 1;
flex: 1;
}
body.is-header-mode-topslide .responsive-header__menu-primary {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
body.is-header-mode-topslide.is-header-transitional-modalmenu .responsive-header__menu {
-webkit-animation: headerMenuFallOut var(--header-animation-time) ease-in-out;
animation: headerMenuFallOut var(--header-animation-time) ease-in-out;
}
}
body.is-header-mode-topslide.is-header-active-modalmenu .responsive-header__menu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
top: 0;
}
.responsive-header__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.responsive-header__widgets .widget_media_image:not(:last-child) {
margin-right: 1rem;
}
@-webkit-keyframes headerSubmenuFadein {
0% {
display: none;
opacity: 0;
}
1% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 0;
}
100% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 1;
}
}
@keyframes headerSubmenuFadein {
0% {
display: none;
opacity: 0;
}
1% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 0;
}
100% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 1;
}
}
@-webkit-keyframes headerMenuSlideIn {
0% {
right: -350px;
}
100% {
right: 0;
}
}
@keyframes headerMenuSlideIn {
0% {
right: -350px;
}
100% {
right: 0;
}
}
@-webkit-keyframes headerMenuSlideOut {
0% {
right: 0;
}
100% {
right: -350px;
}
}
@keyframes headerMenuSlideOut {
0% {
right: 0;
}
100% {
right: -350px;
}
}
@-webkit-keyframes headerMenuFallIn {
0% {
top: -100vh;
}
100% {
top: 0;
}
}
@keyframes headerMenuFallIn {
0% {
top: -100vh;
}
100% {
top: 0;
}
}
@-webkit-keyframes headerMenuFallOut {
0% {
top: 0;
}
100% {
top: -100vh;
}
}
@keyframes headerMenuFallOut {
0% {
top: 0;
}
100% {
top: -100vh;
}
}