/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger{padding:10px 10px;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:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:34px;height:14px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:34px;height:2px;background-color:#fff;border-radius:0;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:-6px}.hamburger-inner::after{bottom:-6px}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:0.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-12px;transition:top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear}.hamburger--collapse .hamburger-inner::before{transition:top 0.12s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-6px,0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top 0.2s cubic-bezier(.33333,0,.66667,.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(.33333,0,.66667,.33333),transform 0.13s 0.25s cubic-bezier(.215,.61,.355,1)}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}#header *{box-sizing:border-box}#header{-webkit-font-smoothing:antialiased!important;position:absolute!important;top:0px!important;left:0px!important;z-index:10!important;width:100%!important;font-family:canada-type-gibson,sans-serif!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:150ms!important}#header.is-stuck{position:fixed!important;--tw-bg-opacity:1 !important;background-color:rgb(39 47 57 / var(--tw-bg-opacity))!important;--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}#header nav{margin-left:auto!important;margin-right:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding-left:1rem!important;padding-right:1rem!important;padding-top:2rem!important;padding-bottom:2rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:500ms!important}@media (min-width:1024px){#header nav{gap:2rem!important;padding-top:3rem!important;padding-bottom:3rem!important}}@media (min-width:1280px){#header nav{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width:1536px){#header nav{gap:3rem!important}}#header nav>a{position:relative!important;z-index:20!important;display:block!important;width:200px!important}@media (min-width:1024px){#header nav>a{margin-bottom:0.375rem!important;width:180px!important}}@media (min-width:1536px){#header nav>a{width:200px!important}}#header nav>a svg{max-width:100%}#header.is-stuck nav{padding-top:1rem!important;padding-bottom:1rem!important}@media (min-width:1024px){#header.is-stuck nav{padding-top:1.5rem!important;padding-bottom:1.5rem!important}#header .mleft-auto{margin-left:auto}}#ham{position:relative!important;z-index:20!important;margin-left:auto!important;margin-top:0.5rem!important;padding:10px 10px!important;display:inline-block!important;cursor:pointer!important;transition-property:opacity,filter!important;transition-duration:0.15s!important;transition-timing-function:linear!important;font:inherit!important;color:inherit!important;text-transform:none!important;background-color:transparent!important;border:0!important;margin:0!important;overflow:visible!important}#ham:hover{opacity:1!important}#ham.is-active:hover{opacity:1!important}#ham.is-active .hamburger-inner,#ham.is-active .hamburger-inner::before,#ham.is-active .hamburger-inner::after{background-color:#ffffff!important}#ham .hamburger-inner{top:auto!important;bottom:0!important;transition-duration:0.13s!important;transition-delay:0.13s!important;transition-timing-function:cubic-bezier(.55,.055,.675,.19)!important}#ham .hamburger-inner::after{top:-12px!important;transition:top 0.2s 0.2s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear!important}#ham .hamburger-inner::before{transition:top 0.12s 0.2s cubic-bezier(.33333,.66667,.66667,1),transform 0.13s cubic-bezier(.55,.055,.675,.19)!important}#ham.is-active .hamburger-inner{transform:translate3d(0,-6px,0) rotate(-45deg)!important;transition-delay:0.22s!important;transition-timing-function:cubic-bezier(.215,.61,.355,1)!important}#ham.is-active .hamburger-inner::after{top:0!important;opacity:0!important;transition:top 0.2s cubic-bezier(.33333,0,.66667,.33333),opacity 0.1s 0.22s linear!important}#ham.is-active .hamburger-inner::before{top:0!important;transform:rotate(-90deg)!important;transition:top 0.1s 0.16s cubic-bezier(.33333,0,.66667,.33333),transform 0.13s 0.25s cubic-bezier(.215,.61,.355,1)!important}@media (min-width:1024px){#ham{display:none!important}}#mainNavContainer{position:fixed!important;left:0px!important;top:0px!important;display:none!important;height:100%!important;width:100%!important;flex-grow:1!important;--tw-bg-opacity:1 !important;background-color:rgb(39 47 57 / var(--tw-bg-opacity))!important}@media (min-width:1024px){#mainNavContainer{position:static!important;display:flex!important;width:-moz-fit-content!important;width:fit-content!important;align-items:center!important;background-color:transparent!important}}#mainNavContainer.is-active{display:block!important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#mainNavContainer.is-active{animation:fadeIn .5s ease-in-out!important}#mainNav{margin:0px!important;display:flex!important;height:100%!important;flex-grow:1!important;list-style-type:none!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1rem!important;padding:0px!important}@media (min-width:1024px){#mainNav{height:auto!important;flex-direction:row!important;justify-content:flex-start!important;gap:1.25rem!important}}@media (min-width:1280px){#mainNav{gap:1.5rem!important}}#mainNav>.menu-item{position:relative!important}#mainNav>.menu-item ul{top:100%!important;display:none!important;width:100%!important;min-width:-moz-max-content!important;min-width:max-content!important;flex-direction:column!important;gap:0.25rem!important;background-color:rgb(39 47 57 / .9)!important;padding-left:0px!important;padding-right:0px!important;padding-top:0.75rem!important;padding-bottom:0.75rem!important}@media (min-width:1024px){#mainNav>.menu-item ul{position:absolute!important}}#mainNav>.menu-item ul>.menu-item>a{display:block!important;padding-left:1.5rem!important;padding-right:1.5rem!important;padding-top:0.25rem!important;padding-bottom:0.25rem!important;text-align:center!important;font-size:1.125rem!important;line-height:1.75rem!important;font-weight:400!important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:150ms!important}#mainNav>.menu-item ul>.menu-item>a:hover{--tw-text-opacity:1 !important;color:rgb(104 202 155 / var(--tw-text-opacity))!important}@media (min-width:1024px){#mainNav>.menu-item ul>.menu-item>a{text-align:left!important;font-size:0.875rem!important;line-height:1.25rem!important}}@media (min-width:1280px){#mainNav>.menu-item ul>.menu-item>a{font-size:1rem!important;line-height:1.5rem!important}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#mainNav>.menu-item:hover ul{animation:fadeIn .5s ease-in-out!important;list-style-type:none!important}@media (min-width:1024px){#mainNav>.menu-item:hover ul{display:flex!important}}#mainNav>.menu-item.is-expanded ul{display:flex!important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#mainNav>.menu-item.is-expanded ul{animation:fadeIn .5s ease-in-out!important;list-style-type:none!important}#mainNav>.menu-item>a{position:relative!important;display:block!important;padding-left:0.25rem!important;padding-right:0.25rem!important;padding-top:0.5rem!important;padding-bottom:0.5rem!important;text-align:center!important;font-weight:400!important;text-transform:uppercase!important;line-height:1!important;letter-spacing:0.1em!important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:500ms!important}#mainNav>.menu-item>a:hover{--tw-text-opacity:1 !important;color:rgb(104 202 155 / var(--tw-text-opacity))!important}@media (min-width:1024px){#mainNav>.menu-item>a{font-size:0.875rem!important;line-height:1.25rem!important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}}@media (min-width:1280px){#mainNav>.menu-item>a{font-size:1rem!important;line-height:1.5rem!important}}#mainNav>.menu-item::after{content:""!important;position:absolute!important;bottom:0px!important;left:50%!important;display:none!important;height:2px!important;width:0px!important;--tw-translate-x:-50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-bg-opacity:1 !important;background-color:rgb(104 202 155 / var(--tw-bg-opacity))!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:500ms!important}@media (min-width:1024px){#mainNav>.menu-item::after{display:block!important}}#mainNav>.menu-item:hover::after{width:100%!important}#mainNav>.menu-item.menu-item-has-children>a::after{content:""!important;position:absolute!important;bottom:0px!important;left:50%!important;height:2px!important;width:0px!important;--tw-translate-x:-50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-bg-opacity:1 !important;background-color:rgb(104 202 155 / var(--tw-bg-opacity))!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:500ms!important}@media (min-width:1024px){#mainNav>.menu-item.menu-item-has-children>a::after{display:none!important}}#mainNav>.menu-item.menu-item-has-children:hover>a::after{width:100%!important}#mainNav>.menu-item.button{display:block!important}#mainNav>.menu-item.button::after{content:var(--tw-content)!important;display:none!important}#mainNav>.menu-item.button a{--tw-border-opacity:1 !important;border-color:rgb(104 202 155 / var(--tw-border-opacity))!important;padding-left:1rem!important;padding-right:1rem!important;padding-top:0.75rem!important;padding-bottom:0.75rem!important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:500ms!important}#mainNav>.menu-item.button a::after{content:var(--tw-content)!important;display:none!important}#mainNav>.menu-item.button a:hover{background-color:transparent!important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}@media (min-width:1024px){#mainNav>.menu-item.button a{border-width:1px!important;border-style:solid!important;--tw-bg-opacity:1 !important;background-color:rgb(104 202 155 / var(--tw-bg-opacity))!important;padding-left:1.25rem!important;padding-right:1.25rem!important;padding-top:1rem!important;padding-bottom:1rem!important}#mainNav>.menu-item.button a:hover{--tw-border-opacity:1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity))!important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}}