/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {padding:15px 15px; display:inline-block; cursor:pointer; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.hamburger:hover {opacity:0.7;}
.hamburger.is-active:hover {opacity:0.7;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:#000;}
.hamburger-box {width:20px; height:20px; display:inline-block; position:relative;}
.hamburger-inner {display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:18px; height:2px; background-color:#5f6368; border-radius:1.5px; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease;}
.hamburger-inner::before, .hamburger-inner::after {content:""; display:block;}
.hamburger-inner::before {top:-5px;}
.hamburger-inner::after {bottom:-5px;}

/** Collapse */
.hamburger--collapse .hamburger-inner {top:auto; bottom:0; transition-duration:0.13s; transition-delay:0.13s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--collapse .hamburger-inner::after {top:-20px; transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
.hamburger--collapse .hamburger-inner::before {transition:top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.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 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {top:0; transform:rotate(-90deg); transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);}

/** Collapse Reverse */
.hamburger--collapse-r .hamburger-inner {top:auto; bottom:0; transition-duration:0.13s; transition-delay:0.13s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--collapse-r .hamburger-inner::after {top:-20px; transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
.hamburger--collapse-r .hamburger-inner::before {transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.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 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;}
.hamburger--collapse-r.is-active .hamburger-inner::before {top:0; transform:rotate(90deg); transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);}

/** Squeeze */
.hamburger--squeeze .hamburger-inner {transition-duration:0.075s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze .hamburger-inner::before {transition:top 0.075s 0.12s ease, opacity 0.075s ease;}
.hamburger--squeeze .hamburger-inner::after {transition:bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.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 0.075s ease, opacity 0.075s 0.12s ease;}
.hamburger--squeeze.is-active .hamburger-inner::after {bottom:0; transform:rotate(-90deg); transition:bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}