/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger--3dx .hamburger-box,.hamburger--3dx-r .hamburger-box,.hamburger--3dxy .hamburger-box,.hamburger--3dxy-r .hamburger-box,.hamburger--3dy .hamburger-box,.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s cubic-bezier(.645, .045, .355, 1) .1s}.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,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--emphatic,.hamburger--emphatic-r{overflow:hidden}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger--3dx .hamburger-inner,.hamburger--3dx-r .hamburger-inner,.hamburger--3dxy .hamburger-inner,.hamburger--3dxy-r .hamburger-inner,.hamburger--3dy .hamburger-inner,.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645, .045, .355, 1),background-color 0s cubic-bezier(.645, .045, .355, 1) .1s}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.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,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.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,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.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,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse .hamburger-inner,.hamburger--collapse-r .hamburger-inner{top:auto;transition-duration:.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);bottom:0}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner,.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s,transform .1s cubic-bezier(.165, .84, .44, 1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s,transform .1s cubic-bezier(.165, .84, .44, 1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top .1s,transform .1s cubic-bezier(.895, .03, .685, .22) .1s}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom .1s,transform .1s cubic-bezier(.895, .03, .685, .22) .1s}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s,transform .1s cubic-bezier(.165, .84, .44, 1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s,transform .1s cubic-bezier(.165, .84, .44, 1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top .1s,transform .1s cubic-bezier(.895, .03, .685, .22) .1s}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s,transform .1s cubic-bezier(.895, .03, .685, .22) .1s}.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)}.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)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{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)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity .1s linear .22s}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s,transform .13s cubic-bezier(.215, .61, .355, 1) .25s}.hamburger--elastic .hamburger-inner,.hamburger--elastic-r .hamburger-inner{transition-duration:275ms;transition-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);top:2px}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.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 linear .22s}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s,transform .13s cubic-bezier(.215, .61, .355, 1) .25s}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68, -.55, .265, 1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.hamburger--emphatic .hamburger-inner,.hamburger--emphatic-r .hamburger-inner{transition:background-color 125ms ease-in 175ms}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68, -.55, .265, 1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms linear 125ms,left 125ms ease-in 175ms}.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms linear 125ms,right 125ms ease-in 175ms}.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;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left 125ms ease-out,top 50ms linear 125ms,transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right 125ms ease-out,top 50ms linear 125ms,transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms}.hamburger--spin .hamburger-inner,.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms linear 125ms,left 125ms ease-in 175ms}.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6, .04, .98, .335),top 50ms linear 125ms,right 125ms ease-in 175ms}.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;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left 125ms ease-out,top 50ms linear 125ms,transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right 125ms ease-out,top 50ms linear 125ms,transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms ease-out,top 80ms ease-out,opacity linear}.hamburger--slider .hamburger-inner::before,.hamburger--slider-r .hamburger-inner::before{transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s linear 80ms}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner::before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55, .055, .675, .19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215, .61, .355, 1) .12s}.hamburger--spin-r .hamburger-inner::before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55, .055, .675, .19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215, .61, .355, 1) .12s}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:0.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s,transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),transform .13s cubic-bezier(.215, .61, .355, 1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--stand .hamburger-inner,.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55, .055, .675, .19) .15s,background-color 0s linear 75ms}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215,0.61,0.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 linear .22s}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s,transform .13s cubic-bezier(.215, .61, .355, 1) .22s}.hamburger--stand .hamburger-inner::before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand .hamburger-inner::after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms cubic-bezier(.215, .61, .355, 1),background-color 0s linear .15s}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--stand-r .hamburger-inner::before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms cubic-bezier(.215, .61, .355, 1),background-color 0s linear .15s}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215, .61, .355, 1) .15s}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s,opacity 75ms}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s,transform 75ms cubic-bezier(.55, .055, .675, .19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms,opacity 75ms .12s}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:0.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(0.19,1,0.22,1)}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:0.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(0.19,1,0.22,1)}.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)} @media (max-width:800px){section.recent-posts-section article{display:flex;flex-direction:column;flex:0 0 100%;box-shadow:6px 9px 9px 0px rgba(0,0,0,.16);margin-left:15px;margin-right:15px;background:#fff}section.recent-posts-section article h3{color:#86a990;display:block;font-family:Urbanist,Helvetica,Arial,sans-serif,serif;text-align:left;font-size:22px;letter-spacing:1px;line-height:inherit;font-weight:300;margin-bottom:20px;margin-top:0;padding:10px;position:relative}.post-excerpt{letter-spacing:1px;font-size:17px;padding:10px}.read-more{text-align:right;display:block;padding:10px}#home #intro{width:95%}#home #intro .container{width:100%}#home #intro p{font-size:19px}.open{display:block !important}p{font-size:16px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;text-align:justify}p.has-text-align-center{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}ol,ul{text-wrap:balance}body:not(.home) nav{background-color:#fff;border-bottom:0 solid rgba(var(--vitalitezen-color-1),.5)}.hamburger{padding:15px;padding-right:20px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:30px}#home nav.navbar{height:50px;background:#fff}.navbar p.identity{font-size:28px;padding-left:10px;padding-top:10px}.mobile-menu-icon,.mobile-menu-icon p.identity{display:block}.navbar-container{display:none}.slider-container{height:100vh}#home .slide{padding-top:0}#home .slide-content{padding-top:74px !important;width:90%}#home .slide h1{font-size:1.6em}#home .slide p{font-size:.9em}#home .slide .btn a{margin-bottom:10px}#mobile-dropdown ul{display:block;padding:20px}#mobile-dropdown ul.sub-menu{display:block;padding:5px;padding-bottom:0}#mobile-dropdown li.menu-item-has-children{padding-bottom:0}nav.navbar ul{display:block}nav.navbar ul li{display:block !important;width:100%;overflow:hidden;font-size:14px;text-align:left;padding-bottom:5px}ul li .sub-menu{height:auto}nav.navbar ul li ul.sub-menu li{display:block !important;width:95%;text-align:left;padding-left:10px;padding-right:10px;margin:0}#bloc1,#bienvenue,#temoignages,#soins-therapeutiques,#chiffres{margin:0;margin-bottom:25px}#bloc1 .container,#bienvenue .container,#temoignages .container,#soins-therapeutiques .container,#chiffres .container{width:100%}#bloc1 .bloc1-item{flex:0 0 100%}#chiffres{padding-top:20px;padding-left:25px;padding-right:0;margin-top:0;padding-bottom:40px}#bloc1 .bloc1-item,#chiffres .chiffres-item{flex:0 0 30%;margin-bottom:25px}#bloc1 h2{font-size:.925em;margin-bottom:20px;min-height:92px}#bienvenue .intro{margin-top:10px}#bienvenue h2{font-size:1.2em}.soins-therapeutiques-grid p{text-align:center}#chiffres h3{min-height:55px}#chiffres .info{font-size:2.5em}#contact-bloc{margin-top:60px;margin-bottom:60px}#bienvenue p{font-size:15px}.bx-wrapper .bx-controls-direction a.bx-prev{margin-left:-20px}.bx-wrapper .bx-controls-direction a.bx-next{margin-right:-20px}h1{font-size:1.8em}h2{font-size:1.5em;margin-top:15px}.soins-therapeutiques-grid{width:95%;display:flex;flex-wrap:wrap}.soins-therapeutiques-item{flex:0 0 29%}.soins-therapeutiques-grid h3{font-size:.9em}.soins-therapeutiques-grid p{font-size:15px}body:not(.home) header#page{margin-bottom:0}#qui-suis-je header#page{margin-bottom:0;background-position:right -15px}#massages main p.intro,#sophrologie main p.intro,#temoignages-clients-apprenants-sophro-massages main p.intro{margin-top:45px;margin-bottom:45px;font-size:16px;line-height:25px}#massages main .wp-block-columns.intro,#sophrologie main .wp-block-columns.intro{width:95%;margin-top:5px;margin-bottom:5px}#massages main .img,#sophrologie main .img{display:block}#massages main .wp-block-image .alignleft,#sophrologie main .wp-block-image .alignleft{margin:0;padding:0;width:100%}#massages main .text,#sophrologie main .text{padding-right:10px;padding-left:10px;padding:20px;margin:0}#massages .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,#sophrologie .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:inherit !important}#massages main .text h2,#sophrologie #massages main .text h2,#qui-suis-je main h2{font-size:1.8em;line-height:1.143;padding-bottom:15px}#massages main .text p,#sophrologie main .text p,#qui-suis-je main p{text-align:justify}ul.testimonials-items li{flex:0 0 45%}ul.testimonials-items li p{font-size:15px}.martop120{margin-top:60px}.width70{width:90%}#massages main .wp-block-columns.tarif,#sophrologie main .wp-block-columns.tarif{width:90%;margin-top:45px;margin-bottom:45px}.wp-block-media-text .wp-block-media-text__content{padding:0 5% !important}#contact-bloc .container h3{font-size:1.8em;font-weight:600;text-align:center}#contact-bloc .container p{text-align:center}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{margin-top:20px}.tarif h3{line-height:1.1em}.tarif p{padding-left:10px;padding-right:10px}body:not(.home) main{width:95%}#le-saviez-vous .entries{width:99%;margin:0;padding:10px;float:none;background-color:rgba(var(--vitalitezen-color-5),1)}#le-saviez-vous .content{width:99%;font-size:15px}#le-saviez-vous h2{font-size:1.6em}#le-saviez-vous .entries img{width:100%;height:auto}#contact-bloc .container{width:90%;margin-left:auto;margin-right:auto;display:block;flex-direction:row;margin-top:60px;margin-bottom:60px}#contact-bloc .container .left{padding:10px}#contact-bloc .container .right{padding:10px}ul#menu-footer{columns:2;display:block}footer li{text-align:center;font-weight:700;margin-bottom:10px;width:98%;margin-left:auto;margin-right:auto}footer li ul.sub-menu{margin-top:5px}footer li.menu-item-has-children li{margin-bottom:10px;font-weight:400}footer p.copyright{font-size:12px;width:95%;margin-left:auto;margin-right:auto;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}}@media (max-width:599px){p{font-size:16px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;text-align:justify}p.has-text-align-center{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}ol,ul{text-wrap:balance}body:not(.home) nav{background-color:#fff;border-bottom:0 solid rgba(var(--vitalitezen-color-1),.5)}#massages .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,#sophrologie .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{display:contents}.slider-container{height:100vh}#home .slide-content{padding-top:95px !important}#home .slide{padding-top:0}#home .slide h1{font-size:1.8em}#home .slide p{font-size:1em}#home .slide .btn a{margin-bottom:10px}#mobile-dropdown ul{display:block;padding:20px}#bloc1 .bloc1-grid{display:block}#bloc1,#bienvenue,#temoignages,#soins-therapeutiques,#chiffres{margin:0;margin-bottom:25px}#bloc1 .container,#bienvenue .container,#temoignages .container,#soins-therapeutiques .container,#chiffres .container{width:100%}#bloc1 .bloc1-item{flex:0 0 100%}#bloc1 .bloc1-item,#chiffres .chiffres-item{flex:0 0 90%;margin-bottom:0}#bloc1 h2{min-height:inherit}.soins-therapeutiques-grid p{text-align:center}#contact-bloc{margin-top:60px;margin-bottom:60px}#bienvenue p{font-size:16px}#chiffres h3{min-height:inherit}#chiffres .symbole{height:50px;min-height:50px}.bx-wrapper .bx-controls-direction a.bx-prev{margin-left:-20px}.bx-wrapper .bx-controls-direction a.bx-next{margin-right:-20px}body:not(.home) header#page{height:275px;background-position:left}body:not(.home) header#page h1{margin-top:50px;width:95%;margin-left:auto;margin-right:auto;margin-bottom:0}h1{font-size:1.8em}h2{font-size:1.5em;margin-top:15px}h3{font-size:22px;line-height:normal;margin-bottom:20px;margin-top:25px}.soins-therapeutiques-grid{width:95%;display:block;flex-wrap:wrap}#massages main p.intro,#sophrologie main p.intro,#temoignages-clients-apprenants-sophro-massages main p.intro{margin-top:45px;margin-bottom:45px;font-size:20px;line-height:25px;width:90%}#massages main .wp-block-columns.intro,#sophrologie main .wp-block-columns.intro{width:95%}#massages main .text,#sophrologie main .text{padding-right:10px;padding-left:10px;padding:20px}#massages main .text h2,#sophrologie #massages main .text h2,#qui-suis-je main h2{font-size:1.5em;line-height:1.143;padding-bottom:15px}#massages main .text p,#sophrologie main .text p,#qui-suis-je main p{text-align:justify;padding-left:10px;padding-right:10px}.martop120{margin-top:60px}.width70{width:90%}#massages main .wp-block-columns.tarif,#sophrologie main .wp-block-columns.tarif{width:90%;margin-top:45px;margin-bottom:45px;display:block}#massages .wp-block-columns:not(.is-not-stacked-on-mobile).tarif>.wp-block-column,#sophrologie .wp-block-columns:not(.is-not-stacked-on-mobile).tarif>.wp-block-column{display:block !important;margin-top:20px}main li{padding:5px}.wp-block-media-text .wp-block-media-text__content{padding:0 5% !important}ul.testimonials-items li{flex:0 0 92%}#contact-bloc .container h3{font-size:1.8em;font-weight:600;text-align:center}#contact-bloc .container p{text-align:center}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{margin-top:20px}.tarif h3{line-height:1.1em}.tarif p{padding-left:10px;padding-right:10px}body:not(.home) main{width:95%}.wp-block-image .alignright{float:none;margin:0;width:100%}#le-saviez-vous .entries{width:99%;margin:0;padding:10px;float:none;background-color:rgba(var(--vitalitezen-color-5),1)}#le-saviez-vous .content{width:99%;font-size:15px}#le-saviez-vous h2{font-size:1.6em}#le-saviez-vous .entries img{width:100%;height:auto}#contact-bloc .container{width:90%;margin-left:auto;margin-right:auto;display:block;flex-direction:row;margin-top:60px;margin-bottom:60px}#contact-bloc .container .left{padding:20px}#contact-bloc .container .right{padding:20px}footer li{text-align:center;font-weight:700;margin-bottom:10px;width:98%;margin-left:auto;margin-right:auto}footer li ul.sub-menu{margin-top:5px}footer li.menu-item-has-children li{margin-bottom:10px;font-weight:400}footer p.copyright{font-size:12px;width:95%;margin-left:auto;margin-right:auto;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}section.recent-posts-section{width:95%;margin-left:auto;margin-right:auto}.recent-posts-grid{display:block;flex-wrap:wrap}section.recent-posts-section article{display:flex;flex-direction:column;flex:0 0 100%;box-shadow:6px 9px 9px 0px rgba(0,0,0,.16);margin-left:15px;margin-right:15px;background:#fff}section.recent-posts-section article h3{color:#86a990;display:block;font-family:Urbanist,Helvetica,Arial,sans-serif,serif;text-align:left;font-size:22px;letter-spacing:1px;line-height:inherit;font-weight:300;margin-bottom:20px;margin-top:0;padding:10px;position:relative}.post-excerpt{letter-spacing:1px;font-size:17px;padding:10px}.read-more{text-align:right;display:block;padding:10px}}