/*************
NAVMENU STYLES
*************/

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 50px 15px;
  padding: 5rem 1.5rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 40px;
  width: 4rem;
  height: 18px;
  height: 1.8rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
  margin-top: -0.1rem;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  width: 4rem;
  height: 2px;
  height: .2rem;
  background-color: var(--secondary) !important;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: '';
  display: block;
}

.hamburger-inner::before {
  top: -8px;
  top: -0.8rem;
}

.hamburger-inner::after {
  bottom: -8px;
  bottom: -0.8rem;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff !important;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
  background-color: var(--secondary) !important;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 8rem;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-0.8rem, 0, 0) rotate(-45deg) scale(.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-0.8rem, 0, 0) rotate(45deg) scale(.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(.8rem, 0, 0) rotate(45deg) scale(.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(.8rem, 0, 0) rotate(-45deg) scale(.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-0.8rem, -1rem, 0) rotate(-45deg) scale(.7, 1);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-0.8rem, 1rem, 0) rotate(45deg) scale(.7, 1);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(.8rem, -1rem, 0) rotate(45deg) scale(.7, 1);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(.8rem, 1rem, 0) rotate(-45deg) scale(.7, 1);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -16px;
  top: -1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -16px;
  top: -1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -0.8rem, 0) rotate(45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  top: .1rem;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition: opacity .125s .275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
  transition: transform .275s cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(135deg);
  transition-delay: .075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(-270deg);
  transition-delay: .075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  top: .1rem;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition: opacity .125s .275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
  transition: transform .275s cubic-bezier(.68, -0.55, .265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(-135deg);
  transition-delay: .075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(270deg);
  transition-delay: .075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s .175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 8px;
  top: .8rem;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  left: -8rem;
  top: -80px;
  top: -8rem;
  transform: translate3d(8rem, 8rem, 0) rotate(45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  right: -8rem;
  top: -80px;
  top: -8rem;
  transform: translate3d(-8rem, 8rem, 0) rotate(-45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s .175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 8px;
  top: .8rem;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  left: -8rem;
  top: 80px;
  top: 8rem;
  transform: translate3d(8rem, -8rem, 0) rotate(-45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  right: -8rem;
  top: 80px;
  top: 8rem;
  transform: translate3d(-8rem, -8rem, 0) rotate(45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1);
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom .08s 0s ease-out, top .08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom .08s ease-out, top .08s ease-out, opacity 0s .08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1px;
  top: .1rem;
}

.hamburger--slider .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-0.57143rem, -0.6rem, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1px;
  top: .1rem;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, .8rem, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(.57143rem, -0.6rem, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -1.6rem, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner,
.hamburger .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin .hamburger-inner::before,
.hamburger .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in;
}

.hamburger--spin .hamburger-inner::after,
.hamburger .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin.is-active .hamburger-inner,
.is-active.hamburger .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before,
.is-active.hamburger .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after,
.is-active.hamburger .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1px;
  top: .1rem;
  transition: background-color 0s .13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 8px;
  top: .8rem;
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring .hamburger-inner::after {
  top: 16px;
  top: 1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, .8rem, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, .8rem, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -16px;
  top: -1.6rem;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -0.8rem, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform .075s .15s cubic-bezier(.55, .055, .675, .19), background-color 0s .075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom .075s .075s ease-in, transform .075s 0s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform .075s 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom .075s .1s ease-out, transform .075s .15s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: .075s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top .075s .12s ease, opacity .075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom .075s .12s ease, transform .075s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .075s ease, opacity .075s .12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .075s ease, transform .075s .12s cubic-bezier(.215, .61, .355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}



/**
NAV
**/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  pointer-events: none !important;
}

.screen-reader-text.skip-link {
  margin: 5px;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 0;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

header .nav-primary {
	position: relative;
}
.menu-items > li > a {
    font-family: var(--font-sys);
	font-weight: 400;
	font-size: 1.6rem;
	letter-spacing: 0.075em;
	padding: 7px 8px 4px 8px;
	color: #fff;
	-webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
	border-bottom: transparent 4px solid;
-webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.menu-items > li > a:hover ,
.menu-items > li.focus > a ,
.menu-items a:focus {
    color: rgba(var(--dark),1);
    background-color: rgba(255,255,255,0.5);
    border-radius: 3rem;
}
.menu-items > li a.sitelogo:hover
.menu-items > li:focus > a.sitelogo {
    border-radius: 50%;
}

.nav-primary .menu-items .current-menu-parent > a,
.nav-primary .menu-items .current-menu-item > a,
.single-post .menu-item-835 a ,
.single-product .menu-item-944 a {
	border-color: var(--secondary) !important;
    border-radius: 3rem;
}

@media (max-width: 1024px) {
  .nav-primary .menu-items .current-menu-parent > a,
  .nav-primary .menu-items .current-menu-item > a {
    color: var(--secondary);
	  border-color: transparent !important;
  }
    .nav-primary .menu-items {
      display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .nav-primary .menu-items img {
        display: none;
    }
    .nav-primary.is-active .homenav {
		display: none !important;
	}
    .nav-primary.is-active .homenav .sitelogo {
        width: auto;
        height: auto;
        padding-left: 5% !important;
    }
    .nav-primary.is-active .homenav .sitelogo::before {
        content: "Home";
    }
}

.nav-primary .menu-items .menu-item .menu-item .dropdown-toggle {
  color: var(--secondary);
}

.nav-primary .menu-items {
  position: relative;
  z-index: 9999;
}

.nav-primary .menu-items ul,
.nav-primary .menu-items li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-primary .menu-items li,
.nav-primary .menu-items a {
  position: relative;
}

.nav-primary .menu-items .disabled {
  cursor: not-allowed;
}

.nav-primary .menu-items li > h1,
.nav-primary .menu-items li > h2,
.nav-primary .menu-items li > h3,
.nav-primary .menu-items li > h4,
.nav-primary .menu-items li > h5,
.nav-primary .menu-items li > h6 {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1025px) {
  .nav-primary .menu-items ul {
    display: none;
  }
}

@media only screen and (-ms-high-contrast: active) and (min-width: 1024px), only screen and (-ms-high-contrast: none) and (min-width: 1025px) {
  .nav-primary .menu-items ul {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .js .nav-primary .menu-items ul {
    display: none;
  }
}

.nav-primary ul ul {
  margin-top: 0;
  margin-left: 25px;
}

.nav-primary ul ul ul {
  margin-left: 25px;
}

@media only screen and (min-width: 1025px) {
  .js .nav-primary ul .sub-menu.toggled-on {
    display: block;
  }
}

@media only screen and (-ms-high-contrast: active) and (min-width: 1024px), only screen and (-ms-high-contrast: none) and (min-width: 1025px) {
  .js .nav-primary ul .sub-menu.toggled-on {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  .js .nav-primary ul .sub-menu.toggled-on {
    display: block;
	  padding-left: 3.5%;
  }
}

.dropdown-toggle::after,
.dropdown-toggle.toggled-on::after,
.nav-toggle::before,
.nav-toggle.toggled-on::before {
  speak: none;
}

.dropdown-toggle::after,
.dropdown-toggle.toggled-on::after {
  font-size: 13px;
  font-size: 1.3rem;
}

.no-js .nav-toggle {
  display: none;
}

.nav-container {
  background-color: transparent;
  position: absolute;
  width: 100%;
}

.nav-container .nav-primary > ul > li > a,
.nav-container .nav-primary > ul > li > button {
  color: #fff;
  position: relative;
}

.nav-container .nav-primary > ul > li > a:hover {
  color: #fff;
}

@media only screen and (min-width: 1025px) {
  .nav-container {
    background: #0c142a;
  }

  .nav-primary ul li:hover > ul {
    display: block;
  }

  .no-js .nav-primary ul li:hover > ul,
  .no-js .nav-primary ul li:focus > ul {
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  .nav-primary ul li:hover > ul {
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (-ms-high-contrast: active), only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
  .nav-primary ul li:hover > ul {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  .nav-toggle {
    display: none;
  }

  .menu-items {
    margin: 0 auto;
	  max-width: var(--width-content);
    padding: 0;
    background: transparent;
    position: relative;
    /*display: -ms-grid;
        display: grid;
        grid-template-columns: repeat( auto-fit, minmax(89px, 1fr) );
    grid-gap: var(--pad);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
  .nav-primary .menu-items {

	}
  .nav-primary .menu-item {
    position: relative;
    margin: 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sitelogo span.label {
      display:none;
  }
  
  .nav-primary .menu-item:nth-child(2) ,
  .nav-primary .menu-item:nth-child(3) {
      /*order:-1;*/
  }

  .nav-primary .menu-item a {
    color: #fff;
    background-color: rgba(255,255,255,0.1);
    border-radius: 3rem;
    font-size: 2rem;
	  white-space: nowrap;
    padding: 0.5rem 2rem;
    font-weight: 400;
   display: -webkit-inline-box;
     display: -webkit-inline-flex;
     display: -moz-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 3rem;
	  text-transform: uppercase;
  }

  .nav-primary .menu-item a.disabled {
    color: #bbb;
  }

  .nav-primary .menu-item a:hover,
  .nav-primary .menu-item a:focus,
  .nav-primary .menu-item a:active,
  .nav-primary .menu-item a.highlighted,
  .nav-primary .menu-item a.current {
    background-color: var(--secondary);
	  color:#fff;
  }

  .nav-primary .menu-item ul {
    position: absolute;
    top: 80%;
    left:0;
    right: 0;
    min-width: 24rem;
	background-color: var(--primary);
    margin-left: 0;
    padding-bottom: 1rem;
    padding-top: .5rem;
    padding-left: 0;
    margin-top: 1rem;
    z-index: 999;
  }

  .nav-primary .menu-item ul.sub-menu {
    /*padding: 0;*/
  }

  .nav-primary .menu-item ul.sub-menu li {
    margin: 0;
  }
	
  /*.nav-primary .menu-item ul.sub-menu li:not(:last-child)::after {
    content:"";
	display:block;
	width:100%;
	height: 4px;
	background: transparent url("/wp-content/themes/eightwire/assets/images/navsep.svg") 50% 50% no-repeat scroll;
	background-size: contain;
  }*/

  .nav-primary .menu-item ul li {
    float: none;
    padding: 0;
  }

  .nav-primary .menu-item ul ul {
    top: 0;
    left: 100%;
    margin-left: 0;
    margin-top: -5px;
  }

  .nav-primary .menu-item ul a {
    padding: .8rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    display: block;
  }

  .nav-primary .menu-item ul a:hover,
/*  .nav-primary .menu-item ul a:focus,
  .nav-primary .menu-item ul a:active,
*/  .nav-primary .menu-item ul a.highlighted {
    color: var(--secondary);
  }

  .nav-primary .menu-item ul .disabled {
    background: #fff;
    color: #ccc;
  }

  .nav-primary .menu-item ul li .dropdown-toggle {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--secondary);
    height: 3rem;
    width: 3rem;
    flex-shrink: 0;
  }

  .nav-primary .menu-item ul li .dropdown-toggle:hover,
  .nav-primary .menu-item ul li .dropdown-toggle:active {
    background-color: transparent;
    border: none;
    color: var(--secondary);
  }

  .nav-primary .menu-item ul li .dropdown-toggle svg {
    transform: rotate(-90deg) rotateX(0deg);
    width: 1rem;
    height: 1rem;
  }

  .nav-primary .menu-item ul li .dropdown-toggle.toggled-on svg {
    transform: rotate(-90deg) rotateX(180deg);
  }

  .nav-primary .menu-item button.dropdown-toggle {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    height: 3rem;
    width: 3rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	margin-left: -0.75em;
  }

  .nav-primary .menu-item button.dropdown-toggle svg {
    transition: transform .3s ease-in;
    width: 1rem;
    height: 1rem;
  }

  .nav-primary .menu-item button.dropdown-toggle:hover,
  .nav-primary .menu-item button.dropdown-toggle:active {
    background-color: #fff;
    border: 1px solid #fff;
    color: var(--secondary);
  }

  .nav-primary .menu-item button.dropdown-toggle.toggled-on svg {
    transform: rotateX(180deg);
  }

  .nav-primary .menu-item > li > ul::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: dashed dashed solid;
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent #fff;
  }

  .nav-primary .menu-item.menu-item-has-children {
/*    margin-right: .8rem;
*/    position: relative;
    display: flex;
    /*justify-content: space-between;*/
  }

  .nav-primary .menu-item.menu-item-has-children::after {
    display: block;
    position: absolute;
    content: '';
    height: 1rem;
    width: 100%;
    top: 100%;
  }

  .nav-primary .menu-item.menu-item-has-children > a {
    padding-right: 1.5rem;
  }

  .nav-primary .sub-menu .menu-item-has-children::after {
    display: none;
  }
}


@media screen and (max-width: 1024px) {
  .no-js {
    position: static;
    /*background: rgba(var(--grey),0.97);*/
  }

  /*.disable-scroll {
    overflow: hidden;
  }*/

  .js .js-nav-active {
    overflow: hidden;
  }

  .js .js-nav-active .nav-primary {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    /*background-color: rgba(var(--grey),0.97);*/
    padding: 0;
  }
  @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
    .js .js-nav-active .nav-primary {
        /*-webkit-backdrop-filter:saturate(180%) blur(3px);
        backdrop-filter: saturate(180%) blur(3px);
        background-color: rgba(var(--grey),0.9);*/
    }
  }

  .js .js-nav-active .nav-primary .menu-items {
    opacity: 1;
  }

  .js .nav-primary {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
  }

  .js .nav-primary .menu-items {
    padding: calc(50px + calc(var(--adminbarheight) * 1px)) var(--pad) calc(100vh - var(--uivh) + 50px) var(--pad);
    /*padding: calc(50px + calc(var(--adminbarheight) * 1px)) var(--pad) 50px var(--pad);*/
    height: 100vh;
    display: -ms-grid;
    display: grid;
  }

  .nav-primary {
    height: 100vh;
    width: 100vw;
    overflow: auto;
    transition: all 300ms ease-in-out;
    margin: 0;
    display: block;
    will-change: opacity;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .nav-primary .menu-items {
    opacity: 0;
    margin: 0;
    width: 100%;
    float: none;
    padding: 2rem 0;
    outline: none;
  }

  .nav-primary .menu-items li {
      -ms-display: grid;
      display: grid;
  }
  
  .nav-primary .menu-items > li > a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 5%;
    font-size: 1.6rem;
	font-size: calc(16px + 3vw) !important;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    position: relative;
    z-index: 0;
    display: block;
    outline: none;
    margin: auto 0;
  }

  .nav-primary .menu-items a:focus {
    outline: none;
  }

  .nav-primary .menu-items a.has-submenu {
    width: 80%;
    position: static;
  }

  .nav-primary .menu-items a:hover,
  .nav-primary .menu-items a:focus,
  .nav-primary .menu-items a:active {
    color: #fff;
  }

  .nav-primary .menu-items .current-menu-parent > a,
  .nav-primary .menu-items .current-menu-item > a {
    /*color: #fff;*/
  }

  .nav-primary .menu-items .disabled {
    color: #bbb;
  }

  .nav-primary .menu-items .highlighted .sub-arrow::before {
    display: block;
    content: '-';
  }

  .nav-primary .menu-items .dropdown-toggle {
    position: absolute;
    top: 0;
    margin-top: 0;
    left: auto;
    right: 2rem;
    width: 3.7rem;
    height: 6.3rem;
    overflow: hidden;
    font: bold calc(16px + 3vw)/2 monospace;
    text-align: center;
    background: transparent;
    color: #fff;
    border: 0;
    padding: 0;
    z-index: 9999;
  }

  .nav-primary .menu-items .dropdown-toggle:focus {
    z-index: 10000;
  }

  .nav-primary .menu-items .dropdown-toggle svg {
    display: none;
  }

  .nav-primary .menu-items .dropdown-toggle::before {
    content: '+';
  }

  .nav-primary .menu-items .dropdown-toggle.toggled-on {
    background: transparent;
    color: #fff;
  }

  .nav-primary .menu-items .dropdown-toggle.toggled-on::before {
    display: block;
    content: '-';
  }
  
    .sub-menu:not(.toggled-on) {
      visibility: hidden;
    }

    .sub-menu.toggled-on,
    .dropdown.hovered .sub-menu,
    .dropdown:hovered + .sub-menu {
      visibility: visible;
    }

  .nav-primary .menu-items ul {
    background: transparent;
    margin-left: 0;
    padding: 0;
  }

  .nav-primary .menu-items ul a {
    font-size: 2rem;
	line-height: 1.5;
  }

  .nav-primary .menu-items ul > li {
    padding-left: 1.5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .js .nav-primary ul .sub-menu.toggled-on > li:not(:last-child) {
    margin-bottom: 1em;
  }
}

  .nav-primary .menu-items ul > li ul {
    margin-left: -1.5rem;
  }

  .nav-primary .menu-items ul > li ul li {
    padding-left: 3rem;
  }

  .nav-primary .menu-items ul > li ul li ul {
    margin-left: -3rem;
  }

  .nav-primary .menu-items ul > li ul li ul li {
    padding-left: 4.5rem;
  }

.nav-toggle {
  list-style: none;
  z-index: 100000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border: 0;
  overflow: visible;
  color: var(--primary);
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  display: none;
}
.home.js-nav-active .nav-toggle {
	position: fixed;
    top: 50px;
    right: 40px;
}

.nav-toggle span {
  color: inherit;
  font-size: 1.2em;
}

.nav-toggle:focus {
    outline: none;
}

.nav-toggle:focus span span {
  background-color: #fff;
}

.nav-toggle:focus span span::before,
.nav-toggle:focus span span::after {
  background-color: #fff;
}

.nav-toggle:hover,
.nav-toggle:active {
  color: #fff !important;
}

.nav-toggle:hover span,
.nav-toggle:active span {
  color: #fff;
}

@media (max-width: 1024px) {
  .nav-toggle {
    display: block;
    padding: 20px;
    z-index: 999;
    margin-left: auto;
    margin-right: calc(var(--pad)*-1);
  }
}

.nav-toggle.is-active {
  color: #fff;
}

.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner,
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner {
  background-color: #fff;
}

.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner::after,
.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner::after {
  background-color: #fff;
}

.nav-toggle.is-active span.hamburger-box .hamburger-inner {
  background-color: #fff;
}

.nav-toggle.is-active span.hamburger-box .hamburger-inner::after {
  background-color: #fff;
}

.nav-toggle.is-active span:focus,
.nav-toggle.is-active span:hover,
.nav-toggle.is-active span:active {
  color: #fff;
}

.nav-toggle.is-active span:focus span,
.nav-toggle.is-active span:hover span,
.nav-toggle.is-active span:active span {
  color: #fff;
}

.nav-toggle.is-active span {
  color: #fff;
}