@charset "UTF-8";
.show-menus .main-header {
  background-color: var(--header-background-color);
}
.show-menus .animation-follow .mainmenu .menu > li:before, .show-menus .animation-follow .mainmenu .menu > li:after {
  display: none;
}
.show-menus .animation-follow.animation-follow-move-and-stay .menu > li[class*=current-menu-]:before, .show-menus .animation-follow.animation-follow-move-and-stay .menu > li[class*=current-menu-]:after,
.show-menus .animation-follow.animation-follow-move-and-stay .menu > li[class*=current_page_]:before,
.show-menus .animation-follow.animation-follow-move-and-stay .menu > li[class*=current_page_]:after {
  display: block;
  content: "";
}
.show-menus .site-header .searchform {
  display: none;
}
.show-menus .site-header .social {
  display: flex;
  align-items: stretch;
  height: 100%;
  padding: 0;
  margin: 0;
}
.show-menus .site-header .social li {
  transition: all var(--menu-animation-time) ease-in-out;
}
.show-menus .site-header .social .social-link {
  height: 100%;
}
.show-menus .site-header .cart-link,
.show-menus .site-header .link-box-link {
  padding: 0 var(--header-menu-item-padding);
}
.show-menus .site-header .mainmenu .cart-link .cart-link-qty {
  left: calc(20px + var(--header-menu-item-padding));
}
.show-menus .site-header .menu .sub-menu {
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 100%;
  width: 230px;
  padding: 10px 0;
  border: 1px solid var(--submenu-border-color);
  background: var(--submenu-background-color);
  font-size: var(--submenu-font-size);
  pointer-events: none;
  text-align: left;
}
.show-menus .site-header .menu .sub-menu ul {
  left: 100%;
  top: -10px;
}
.show-menus .site-header .menu .sub-menu li {
  display: block;
  position: relative;
  margin: 0;
}
.show-menus .site-header .menu .sub-menu li:not(.btn) > a {
  padding: 8px 15px 8px 30px;
  color: var(--submenu-link-color);
  line-height: 1.5em;
  background-color: var(--submenu-link-background-color);
}
.show-menus .site-header .menu .sub-menu li:not(.btn) > a:hover, .show-menus .site-header .menu .sub-menu li:not(.btn) > a:focus {
  background-color: var(--submenu-link-background-hover-color);
  color: var(--submenu-link-hover-color);
}
.show-menus .site-header .menu .sub-menu li:not(.btn) > a:after {
  font-size: 11px;
}
.show-menus .site-header .menu .sub-menu li.no-text a {
  line-height: 18px;
}
.show-menus .site-header .menu .sub-menu li.menu-item-has-children > a {
  position: relative;
}
.show-menus .site-header .menu .sub-menu li.menu-item-has-children > a:hover, .show-menus .site-header .menu .sub-menu li.menu-item-has-children > a:focus {
  background: var(--submenu-link-background-hover-color);
  color: var(--submenu-link-hover-color);
}
.show-menus .site-header .menu .sub-menu li.menu-item-has-children > a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "m";
  content: "";
}
.show-menus .site-header .menu .sub-menu li.current-menu-item > a, .show-menus .site-header .menu .sub-menu li.current_page_item > a, .show-menus .site-header .menu .sub-menu li.current-menu-parent > a {
  color: var(--header-link-hover-color);
}
.show-menus .site-header .menu .sub-menu li.current-menu-item > a:hover, .show-menus .site-header .menu .sub-menu li.current-menu-item > a:focus, .show-menus .site-header .menu .sub-menu li.current_page_item > a:hover, .show-menus .site-header .menu .sub-menu li.current_page_item > a:focus, .show-menus .site-header .menu .sub-menu li.current-menu-parent > a:hover, .show-menus .site-header .menu .sub-menu li.current-menu-parent > a:focus {
  background: var(--submenu-link-background-hover-color);
  color: var(--submenu-link-hover-color);
}
.show-menus .site-header li:hover > .sub-menu,
.show-menus .site-header li:focus-within > .sub-menu {
  opacity: 1;
  pointer-events: auto;
}
.show-menus .site-header .submenu-animation-fade .sub-menu {
  transition: opacity var(--menu-animation-time) ease-in-out;
}
.show-menus .site-header .submenu-animation-fade li:hover > .sub-menu,
.show-menus .site-header .submenu-animation-fade li:focus-within > .sub-menu {
  opacity: 1;
}
.show-menus .site-header .submenu-animation-fade-move .sub-menu {
  transition-duration: var(--menu-animation-time);
  transition-property: opacity, transform;
  transform: translateY(15px);
}
.show-menus .site-header .submenu-animation-fade-move li:hover > .sub-menu,
.show-menus .site-header .submenu-animation-fade-move li:focus-within > .sub-menu {
  opacity: 1;
  transform: none;
}
.show-menus .site-header .menu > li > .sub-menu:before {
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  height: var(--header-separator-width);
  background: var(--header-separator-color);
  content: "";
}
.show-menus .site-header .mainmenu-row:last-child .menu > li > .sub-menu:before {
  height: var(--header-border-bottom-width);
  background: var(--header-border-color-bottom);
}
.show-menus .site-header.header-shadow .menu > li > .sub-menu {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
}
.show-menus .site-header.header-shadow.sticky:not(.sticky-header-shadow) .menu > li > .sub-menu {
  box-shadow: none;
}
.show-menus .site-header.sticky-header-shadow.sticky .menu > li > .sub-menu {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
}
.show-menus .site-header .m-icon .sub-menu {
  font-family: var(--primary-font);
}
.show-menus .site-header .menu-item-cart .sub-menu {
  width: 250px;
}
.show-menus .site-header .right > .sub-menu {
  right: 0;
  left: auto;
}
.show-menus .mainmenu {
  overflow: visible;
  display: block;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  background: transparent;
}
.show-menus .mainmenu .mainmenu-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--header-menu-item-spacing);
  padding: 0;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.show-menus .mainmenu .mainmenu-row.mainmenu-row-top {
  min-height: var(--header-top-height);
  z-index: 3;
}
.show-menus .mainmenu .mainmenu-row.mainmenu-row-top .social a {
  line-height: var(--header-top-height);
}
.show-menus .mainmenu .mainmenu-row.mainmenu-row-bottom {
  padding-top: var(--header-separator-width);
  min-height: var(--header-bottom-height);
  z-index: 2;
}
.show-menus .mainmenu .mainmenu-row.mainmenu-row-bottom:before {
  display: block;
  width: 100vw;
  height: 0;
  border-top: var(--header-separator-width) solid var(--header-separator-color);
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.show-menus .mainmenu li {
  border-top: none;
  position: relative;
  transition: all var(--menu-animation-time) ease-in-out;
}
.show-menus .mainmenu li.menu-item-search, .show-menus .mainmenu li.menu-item-cart {
  display: flex;
}
.show-menus .mainmenu li.menu-item-search a, .show-menus .mainmenu li.menu-item-cart a {
  display: flex;
  align-items: center;
}
.show-menus .mainmenu .social {
  border-top: none;
}
.show-menus .mainmenu .menu {
  display: flex;
  gap: var(--header-menu-item-spacing);
  align-items: stretch;
  clear: none;
  border-top: 0;
  transition: all 0.3s ease-in-out;
  height: 100%;
  margin: 0;
}
.show-menus .mainmenu .menu li:not(.btn):hover > a,
.show-menus .mainmenu .menu li:not(.btn):focus-within > a {
  color: var(--header-link-hover-color);
  background-color: var(--header-link-background-hover-color);
}
.show-menus .mainmenu .menu li > a {
  color: var(--header-link-color);
  transition-duration: var(--menu-animation-time);
}
.show-menus .mainmenu .menu > li {
  border-top: 0;
  flex-shrink: 0;
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.show-menus .mainmenu .menu > li.btn {
  border-top: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.show-menus .mainmenu .menu > li:before, .show-menus .mainmenu .menu > li:after {
  display: block;
  position: absolute;
  z-index: 0;
  left: 50%;
  transform: translate(-50%, var(--link-line-v-offset));
  content: "";
  transition: all var(--menu-animation-time) ease-in-out;
  background: var(--header-link-border-color);
}
.show-menus .mainmenu .menu > li:not(.btn) > a {
  box-sizing: border-box;
  height: 100%;
  padding: 0 var(--header-menu-item-padding);
  border-bottom: 0;
  border-top: 0;
  background-color: var(--header-link-background-color);
  font-weight: var(--header-menu-font-weight);
  font-family: var(--header-menu-font-family);
  font-size: var(--header-menu-font-size);
}
.show-menus .mainmenu .menu > li:not(.btn) > a:before, .show-menus .mainmenu .menu > li:not(.btn) > a:after {
  font-weight: 400;
}
.show-menus .mainmenu .menu > li.no-text > a {
  font-size: 0;
}
.show-menus .mainmenu .menu > li.no-text > a.m-icon:before, .show-menus .mainmenu .menu > li.no-text > a.m-icon:after {
  font-family: var(--header-menu-font-family);
  font-size: var(--header-menu-font-size);
}
.show-menus .mainmenu .menu > li.no-text > a.m-icon:before {
  margin-right: 0;
}
.show-menus .mainmenu .menu > li.menu-item-has-children > a > .link-text:after {
  margin-left: 10px;
  font-family: "m";
  vertical-align: top;
  content: var(--header-menu-pulldown-icon-closed);
  color: var(--header-pull-down-color);
  font-size: 11px;
  transition: color var(--menu-animation-time) ease-in-out;
}
.show-menus .mainmenu .menu > li.menu-item-has-children:hover > a .link-text:after, .show-menus .mainmenu .menu > li.menu-item-has-children:focus-within > a .link-text:after, .show-menus .mainmenu .menu > li.menu-item-has-children.current-menu-item > a .link-text:after, .show-menus .mainmenu .menu > li.menu-item-has-children.current-menu-ancestor > a .link-text:after, .show-menus .mainmenu .menu > li.menu-item-has-children.current_page_item > a .link-text:after, .show-menus .mainmenu .menu > li.menu-item-has-children.current-menu-parent > a .link-text:after, .show-menus .mainmenu .menu > li.menu-item-has-children.current_page_ancestor > a .link-text:after {
  color: var(--header-pull-down-hover-color);
}
.show-menus .mainmenu .menu > li.menu-item-has-children:hover > a .link-text:after, .show-menus .mainmenu .menu > li.menu-item-has-children:focus-within > a .link-text:after {
  content: var(--header-menu-pulldown-icon-expanded);
}
.show-menus .mainmenu .menu > li.current-menu-item:not(.btn) > a, .show-menus .mainmenu .menu > li.current-menu-ancestor:not(.btn) > a, .show-menus .mainmenu .menu > li.current_page_item:not(.btn) > a, .show-menus .mainmenu .menu > li.current-menu-parent:not(.btn) > a, .show-menus .mainmenu .menu > li.current_page_ancestor:not(.btn) > a {
  color: var(--header-link-hover-color);
}
.show-menus .mainmenu .social {
  flex-wrap: nowrap;
}
.show-menus .mainmenu .mainmenu-section-right .menu:last-child > li:last-child, .show-menus .mainmenu .mainmenu-section-right .menu:last-child > li.btn:last-child,
.show-menus .mainmenu .mainmenu-section-right .social:last-child > li:last-child,
.show-menus .mainmenu .mainmenu-section-right .social:last-child > li.btn:last-child {
  padding-right: 0;
}
.show-menus .mainmenu .mainmenu-row {
  padding: 0 20px;
}
.show-menus .mainmenu .menu > li.btn > a.button.fullheight {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.show-menus .mainmenu .mainmenu-row-top .menu > li:not(.btn) > a,
.show-menus .mainmenu .mainmenu-row-top .menu > li.btn > a.button.fullheight {
  line-height: var(--header-top-height);
}
.show-menus .mainmenu .mainmenu-row-bottom .menu > li:not(.btn) > a,
.show-menus .mainmenu .mainmenu-row-bottom .menu > li.btn > a.button.fullheight {
  line-height: var(--header-bottom-height);
}
.show-menus .mainmenu .menu-with-separators .menu {
  background-image: linear-gradient(to bottom, var(--header-menu-separator-color), var(--header-menu-separator-color));
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: var(--header-menu-separator-width) var(--header-menu-separator-height);
}
.show-menus .mainmenu .menu-with-separators .menu > li {
  background-image: linear-gradient(to bottom, var(--header-menu-separator-color), var(--header-menu-separator-color));
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: var(--header-menu-separator-width) var(--header-menu-separator-height);
}
.show-menus .mainmenu .menu-with-separators .menu + .menu {
  background: none;
}
.show-menus .mainmenu.rotate-submenu-icon .menu > li > a .link-text:after {
  background: inherit;
  transition: transform var(--menu-animation-time) ease-in-out;
}
.show-menus .mainmenu.rotate-submenu-icon .menu > li:hover > a .link-text:after, .show-menus .mainmenu.rotate-submenu-icon .menu > li:focus-within > a .link-text:after {
  transform: rotate(-180deg);
}
.show-menus .mainmenu a .pull-down {
  display: none;
}
.show-menus .mainmenu a.m-icon:before {
  font-size: 20px;
}
.show-menus .full-width .main-header-content {
  max-width: none;
}
.show-menus .full-width .mainmenu .mainmenu-row {
  padding: 0 20px;
}
.show-menus .full-width .mainmenu .mainmenu-row.mainmenu-row-bottom {
  padding-top: 0;
  border-top: var(--header-separator-width) solid var(--header-separator-color);
}
.show-menus .full-width .mainmenu .mainmenu-row.mainmenu-row-bottom:before {
  display: none;
}
.show-menus .mainmenu-section {
  display: flex;
  align-items: stretch;
  gap: calc(var(--header-menu-item-spacing) / 2 + 10px);
}
.show-menus .mainmenu-section .logo {
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.show-menus .mainmenu-section .logo:first-child {
  padding-left: 0;
}
.show-menus .mainmenu-section .logo:last-child {
  padding-right: 0;
}
.show-menus .mainmenu-section .logo.offset-up {
  margin-top: var(--logo-v-offset);
}
.show-menus .mainmenu-section .logo.offset-down {
  margin-bottom: var(--logo-v-offset);
}
.show-menus .logo-pos-center .mainmenu-section-center {
  flex-shrink: 0;
}
.show-menus .logo-pos-center .mainmenu-section-left {
  justify-content: flex-start;
  width: 100%;
}
.show-menus .logo-pos-center .mainmenu-section-right {
  justify-content: flex-end;
  width: 100%;
}
.show-menus .logo-pos-center.item-placement-tight .mainmenu-section-left {
  justify-content: flex-end;
}
.show-menus .logo-pos-center.item-placement-tight .mainmenu-section-right {
  justify-content: flex-start;
}
.show-menus .logo-pos-center .logo:hover,
.show-menus .logo-pos-center .logo:focus {
  background: transparent;
}
.show-menus .logo-pos-right .logo {
  margin-right: 30px;
}
.show-menus .site-header.sticky .mainmenu-row:not(.sticky-show) {
  overflow: hidden;
  height: 0;
  min-height: 0;
}
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-top {
  min-height: var(--sticky-header-top-height);
}
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-top .menu > li:not(.btn) > a,
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-top .menu > li.btn > a.button.fullheight,
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-top .social-link {
  line-height: var(--sticky-header-top-height);
}
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-bottom {
  min-height: var(--sticky-header-bottom-height);
}
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-bottom .menu > li:not(.btn) > a,
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-bottom .menu > li.btn > a.button.fullheight,
.show-menus .site-header.sticky .mainmenu-row.sticky-show.mainmenu-row-bottom .social-link {
  line-height: var(--sticky-header-bottom-height);
}
.show-menus .site-header.sticky .mainmenu .menu > li:not(.btn):hover > a, .show-menus .site-header.sticky .mainmenu .menu > li:not(.btn):focus-within > a {
  color: var(--sticky-header-link-hover-color);
  background-color: var(--sticky-header-link-background-hover-color);
}
.show-menus .site-header.sticky .mainmenu .menu > li:not(.btn) > a {
  color: var(--sticky-header-link-color);
}
.show-menus .site-header.sticky .mainmenu .menu > li:not(.btn) > a {
  background-color: var(--sticky-header-link-background-color);
}
.show-menus .site-header.sticky .mainmenu .menu > li:before, .show-menus .site-header.sticky .mainmenu .menu > li:after, .show-menus .site-header.sticky .mainmenu .menu > li.m-icon:before {
  background: var(--sticky-header-link-border-color);
}
.show-menus .site-header.sticky .mainmenu .menu > li.menu-item-has-children > a:after {
  color: var(--sticky-header-pull-down-color);
}
.show-menus .site-header.sticky .mainmenu .menu > li.menu-item-has-children:hover > a:after, .show-menus .site-header.sticky .mainmenu .menu > li.menu-item-has-children:focus-within > a:after, .show-menus .site-header.sticky .mainmenu .menu > li.menu-item-has-children.current-menu-item > a:after, .show-menus .site-header.sticky .mainmenu .menu > li.menu-item-has-children.current_page_item > a:after, .show-menus .site-header.sticky .mainmenu .menu > li.menu-item-has-children.current-menu-parent > a:after, .show-menus .site-header.sticky .mainmenu .menu > li.menu-item-has-children.current_page_ancestor > a:after {
  color: var(--sticky-header-pull-down-hover-color);
}
.show-menus .site-header.sticky .mainmenu .menu > li.current-menu-item:not(.btn) > a, .show-menus .site-header.sticky .mainmenu .menu > li.current_page_item:not(.btn) > a, .show-menus .site-header.sticky .mainmenu .menu > li.current-menu-parent:not(.btn) > a, .show-menus .site-header.sticky .mainmenu .menu > li.current_page_ancestor:not(.btn) > a {
  color: var(--sticky-header-link-hover-color);
}
.show-menus .site-header.sticky .animation-follow .magic-line:before, .show-menus .site-header.sticky .animation-follow .magic-line:after {
  background: var(--sticky-header-link-border-color);
}

/* main menu animations */
.menu-link-animations .menu > li:before {
  height: var(--link-line-thickness);
  top: var(--link-line-v-pos);
}

.line-pos-left .menu-link-animations .menu > li:before {
  left: calc(var(--header-menu-item-spacing) + calc(var(--link-line-length) / 2));
}

.line-pos-right .menu-link-animations .menu > li:before {
  left: calc(100% - calc(var(--header-menu-item-spacing) + calc(var(--link-line-length) / 2)));
}

.animation-fade .menu-link-animations .menu > li:before {
  width: var(--link-line-length);
  opacity: 0;
}
.animation-fade .menu-link-animations .menu > li:hover:before, .animation-fade .menu-link-animations .menu > li:focus-within:before, .animation-fade .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-fade .menu-link-animations .menu > li.current_page_ancestor:before {
  opacity: 1;
}

.animation-grow-top .menu-link-animations .menu > li:before {
  width: var(--link-line-length);
  height: 0;
}
.animation-grow-top .menu-link-animations .menu > li:hover:before, .animation-grow-top .menu-link-animations .menu > li:focus-within:before, .animation-grow-top .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-top .menu-link-animations .menu > li.current_page_ancestor:before {
  height: var(--link-line-thickness);
}

.animation-grow-bottom .menu-link-animations .menu > li:before {
  top: calc(var(--link-line-v-pos) + var(--link-line-thickness));
  width: var(--link-line-length);
  height: 0;
}
.animation-grow-bottom .menu-link-animations .menu > li:hover:before, .animation-grow-bottom .menu-link-animations .menu > li:focus-within:before, .animation-grow-bottom .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-bottom .menu-link-animations .menu > li.current-menu-ancestor:before {
  top: var(--link-line-v-pos);
  height: var(--link-line-thickness);
}

.animation-grow-l .menu-link-animations .menu > li:before {
  left: calc((100% - var(--link-line-length)) / 2);
  width: 0;
  transform: translateY(var(--link-line-v-offset));
}
.animation-grow-l .menu-link-animations .menu > li:hover:before, .animation-grow-l .menu-link-animations .menu > li:focus-within:before, .animation-grow-l .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-l .menu-link-animations .menu > li[class*=current_page_ancestor_]:before {
  width: var(--link-line-length);
}
.animation-grow-l.line-pos-left .menu-link-animations .menu > li:before {
  left: var(--header-menu-item-spacing);
}
.animation-grow-l.line-pos-right .menu-link-animations .menu > li:before {
  left: calc(100% - calc(var(--header-menu-item-spacing) + var(--link-line-length)));
}

.animation-grow-r .menu-link-animations .menu > li:before {
  right: calc((100% - var(--link-line-length)) / 2);
  left: auto;
  width: 0;
  transform: translateY(var(--link-line-v-offset));
}
.animation-grow-r .menu-link-animations .menu > li:hover:before, .animation-grow-r .menu-link-animations .menu > li:focus-within:before, .animation-grow-r .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-r .menu-link-animations .menu > li[class*=current_page_ancestor_]:before {
  width: var(--link-line-length);
}
.animation-grow-r.line-pos-left .menu-link-animations .menu > li:before {
  right: var(--header-menu-item-spacing);
  left: auto;
}
.animation-grow-r.line-pos-right .menu-link-animations .menu > li:before {
  right: calc(100% - (var(--header-menu-item-spacing) + var(--link-line-length)));
  left: auto;
}

.animation-grow-l2 .menu-link-animations .menu > li:before {
  transition: none;
  left: calc((100% - var(--link-line-length)) / 2);
  transform: translateY(var(--link-line-v-offset));
  animation: link-line-grow-l2-off var(--menu-animation-time) ease-in-out forwards;
}
.animation-grow-l2 .menu-link-animations .menu > li:hover:before, .animation-grow-l2 .menu-link-animations .menu > li:focus-within:before, .animation-grow-l2 .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-l2 .menu-link-animations .menu > li.current_page_ancestor:before {
  animation: link-line-grow-l2-on var(--menu-animation-time) ease-in-out forwards;
}
.animation-grow-l2.line-pos-left .menu-link-animations .menu > li:before {
  left: var(--header-menu-item-spacing);
  animation: link-line-grow-l2-off-left var(--menu-animation-time) ease-in-out;
}
.animation-grow-l2.line-pos-left .menu-link-animations .menu > li:hover:before, .animation-grow-l2.line-pos-left .menu-link-animations .menu > li:focus-within:before, .animation-grow-l2.line-pos-left .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-l2.line-pos-left .menu-link-animations .menu > li.current_page_ancestor:before {
  animation: link-line-grow-l2-on var(--menu-animation-time) ease-in-out;
}
.animation-grow-l2.line-pos-right .menu-link-animations .menu > li:before {
  left: calc(100% - (var(--header-menu-item-spacing) + var(--link-line-length)));
  animation: link-line-grow-l2-off-right var(--menu-animation-time) ease-in-out;
}
.animation-grow-l2.line-pos-right .menu-link-animations .menu > li:hover:before, .animation-grow-l2.line-pos-right .menu-link-animations .menu > li:focus-within:before, .animation-grow-l2.line-pos-right .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-l2.line-pos-right .menu-link-animations .menu > li.current_page_ancestor:before {
  animation: link-line-grow-l2-on var(--menu-animation-time) ease-in-out;
}

.animation-grow-r2 .menu-link-animations .menu > li:before {
  transition: none;
  right: calc((100% - var(--link-line-length)) / 2);
  left: auto;
  width: 0;
  transform: translateY(var(--link-line-v-offset));
  animation: link-line-grow-r2-off var(--menu-animation-time) ease-in-out;
}
.animation-grow-r2 .menu-link-animations .menu > li:hover:before, .animation-grow-r2 .menu-link-animations .menu > li:focus-within:before, .animation-grow-r2 .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-r2 .menu-link-animations .menu > li.current_page_ancestor:before {
  animation: link-line-grow-r2-on var(--menu-animation-time) ease-in-out;
  transition: none;
  width: var(--link-line-length);
}
.animation-grow-r2.line-pos-left .menu-link-animations .menu > li:before {
  right: var(--header-menu-item-spacing);
  left: auto;
  animation: link-line-grow-r2-off-left var(--menu-animation-time) ease-in-out;
}
.animation-grow-r2.line-pos-left .menu-link-animations .menu > li:hover:before, .animation-grow-r2.line-pos-left .menu-link-animations .menu > li:focus-within:before, .animation-grow-r2.line-pos-left .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-r2.line-pos-left .menu-link-animations .menu > li.current_page_ancestor:before {
  animation: link-line-grow-r2-on var(--menu-animation-time) ease-in-out;
}
.animation-grow-r2.line-pos-right .menu-link-animations .menu > li:before {
  right: calc(100% - (var(--header-menu-item-spacing) + var(--link-line-length)));
  left: auto;
  animation: link-line-grow-r2-off-right var(--menu-animation-time) ease-in-out;
}
.animation-grow-r2.line-pos-right .menu-link-animations .menu > li:hover:before, .animation-grow-r2.line-pos-right .menu-link-animations .menu > li:focus-within:before, .animation-grow-r2.line-pos-right .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-r2.line-pos-right .menu-link-animations .menu > li.current_page_ancestor:before {
  animation: link-line-grow-r2-on var(--menu-animation-time) ease-in-out;
}

.animation-grow-lr .menu-link-animations .menu > li:before {
  left: calc(50% - calc(var(--link-line-length) / 2));
  width: 0;
  transform: translateY(var(--link-line-v-offset));
}
.animation-grow-lr .menu-link-animations .menu > li:after {
  top: var(--link-line-v-pos);
  right: calc(50% - calc(var(--link-line-length) / 2));
  left: auto;
  width: 0;
  height: var(--link-line-thickness);
  transform: translateY(var(--link-line-v-offset));
}
.animation-grow-lr .menu-link-animations .menu > li:hover:before, .animation-grow-lr .menu-link-animations .menu > li:hover:after, .animation-grow-lr .menu-link-animations .menu > li:focus-within:before, .animation-grow-lr .menu-link-animations .menu > li:focus-within:after, .animation-grow-lr .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-lr .menu-link-animations .menu > li[class*=current-menu-]:after, .animation-grow-lr .menu-link-animations .menu > li.current_page_ancestor:before, .animation-grow-lr .menu-link-animations .menu > li.current_page_ancestor:after {
  width: calc(var(--link-line-length) / 2);
}
.animation-grow-lr.line-pos-left .menu-link-animations .menu > li:before {
  left: var(--header-menu-item-spacing);
}
.animation-grow-lr.line-pos-left .menu-link-animations .menu > li:after {
  right: calc(100% - var(--header-menu-item-spacing) - var(--link-line-length));
}
.animation-grow-lr.line-pos-right .menu-link-animations .menu > li:before {
  left: calc(100% - var(--header-menu-item-spacing) - var(--link-line-length));
}
.animation-grow-lr.line-pos-right .menu-link-animations .menu > li:after {
  right: var(--header-menu-item-spacing);
}

.animation-grow-mt .menu-link-animations .menu > li:before {
  width: 0;
  height: 0;
  margin-left: 0;
}
.animation-grow-mt .menu-link-animations .menu > li:hover:before, .animation-grow-mt .menu-link-animations .menu > li:focus-within:before, .animation-grow-mt .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-mt .menu-link-animations .menu > li.current_page_ancestor:before {
  width: var(--link-line-length);
  height: var(--link-line-thickness);
}

.animation-grow-mb .menu-link-animations .menu > li:before {
  top: calc(var(--link-line-v-pos) + var(--link-line-thickness));
  width: 0;
  height: 0;
  margin-left: 0;
  opacity: 0;
  transition: opacity 0s linear var(--menu-animation-time), width var(--menu-animation-time) 0s, height var(--menu-animation-time) 0s, top var(--menu-animation-time) 0s;
  -webkit-backface-visibility: hidden;
}
.animation-grow-mb .menu-link-animations .menu > li:hover:before, .animation-grow-mb .menu-link-animations .menu > li:focus-within:before, .animation-grow-mb .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-mb .menu-link-animations .menu > li.current_page_ancestor:before {
  opacity: 1;
  transition: opacity 0s linear 0s, width var(--menu-animation-time) 0s, height var(--menu-animation-time) 0s, top var(--menu-animation-time) 0s;
  top: var(--link-line-v-pos);
  width: var(--link-line-length);
  height: var(--link-line-thickness);
}

.animation-grow-m .menu-link-animations .menu > li:before {
  width: 0;
  margin-left: 0;
}
.animation-grow-m .menu-link-animations .menu > li:hover:before, .animation-grow-m .menu-link-animations .menu > li:focus-within:before, .animation-grow-m .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-grow-m .menu-link-animations .menu > li.current_page_ancestor:before {
  width: var(--link-line-length);
}

.animation-drop-out .menu-link-animations .menu > li:before {
  opacity: 0;
  width: var(--link-line-length);
  transform: translate(-50%, -30px);
}
.animation-drop-out .menu-link-animations .menu > li:hover:before, .animation-drop-out .menu-link-animations .menu > li:focus-within:before, .animation-drop-out .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-drop-out .menu-link-animations .menu > li.current_page_ancestor:before {
  opacity: 1;
  transform: translate(-50%, var(--link-line-v-offset));
}

.animation-drop-in .menu-link-animations .menu > li:before {
  opacity: 0;
  width: var(--link-line-length);
  transform: translateY(30px);
  left: calc((100% - var(--link-line-length)) / 2);
}
.animation-drop-in .menu-link-animations .menu > li:hover:before, .animation-drop-in .menu-link-animations .menu > li:focus-within:before, .animation-drop-in .menu-link-animations .menu > li[class*=current-menu-]:before, .animation-drop-in .menu-link-animations .menu > li.current_page_ancestor:before {
  opacity: 1;
  transform: translateY(var(--link-line-v-offset));
}

.menu-link-animations .menu > li.btn:before, .menu-link-animations .menu > li.btn:after {
  display: none;
}

.main-header-content .menu-link-animations .menu > li.btn:before {
  display: none;
}

/*
Link text color animations
*/
.animate-link-text:not(.animation-fade) .menu-link-animations .menu > li > a .link-text {
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  transition: background-position var(--menu-animation-time), background-size var(--menu-animation-time);
  transition-timing-function: ease-in-out;
}
.animate-link-text:not(.animation-fade) .menu-link-animations .menu > li > a .link-text:after {
  color: transparent;
}
.animate-link-text:not(.animation-fade) .menu-link-animations .menu > li:hover > a .link-text:after, .animate-link-text:not(.animation-fade) .menu-link-animations .menu > li:focus-within > a .link-text:after, .animate-link-text:not(.animation-fade) .menu-link-animations .menu > li[class*=current-menu-] > a .link-text:after {
  color: transparent;
}

.animate-link-text.animation-grow-top .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to top, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 100% 200%;
  background-position: 50% 100%;
}
.animate-link-text.animation-grow-top .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-top .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-top .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-position: 50% 0%;
}
.animate-link-text.animation-grow-bottom .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to bottom, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 100% 200%;
  background-position: 50% 0;
}
.animate-link-text.animation-grow-bottom .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-bottom .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-bottom .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-position: 50% 100%;
}
.animate-link-text.animation-grow-l .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to left, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 200% 100%;
  background-position: 100% 50%;
}
.animate-link-text.animation-grow-l .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-l .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-l .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-position: 0 50%;
}
.animate-link-text.animation-grow-r .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to right, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 200% 100%;
  background-position: 0 50%;
}
.animate-link-text.animation-grow-r .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-r .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-r .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-position: 100% 50%;
}
.animate-link-text.animation-grow-l2 .menu-link-animations .menu > li > a .link-text {
  transition: none;
  background-color: var(--header-link-color);
  background-image: linear-gradient(to bottom, var(--header-link-hover-color), var(--header-link-hover-color));
  background-size: 0% 100%;
  background-position: 0% 50%;
  animation: link-text-grow-l2-off var(--menu-animation-time) ease-in-out;
  background-repeat: no-repeat;
}
.animate-link-text.animation-grow-l2 .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-l2 .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-l2 .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  transition: none;
  animation: link-text-grow-l2-on var(--menu-animation-time) ease-in-out;
  background-size: 100% 100%;
}
.animate-link-text.animation-grow-r2 .menu-link-animations .menu > li > a .link-text {
  transition: none;
  background-color: var(--header-link-color);
  background-image: linear-gradient(to bottom, var(--header-link-hover-color), var(--header-link-hover-color));
  background-size: 0% 100%;
  background-position: 100% 50%;
  animation: link-text-grow-r2-off var(--menu-animation-time) ease-in-out;
  background-repeat: no-repeat;
}
.animate-link-text.animation-grow-r2 .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-r2 .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-r2 .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  transition: none;
  animation: link-text-grow-r2-on var(--menu-animation-time) ease-in-out;
  background-size: 100% 100%;
}
.animate-link-text.animation-grow-lr .menu-link-animations .menu > li > a .link-text {
  background-color: var(--header-link-hover-color);
  background-image: linear-gradient(to bottom, var(--header-link-color), var(--header-link-color));
  background-position: 50% 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.animate-link-text.animation-grow-lr .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-lr .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-lr .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-size: 0 100%;
}
.animate-link-text.animation-grow-mt .menu-link-animations .menu > li > a .link-text {
  background-color: var(--header-link-color);
  background-image: linear-gradient(to top, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 0 200%;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}
.animate-link-text.animation-grow-mt .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-mt .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-mt .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-size: 100% 200%;
  background-position: 50% 0;
}
.animate-link-text.animation-grow-mb .menu-link-animations .menu > li > a .link-text {
  background-color: var(--header-link-color);
  background-image: linear-gradient(to bottom, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 0 200%;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.animate-link-text.animation-grow-mb .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-mb .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-mb .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-size: 100% 200%;
  background-position: 50% 100%;
}
.animate-link-text.animation-grow-m .menu-link-animations .menu > li > a .link-text {
  background-color: var(--header-link-color);
  background-image: linear-gradient(to left, var(--header-link-hover-color), var(--header-link-hover-color));
  background-size: 0 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.animate-link-text.animation-grow-m .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-grow-m .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-grow-m .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-size: 100% 100%;
}
.animate-link-text.animation-drop-out .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to top, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 100% 200%;
  background-position: 50% 100%;
}
.animate-link-text.animation-drop-out .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-drop-out .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-drop-out .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-position: 50% 0%;
}
.animate-link-text.animation-drop-in .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to bottom, var(--header-link-color) 0%, var(--header-link-color) 50%, var(--header-link-hover-color) 50%, var(--header-link-hover-color) 100%);
  background-size: 100% 200%;
  background-position: 50% 0;
}
.animate-link-text.animation-drop-in .menu-link-animations .menu > li:hover > a .link-text, .animate-link-text.animation-drop-in .menu-link-animations .menu > li:focus-within > a .link-text, .animate-link-text.animation-drop-in .menu-link-animations .menu > li[class*=current-menu-] > a .link-text {
  background-position: 50% 100%;
}

