/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 
 .hamburger{
    font:inherit;
    display:inline-block;
    overflow:visible;
    margin:0;
    padding: 0;
    cursor:pointer;
    transition-timing-function:linear;
    transition-duration:.15s;
    transition-property:opacity,filter;
    text-transform:none;
    color:inherit;
    border:0;
    background-color:transparent;
    height: 24px;
}
.hamburger.is-active:hover,.hamburger:hover{
    opacity:.7
}
.menu-active .hamburger .hamburger-inner,
.menu-active .hamburger .hamburger-inner:after,
.menu-active .hamburger .hamburger-inner:before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before{
    background-color: #3f4726;
}
.hamburger-box{
    position:relative;display:inline-block;width:40px;height:24px
}
.hamburger-inner{
    top:50%;display:block;margin-top:-2px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{
    position:absolute;
    width:40px;
    height: 3px;
    transition-timing-function:ease;
    transition-duration:.15s;
    transition-property:transform;
    border-radius: 0;
    background-color: #3f4726;
}
.hamburger-inner:after,.hamburger-inner:before{
    display:block;content:""
}
.hamburger-inner:before{
    top:-10px
}
.hamburger-inner:after{
    bottom:-10px
}
.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:.22s;background-color:transparent!important
}
.menu-active .hamburger--spring .hamburger-inner{
    transition-delay:.22s;background-color:transparent!important
}
.menu-active  .hamburger--spring .hamburger-inner:before,
.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)
}
.menu-active  .hamburger--spring .hamburger-inner:after,
.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-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s
}
.hamburger--spring-r .hamburger-inner:after{
    top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s 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)
}
.menu-active  .hamburger--spring-r .hamburger-inner,
.hamburger--spring-r.is-active .hamburger-inner{
    transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)
}
.hamburger--spring-r.is-active .hamburger-inner:after{
    top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0
}
.hamburger--spring-r.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:rotate(90deg)
}
.hamburger--header{
    margin-right:-5px;padding-right:0;padding-left:5px;cursor:default;vertical-align:middle
}
.hamburger--header .hamburger-inner,.hamburger--header .hamburger-inner:after,.hamburger--header .hamburger-inner:before,.hamburger--header.is-active .hamburger-inner,.hamburger--header.is-active .hamburger-inner:after,.hamburger--header.is-active .hamburger-inner:before{
    background-color:#222
}
.hamburger--header.hamburger--elastic .hamburger-inner,.hamburger--header.hamburger--slider .hamburger-inner{
    top:2px
}
.hamburger--header:hover{
    opacity:1
}
.hamburger-wrap{
    text-align:center
}
.hamburger--accessible{
    display:inline-block
}
.hamburger--accessible .hamburger-box{
    display:inline-block;vertical-align:middle
}
.hamburger--accessible .hamburger-inner,.hamburger--accessible .hamburger-inner:after,.hamburger--accessible .hamburger-inner:before,.hamburger--accessible.is-active .hamburger-inner,.hamburger--accessible.is-active .hamburger-inner:after,.hamburger--accessible.is-active .hamburger-inner:before{
    background-color:#222
}
.hamburger-label{
    font-weight:600;display:inline-block;margin-left:5px;vertical-align:middle;text-transform:uppercase
}
.hamburger-label-hidden{
    display:none
}