CINXE.COM

Careers - Kitimat Understanding the Environment

<!DOCTYPE html> <html lang="en-US" > <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- WP_HEAD() START --> <title>Careers - Kitimat Understanding the Environment</title> <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900|Heebo:100,200,300,400,500,600,700,800,900|Teko:100,200,300,400,500,600,700,800,900" > <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900|Heebo:100,200,300,400,500,600,700,800,900|Teko:100,200,300,400,500,600,700,800,900"> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='stylesheet' id='wp-block-library-css' href='https://kitimatrecycle.ca/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='oxygen-css' href='https://kitimatrecycle.ca/wp-content/plugins/oxygen/component-framework/oxygen.css?ver=4.9.1' type='text/css' media='all' /> <style id='wpgb-head-inline-css' type='text/css'> .wp-grid-builder:not(.wpgb-template),.wpgb-facet{opacity:0.01}.wpgb-facet fieldset{margin:0;padding:0;border:none;outline:none;box-shadow:none}.wpgb-facet fieldset:last-child{margin-bottom:40px;}.wpgb-facet fieldset legend.wpgb-sr-only{height:1px;width:1px} </style> <script type="text/javascript" src="https://kitimatrecycle.ca/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <link rel="https://api.w.org/" href="https://kitimatrecycle.ca/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://kitimatrecycle.ca/wp-json/wp/v2/pages/98" /><meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://kitimatrecycle.ca/careers/" /> <link rel='shortlink' href='https://kitimatrecycle.ca/?p=98' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://kitimatrecycle.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkitimatrecycle.ca%2Fcareers%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://kitimatrecycle.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkitimatrecycle.ca%2Fcareers%2F&#038;format=xml" /> <noscript><style>.wp-grid-builder .wpgb-card.wpgb-card-hidden .wpgb-card-wrapper{opacity:1!important;visibility:visible!important;transform:none!important}.wpgb-facet {opacity:1!important;pointer-events:auto!important}.wpgb-facet *:not(.wpgb-pagination-facet){display:none}</style></noscript><link rel='stylesheet' id='oxygen-cache-34-css' href='//www.kitimatrecycle.ca/wp-content/uploads/oxygen/css/34.css?cache=1659384463&#038;ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-37-css' href='//www.kitimatrecycle.ca/wp-content/uploads/oxygen/css/37.css?cache=1659384373&#038;ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-cache-98-css' href='//www.kitimatrecycle.ca/wp-content/uploads/oxygen/css/98.css?cache=1735079046&#038;ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='oxygen-universal-styles-css' href='//www.kitimatrecycle.ca/wp-content/uploads/oxygen/css/universal.css?cache=1735079046&#038;ver=6.7.2' type='text/css' media='all' /> <!-- END OF WP_HEAD() --> </head> <body data-rsssl=1 class="page-template-default page page-id-98 wp-embed-responsive oxygen-body" > <section id="section-1-34" class=" ct-section" ><div class="ct-section-inner-wrap"><img id="image-2-34" alt="" src="https://kitimatrecycle.ca/wp-content/uploads/2020/12/KUTE-Logo.png" class="ct-image"/><div id="div_block-3-34" class="ct-div-block" > <div id="-pro-menu-4-34" class="oxy-pro-menu " ><div class="oxy-pro-menu-mobile-open-icon " data-off-canvas-alignment=""><svg id="-pro-menu-4-34-open-icon"><use xlink:href="#FontAwesomeicon-th-list"></use></svg>Menu</div> <div class="oxy-pro-menu-container oxy-pro-menu-dropdown-links-visible-on-mobile oxy-pro-menu-dropdown-links-toggle oxy-pro-menu-show-dropdown" data-aos-duration="400" data-oxy-pro-menu-dropdown-animation="fade-up" data-oxy-pro-menu-dropdown-animation-duration="0.4" data-entire-parent-toggles-dropdown="true" data-oxy-pro-menu-dropdown-animation-duration="0.4" data-oxy-pro-menu-dropdown-links-on-mobile="toggle"> <div class="menu-main-container"><ul id="menu-main" class="oxy-pro-menu-list"><li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-108"><a href="https://kitimatrecycle.ca/">Home</a></li> <li id="menu-item-59" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-59"><a href="https://kitimatrecycle.ca/get-educated/">Get Educated</a></li> <li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-60"><a href="https://kitimatrecycle.ca/get-involved/">Get Involved</a></li> <li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="https://kitimatrecycle.ca/about-kute/">About KUTE</a></li> <li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-98 current_page_item menu-item-103"><a href="https://kitimatrecycle.ca/careers/" aria-current="page">Careers</a></li> <li id="menu-item-357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-357"><a href="https://kitimatrecycle.ca/faq/">FAQ</a></li> </ul></div> <div class="oxy-pro-menu-mobile-close-icon"><svg id="svg--pro-menu-4-34"><use xlink:href="#FontAwesomeicon-close"></use></svg>close</div> </div> </div> <script type="text/javascript"> jQuery('#-pro-menu-4-34 .oxy-pro-menu-show-dropdown .menu-item-has-children > a', 'body').each(function(){ jQuery(this).append('<div class="oxy-pro-menu-dropdown-icon-click-area"><svg class="oxy-pro-menu-dropdown-icon"><use xlink:href="#FontAwesomeicon-arrow-circle-o-down"></use></svg></div>'); }); jQuery('#-pro-menu-4-34 .oxy-pro-menu-show-dropdown .menu-item:not(.menu-item-has-children) > a', 'body').each(function(){ jQuery(this).append('<div class="oxy-pro-menu-dropdown-icon-click-area"></div>'); }); </script></div></div></section><section id="section-5-34" class=" ct-section" ><div class="ct-section-inner-wrap"><section id="section-2-37" class=" ct-section" ><div class="ct-section-inner-wrap"><h1 id="headline-4-37" class="ct-headline"><span id="span-5-37" class="ct-span" >Careers</span></h1></div></section><section id="section-13-37" class=" ct-section" ><div class="ct-section-inner-wrap"><div id='inner_content-12-37' class='ct-inner-content'><div id="text_block-2-98" class="ct-text-block" >Kitimat Understanding the Environment (KUTE) from time to time will have employment opportunities available. We are an equal-opportunity employer and&nbsp; encourage people from all walks of life to apply. Below are the current opportunities we have available.</div><div id="_dynamic_list-5-98" class="oxy-dynamic-list"> </div> <div id="code_block-51-98" class="ct-code-block" ></div><section id="section-53-98" class=" ct-section" ><div class="ct-section-inner-wrap"><div id="text_block-47-98" class="ct-text-block" ><b>There are currently no jobs available.</b></div></div></section></div></div></section></div></section><section id="section-6-34" class=" ct-section" ><div class="ct-section-inner-wrap"><img id="image-11-34" alt="" src="https://kitimatrecycle.ca/wp-content/uploads/2020/12/KUTE-Logo-White.png" class="ct-image" srcset="" sizes="(max-width: 200px) 100vw, 200px" /><a id="text_block-12-34" class="ct-link-text" href="http://www.sprucetreemedia.ca" target="_blank" >漏 2021 Kitimat Understanding the Environment.<br>Proudly Locally Designed and Developed by Spruce Tree Media Ltd.</a></div></section> <!-- WP_FOOTER --> <style>.ct-FontAwesomeicon-close{width:0.78571428571429em}</style> <style>.ct-FontAwesomeicon-arrow-circle-o-down{width:0.85714285714286em}</style> <?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="FontAwesomeicon-th-list" viewBox="0 0 28 28"><title>th-list</title><path d="M8 19.5v3c0 0.828-0.672 1.5-1.5 1.5h-5c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h5c0.828 0 1.5 0.672 1.5 1.5zM8 11.5v3c0 0.828-0.672 1.5-1.5 1.5h-5c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h5c0.828 0 1.5 0.672 1.5 1.5zM28 19.5v3c0 0.828-0.672 1.5-1.5 1.5h-15c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h15c0.828 0 1.5 0.672 1.5 1.5zM8 3.5v3c0 0.828-0.672 1.5-1.5 1.5h-5c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h5c0.828 0 1.5 0.672 1.5 1.5zM28 11.5v3c0 0.828-0.672 1.5-1.5 1.5h-15c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h15c0.828 0 1.5 0.672 1.5 1.5zM28 3.5v3c0 0.828-0.672 1.5-1.5 1.5h-15c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h15c0.828 0 1.5 0.672 1.5 1.5z"/></symbol><symbol id="FontAwesomeicon-close" viewBox="0 0 22 28"><title>close</title><path d="M20.281 20.656c0 0.391-0.156 0.781-0.438 1.062l-2.125 2.125c-0.281 0.281-0.672 0.438-1.062 0.438s-0.781-0.156-1.062-0.438l-4.594-4.594-4.594 4.594c-0.281 0.281-0.672 0.438-1.062 0.438s-0.781-0.156-1.062-0.438l-2.125-2.125c-0.281-0.281-0.438-0.672-0.438-1.062s0.156-0.781 0.438-1.062l4.594-4.594-4.594-4.594c-0.281-0.281-0.438-0.672-0.438-1.062s0.156-0.781 0.438-1.062l2.125-2.125c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l4.594 4.594 4.594-4.594c0.281-0.281 0.672-0.438 1.062-0.438s0.781 0.156 1.062 0.438l2.125 2.125c0.281 0.281 0.438 0.672 0.438 1.062s-0.156 0.781-0.438 1.062l-4.594 4.594 4.594 4.594c0.281 0.281 0.438 0.672 0.438 1.062z"/></symbol><symbol id="FontAwesomeicon-arrow-circle-o-down" viewBox="0 0 24 28"><title>arrow-circle-o-down</title><path d="M17.5 14.5c0 0.141-0.063 0.266-0.156 0.375l-4.984 4.984c-0.109 0.094-0.234 0.141-0.359 0.141s-0.25-0.047-0.359-0.141l-5-5c-0.141-0.156-0.187-0.359-0.109-0.547s0.266-0.313 0.469-0.313h3v-5.5c0-0.281 0.219-0.5 0.5-0.5h3c0.281 0 0.5 0.219 0.5 0.5v5.5h3c0.281 0 0.5 0.219 0.5 0.5zM12 5.5c-4.688 0-8.5 3.813-8.5 8.5s3.813 8.5 8.5 8.5 8.5-3.813 8.5-8.5-3.813-8.5-8.5-8.5zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12v0c6.625 0 12 5.375 12 12z"/></symbol></defs></svg> <script type="text/javascript"> function oxygen_init_pro_menu() { jQuery('.oxy-pro-menu-container').each(function(){ // dropdowns var menu = jQuery(this), animation = menu.data('oxy-pro-menu-dropdown-animation'), animationDuration = menu.data('oxy-pro-menu-dropdown-animation-duration'); jQuery('.sub-menu', menu).attr('data-aos',animation); jQuery('.sub-menu', menu).attr('data-aos-duration',animationDuration*1000); oxygen_offcanvas_menu_init(menu); jQuery(window).resize(function(){ oxygen_offcanvas_menu_init(menu); }); // let certain CSS rules know menu being initialized // "10" timeout is extra just in case, "0" would be enough setTimeout(function() {menu.addClass('oxy-pro-menu-init');}, 10); }); } jQuery(document).ready(oxygen_init_pro_menu); document.addEventListener('oxygen-ajax-element-loaded', oxygen_init_pro_menu, false); let proMenuMouseDown = false; jQuery(".oxygen-body") .on("mousedown", '.oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-open-container) .menu-item-has-children', function(e) { proMenuMouseDown = true; }) .on("mouseup", '.oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-open-container) .menu-item-has-children', function(e) { proMenuMouseDown = false; }) .on('mouseenter focusin', '.oxy-pro-menu-show-dropdown:not(.oxy-pro-menu-open-container) .menu-item-has-children', function(e) { if( proMenuMouseDown ) return; var subMenu = jQuery(this).children('.sub-menu'); subMenu.addClass('aos-animate oxy-pro-menu-dropdown-animating').removeClass('sub-menu-left'); var duration = jQuery(this).parents('.oxy-pro-menu-container').data('oxy-pro-menu-dropdown-animation-duration'); setTimeout(function() {subMenu.removeClass('oxy-pro-menu-dropdown-animating')}, duration*1000); var offset = subMenu.offset(), width = subMenu.width(), docWidth = jQuery(window).width(); if (offset.left+width > docWidth) { subMenu.addClass('sub-menu-left'); } }) .on('mouseleave focusout', '.oxy-pro-menu-show-dropdown .menu-item-has-children', function( e ) { if( jQuery(this).is(':hover') ) return; jQuery(this).children('.sub-menu').removeClass('aos-animate'); var subMenu = jQuery(this).children('.sub-menu'); //subMenu.addClass('oxy-pro-menu-dropdown-animating-out'); var duration = jQuery(this).parents('.oxy-pro-menu-container').data('oxy-pro-menu-dropdown-animation-duration'); setTimeout(function() {subMenu.removeClass('oxy-pro-menu-dropdown-animating-out')}, duration*1000); }) // open icon click .on('click', '.oxy-pro-menu-mobile-open-icon', function() { var menu = jQuery(this).parents('.oxy-pro-menu'); // off canvas if (jQuery(this).hasClass('oxy-pro-menu-off-canvas-trigger')) { oxygen_offcanvas_menu_run(menu); } // regular else { menu.addClass('oxy-pro-menu-open'); jQuery(this).siblings('.oxy-pro-menu-container').addClass('oxy-pro-menu-open-container'); jQuery('body').addClass('oxy-nav-menu-prevent-overflow'); jQuery('html').addClass('oxy-nav-menu-prevent-overflow'); oxygen_pro_menu_set_static_width(menu); } // remove animation and collapse jQuery('.sub-menu', menu).attr('data-aos',''); jQuery('.oxy-pro-menu-dropdown-toggle .sub-menu', menu).slideUp(0); }); function oxygen_pro_menu_set_static_width(menu) { var menuItemWidth = jQuery(".oxy-pro-menu-list > .menu-item", menu).width(); jQuery(".oxy-pro-menu-open-container > div:first-child, .oxy-pro-menu-off-canvas-container > div:first-child", menu).width(menuItemWidth); } function oxygen_pro_menu_unset_static_width(menu) { jQuery(".oxy-pro-menu-container > div:first-child", menu).width(""); } // close icon click jQuery('body').on('click', '.oxy-pro-menu-mobile-close-icon', function(e) { var menu = jQuery(this).parents('.oxy-pro-menu'); menu.removeClass('oxy-pro-menu-open'); jQuery(this).parents('.oxy-pro-menu-container').removeClass('oxy-pro-menu-open-container'); jQuery('.oxy-nav-menu-prevent-overflow').removeClass('oxy-nav-menu-prevent-overflow'); if (jQuery(this).parent('.oxy-pro-menu-container').hasClass('oxy-pro-menu-off-canvas-container')) { oxygen_offcanvas_menu_run(menu); } oxygen_pro_menu_unset_static_width(menu); }); // dropdown toggle icon click jQuery('body').on( 'touchstart click', '.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children > a > .oxy-pro-menu-dropdown-icon-click-area,'+ '.oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children > a > .oxy-pro-menu-dropdown-icon-click-area', function(e) { e.preventDefault(); // fix for iOS false triggering submenu clicks jQuery('.sub-menu').css('pointer-events', 'none'); setTimeout( function() { jQuery('.sub-menu').css('pointer-events', 'initial'); }, 500); // workaround to stop click event from triggering after touchstart if (window.oxygenProMenuIconTouched === true) { window.oxygenProMenuIconTouched = false; return; } if (e.type==='touchstart') { window.oxygenProMenuIconTouched = true; } oxygen_pro_menu_toggle_dropdown(this); } ); function oxygen_pro_menu_toggle_dropdown(trigger) { var duration = jQuery(trigger).parents('.oxy-pro-menu-container').data('oxy-pro-menu-dropdown-animation-duration'); jQuery(trigger).closest('.menu-item-has-children').children('.sub-menu').slideToggle({ start: function () { jQuery(this).css({ display: "flex" }) }, duration: duration*1000 }); } // fullscreen menu link click var selector = '.oxy-pro-menu-open .menu-item a'; jQuery('body').on('click', selector, function(event){ if (jQuery(event.target).closest('.oxy-pro-menu-dropdown-icon-click-area').length > 0) { // toggle icon clicked, no need to hide the menu return; } else if ((jQuery(this).attr("href") === "#" || jQuery(this).closest(".oxy-pro-menu-container").data("entire-parent-toggles-dropdown")) && jQuery(this).parent().hasClass('menu-item-has-children')) { // empty href don't lead anywhere, treat it as toggle trigger oxygen_pro_menu_toggle_dropdown(event.target); // keep anchor links behavior as is, and prevent regular links from page reload if (jQuery(this).attr("href").indexOf("#")!==0) { return false; } } // hide the menu and follow the anchor if (jQuery(this).attr("href").indexOf("#")===0) { jQuery('.oxy-pro-menu-open').removeClass('oxy-pro-menu-open'); jQuery('.oxy-pro-menu-open-container').removeClass('oxy-pro-menu-open-container'); jQuery('.oxy-nav-menu-prevent-overflow').removeClass('oxy-nav-menu-prevent-overflow'); } }); // off-canvas menu link click var selector = '.oxy-pro-menu-off-canvas .menu-item a'; jQuery('body').on('click', selector, function(event){ if (jQuery(event.target).closest('.oxy-pro-menu-dropdown-icon-click-area').length > 0) { // toggle icon clicked, no need to trigger it return; } else if ((jQuery(this).attr("href") === "#" || jQuery(this).closest(".oxy-pro-menu-container").data("entire-parent-toggles-dropdown")) && jQuery(this).parent().hasClass('menu-item-has-children')) { // empty href don't lead anywhere, treat it as toggle trigger oxygen_pro_menu_toggle_dropdown(event.target); // keep anchor links behavior as is, and prevent regular links from page reload if (jQuery(this).attr("href").indexOf("#")!==0) { return false; } } }); // off canvas function oxygen_offcanvas_menu_init(menu) { // only init off-canvas animation if trigger icon is visible i.e. mobile menu in action var offCanvasActive = jQuery(menu).siblings('.oxy-pro-menu-off-canvas-trigger').css('display'); if (offCanvasActive!=='none') { var animation = menu.data('oxy-pro-menu-off-canvas-animation'); setTimeout(function() {menu.attr('data-aos', animation);}, 10); } else { // remove AOS menu.attr('data-aos', ''); }; } function oxygen_offcanvas_menu_run(menu) { var container = menu.find(".oxy-pro-menu-container"); if (!container.attr('data-aos')) { // initialize animation setTimeout(function() {oxygen_offcanvas_menu_toggle(menu, container)}, 0); } else { oxygen_offcanvas_menu_toggle(menu, container); } } var oxygen_offcanvas_menu_toggle_in_progress = false; function oxygen_offcanvas_menu_toggle(menu, container) { if (oxygen_offcanvas_menu_toggle_in_progress) { return; } container.toggleClass('aos-animate'); if (container.hasClass('oxy-pro-menu-off-canvas-container')) { oxygen_offcanvas_menu_toggle_in_progress = true; var animation = container.data('oxy-pro-menu-off-canvas-animation'), timeout = container.data('aos-duration'); if (!animation){ timeout = 0; } setTimeout(function() { container.removeClass('oxy-pro-menu-off-canvas-container') menu.removeClass('oxy-pro-menu-off-canvas'); oxygen_offcanvas_menu_toggle_in_progress = false; }, timeout); } else { container.addClass('oxy-pro-menu-off-canvas-container'); menu.addClass('oxy-pro-menu-off-canvas'); oxygen_pro_menu_set_static_width(menu); } } </script> <link rel='stylesheet' id='oxygen-aos-css' href='https://kitimatrecycle.ca/wp-content/plugins/oxygen/component-framework/vendor/aos/aos.css?ver=6.7.2' type='text/css' media='all' /> <script type="text/javascript" src="https://kitimatrecycle.ca/wp-content/plugins/oxygen/component-framework/vendor/aos/aos.js?ver=1" id="oxygen-aos-js"></script> <script type="text/javascript" src="https://kitimatrecycle.ca/wp-content/plugins/oxyextras/includes/js/gridbuildersupport.js?ver=1.0.2" id="gridbuildersupport-js"></script> <script type="text/javascript" id="ct-footer-js"> AOS.init({ }) jQuery('body').addClass('oxygen-aos-enabled'); </script><script type="text/javascript" id="ct_code_block_js_51"> (function($) { // check if the list has items if ($('#_dynamic_list-5-98').children().length > 0) { // if more than 0 items hide the "no results" text $('text_block-47-98').hide(); } })(jQuery);</script> <!-- /WP_FOOTER --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10