.site-header.sticky .animate-link-text.animation-grow-top .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to top, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(--sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
.site-header.sticky .animate-link-text.animation-grow-bottom .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to bottom, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(--sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
.site-header.sticky .animate-link-text.animation-grow-l .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to left, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(--sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
.site-header.sticky .animate-link-text.animation-grow-r .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to right, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(--sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
.site-header.sticky .animate-link-text.animation-grow-l2 .menu-link-animations .menu > li > a .link-text {
  background-color: var(--sticky-header-link-color);
  background-image: linear-gradient(to bottom, var(--sticky-header-link-hover-color), var(--sticky-header-link-hover-color));
}
.site-header.sticky .animate-link-text.animation-grow-r2 .menu-link-animations .menu > li > a .link-text {
  background-color: var(--sticky-header-link-color);
  background-image: linear-gradient(to bottom, var(--sticky-header-link-hover-color), var(--sticky-header-link-hover-color));
}
.site-header.sticky .animate-link-text.animation-grow-lr .menu-link-animations .menu > li > a .link-text {
  background-color: var(--sticky-header-link-hover-color);
  background-image: linear-gradient(to bottom, var(--sticky-header-link-color), var(-sticky-header-link-color));
}
.site-header.sticky .animate-link-text.animation-grow-mt .menu-link-animations .menu > li > a .link-text {
  background-color: var(--sticky-header-link-color);
  background-image: linear-gradient(to top, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(--sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
.site-header.sticky .animate-link-text.animation-grow-mb .menu-link-animations .menu > li > a .link-text {
  background-color: var(--sticky-header-link-color);
  background-image: linear-gradient(to bottom, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(--sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
.site-header.sticky .animate-link-text.animation-grow-m .menu-link-animations .menu > li > a .link-text {
  background-color: var(-sticky-header-link-color);
  background-image: linear-gradient(to left, var(--sticky-header-link-hover-color), var(--sticky-header-link-hover-color));
}
.site-header.sticky .animate-link-text.animation-drop-out .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to top, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(--sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
.site-header.sticky .animate-link-text.animation-drop-in .menu-link-animations .menu > li > a .link-text {
  background-image: linear-gradient(to bottom, var(--sticky-header-link-color) 0%, var(--sticky-header-link-color) 50%, var(-sticky-header-link-hover-color) 50%, var(--sticky-header-link-hover-color) 100%);
}
