1<!DOCTYPE html> 2<html class="no-js"> 3 4<head> 5 6 <title> 7 TTN West 2026 Pricing | HR Conference for Tech </title><!--TTN West 2026 Pricing | HR Conference for TechTech Talent North--> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <link rel="shortcut icon" href="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/images/favicon.ico"> 12 <link rel="stylesheet" href="https://use.typekit.net/urv1evn.css"> 13<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet"> 14 <style> @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap'); </style> 15<!-- Google Tag Manager -->
16<script>
vendor: 327 bytes, lines 16-20
16(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 17new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 18j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 19'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 20})(window,document,'script','dataLayer','
20GTM-NGL3K3H
vendor: 3 bytes, line 20
20');
20</script>
20 21<!-- End Google Tag Manager --> 22 23 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 24 25 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 26 <meta name="description" content="View ticket pricing for TTN West 2026. Join HR and culture leaders in tech to explore AI, hybrid work, and workplace transformation" /> 27 <link rel="canonical" href="https://techtalentnorth.com/west/pricing/" /> 28 <meta property="og:locale" content="en_US" /> 29 <meta property="og:type" content="article" /> 30 <meta property="og:title" content="TTN West 2026 Pricing | HR Conference for Tech" /> 31 <meta property="og:description" content="View ticket pricing for TTN West 2026. Join HR and culture leaders in tech to explore AI, hybrid work, and workplace transformation" /> 32 <meta property="og:url" content="https://techtalentnorth.com/west/pricing/" /> 33 <meta property="og:site_name" content="Tech Talent North" /> 34 <meta property="article:modified_time" content="2026-08-21T15:40:39+00:00" /> 35 <meta property="og:image" content="https://techtalentnorth.com/wp-content/uploads/2025/02/TTN-SEO_West-scaled.jpg" /> 36 <meta property="og:image:width" content="2560" /> 37 <meta property="og:image:height" content="1340" /> 38 <meta property="og:image:type" content="image/jpeg" /> 39 <meta name="twitter:card" content="summary_large_image" /> 40 <meta name="twitter:title" content="TTN West 2026 Pricing | HR Conference for Tech" /> 41 <meta name="twitter:description" content="View ticket pricing for TTN West 2026. Join HR and culture leaders in tech to explore AI, hybrid work, and workplace transformation" /> 42 <meta name="twitter:image" content="https://techtalentnorth.com/wp-content/uploads/2025/02/TTN-SEO_West-scaled.jpg" /> 43 <meta name="twitter:label1" content="Est. reading time" /> 44 <meta name="twitter:data1" content="1 minute" /> 45
45<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techtalentnorth.com\/west\/pricing\/","url":"https:\/\/techtalentnorth.com\/west\/pricing\/","name":"TTN West 2026 Pricing | HR Conference for Tech","isPartOf":{"@id":"https:\/\/techtalentnorth.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techtalentnorth.com\/west\/pricing\/#primaryimage"},"image":{"@id":"https:\/\/techtalentnorth.com\/west\/pricing\/#primaryimage"},"thumbnailUrl":"https:\/\/techtalentnorth.com\/wp-content\/uploads\/2025\/02\/TTN-SEO_West-scaled.jpg","datePublished":"2024-08-12T11:38:40+00:00","dateModified":"2026-08-21T15:40:39+00:00","description":"View ticket pricing for TTN West 2026. Join HR and culture leaders in tech to explore AI, hybrid work, and workplace transformation","breadcrumb":{"@id":"https:\/\/techtalentnorth.com\/west\/pricing\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techtalentnorth.com\/west\/pricing\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/techtalentnorth.com\/west\/pricing\/#primaryimage","url":"https:\/\/techtalentnorth.com\/wp-content\/uploads\/2025\/02\/TTN-SEO_West-scaled.jpg","contentUrl":"https:\/\/techtalentnorth.com\/wp-content\/uploads\/2025\/02\/TTN-SEO_West-scaled.jpg","width":2560,"height":1340},{"@type":"BreadcrumbList","@id":"https:\/\/techtalentnorth.com\/west\/pricing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techtalentnorth.com\/"},{"@type":"ListItem","position":2,"name":"West","item":"https:\/\/techtalentnorth.com\/west\/"},{"@type":"ListItem","position":3,"name":"Pricing"}]},{"@type":"WebSite","@id":"https:\/\/techtalentnorth.com\/#website","url":"https:\/\/techtalentnorth.com\/","name":"Tech Talent North","description":"Canada's Only Premier HR Tech Conference","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/techtalentnorth.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"}]}</script>
45 46 <!-- / Yoast SEO plugin. --> 47 48
49<script type='application/javascript' id='pys-version-script'>console.log('PixelYourSite Free version 11.4.2.1');</script>
49 50<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 51<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 52<link rel='dns-prefetch' href='//cdn.plyr.io' /> 53<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://techtalentnorth.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftechtalentnorth.com%2Fwest%2Fpricing%2F" /> 54<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://techtalentnorth.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftechtalentnorth.com%2Fwest%2Fpricing%2F&format=xml" /> 55<style id="wp-img-auto-sizes-contain-inline-css"> 56img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 57/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 58</style> 59<style id="wp-emoji-styles-inline-css"> 60 61 img.wp-smiley, img.emoji { 62 display: inline !important; 63 border: none !important; 64 box-shadow: none !important; 65 height: 1em !important; 66 width: 1em !important; 67 margin: 0 0.07em !important; 68 vertical-align: -0.1em !important; 69 background: none !important; 70 padding: 0 !important; 71 } 72/*# sourceURL=wp-emoji-styles-inline-css */ 73</style> 74<style id="wp-block-library-inline-css"> 75:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
75--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 76 77/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 78</style> 79<style id="classic-theme-styles-inline-css"> 80/*! This file is auto-generated */ 81.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} 82/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 83</style> 84 85<style id="global-styles-inline-css"> 86: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,rgb(6,147,227) 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,rgb(252,185,
860) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }: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;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;}
86.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;} 87/*# sourceURL=global-styles-inline-css */ 88</style> 89 90<link rel='stylesheet' id='contact-form-7-css' href='https://techtalentnorth.com/wp-content/plugins/contact-form-7/includes/css/styles.css' media='all' /> 91<link rel='stylesheet' id='wp-event-manager-frontend-css' href='https://techtalentnorth.com/wp-content/plugins/wp-event-manager/assets/css/frontend.min.css' media='all' /> 92<link rel='stylesheet' id='wp-event-manager-jquery-ui-css-css' href='https://techtalentnorth.com/wp-content/plugins/wp-event-manager/assets/js/jquery-ui/jquery-ui.css' media='all' /> 93<link rel='stylesheet' id='wp-event-manager-jquery-timepicker-css-css' href='https://techtalentnorth.com/wp-content/plugins/wp-event-manager/assets/js/jquery-timepicker/jquery.timepicker.min.css' media='all' /> 94<link rel='stylesheet' id='wp-event-manager-grid-style-css' href='https://techtalentnorth.com/wp-content/plugins/wp-event-manager/assets/css/wpem-grid.min.css' media='all' /> 95<link rel='stylesheet' id='wp-event-manager-font-style-css' href='https://techtalentnorth.com/wp-content/plugins/wp-event-manager/assets/fonts/style.css' media='all' /> 96<link rel='stylesheet' id='bootstrap-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/vendor/bootstrap/css/bootstrap.min.css?v=1739127645' media='all' /> 97<link rel='stylesheet' id='psgTimer-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/css/psgTimer.css?v=1739127645' media='all' /> 98<link rel='stylesheet' id='font-awesome-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/css/fa.all.min.css?v=1739127645' media='all' /> 99<link rel='stylesheet' id='slick-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/vendor/slick/slick.css?v=1739127645' media='all' /> 100<link rel='stylesheet' id='select2-css-css' href='//cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css' media='all' /> 101<link rel='stylesheet' id='plyr-css-css' href='//cdn.plyr.io/3.7.8/plyr.css' media='all' /> 102<link rel='stylesheet' id='mfp-css-css' href='//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css' media='all' /> 103<link rel='stylesheet' id='aos-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/css/aos.css?v=1739127645' media='all' /> 104<link rel='stylesheet' id='color-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/css/color.css?v=1739127645' media='all' /> 105<link rel='stylesheet' id='main-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/css/main.css?v=1783468414' media='all' /> 106<link rel='stylesheet' id='tablet-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/css/tablet.css?v=1739127645' media='all' /> 107<link rel='stylesheet' id='mobile-css-css' href='https://techtalentnorth.com/w
107p-content/themes/webbudswordpresstheme/css/mobile.css?v=1739127645' media='all' /> 108<link rel='stylesheet' id='wbd-css-css' href='https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/style.css?v=1739127645' media='all' />
109<script id="jquery-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/js/jquery-3.5.1.min.js?v=1739127645"></script>
vendor: 1 bytes, line 109
109
110<script id="js.cookie-js" src="https://techtalentnorth.com/wp-content/plugins/handl-utm-grabber/js/js.cookie.js"></script>
vendor: 1 bytes, line 110
110
111<script id="handl-utm-grabber-js-extra"> 112var handl_utm = []; 113var handl_utm_all_params = ["utm_source","utm_medium","utm_term","utm_content","utm_campaign","gclid","handl_original_ref","handl_landing_page","handl_ip","handl_ref","handl_url","email","username"]; 114var handl_utm_cookie_duration = ["30","1"]; 115//# sourceURL=handl-utm-grabber-js-extra 116</script>
vendor: 1 bytes, line 116
116
117<script id="handl-utm-grabber-js" src="https://techtalentnorth.com/wp-content/plugins/handl-utm-grabber/js/handl-utm-grabber.js"></script>
vendor: 1 bytes, line 117
117
118<script id="jquery.psgTimer-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/js/jquery.psgTimer.js?v=1739127645"></script>
118 119<link rel="https://api.w.org/" href="https://techtalentnorth.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://techtalentnorth.com/wp-json/wp/v2/pages/17020" /><meta name="facebook-domain-verification" content="7f71l03k94di135uqn7zdlobyp7g1a" /><style id="ttn-button-engine"> 120/* âââââââââââââââââââââââââââââââââââââââââââââââââââ 121 TX BUTTON ENGINE â Pill-Shaped, City-Color Aware 122 âââââââââââââââââââââââââââââââââââââââââââââââââââ */ 123 124/* Force white on button text + inner span â wins over any legacy/global 125 rule that might be cascading a color down (confirmed 2026-04-18 on TX). */ 126.ttn-btn, 127.ttn-btn > span, 128.ttn-btn span { 129 color: #fff !important; 130} 131 132/* ââ Base Reset ââ */ 133.ttn-btn { 134 display: inline-flex; 135 align-items: center; 136 justify-content: center; 137 gap: 8px; 138 font-family: 'DM Sans', sans-serif; 139 font-weight: 700; 140 text-transform: uppercase; /* global â no need to manually CAPS button labels */ 141 letter-spacing: .02em; 142 text-decoration: none; 143 color: #fff; 144 cursor: pointer; 145 position: relative; 146 white-space: nowrap; 147 border-radius: 999px; 148 border: 1px solid rgba(255,255,255, .12); 149 box-shadow: 150 inset 0 1px 0 rgba(255,255,255, .08), 151 inset 0 -1px 0 rgba(0,0,0, .06); 152 transition: 153 transform 0.25s ease, 154 box-shadow 0.35s ease, 155 background 0.35s ease, 156 border-color 0.35s ease, 157 filter 0.25s ease; 158} 159 160.ttn-btn > span { 161 position: relative; 162 z-index: 2; 163} 164 165/* ââ Button Row Layout ââ */ 166.ttn-btn-row { 167 display: flex; 168 flex-wrap: wrap; 169 gap: 16px; 170} 171.ttn-btn-row--left { justify-content: flex-start; } 172.ttn-btn-row--center { justify-content: center; } 173.ttn-btn-row--right { justify-content: flex-end; } 174 175/* ââ Size definitions ââ 176 Aligned with SN button engine proportions (2026-04-21) so block ports 177 between TX and SN get consistent button sizing. Keep graphiksemibold on 178 base .ttn-btn and pill border-radius (999px) â those stay TX-specific. */ 179.ttn-btn-row--sm .ttn-btn, 180.ttn-btn.ttn-btn-sm { 181 font-size: 0.85rem; 182 padding: 10px 26px; 183 min-height: 38px; 184} 185.ttn-btn-row--md .ttn-btn, 186.ttn-btn.ttn-btn-md { 187 font-size: 1.1rem; 188 padding: 10px 40px; 189 min-height: 48px; 190} 191.ttn-btn-row--lg .ttn-btn, 192.ttn-btn.ttn-btn-lg { 193 font-size: 1.1rem; 194 padding: 16px 46px; 195 min-height: 56px; 196} 197.ttn-btn-row--xl .ttn-btn, 198.ttn-btn.ttn-btn-xl { 199 font-size: clamp(18px, 2vw, 22px); 200 padding: 20px 62px; 201 min-height: 68px; 202} 203 204/* ââ PRIMARY (City Color / Brand Gradient) ââ 205 Solid brand gradient with color-MIXED borders â they tint toward the 206 button's own color (lightened for top/sides, darkened for bottom) 207 instead of using white/black at low opacity, which read as grey/muddy 208 on saturated colors. Bottom is 1px + subtle so it reads as recession, 209 not an underline. */ 210.ttn-btn-primary { 211 /* Dual-background trick: padding-box gradient = fill, border-box gradient 212 = visible border (the actual border is transparent). Single uniform 1.5px 213 gradient border, 20/80 white at top â 20/80 black at bottom. Fill is the 214 richer 3-stop primary gradient (whitened var(--blue) at top â solid 215 var(--blue) â blackened at bottom). */ 216 background: 217 linear-gradient(180deg, 218 color-mix(in srgb, var(--blue) 88%, white) 0%, 219 var(--blue) 45%, 220 color-mix(in srgb, var(--blue) 62%, #000) 100% 221 ) padding-box, 222 linear-gradient(180deg, 223 color-mix(in srgb, var(--blue) 40%, white 60%) 0%, 224 color-mix(in srgb, var(--blue) 40%, #000 60%) 100% 225 ) border-box; 226 border: 1.5px solid transparent; 227 color: #fff; 228 text-shadow: 0 1px 4px rgba(0,0,0,0.3); 229 box-shadow: 0 2px 8px rgba(0,0,0, .14); 230} 231.ttn-btn-primary:hover, 232.ttn-btn-primary:focus-visible { 233 transform: translateY(-2px); 234 box-shadow: 0 6px 24px rgba(var(--blue-rgb), 0.35); 235 filter: brightness(1.08); 236 color: #fff; 237 text-decoration: none; 238} 239.ttn-btn-primary:active { 240 transform: translateY(0); 241 filter: brightness(0.95); 242} 243 244/* ââ SECONDARY (Light glass, navy accent â the quieter sibling of the primary) ââ 245 WHITE fill easing to a faint navy tint, NAVY label, navy gradient rim + a top 246 sheen (the megamenu city-button treatment, but navy instead of the city 247 colour). The primary is solid navy = louder; this is the softer light button. 248 HOVER is IDENTICAL to the primary: fills with the city-colour gradient. */ 249.ttn-btn-secondary { 250 position: relative; 251 overflow: hidden; /* clip the sheen to the pointy-corner shape */ 252 /* Mojo's inspector-tuned look: a faint city-tint fill with a crisp solid-white 253 1.5px border â a light "ghost" button that sits quietly under the navy primary. */ 254 background: 255 linear-gradient(180deg, rgba(var(--blue-rgb), .10) 30%, rgba(var(--blue-rgb), .16) 100%) padding-box, 256 linear-gradient(180deg, rgba(255,255,255,0.25) 60%, rgba(var(--blue-rgb), .20) 100%) border-box; 257 border: 1.5px solid #FFF; 258 border-radius: 1px 35px 35px 65px; 259 text-shadow: 0 1px 1px rgba(255,255,255,.9); 260 box-shadow: 0 4px 12px rgba(2,29,93,.09), inset 0 1px 0 rgba(255,255,255,.9); 261} 262/* Navy label â beat the engine's global `.ttn-btn span { color:#fff !important }`. */ 263.ttn-btn-secondary, 264.ttn-btn-secondary > span, 265.ttn-btn-secondary span { 266 color: #021D5D !important; 267} 268/* Top glass sheen (same idea as the primary's). */ 269.ttn-btn-secondary::before { 270 content: ""; 271 position: absolute; 272 inset: 0; 273 z-index: 1; 274 pointer-events: none; 275 border-radius: inherit; 276 background: linear-gradient(180deg, 277 rgba(255,255,255,.90) 0%, 278 rgba(255,255,255,.40) 34%, 279 rgba(255,255,255,0.2) 56%); 280} 281/* Optical-centre the label (matches the primary) + sit above the sheen. */ 282.ttn-btn-secondary > span { 283 position: relative; 284 z-index: 2; 285 margin-left: 10px; 286} 287/* Hover = the SAME as the primary: city-colour gradient fill + white label. */ 288.ttn-btn-secondary:hover, 289.ttn-btn-secondary:focus-visible { 290 background: 291 linear-gradient(180deg, var(--blue) 0%, color-mix(in srgb, var(--blue) 82%, #021D5D) 100%) padding-box, 292 linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--blue) 45%, #ffffff) 100%) border-box; 293 border: 1.5px solid transparent; 294 transform: translateY(-2px); 295 box-shadow: 0 8px 22px rgba(var(--blue-rgb),.28), 0 0 16px rgba(255,255,255,.30); 296 text-decoration: none; 297} 298.ttn-btn-secondary:hover, 299.ttn-btn-secondary:hover > span, 300.ttn-btn-secondary:hover span, 301.ttn-btn-secondary:focus-visible, 302.ttn-btn-secondary:focus-visible > span, 303.ttn-btn-secondary:focus-visible span { 304 color: #fff !important; /* white label on the city fill, like the primary hover */ 305 text-shadow: 0 1px 3px rgba(0,0,0,0.25); 306} 307.ttn-btn-secondary:active { 308 transform: translateY(0); 309} 310
311/* ââ REVERSE (Dark glassy, for Colored Backgrounds) ââ 312 Kept opacity-based (vs primary's color-mix) because this variant is used 313 over unpredictable colored backgrounds where var(--blue)-tinted borders 314 could clash. But brightened the top so it actually reads as a highlight 315 (.22 was muddy) and thinned + softened the bottom so it's recession, 316 not an underline. */ 317.ttn-btn-reverse { 318 background: linear-gradient(180deg, rgba(0,0,0, .65) 0%, rgba(0,0,0, .82) 100%); 319 backdrop-filter: blur(12px); 320 -webkit-backdrop-filter: blur(12px); 321 border: 0; 322 border-top: 2px solid rgba(255,255,255, .38); 323 border-bottom: 1px solid rgba(0,0,0, .32); 324 border-left: 1px solid rgba(255,255,255, .18); 325 border-right: 1px solid rgba(255,255,255, .18); 326 color: #fff; 327 box-shadow: 0 4px 14px rgba(0,0,0, .25); 328} 329.ttn-btn-reverse:hover, 330.ttn-btn-reverse:focus-visible { 331 transform: translateY(-2px); 332 box-shadow: 0 6px 20px rgba(0,0,0,0.4); 333 filter: brightness(1.15); 334 color: #fff; 335 text-decoration: none; 336} 337.ttn-btn-reverse:active { 338 transform: translateY(0); 339 filter: brightness(0.9); 340} 341 342/* âââââââââââââââââââââââââââââââââââââââââââââââââââ 343 HIGHLIGHT CTA â Spinning Border Glow Enhancement 344 âââââââââââââââââââââââââââââââââââââââââââââââââââ */ 345.ttn-btn.highlight-cta { 346 background: rgba(var(--blue-rgb), 0.08); 347 border: 0; 348 overflow: hidden; 349 isolation: isolate; 350 /* Firefox fix (2026-04-30): clip-path is FF's preferred clipping primitive 351 for transformed children. `overflow: hidden + border-radius: 999px` works 352 for SMALL pills (header REGISTER NOW ~200px) but breaks down on WIDE 353 pills (blog "View All Articles" ~750px) â the spinning ::before bleeds 354 through with a clean vertical split mid-button. clip-path keeps the 355 clip mathematically perfect at any width. Matches the working 356 .tx-card-btn.highlight-cta pattern in blog-grid-block.php. */ 357 clip-path: inset(0 round 999px); 358 animation: txHighlightGlow 7s linear infinite; 359} 360/* highlight-cta variants â aligned to SN spec (2026-04-21) */ 361.ttn-btn.ttn-btn-sm.highlight-cta { padding: 12px 28px; min-height: 42px; } 362.ttn-btn.ttn-btn-md.highlight-cta { padding: 12px 42px; min-height: 52px; } 363.ttn-btn.ttn-btn-lg.highlight-cta { padding: 18px 48px; min-height: 60px; } 364.ttn-btn.ttn-btn-xl.highlight-cta { padding: 22px 64px; min-height: 68px; } 365@media (max-width: 767px) { 366 .ttn-btn.ttn-btn-xl.highlight-cta { padding: 16px 48px; min-height: 56px; } 367} 368 369/* Spinning border beam. 370 Firefox fix (2026-04-30): two changes to dodge a FF conic-gradient renderer 371 bug that left half the button unpainted: 372 1. Sized to 1000px square instead of 100vmax â FF chokes on conic-gradients 373 painted across viewport-scale surfaces, leaving subpixel gaps mid-element. 374 1000px is plenty bigger than any button, but small enough that FF renders 375 the conic cleanly. 376 2. `transparent` keyword replaced with `rgba(var(--blue-rgb), 0)` â FF 377 interpolates `transparent` THROUGH black (rgba(0,0,0,0)), creating 378 muddy transitions; matched-hue zero-alpha keeps the fade clean. 379 3. will-change + backface-visibility lock the GPU layer for the rotation. */ 380.ttn-btn.highlight-cta::before { 381 content: ""; 382 position: absolute; 383 width: 1000px; 384 height: 1000px; 385 left: 50%; 386 top: 50%; 387 transform: translate(-50%, -50%) rotate(0deg); 388 transform-origin: center center; 389 z-index: 0; 390 pointer-events: none; 391 will-change: transform; 392 backface-visibility: hidden; 393 background: conic-gradient( 394 from 0deg, 395 rgba(var(--blue-rgb), 0) 0deg, 396 rgba(var(--blue-rgb), 0) 110deg, 397 rgba(var(--blue-rgb), .25) 150deg, 398 rgba(var(--blue-rgb), 1) 178deg, 399 rgba(var(--blue-rgb), 1) 182deg, 400 rgba(var(--blue-rgb), .25) 210deg, 401 rgba(var(--blue-rgb), 0) 250deg, 402 rgba(var(--blue-rgb), 0) 360deg 403 ); 404 animation: txHighlightSpin 7s linear infinite; 405} 406 407/* Inner fill â matches the new primary 3-stop gradient so toggling highlight 408 on/off doesn't change how the button looks internally (just adds the ring). 409 Firefox fix (2026-04-30): rebuilt the gradient WITHOUT color-mix() inside 410 gradient stops. FF has a documented renderer bug where color-mix gradient 411 stops fail on wide elements (the partial-fill we saw on View All Articles 412 was exactly this). New approach: solid var(--blue) base + white/black alpha 413 overlays via gradient â visually identical, FF-safe primitives. */ 414.ttn-btn.highlight-cta::after { 415 content: ""; 416 position: absolute; 417 inset: 2px; 418 border-radius: 999px; 419 z-index: 1; 420 background-color: var(--blue); 421 background-image: linear-gradient(180deg, 422 rgba(255,255,255, 0.12) 0%, 423 rgba(255,255,255, 0) 45%, 424 rgba(0,0,0, 0) 55%, 425 rgba(0,0,0, 0.38) 100% 426 ); 427 transition: background 0.28s ease, box-shadow 0.35s ease; 428} 429 430/* ââ TTN light-theme contrast fix for highlight-cta ââ 431 The ::after above fills the pill with var(--blue) â which on TTN is a LIGHT
432 city colour (West cyan #2FD6EB, East periwinkle #9A97E7) â while the global 433 rule near the top of this file forces `color: #fff !important` on every button 434 label. White on cyan is unreadable. On TTN the highlight label goes NAVY. 435 The same applies to the SECONDARY highlight, whose ::after is a translucent 436 white glass fill (near-invisible white-on-white on a light page). 437 ttn-btn-reverse is excluded â its fill is dark, so white text is correct there. 438 !important is required to beat that global rule. */ 439.ttn-btn.highlight-cta:not(.ttn-btn-reverse), 440.ttn-btn.highlight-cta:not(.ttn-btn-reverse) > span, 441.ttn-btn.highlight-cta:not(.ttn-btn-reverse) span { 442 color: #021D5D !important; 443} 444 445/* Reverse style override â was a near-black (#1a1a1a) dark-theme leftover that 446 looked out of place on a light band; now the TTN brand navy, matching 447 .ttn-btn-primary. White label text stays correct on it. */ 448.ttn-btn.ttn-btn-reverse.highlight-cta::after { 449 background: linear-gradient(180deg, #0c2e74 0%, #021D5D 100%); 450 box-shadow: 451 inset 0 0 0 1px rgba(255,255,255, .08), 452 inset 0 1px 0 rgba(255,255,255, .06), 453 0 0 26px rgba(var(--blue-rgb), .22), 454 0 0 60px rgba(var(--blue-rgb), .14); 455} 456 457/* Secondary style override â glassy fill */ 458.ttn-btn.ttn-btn-secondary.highlight-cta::after { 459 background: linear-gradient(180deg, 460 rgba(255,255,255, .06) 0%, 461 rgba(255,255,255, .02) 100% 462 ); 463 box-shadow: 464 inset 0 0 0 1px rgba(var(--blue-rgb), .18), 465 inset 0 1px 0 rgba(255,255,255, .06), 466 0 0 26px rgba(var(--blue-rgb), .22); 467} 468 469/* Content stays above the pseudo-elements */ 470.ttn-btn.highlight-cta > *, 471.ttn-btn.highlight-cta span { 472 position: relative; 473 z-index: 3; 474} 475 476/* Hover: lift + glow */ 477.ttn-btn.highlight-cta:hover, 478.ttn-btn.highlight-cta:focus-visible { 479 transform: translateY(-2px); 480 filter: brightness(1.08) saturate(1.05); 481 box-shadow: 482 0 6px 24px rgba(var(--blue-rgb), .35), 483 0 0 16px rgba(var(--blue-rgb), .18); 484} 485 486.ttn-btn.highlight-cta:hover::after { 487 /* Firefox fix â color-mix-free hover gradient (matches base treatment) */ 488 background-color: var(--blue); 489 background-image: linear-gradient(180deg, 490 rgba(255,255,255, 0.22) 0%, 491 rgba(0,0,0, 0.32) 100% 492 ); 493 box-shadow: 494 inset 0 0 0 1px rgba(255,229,194, .24), 495 inset 0 1px 0 rgba(255,255,255, .12), 496 inset 0 -6px 12px rgba(0,0,0, .04), 497 0 0 10px rgba(var(--blue-rgb), .22); 498} 499 500.ttn-btn.ttn-btn-reverse.highlight-cta:hover::after { 501 background: linear-gradient(180deg, #252525 0%, #111 100%); 502} 503 504.ttn-btn.ttn-btn-secondary.highlight-cta:hover::after { 505 background: linear-gradient(180deg, 506 color-mix(in srgb, var(--blue) 85%, white) 0%, 507 var(--blue) 100% 508 ); 509} 510 511@keyframes txHighlightSpin { 512 from { transform: translate(-50%, -50%) rotate(0deg); } 513 to { transform: translate(-50%, -50%) rotate(360deg); } 514} 515 516@keyframes txHighlightGlow { 517 0% { 518 box-shadow: 519 0 0 10px rgba(var(--blue-rgb), .08), 520 0 12px 28px -4px rgba(var(--blue-rgb), .40), 521 0 8px 50px 0 rgba(var(--blue-rgb), .15); 522 } 523 25% { 524 box-shadow: 525 0 0 10px rgba(var(--blue-rgb), .08), 526 -12px 0 28px -4px rgba(var(--blue-rgb), .40), 527 -8px 0 50px 0 rgba(var(--blue-rgb), .15); 528 } 529 50% { 530 box-shadow: 531 0 0 10px rgba(var(--blue-rgb), .08), 532 0 -12px 28px -4px rgba(var(--blue-rgb), .40), 533 0 -8px 50px 0 rgba(var(--blue-rgb), .15); 534 } 535 75% { 536 box-shadow: 537 0 0 10px rgba(var(--blue-rgb), .08), 538 12px 0 28px -4px rgba(var(--blue-rgb), .40), 539 8px 0 50px 0 rgba(var(--blue-rgb), .15); 540 } 541 100% { 542 box-shadow: 543 0 0 10px rgba(var(--blue-rgb), .08), 544 0 12px 28px -4px rgba(var(--blue-rgb), .40), 545 0 8px 50px 0 rgba(var(--blue-rgb), .15); 546 } 547} 548 549/* âââââââââââââââââââââââââââââââââââââââââââââââââââ 550 TX PILLS â Frosted Glass Links (Pill-Shaped) 551 âââââââââââââââââââââââââââââââââââââââââââââââââââ */ 552 553.ttn-pill-row { 554 display: flex; 555 flex-wrap: wrap; 556 justify-content: center; 557 gap: 14px 20px; 558} 559 560.ttn-pill, 561.ttn-pill:link, 562.ttn-pill:visited { 563 display: inline-flex; 564 align-items: center; 565 justify-content: center; 566 gap: 10px; 567 568 padding: 12px 30px; 569 /* TTN pointy-pill family, matching the megamenu footer pills. */ 570 border-radius: 1px 22px 22px 38px; 571 572 /* The LIGHTEST tier â but still visible. Both gradients 180deg (topâbottom). 573 Fill: DARKER (city-tinted) at the top, LIGHTER (whiter) at the bottom. 574 Border: the OPPOSITE â lighter (white) at the top, darker (city) at the 575 bottom â so fill and border oppose each other for a glassy read. Its GRADIENT 576 border (vs the secondary's crisp solid-white one) keeps it a rung lower. */ 577 background: 578 linear-gradient(180deg, rgba(var(--blue-rgb), .4) 0%, rgba(255,255,255, .12) 100%) padding-box, 579 linear-gradient(180deg, rgba(255,255,255, .65) 0%, rgba(var(--blue-rgb), .95) 100%) border-box; 580 backdrop-filter: blur(6px); 581 -webkit-backdrop-filter: blur(6px); 582 border: 1.5px solid transparent; 583 584 color: #021D5D; 585 text-decoration: none; 586 font-family: 'DM Sans', sans-serif; 587 font-size: 15px; 588 font-weight: 800; 589 letter-spacing: .04em; 590 text-transform: uppercase; 591 line-height: 1.2; 592 white-space: nowrap; 593 594 box-shadow: 595 0 2px 8px rgba(2,29,93,.07), 596 inset 0 1px 0 rgba(255,255,255,.6); 597 598 transition: 599 background .25s ease, 600 color .25s ease, 601 box-shadow .25s ease, 602 transform .2s ease; 603} 604 605/* Icon color â navy (matches the label) */ 606.ttn-pill i, 607.ttn-pill svg { 608 color: #021D5D; 609 font-size: 1.1em; 610 flex: 0 0 auto; 611 transition: color .3s ease, filter .3s ease; 612} 613 614/* Hover: fill deepens toward the city tint, label shifts to the city colour, 615 lifts a touch. (Icon is already var(--blue) below.) */ 616.ttn-pill:hover, 617.ttn-pill:focus-visible { 618 background: 619 linear-gradient(180deg, #ffffff 0%, rgba(var(--blue-rgb), .34) 100%) padding-box, 620 linear-gradient(180deg, #ffffff 0%, rgba(var(--blue-rgb), .95) 100%) border-box; 621 color: #021D5D;
621 /* label stays navy on hover (icon stays navy too) */ 622 transform: translateY(-2px); 623 box-shadow: 624 0 6px 16px rgba(var(--blue-rgb), .30), 625 inset 0 1px 0 rgba(255,255,255,.9); 626 text-decoration: none; 627} 628 629.ttn-pill:hover i, 630.ttn-pill:hover svg { 631 color: color-mix(in srgb, var(--blue) 65%, white 35%); 632 filter: drop-shadow(0 0 4px rgba(var(--blue-rgb), .4)); 633} 634 635.ttn-pill:active { 636 transform: translateY(0); 637} 638 639/* ââ Mobile: pills smaller ââ */ 640@media (max-width: 991px) { 641 .ttn-pill-row { 642 gap: 10px 14px; 643 } 644 .ttn-pill { 645 padding: 10px 24px; 646 font-size: 15px; 647 } 648} 649 650@media (max-width: 575px) { 651 .ttn-pill-row { 652 gap: 8px 10px; 653 } 654 .ttn-pill, 655 .ttn-pill:link, 656 .ttn-pill:visited { 657 padding: 8px 16px; 658 font-size: 13px; 659 gap: 7px; 660 } 661 .ttn-pill i, 662 .ttn-pill svg { 663 font-size: 1em; 664 } 665} 666 667/* ââ Mobile: stack buttons to full-width on small screens ââ */ 668@media (max-width: 575px) { 669 .ttn-btn-row { 670 flex-direction: column; 671 align-items: stretch; 672 } 673 .ttn-btn-row .ttn-btn { 674 width: 100%; 675 text-align: center; 676 } 677} 678/* ââ Mobile: XL â LG sizing ââ */ 679@media (max-width: 767px) { 680 .ttn-btn.ttn-btn-xl { 681 font-size: 1.1rem; 682 padding: 16px 46px; 683 min-height: 56px; 684 } 685} 686/* âââââââââââââââââââââââââââââââââââââââââââââââââââ 687 TTN LIGHT-THEME OVERRIDE â hero-style primary 688 Navy base â city-colour fill on hover, whiteâcity gradient border + glow. 689 (Later source order = wins over the base .ttn-btn-primary above.) 690 âââââââââââââââââââââââââââââââââââââââââââââââââââ */ 691.ttn-btn-primary { 692 position: relative; 693 overflow: hidden; /* clip the top sheen to the pointy-corner shape */ 694 background: 695 linear-gradient(180deg, #0c2e74 0%, #021D5D 100%) padding-box, 696 linear-gradient(180deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.08) 100%) border-box; 697 border: 1.5px solid transparent; 698 border-radius: 1px 35px 35px 65px; 699 text-transform: uppercase; 700 text-shadow: 0 1px 3px rgba(0,0,0,0.25); 701 box-shadow: 0 5px 14px rgba(2,29,93,.22), inset 0 1px 0 rgba(255,255,255,.22); 702} 703/* Glass sheen across the top â the same highlight the megamenu city buttons got. 704 Scoped :not(.highlight-cta) so the spinning-pill variant (which owns its own 705 ::before/::after) is untouched. */ 706.ttn-btn-primary:not(.highlight-cta)::before { 707 content: ""; 708 position: absolute; 709 inset: 0; 710 z-index: 1; 711 pointer-events: none; 712 border-radius: inherit; 713 background: linear-gradient(180deg, 714 rgba(255,255,255,.32) 0%, 715 rgba(255,255,255,.08) 32%, 716 rgba(255,255,255,0) 54%); 717} 718/* Optical-centre the label against the exaggerated bottom-left curve, and keep it 719 above the sheen. */ 720.ttn-btn-primary > span { 721 position: relative; 722 z-index: 2; 723 margin-left: 10px; 724} 725.ttn-btn-primary:hover, 726.ttn-btn-primary:focus-visible { 727 background: 728 linear-gradient(180deg, var(--blue) 0%, color-mix(in srgb, var(--blue) 82%, #021D5D) 100%) padding-box, 729 linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--blue) 45%, #ffffff) 100%) border-box; 730 border: 1.5px solid transparent; 731 transform: translateY(-2px); 732 box-shadow: 0 8px 22px rgba(var(--blue-rgb),.28), 0 0 16px rgba(255,255,255,.30); 733 filter: none; 734} 735</style> 736 <link rel="icon" href="https://techtalentnorth.com/wp-content/uploads/2024/10/Group-89590-1.png" sizes="32x32" /> 737<link rel="icon" href="https://techtalentnorth.com/wp-content/uploads/2024/10/Group-89590-1.png" sizes="192x192" /> 738<link rel="apple-touch-icon" href="https://techtalentnorth.com/wp-content/uploads/2024/10/Group-89590-1.png" /> 739<meta name="msapplication-TileImage" content="https://techtalentnorth.com/wp-content/uploads/2024/10/Group-89590-1.png" /> 740<style id="wp-custom-css"> 741body { 742 font-size: 18px; 743 font-family: "DM Sans",sans-serif; 744} 745.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { 746 color: #021D5D; 747 font-family: 'DM Serif Display', serif; 748} 749b, strong { 750 font-weight: 800; 751} 752.logo .img-fluid{ 753 max-height:40px; 754} 755.btn-primary { 756 font-family: "DM Sans",sans-serif; 757 font-weight: 600; 758 text-transform: uppercase; 759} 760.mobile-btn{display:none;} 761.lines{ 762 color: #2fd6eb; 763 margin: 40px 0; 764} 765.custom-mega-menu .bg { 766 z-index: -9; 767} 768.section-block-grid .section-top { 769 max-width: 1000px; 770} 771.section-pricing-with-countdown-block .bottom-part .cts-ribbon span { 772 font-size: 18px; 773 line-height: 16px; 774 font-family: 'DM Serif Display', serif; 775 color: #021D5D; 776 display: block; 777 text-transform: none; 778} 779.section-pricing-with-countdown-block .bottom-part .included-content .text p { 780 font-size: 17px; 781 line-height: 21px; 782 color: #0B0C13; 783 margin-bottom: 8px; 784 max-width: 312px; 785} 786.select2-container--default .select2-selection--single .select2-selection__arrow b { 787 display: block; 788 border-color: #000 transparent #000 transparent; 789 } 790/*CARD HORIZONTAL*/ 791.section-blog-listing { 792 padding: 64px 0 115px 0; 793 background-color: white; 794} 795.section-blog-listing .blog-item .title { 796 color: #021D5D; 797} 798.section-blog-listing .blog-item .btn-secondary { 799 border-bottom: none; 800 background: var(--blue); 801 padding: 10px 30px; 802} 803.section-blog-listing .blog-item { 804 border-bottom: 1px solid var(--blue); 805} 806/*END CARD HORIZONTAL*/ 807/*Agenda Labels*/ 808.event-information-block .labels .btn-grey, .event-information-block .labels .btn-navy { 809 padding: 7px 15px 7px 25px; 810} 811.aque-blue .btn-grey.btn-Plenary{ 812 background-color: #2fd6eb !important; 813} 814.aque-blue .btn-grey.btn-Breakout{ 815 background-color: #FFF !important; 816 color: var(--blue) !important; 817 box-shadow: 0px 0px 7px #2fd6eb50 !important; 818} 819.aque-blue .btn-grey.btn-Networking{ 820 background-color: #021D5D !important; 821 color: var(--blue) !important; 822} 823.purple .btn-grey.btn-Plenary{ 824 background-color: #9A97E7 !important; 825} 826.purple .btn-grey.btn-Breakout{ 827 background-color: #FFF !important; 828 color: var(--blue) !important; 829 box-shadow: 0px 0px 7px #9A97E750 !important; 830} 831.purple .btn-grey.btn-Networking{ 832 background-color: #021D5D !important; 833 color: var(--blue) !important; 834} 835/*End Agenda Labels*/ 836/*CARD BLOCK*/ 837.section-cards-block .card-block { 838 margin-bottom: 0; 839 background: #FFF; 840 box-shadow: 1px 1px 10px #CCC; 841 border-radius: 11px; 842 height: 100%; 843 border-bottom: solid 12px var(--blue); 844} 845.section-cards-block .card-block .image { 846 padding: 20px 20px 5px; 847 margin:0; 848} 849.section-cards-block .card-block .card-content { 850 border-bottom: none; 851} 852.section-cards-block .card-block .badge{ 853display: inline-block; 854 background: var(--blue); 855 color: white; 856 padding: 10px 20px; 857 position: absolute; 858 top: 20px; 859 left: 20px; 860 z-index: 99; 861 font-size: 20px; 862 line-height: 20px; 863 font-family: 'DM Serif Display', serif; 864 font-weight: 800; 865 text-transform: uppercase; 866 border-radius: 0 0 11px 0 / 11px; 867 box-shadow: 2px 2px 6px var(--blue); 868} 869/*END CARD BLOCK*/ 870/* FEATURES BLOCKS */ 871.section-features-hero-block .features-hero-sponsors.spacing { 872 padding-bottom: 140px; 873} 874.section-features-hero-block .features-hero-sponsors .content {
875 --line-spacing : 30px; 876 /* --grid-rows : 1fr; */ 877 --title-margin : 0; 878 --padding-top : 30px; 879 --padding-bottom : 30px; 880 --content-width : 958px; 881 --title-spacing : 11px; 882 /* max-width: var(--content-width); */ 883 max-width: 1014px; 884 margin-left: auto; 885 margin-right: auto; 886 padding-top: var(--top-padding); 887 padding-bottom: var(--bottom-padding); 888 text-align: center; 889} 890.section-features-hero-block .content .section-title { 891 font-size: 50px !important; 892 line-height: 50px; 893 color: #021D5D !important; 894 font-family: 'DM Serif Display', serif; 895 margin-bottom: 24px; 896} 897.section-features-hero-block .features-hero-sponsors .text { 898 margin-bottom: 0; 899 margin-top: 5px; 900 color: var(--grey); 901} 902.section-features-hero-block .features-hero-sponsors .logos { 903 margin-left: auto; 904 margin-right: auto; 905 padding-left: 0; 906 list-style: none; 907 display: grid; 908 grid-template-columns: repeat(var(--grid-rows), 1fr); 909 grid-template-rows: 1fr; 910 grid-column-gap: 35px; 911 grid-row-gap: 35px; 912 align-items: center; 913 justify-items: center; 914 width: 100%; 915} 916.section-features-hero-block .features-hero-sponsors.tier-1 li { max-width: 375px; } 917.section-features-hero-block .features-hero-sponsors.tier-2 li { max-width: 311px; } 918.section-features-hero-block .features-hero-sponsors.tier-3 li { max-width: 257px; } 919.section-features-hero-block .features-hero-sponsors.tier-4 li { max-width: 237px; } 920.section-features-hero-block .features-hero-sponsors.tier-5 li { max-width: 164px; } 921.section-features-hero-block .features-hero-sponsors.tier-6 li { max-width: 130px; } 922 923.section-features-hero-block .features-hero-sponsors.tier-5 .logos, 924.section-features-hero-block .features-hero-sponsors.tier-6 .logos { 925 /* max-width: 675px; */ 926} 927.section-features-hero-block .features-hero-sponsors.tier-2 .content { 928 --top-padding: 0; 929 --bottom-padding: 0; 930} 931.section-features-hero-block .features-hero-sponsors.tier-3 .content { 932 --top-padding: 26.5px; 933 --bottom-padding: 24.5px; 934} 935.section-features-hero-block .features-hero-sponsors.tier-4 .content { 936 --top-padding: 22.5px; 937 --bottom-padding: 31.5px; 938 --title-spacing: 19px; 939} 940.section-features-hero-block .features-hero-sponsors.tier-5 .content, 941.section-features-hero-block .features-hero-sponsors.tier-6 .content { 942 --top-padding: 31.5px; 943 --bottom-padding: 31.5px; 944 --title-spacing: 29px; 945} 946.section-features-hero-block .features-hero-sponsors .title-wrapper { 947 margin-bottom: var(--title-spacing); 948} 949.section-features-hero-block .features-hero-sponsors.no-lines .line { 950 display: none; 951} 952.section-features-hero-block .features-hero-sponsors .content .title { 953 font-size: 16px; 954 line-height: 22px; 955 text-transform: uppercase; 956 margin-bottom: 52px; 957 color: #0B0C13; 958 font-family: 'DM Serif Display', serif; 959} 960.section-features-hero-block .features-hero-sponsors .content .image_top { 961 margin-bottom: 8px; 962 max-width: 17.5px; 963} 964.section-features-hero-block .features-hero-sponsors .content .logos li { 965 margin-left: auto; 966 margin-right: auto; 967 mix-blend-mode: darken; 968} 969.section-features-hero-block .features-hero-sponsors .content .logos li img { 970 /* box-shadow: 0px 4px 5px rgba(0,0,0,0.1); 971 border-radius: 8px; */ 972} 973.section-features-hero-block .features-hero-sponsors .content .title-wrapper { 974 display: flex; 975 justify-content: center; 976 flex-direction: row; 977 align-items: center; 978 margin-bottom: 50px; 979 font-family: 'DM Serif Display', serif; 980} 981.section-features-hero-block .features-hero-sponsors .content .title-wrapper .line { 982 flex-grow: 1; 983 height: 1px; 984 background-color: var(--dark-grey);
985 margin-left: var(--line-spacing); 986 transform: translateY(-50%); 987 opacity: 0.22; 988} 989.section-features-hero-block .features-hero-sponsors .content .title-wrapper > .line:first-child { 990 margin-right: var(--line-spacing); 991} 992.section-features-hero-block .features-hero-sponsors .logos { 993 display: grid; 994 grid-template-columns: repeat(var(--grid-rows), 1fr); 995 grid-template-rows: 1fr; 996 grid-column-gap: 0; 997 grid-row-gap: 0; 998 align-items: center; 999} 1000.section-features-hero-block .features-hero-sponsors .logos li img { 1001 display: block; 1002 width: 100%; 1003 height: auto; 1004 object-fit: contain; 1005} 1006.section-features-hero-block .inner-image img { 1007 border-radius: 20px; 1008} 1009 1010.section-features-hero-block .content { 1011 padding: 40px 0 0px 47px; 1012 padding-left: 47px; 1013} 1014.section-features-hero-block.style-1 .content { 1015 padding-left: 75px; 1016} 1017/* END FEATURES BLOCKS */ 1018.section-quote-block .text { 1019 margin: 28px 0 !important; 1020 font-size: 24px; 1021 line-height: 30px; 1022 color: #021D5D; 1023 font-family: 'DM Serif Display', serif; 1024 padding-top:20px; 1025} 1026.section-intro-block-2 .content { 1027 max-width: 800px; 1028} 1029.section-intro-block-3 .text strong{ 1030 color: var(--pink-text) !important; 1031} 1032.section-review-slider-block .image { 1033 border: none; 1034 box-shadow: 6px 5px 13px rgba(0, 0, 0, 0.1); 1035 position: relative; 1036 width: 300px; 1037 height: 300px; 1038 overflow: hidden; 1039 border-radius: 12px; 1040} 1041.section-review-slider-block .image img { 1042 position: absolute; 1043 width: auto; 1044 height: 100%; 1045 object-fit: cover; 1046 object-position: center; 1047 transform: none; 1048} 1049.section-review-slider-block .s-buttons .s-button { 1050 background-color: #021D5D; 1051} 1052.section-review-slider-block .s-buttons .s-button:hover { 1053 background-color: var(--blue); 1054} 1055.section-pricing-with-countdown-block .bottom-part .tab-content .price-card.active { 1056 width: 100%; 1057} 1058.section-featured-slider-block .slider-buttons li:hover { 1059 background-color: #021D5D; 1060} 1061.section-featured-slider-block .slider-buttons li { 1062 border: 1.5px solid #021D5D; 1063} 1064.section-featured-slider-block .slider-buttons li.slick-disabled { 1065 background-color: #021D5D; 1066} 1067.padding-40{ 1068 padding: 40px 0; 1069} 1070.sessionHeading { 1071 text-transform: none !important; 1072} 1073.section-logos-block-2 .logos-slider .logo .whole-link { 1074 cursor: pointer !important; 1075} 1076.section-intro-block .bg { 1077 background-size: cover; 1078} 1079/* 1080.section-intro-block-3 { 1081 background-color: var(--dark-blue); 1082 padding: 0; 1083}*/ 1084.section-topics-block .overlay { 1085 padding-bottom:30px; 1086} 1087.section-topics-block .content .image img { 1088 max-width:190px; 1089} 1090.section-topics-block .content .image { 1091 margin-bottom: 20px; 1092} 1093.section-topics-block .section-heading, .section-topics-block .section-footer { 1094 text-align: center; 1095 margin-bottom: 45px; 1096} 1097.section-topics-block .section-title { 1098 margin-bottom: 30px; 1099 font-size: 60px; 1100} 1101.section-intro-block-2 .title.light { 1102 color: white !important; 1103} 1104.section-topics-block .section-text { 1105 font-size: 22px; 1106 line-height: 32px; 1107} 1108.section-intro-block-2 .description strong{ 1109 color: var(--pink-text) !important; 1110} 1111.section-sponsers-logo .content .title-wrapper { 1112 margin-bottom: 20px; 1113} 1114.section-sponsers-logo .text { 1115 color: black; 1116 font-size: 16px; 1117 line-height: 22px; 1118 margin-top: 10px; 1119} 1120.section-sponsers-logo.tier-2 .content { 1121 --top-padding: 0px; 1122 --bottom-padding: 0px; 1123} 1124.section-sponsers-logo .content { 1125 --padding-top: 0px; 1126 --padding-bottom: 0px; 1127 padding-top: 0px; 1128 padding-bottom: 0px; 1129} 1130/*.section-sponsers-logo { 1131 border-bottom: solid 1px var(--blue); 1132}*/ 1133.section-logos-block-2 .logos-slider .logo img { 1134 max-height: 110px; 1135} 1136.section-event-listing ul li a { 1137 color: #021D5D; 1138 font-family: 'DM Serif Display', serif; 1139 font-size: 22px; 1140 line-height: 24px; 1141 margin-bottom: 16px; 1142 background-image: none; 1143} 1144.section-event-listing ul li a:hover{ 1145 color: var(--blue); 1146 background-image: none; 1147} 1148.section-event-listing ul li p { 1149 margin-top: 7px; 1150} 1151h4.sessions { 1152 color: var(--blue); 1153 margin-bottom: 30px; 1154 font-size: 30px; 1155} 1156.section-event-listing ul li p span { 1157 font-weight: 500; 1158} 1159.section-content .content-wrapper .content p { 1160 font-size: 18px; 1161 line-height: 28px; 1162 font-family: "DM Sans",sans-serif; 1163} 1164.section-content .content-wrapper .content h3 { 1165 font-family: 'DM Serif Display', serif; 1166 color: #021D5D; 1167 font-size: 38px; 1168 line-height: 48px; 1169} 1170.section-label { 1171 font-family: "DM Sans",sans-serif; 1172 color: #021D5D; 1173 font-weight: 900; 1174 font-size: 18px; 1175 text-shadow: 1px 1px 10px white; 1176} 1177.section-cta-block.event-cta { 1178 background-color: var(--blue); 1179} 1180.section-speakers .speakers .item .name { 1181 font-size: 24px; 1182 line-height: 28px; 1183 color: #021D5D; 1184 font-family: 'DM Serif Display', serif; 1185 margin-bottom: 0px; 1186} 1187.section-speakers .speakers .item .pronouns { 1188 font-size: 16px; 1189 line-height: 24px; 1190 font-family: 'DM Serif Display', serif; 1191 margin-bottom: 0; 1192 color: var(--blue); 1193 text-transform: lowercase; 1194} 1195.section-speakers .speakers .item .designation { 1196 font-size: 16px; 1197 font-weight: 800; 1198 line-height: 22px; 1199 font-family: "DM Sans",sans-serif; 1200 margin-top: 6px; 1201} 1202.event-information-block .slider-card { 1203 box-shadow: 0px 3px 4px rgba(2, 29, 93, 0.4); 1204} 1205.aque-blue .event-information-block .slider-card .cts-ribbon { 1206 background-color: var(--blue); 1207 color: white; 1208 font-family: "DM Sans",sans-serif; 1209} 1210.purple .event-information-block .slider-card .cts-ribbon { 1211 background-color: var(--blue); 1212 color: white; 1213 font-family: "DM Sans",sans-serif; 1214} 1215.mfp-content { 1216 background-color: var(--blue); 1217} 1218.mfp-content #mfpwbd { 1219 text-align: center; 1220 font-size: 30px; 1221 font-weight: bold; 1222} 1223.mfp-close-btn-in .mfp-close { 1224color: #021D5D; 1225} 1226#_form_67ACF59F8B7F5_ ._form_element input, #_form_67ACF59F8B7F5_ ._form_element select, #_form_67ACF59F8B7F5_ ._form_element textarea { 1227 background-color: white !important; 1228 border: 1px solid #021D5D !important; 1229 color: #021D5D !important; 1230}
1231#_form_67ACF59F8B7F5_ ._form_element input::placeholder, #_form_67ACF59F8B7F5_ ._form_element select::placeholder, #_form_67ACF59F8B7F5_ ._form_element textarea::placeholder { 1232 color: rgba(2, 29, 33, 0.60); 1233} 1234.site-header .navbar .logo-wrapper .header-logos .title { 1235 font-size: 10px; 1236 color: var(--blue); 1237 font-family: "DM Sans",sans-serif; 1238} 1239.hr-margin { 1240 margin: 50px 0; 1241} 1242a { 1243 color: #2271b1; 1244 text-decoration:none; 1245} 1246a:hover { 1247 color: var(--pink-text); 1248} 1249.section-block-grid .pagination .page-numbers { 1250 background: #021D5D; 1251 border: 2px solid #021D5D; 1252 color:white; 1253 border-radius: 50%; 1254 width: 34px; 1255 height: 34px; 1256 display: flex; 1257 align-items: center; 1258 justify-content: center; 1259 font-size: 18px; 1260 font-weight: 600; 1261 line-height: 24px; 1262 padding: 0 15px; 1263 text-decoration: none; 1264 margin: 5px; 1265} 1266.section-block-grid .pagination .page-numbers.current { 1267 color: white; 1268 background: var(--blue); 1269 border: 2px solid var(--blue); 1270} 1271a.page-numbers:hover { 1272 background: var(--blue) !important; 1273 border: 2px solid var(--blue) !important; 1274 cursor: pointer; 1275} 1276.section-topics-block .content { 1277 margin-bottom: 0; 1278 padding: 0 40px; 1279} 1280.section-single-post-intro-block { 1281 background-image: url('https://techtalentnorth.com/wp-content/uploads/2023/12/IW24-background2.jpg)'); 1282 background-size: cover; 1283} 1284/*.section-single-post-intro-block .bottom .image { 1285 border: solid 5px #6Df59C; 1286 box-shadow: 2px 2px 12px #6Df59C; 1287}*/ 1288.section-advertisement-block .content .text { 1289 text-transform: none !important; 1290} 1291.section-skyscraper-block{ 1292 float: right; 1293 text-align:center; 1294 margin: 0 0 50px 50px; 1295 max-width: 175px; 1296} 1297.section-skyscraper-block .content .title { 1298 font-size: 14px; 1299 font-weight: 600; 1300 line-height: 27px; 1301 color: #2FD6EB; 1302 margin-bottom: 13px; 1303 text-transform: uppercase; 1304 letter-spacing: 1px; 1305} 1306.section-advertisement-block .content .text p { 1307 font-size: 15px; 1308 line-height: 22px; 1309} 1310.speaker-name{ 1311 text-align:center; 1312 color: black; 1313 position: relative; 1314 font-size: 40px; 1315 line-height: 40px; 1316 /* font-size: 2.5em;*/ 1317 font-weight: bold; 1318 margin-top: 30px; 1319 margin-bottom: 15px; 1320 color: #021D5D; 1321 font-family: 'DM Serif Display', serif; 1322} 1323.speaker-title{ 1324 text-align:center; 1325 color: #2FD6EB; 1326 position: relative; 1327 font-size: 1.2em; 1328} 1329 1330.section.section-advertisement-block { 1331 margin: 40px auto; 1332 padding: 40px 0 40px 0; 1333 border-top: solid 1px #2fd6eb; 1334 border-bottom: solid 1px #2fd6eb; 1335} 1336.section-advertisement-block .content .title { 1337 color: #2FD6EB; 1338 letter-spacing: 1px; 1339 font-size: 14px; 1340 font-weight: 600; 1341 display: none; 1342} 1343.section-single-post-content-block ul { 1344 padding-left: 0rem !important; 1345} 1346.section-single-post-content-block ul li { 1347 font-weight: 400; 1348 font-size: 21px; 1349 line-height: 32px; 1350} 1351.section-single-post-content-block li{ 1352 list-style:none; 1353position: relative; 1354 padding-left: 30px; 1355 margin-bottom: 18px; 1356} 1357.section-single-post-content-block ul li::before { 1358 background-color: var(--blue); 1359 width: 7px; 1360 height: 7px; 1361} 1362.section-single-post-content-block li::before { 1363 content: ''; 1364 background-image: url('../list-check.png'); 1365 position: absolute; 1366 width: 22px; 1367 height: 22px; 1368 display: inline-block; 1369 left: 0; 1370 top: 16px; 1371 transform: translateY(-50%); 1372 background-size: contain; 1373} 1374.section-cpd-hours{ 1375 background-color: #F4F8FD; 1376 padding: 60px 30px 30px 30px; 1377 margin-bottom: -100px; 1378 z-index: 9; 1379} 1380.cpd-hours-box { 1381 padding: 25px 75px 10px; 1382 background-position: top right; 1383 background-repeat: no-repeat; 1384 background-size: auto; 1385 /*background-image: url('../images/addons-bg.png');*/ 1386 box-shadow: 0px 10px 20px 0px rgba(14, 21, 33, 0.20); 1387 border-radius: 6px; 1388 background-color: white; 1389} 1390.cpd-hours-logo{ 1391 margin: 0 auto 10px; 1392 max-width: 130px; 1393} 1394} 1395.cpd-hours-text{ 1396 color: #16202C; 1397 font-style: italic; 1398 font-size: 16px; 1399 text-align: center; 1400 line-height: 20px; 1401} 1402.section-single-post-content-block .share-post li::before { 1403 background-image: none; 1404} 1405.section-single-post-content-block .share-post li { 1406 padding-left: 0px; 1407} 1408.section-single-post-content-block ol li { 1409 font-weight: 400; 1410 line-height: 28px; 1411} 1412.section-single-post-content-block ol li::before { 1413 left: 0; 1414 top: 20px; 1415 border: none; 1416 background: #2fd6eb;
1417 color: white; 1418 font-weight: 900; 1419} 1420.section-single-post-content-block a { 1421 color: #2fd6eb; 1422} 1423.section-sponsers-logo .container { 1424Â background-color: white !important; 1425} 1426.section-sponsers-logo .content .logos li img { 1427Â box-shadow: none !important; 1428} 1429.section-sponsers-logo .content .title { 1430 margin-bottom: 0; 1431 margin-top: 40px; 1432} 1433.white{ 1434 background-color:white !important; 1435} 1436.section-sponsers-logo .logos { 1437 margin-bottom: 30px; 1438} 1439.share-post li::before { 1440 background-image: none !important; 1441} 1442.share-post li a { 1443 cursor: pointer; 1444} 1445.share-post ul li { 1446 font-size: 60px; 1447} 1448.btn-rsvp { 1449 display: inline-block; 1450 background: #940BFF; 1451 color: var(--cloud); 1452 border-radius: 20px; 1453 padding: 5px 20px; 1454 font-size: 16px; 1455 font-weight: 500; 1456 margin: -5px 0 15px 0 !important; 1457} 1458.btn-rsvp:hover{ 1459 background: var(--green); 1460 color: var(--dark-blue)!important; 1461} 1462.alert-text .text { 1463 color: #021D5D; 1464 font-family: 'DM Sans',sans-serif; 1465 margin-top: 2px; 1466 font-weight: bold; 1467} 1468.alert-text .alert-banner-btn { 1469 color: #021D5D; 1470 border-bottom: 2px solid #fff; 1471 text-transform: uppercase; 1472} 1473.alert-text .close-icon i { 1474 color: #021D5D; 1475} 1476.psgTimer { 1477 font-size: 0; 1478 font-family: "DM Sans",sans-serif; 1479} 1480.psgTimer_numbers > div::after { 1481 color: white; 1482 font-size: 12px; 1483 top: 43%; 1484 right: -1px; 1485} 1486.psgTimer_unit .number::after { 1487 color: #021D5D; 1488 font-weight: bolder; 1489} 1490.psgTimer_numbers > div > div { 1491 color: #021D5D; 1492 font-size: 15px; 1493 font-family: 'DM Sans',sans-serif; 1494} 1495.header-countdown-timer .psgTimer_unit .number::after { 1496 letter-spacing: 0; 1497} 1498.section-image-text-block .inner-image img { 1499 border-radius: 20px; 1500} 1501/* Ryan Start */ 1502.plyr__video-embed iframe, 1503.plyr__video-wrapper--fixed-ratio video { 1504 opacity: 0.4; 1505} 1506 1507.section-featured-slider-block .text { 1508 max-width: 95%; 1509 float: left; 1510} 1511.section-review-slider-block .content-block { 1512 max-width: 95%; 1513} 1514.section-featured-slider-block .bottom-part .slick-slider { 1515 margin-right: 0px !important; 1516} 1517/*.aque-blue .section-image-text-block .content .text li::before { 1518 background-image: url('../images/sky-star.png'); 1519} 1520.purple.section-image-text-block .content .text li::before { 1521 background-image: url('../images/illusion-star.png'); 1522}*/ 1523.section-image-text-block .content .text li::before { 1524 top: 4px; 1525} 1526.section-image-text-block.without-spacing .content .text li { 1527 padding-left: 20px !important; 1528 line-height: 20px !important; 1529 padding-bottom: 10px !important; 1530} 1531 1532.section-block-grid .grid .item .title { 1533 font-weight: 900; 1534} 1535/* .site-header .header-button { 1536 text-transform: uppercase; 1537} */ 1538.section-sponsers-logo .content .title { 1539 font-size: 24px !important; 1540 text-transform: none; 1541 color: #021D5D; 1542 font-family: 'DM Serif Display', serif; 1543} 1544/* .btn-primary, .btn-secondary { 1545 text-transform: uppercase; 1546} */ 1547/* NEW BUTTONS */ 1548.btn{ 1549 font-family: "DM Sans",sans-serif; 1550 font-size: 16px; 1551 line-height: 22px; 1552 font-weight: 700; 1553 padding: 13px 30px 13px 40px; 1554 border-radius: 1px 25px 25px 45px; 1555 text-decoration: none; 1556 position: relative; 1557 text-align: center; 1558 1559} 1560.btn-primary{ 1561 border-radius: 1px 25px 25px 45px; 1562 padding: 13px 25px 13px 35px; 1563} 1564.aque-blue .site-header .header-button { 1565 color: var(--white); 1566 background-color: var(--blue); 1567 border: 1px solid #ABF1FA; 1568} 1569.aque-blue .site-header .header-button:hover { 1570 background-color: #0E8190; 1571} 1572.purple .site-header .header-button { 1573 color: var(--white); 1574 background-color: var(--blue); 1575 border: 1px solid #D7D5F5; 1576} 1577.purple .site-header .header-button:hover { 1578 background-color: #6765A9; 1579} 1580 1581.aque-blue .btn-primary, .aque-blue .btn-secondary, .purple .btn-primary, .purple .btn-secondary { 1582 border: 1px solid #021D5D; 1583 box-shadow: 1px 1px 10px var(--white) !important; 1584} 1585.aque-blue .btn-primary, .purple .btn-primary { 1586 background: #021D5D; 1587 color: var(--white); 1588} 1589.aque-blue .btn-secondary, .purple .btn-secondary { 1590 background: var(--white); 1591 color: #021D5D; 1592 text-transform:uppercase; 1593} 1594.aque-blue .btn-primary:hover, .aque-blue .btn-secondary:hover { 1595 color: var(--white); 1596 background: #0E8190 !important; 1597 border: 1px solid var(--white); 1598} 1599.purple .btn-primary:hover, .purple .btn-secondary:hover { 1600 color: var(--white); 1601 background: #6765A9 !important; 1602 border: 1px solid var(--white); 1603} 1604/*END BUTTONS */ 1605.custom-mega-menu .left-content .navbar-nav li a, .custom-mega-menu .left-content .navbar-nav li h4 {
1606 font-size: 36px; 1607 line-height: 38px; 1608 font-family: 'DM Serif Display', serif; 1609 color: #021D5D; 1610} 1611.custom-mega-menu .bottom-megamenu { 1612 padding-top: 39px; 1613 position: relative; 1614 margin-top: 10px; 1615} 1616.custom-mega-menu .bottom-megamenu::after { 1617 content: ''; 1618 position: absolute; 1619 left: 0; 1620 top: 0; 1621 width: 100%; 1622 height: 1.4px; 1623 background-color: var(--blue); 1624 border: none; 1625} 1626.custom-mega-menu .bottom-megamenu .navbar-nav li a { 1627 border-bottom: 2px solid var(--blue); 1628 font-family: "DM Sans",sans-serif; 1629 font-weight: bold; 1630} 1631.custom-mega-menu { 1632 padding: 230px 0 203px 0; 1633} 1634.custom-mega-menu .location-buttons .btn-primary.active { 1635 background-color: var(--blue); 1636} 1637/* 1638.custom-mega-menu .location-buttons .btn-primary:hover { 1639 background-color: #0E8190; 1640} 1641.custom-mega-menu .location-buttons .btn-primary.active:hover { 1642 background-color: #0E8190; 1643}*/ 1644.custom-mega-menu .location-buttons .btn-secondary.active { 1645 background-color: #9a97e7; 1646} 1647.custom-mega-menu .location-buttons .btn-secondary.active:hover { 1648 background-color: #6765A9; 1649} 1650/*.custom-mega-menu .location-buttons .btn-primary, .custom-mega-menu .location-buttons .btn-secondary { 1651 background-color: white; 1652}*/ 1653.custom-mega-menu .location-buttons .btn-primary, .custom-mega-menu .location-buttons .btn-secondary { 1654 color: var(--white); 1655 line-height:20px; 1656} 1657.aque-blue .custom-mega-menu .location-buttons .btn-secondary:hover { 1658Â background-color: #6765A9Â !important; 1659Â color: var(--white); 1660} 1661.purple .custom-mega-menu .location-buttons .btn-secondary:hover { 1662Â background-color: #0E8190 !important; 1663Â color: var(--white); 1664} 1665.custom-mega-menu .location-buttons .btn-primary { 1666Â border: 1px solid var(--aque-blue); 1667Â background-color: var(--aque-blue) !important; 1668 background: var(--aque-blue) !important; 1669Â color: var(--white) !important; 1670 text-transform:uppercase; 1671} 1672.custom-mega-menu .location-buttons .btn-primary:hover { 1673Â border: 1px solid #0E8190 !important; 1674Â background-color: #0E8190 !important; 1675 background: #0E8190 !important; 1676Â color: var(--white) !important; 1677} 1678.custom-mega-menu .location-buttons .btn-secondary { 1679Â border: 1px solid var(--purple); 1680Â background-color: var(--purple) !important; 1681 background: var(--purple) !important; 1682Â color: var(--white) !important; 1683 border-radius: 1px 25px 25px 45px; 1684 padding: 13px 25px 13px 35px; 1685} 1686.custom-mega-menu .location-buttons .btn-secondary:hover { 1687Â border: 1px solid #6765A9; 1688Â background-color:#6765A9 !important; 1689 background: #6765A9 !important; 1690Â color: var(--white) !important; 1691} 1692.megamenu-close-btn .btn.btn-secondary{ 1693color: var(--white); 1694 background: #021D5D; 1695} 1696.megamenu-close-btn .btn.btn-secondary:hover{ 1697 background: var(--aque-blue) !important; 1698} 1699.custom-mega-menu .megamenu-close-btn a i { 1700 color: white; 1701} 1702.custom-mega-menu .left-content .navbar-nav li:not(:last-child) { 1703 margin-bottom: 14px; 1704} 1705.custom-mega-menu .right-content .address p, .custom-mega-menu .right-content .email a, .custom-mega-menu .right-content .number a { 1706 font-family: "DM Sans",sans-serif; 1707 font-size: 20px; 1708 line-height: 28px; 1709} 1710 1711.section-cta-block { 1712 padding: 140px 0 85px 0; 1713} 1714.section-cta-block.flattened { 1715 padding: 100px 0 80px 0; 1716 clip-path: none !important; 1717} 1718.section-cta-block .section-title.light { 1719 color: white !important; 1720} 1721.section-cta-block .inner-content { 1722 max-width: 700px; 1723} 1724.section-image-video-slider-block .section-title { 1725 text-align: center !important; 1726} 1727.site-footer .footer-logos .logo-2 .c-logo { 1728 max-width: 100%; 1729} 1730/* .section-title-text-block.two .content .title { 1731 font-family: var(--graphiksemibold) !important; 1732} */ 1733/* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: var(--graphiksemibold) !important; 1734} */ 1735.section-event-information .middle-info .title { 1736 font-family: 'DM Serif Display', serif; 1737 margin-bottom: 0px; 1738 font-size: 24px; 1739 color: #021D5D; 1740} 1741.section-event-information .middle-info .pronouns { 1742 font-family: 'DM Serif Display', serif; 1743 font-size: 16px; 1744 color: var(--blue); 1745 margin-bottom: 5px; 1746 line-height: 20px; 1747 text-transform: lowercase; 1748}
1749.section-event-information .middle-info .subtitle { 1750 font-size: 16px; 1751 font-family: "DM Sans",sans-serif; 1752 font-weight: 600; 1753 margin-bottom: 0; 1754} 1755.section-event-information .middle-info .desc { 1756 line-height: 20px; 1757 margin-bottom: 0; 1758} 1759.section-event-information .middle-info .s-title, .section-event-information .bottom-info .s-title { 1760 color: #021D5D; 1761 font-size: 24px; 1762 line-height: 28px; 1763 font-family: 'DM Serif Display', serif; 1764} 1765.section-event-post-intro .title { 1766 color: #021D5D; 1767 font-family: 'DM Serif Display', serif; 1768 font-size: 48px; 1769 line-height: 58px; 1770} 1771.section-event-information p { 1772 margin-bottom: 28px; 1773 font-family: "DM Sans",sans-serif; 1774 font-size: 18px; 1775 line-height: 24px; 1776} 1777.section-event-information .right-col .post-content ul li { 1778 font-size: 18px; 1779 line-height: 24px; 1780} 1781.sideline-text .title { 1782 font-family: "DM Sans",sans-serif; 1783} 1784.section-cta-block .inner-content .text { 1785 font-family: "DM Sans",sans-serif; 1786 text-shadow: 1px 1px 15px white; 1787} 1788.section-title { 1789 /* font-size: 50px;*/ 1790 font-size: 70px !important; 1791 line-height: 58px; 1792 color: #021D5D !important; 1793 font-family: 'DM Serif Display', serif; 1794 margin-bottom: 24px; 1795} 1796.section-contact-form-block-2 .text { 1797 margin-bottom: 30px !important; 1798 font-size: 20px; 1799 line-height: 24px; 1800} 1801.section-contact-form-block-2 .image img { 1802 border-radius: 20px; 1803 border: solid 2px white; 1804} 1805.section-intro-block-2{ 1806 padding: 150px 0 84px 0 !important; 1807} 1808.section-intro-block-3.style-2 { 1809 padding-top: 110px !important; 1810} 1811.section-intro-block-2.style-3 { 1812 padding: 50px 0 50px 0; 1813} 1814.section-intro-block-2 .title { 1815 font-size: 70px; 1816 line-height: 70px; 1817 color: #021D5D !important; 1818 font-family: 'DM Serif Display', serif; 1819 text-shadow: 0px 0px 30px white; 1820} 1821 1822.section-single-post-intro-block::before { 1823 background-color: #f0fbfd; 1824} 1825.header-countdown-timer .psgTimer_unit .number::after { 1826 letter-spacing: 0.05em; 1827} 1828.event-information-block .slider-card:nth-child(2n) .image { 1829 background-color: #DCDBD9; 1830} 1831.aque-blue .section-title-text-block.two { 1832 background-color: #eafafd; 1833} 1834.purple .section-title-text-block.two { 1835 background-color: #f5f3fd; 1836} 1837.section-agenda-list { 1838 padding: 100px 0 0; 1839} 1840.logo-item, .c-logo { 1841 max-width: 150px; 1842} 1843.site-footer .footer-logos .c-logo .whole-link { 1844 cursor: pointer !important; 1845} 1846.section-block-grid .grid .item .description { 1847 font-size: 15px; 1848 line-height: 23px; 1849} 1850.section-faq-block .accordion-flush .accordion-item .accordion-button { 1851 font-family: 'DM Serif Display', serif; 1852 color: #021D5D !important; 1853 font-size: 28px !important; 1854} 1855.section-intro-block-3 .large-width .text { 1856 max-width: 800px; 1857} 1858.section-topics-block .content .title { 1859 font-size: 36px; 1860 font-weight: 900; 1861 font-family: 'DM Serif Display', serif; 1862 line-height: 36px; 1863} 1864.section-cards-block { 1865 padding: 80px 0 80px 0; 1866} 1867.section-cards-block .card-block .card-content { 1868 line-height: 44px; 1869} 1870.section-cards-block .card-block .card-content .text { 1871 font-size: 17px; 1872 font-weight: 400; 1873 line-height: 21px; 1874 color: #16202C; 1875 padding: 0 10px; 1876} 1877.section-country-block .content .title{ 1878 color: #021D5D !important; 1879 font-family: 'DM Serif Display', serif; 1880} 1881.section-pricing-with-countdown-block .bottom-part .tab-content .price-card .price-cat { 1882 font-size: 40px; 1883 color: #021D5D; 1884 font-family: 'DM Serif Display', serif; 1885 margin-bottom: 12px; 1886} 1887.aque-blue .section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li.active, .purple .section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li.active { 1888 background: var(--white); 1889} 1890.section-pricing-with-countdown-block .bottom-part .tab-content .price-card .desc:last-of-type { 1891 margin-right: 20px; 1892} 1893.section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li a { 1894 font-family: 'DM Serif Display', serif; 1895 color: #021D5D; 1896 line-height: 34px; 1897} 1898.section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li p { 1899 font-size: 18px; 1900 line-height: 22px; 1901 color: black; 1902} 1903.section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li { 1904 background-color: #ABF1FA; 1905} 1906.purple .section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li { 1907 background-color: #aca9d3; 1908} 1909.aque-blue .section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li::after { 1910 background: #ABF1FA; 1911} 1912.purple .section-pricing-with-countdown-block .bottom-part .tab-nav .tab-link li::after { 1913 background: #aca9d3; 1914} 1915.section-block-grid .grid .item .title { 1916 color: #021D5D; 1917 font-family: 'DM Serif Display', serif; 1918 line-height: 30px; 1919} 1920.section-intro-block-2 .content .description { 1921 max-width: 800px; 1922 margin-bottom: 40px !important; 1923 font-size: 20px; 1924 line-height: 28px; 1925 text-shadow: 0px 0px 20px white; 1926 1927} 1928.section-single-post-content-block h1, .section-single-post-content-block h2, .section-single-post-content-block h3, .section-single-post-content-block h4, .section-single-post-content-block h5, .section-single-post-content-block h6 { 1929 color: #021D5D; 1930 font-family: 'DM Serif Display', serif; 1931 line-height: 44px; 1932 margin-bottom: 20px; 1933} 1934.section-title-text-block.two .content .text { 1935 color: #16202C; 1936 font-size: 18px;
1937 line-height: 26px; 1938} 1939.section-pricing-with-countdown-block .bottom-part .tab-content .price-card .price-date { 1940 font-size: 16px; 1941 color: var(--blue); 1942} 1943.section-pricing-with-countdown-block .bottom-part .tab-content .price-card .cur, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card .num { 1944 color: var(--blue); 1945} 1946.section-pricing-with-countdown-block .bottom-part .tab-content .price-card.active .desc { 1947 font-family: "DM Sans",sans-serif; 1948 font-style: italic; 1949 font-weight: 400; 1950} 1951.section-pricing-with-countdown-block .bottom-part .tab-content .price-card .desc span { 1952 color: var(--blue); 1953 padding-right: 5px; 1954} 1955.section-pricing-with-countdown-block .bottom-part .included-content .title { 1956 font-family: 'DM Serif Display', serif; 1957 color: #021D5D; 1958} 1959.section-pricing-with-countdown-block .bottom-part .included-content .text .icon svg circle { 1960 fill: var(--blue); 1961} 1962/*CHAIR*/ 1963.section-chair-block { 1964 padding: 80px 0 124px 0; 1965 background: #F4F8FD; 1966 overflow: hidden; 1967} 1968.section-chair-block .inner-content-wrapper { 1969 max-width: 90%; 1970} 1971.section-chair-block .single-team-item { 1972 width:300px; 1973 position: relative; 1974 transition: 0.5s all ease-in-out; 1975 display: flex; 1976 margin-right: 15px; 1977 flex-direction: column; 1978 background-color: transparent; 1979 border-radius: 5px; 1980 height: inherit !important; 1981 padding: 0; 1982 overflow: hidden; 1983} 1984.section-chair-block .single-team-item .image-outer { 1985 background-color: transparent; 1986 border-radius: 8px; 1987 box-shadow: 6px 5px 13px rgba(0, 0, 0, 0.1); 1988 max-width: 245px; 1989} 1990.section-chair-block .single-team-item .image-content-outer { 1991 margin-top: 12px; 1992} 1993.section-chair-block .single-team-item .image-outer .image { 1994 position: relative; 1995} 1996.section-chair-block .single-team-item .image-outer .image-speaker { 1997 position: absolute; 1998 left: 50%; 1999 bottom: 0; 2000 transform: translateX(-50%); 2001} 2002.section-chair-block .single-team-item .image img { 2003 max-width: 245px; 2004 height: 232px; 2005 object-fit: cover; 2006} 2007.section-chair-block .single-team-item .whole-link { 2008 position: absolute; 2009 width: 100%; 2010 height: 100%; 2011 left: 0; 2012 top: 0; 2013 z-index: 10; 2014} 2015.section-chair-block .single-team-item .image-content .name { 2016 font-size: 24px; 2017 font-weight: 600; 2018 line-height: 34px; 2019 color: #021D5D; 2020 font-family: 'DM Serif Display', serif; 2021 margin-bottom: 0px; 2022} 2023.section-chair-block .single-team-item .image-content .pronouns { 2024 font-family: 'DM Serif Display', serif; 2025 color: var(--blue); 2026 margin-bottom: 0px; 2027 font-size: 18px; 2028 line-height: 22px; 2029 text-transform: lowercase; 2030} 2031.section-chair-block .single-team-item .image-content .designation { 2032 font-size: 17px; 2033 font-weight: 800; 2034 line-height: 24px; 2035 color: #00122B; 2036 margin-bottom: 0px; 2037 text-transform: none; 2038 margin-top: 10px; 2039} 2040.section-chair-block .single-team-item .image-content .text { 2041 margin-bottom: 20px; 2042 font-size: 14px; 2043 line-height: 20px; 2044 text-transform: none; 2045 font-weight: 500; 2046} 2047.section-chair-block .section-label { 2048 font-size: 20px; 2049 line-height: 24px; 2050 font-family: "DM Sans",sans-serif; 2051 color: var(--blue); 2052 font-weight: 700; 2053} 2054.section-chair-block .single-team-item .image-outer .bg svg path{ 2055 fill: #F1F0FB; 2056 fill-opacity: 1; 2057} 2058.section-chair-block .single-team-item .image-outer .bg svg rect{ 2059 fill: #D7D5F5; 2060} 2061.section-chair-block .single-team-item .image-outer .bg svg path{ 2062 fill: #CDF7FC; 2063 fill-opacity: 1; 2064} 2065.section-chair-block .single-team-item .image-outer .bg svg rect{ 2066 fill: #ABF1FA; 2067} 2068.purple .section-chair-block .single-team-item .image-outer .bg svg path{ 2069 fill: #e2e1f8; 2070 fill-opacity: 1; 2071} 2072.purple .section-chair-block .single-team-item .image-outer .bg svg rect { 2073 fill: #D7D5F5; 2074} 2075/* END CHAIR*/ 2076.purple .section-review-slider-block .bg svg rect{ 2077fill: #d7d5f5; 2078} 2079.section-video-block { 2080 padding: 80px 0; 2081 text-align: center; 2082} 2083.section-video-block.white-color .section-title{ 2084 color:#ffffff !important; 2085 margin-bottom: 0; 2086} 2087.section-video-block.dark-color .section-title{ 2088 color: #021d5d !important; 2089 margin-bottom: 0; 2090} 2091.section-intro-block-3 .text { 2092 font-size: 17px; 2093 font-weight: 400; 2094 line-height: 25px; 2095 text-shadow: 1px 1px 10px white; 2096} 2097.section-title-text-block.two .content .title { 2098 color: #021D5D; 2099 font-size: 36px; 2100 line-height: 40px; 2101} 2102.section-cards-block .card-block .card-content .title { 2103 font-size: 24px; 2104 line-height: 28px; 2105 color: #021D5D; 2106 font-family: 'DM Serif Display', serif; 2107} 2108.section-cards-block .card-block .card-content { 2109 padding: 12px 10px; 2110} 2111.section-intro-block .content .text { 2112 font-size: 18px;
2113 line-height: 26px; 2114 font-family: "DM Sans",sans-serif; 2115} 2116.section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .timer-banner-inner .text, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .price-date, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .price-cat, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .cur, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .num, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .price-2, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .price-1, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .desc span, .section-pricing-with-countdown-block .bottom-part .tab-content .price-card.not-highlight .desc { 2117 text-decoration: line-through; 2118} 2119.section-pricing-with-countdown-block .bottom-part .tab-content .price-card .num { 2120 font-size: 55px; 2121 font-family: 'DM Serif Display', serif; 2122letter-spacing: -1px; 2123} 2124.section-pricing-with-countdown-block .bottom-part .tab-content .price-card .cur { 2125 font-size: 55px; 2126 font-family: 'DM Serif Display', serif; 2127} 2128.section-speaker-intro .designation { 2129 font-size: 24px; 2130 font-weight: 600; 2131 line-height: 28px; 2132 color: #021D5D; 2133 font-family: "DM Sans",sans-serif; 2134 margin-bottom: 8px; 2135 margin-top: 30px; 2136} 2137.section-speaker-intro .company-name { 2138 font-size: 18px; 2139 font-weight: 500; 2140 line-height: 24px; 2141 color: #021D5D; 2142 font-family: "DM Sans",sans-serif; 2143 margin-bottom: 50px; 2144} 2145.event-information-block .slider-card .title { 2146 font-size: 16px; 2147 line-height: 22px; 2148 color: #021D5D; 2149 margin-bottom: 0px; 2150 font-family: 'DM Serif Display', serif; 2151} 2152.event-information-block .slider-card .pronouns { 2153 font-family: 'DM Serif Display', serif; 2154 color: var(--blue); 2155 font-size: 10px; 2156 margin-bottom: 4px; 2157 text-transform: lowercase; 2158} 2159.event-information-block .slider-card .designation { 2160 font-weight: 800; 2161 font-family: "DM Sans",sans-serif; 2162} 2163.event-information-block .slider-card .company { 2164 font-family: "DM Sans",sans-serif; 2165} 2166.event-information-block .left-content .title a { 2167 color: #021D5D; 2168 font-family: 'DM Serif Display', serif; 2169} 2170.section-featured-slider-block .single-team-item .image-content .name { 2171 font-size: 24px; 2172 font-weight: 600; 2173 line-height: 34px; 2174 color: #021D5D; 2175 font-family: 'DM Serif Display', serif; 2176 margin-bottom: 0px; 2177} 2178.section-featured-slider-block .single-team-item .image-content .pronouns { 2179 font-family: 'DM Serif Display', serif; 2180 color: var(--blue); 2181 margin-bottom: 0px; 2182 font-size: 18px; 2183 line-height: 22px; 2184 text-transform: lowercase; 2185} 2186.section-featured-slider-block .single-team-item .image-content .designation { 2187font-size: 17px; 2188 font-weight: 800; 2189 line-height: 24px; 2190 color: #00122B; 2191 margin-bottom: 0px; 2192 text-transform: none; 2193 margin-top: 10px; 2194} 2195.section-featured-slider-block .single-team-item .image-content .text { 2196 margin-bottom: 20px; 2197 font-size: 14px; 2198 line-height: 20px; 2199Â text-transform: none; 2200Â font-weight: 500; 2201} 2202.aque-blue .section-featured-slider-block .single-team-item .image-content .designation { 2203Â color: #00122B; 2204} 2205.section-speakers .speakers .item .company { 2206 font-size: 15px; 2207 line-height: 22px; 2208} 2209:root{ 2210 --pink:#CF5BF0; 2211} 2212body.pink{ 2213 --blue:#CF5BF0; 2214} 2215.text-end { 2216 text-align: left !important; 2217 margin-bottom: 20px; 2218} 2219.section-block-grid .grid .item .top .cat { 2220 position: absolute; 2221 top: 0px; 2222 left: 0px; 2223} 2224.slick-slide { 2225/* padding: 30px; */ 2226} 2227.section-block-grid .grid .item .image { 2228 width: 100%; 2229 height: auto; 2230} 2231 2232.section-event-information { 2233 padding: 40px 0 40px 0; 2234} 2235.site-header .navbar .logo-wrapper .title-logo { 2236 min-width: 170px; 2237} 2238.section-single-post-content-block ul li::before { 2239 top: 12px; 2240} 2241.section-single-post-content-block li { 2242 padding-left: 20px; 2243} 2244.section-single-post-content-block ul li { 2245 font-size: 17px; 2246 line-height: 28px; 2247 margin-bottom: 24px; 2248} 2249.section-single-post-content-block ul li:not(:last-child) { 2250 margin-bottom: 5px; 2251} 2252.section-single-post-content-block li { 2253 padding-left: 22px; 2254} 2255.alert-text .alert-banner-btn { 2256 text-decoration: none; 2257 padding-top: 5px; 2258} 2259.psgTimer_unit .number::after { 2260 padding-left: 6px; 2261 padding-right: 6px; 2262} 2263.section-review-slider-block .content .name { 2264 font-size: 24px; 2265} 2266.section-review-slider-block .content .designation { 2267 font-size: 20px; 2268} 2269.section-speaker-intro .title { 2270 color: #021D5D; 2271 font-family: 'DM Serif Display', serif; 2272 margin-bottom: 6px; 2273} 2274.section-speaker-intro .pronouns { 2275 font-family: 'DM Serif Display', serif; 2276 font-size: 22px; 2277 color: #021D5D; 2278 text-transform: lowercase; 2279} 2280 2281.site-footer { 2282 background-color: #021D5D; 2283} 2284.site-footer .footer-content .left .footer-logos { 2285 margin-bottom: 30px; 2286} 2287.section-event-post-intro .wpem-event-share-lists a i { 2288 color: var(--blue); 2289} 2290.section-event-post-intro .wpem-event-share-lists a { 2291 background-color: var(--white); 2292} 2293.section-speaker-intro .social-links a { 2294 color: var(--blue); 2295} 2296.section-speaker-intro .social-links a { 2297 color: var(--blue); 2298 background-color: var(--white); 2299} 2300.section-speaker-intro .social-links a i { 2301 color: var(--blue); 2302} 2303.section-speaker-intro .badge { 2304 color: var(--blue); 2305 padding: 5px 10px; 2306 background-color: var(--white); 2307 margin-bottom: 10px; 2308} 2309.section-single-post-intro-block .bottom .image img { 2310 border-radius: 34px; 2311} 2312/* 2313.section-intro-block-2 .btn.btn-primary.style-1:hover { 2314 background-color: #6765A9 !important; 2315}/* 2316/* 2317.aque-blue .section-intro-block-2 .btn.btn-primary.style-2 { 2318 color: var(--blue); 2319 background-color: white; 2320 border: 2px solid #fff; 2321 box-shadow: 1px 1px 10px #0E8190; 2322} 2323.aque-blue .section-intro-block-2 .btn.btn-primary.style-2:hover { 2324 background: #0E8190; 2325color: white; 2326} 2327.aque-blue .section-intro-block-2 .btn.btn-primary.style-1 { 2328 color: white; 2329 background-color: #0E8190; 2330 border: 2px solid #fff; 2331 box-shadow: 1px 1px 10px #0E8190; 2332} 2333.aque-blue .section-intro-block-2 .btn.btn-primary.style-1:hover { 2334 background: white; 2335color: var(--blue); 2336 2337} 2338.purple .section-intro-block-2 .btn.btn-primary.style-2 { 2339 color: var(--blue); 2340 background-color: white; 2341 border: 2px solid #fff; 2342 box-shadow: 1px 1px 10px #6765A9; 2343} 2344.purple .section-intro-block-2 .btn.btn-primary.style-2:hover { 2345 background: #6765A9;; 2346color: white; 2347} 2348.purple .section-intro-block-2 .btn.btn-primary.style-1 { 2349 color: white; 2350 border: 2px solid #fff; 2351 box-shadow: 1px 1px 10px #6765A9; 2352 background-color: #6765A9; 2353} 2354.purple .section-intro-block-2 .btn.btn-primary.style-1:hover { 2355 background: white; 2356color: var(--blue); 2357}*/ 2358/* 2359@media only screen and (max-width: 992px) { 2360 .mobile { 2361 display: block !important; 2362 position: absolute !important; 2363 top: 15px; 2364 right: 15px; 2365 } 2366 .alert-text .timer-banner-inner { 2367 margin: 5px auto; 2368 } 2369}*/ 2370/* Ryan End */ 2371.mobile-btn{display:none;} 2372@media only screen and (max-width: 992px) { 2373 .section-single-post-intro-block .section-title { 2374 line-height: 43px; 2375 font-size: 50px !important; 2376 } 2377 .section-single-post-intro-block .bottom .image { 2378 height: unset; 2379 } 2380 .section-single-post-content-block { 2381 padding-top: 205px; 2382 } 2383 .section.section-advertisement-block { 2384 margin: 20px auto; 2385} 2386 .section-single-post-content-block ul li { 2387 font-size: 15px;
2388 line-height: 26px; 2389} 2390.custom-mega-menu.active { 2391 padding: 100px 0 100px 0; 2392 } 2393 .site-header .navbar-nav .menu-item { 2394 width: 100%; 2395 margin-bottom: 12px !important; 2396 } 2397 .section-faq-block .image { 2398 display: none; 2399 } 2400 /* .section-cards-block .card-block { 2401 margin: 20px; 2402 }*/ 2403 .section-intro-block .bg { 2404 2405 opacity: 1; 2406 } 2407 .section-intro-block .content { 2408 max-width: 100%; 2409 } 2410 .site-main > section:first-child { 2411 padding-top: 110px; 2412 } 2413 .mobile-btn{ 2414 display:block; 2415 width:100%; 2416 margin-bottom:20px; 2417 background-color:var(--blue) !important; 2418 border-color:var(--blue) !important; 2419 } 2420} 2421@media screen and (max-width:768px){ 2422.section-skyscraper-block{ 2423 float: none; 2424 margin: 0 auto 50px; 2425 } 2426.section-title { 2427 font-size: 48px !important; 2428 line-height: 42px !important; 2429 font-weight: inherit; 2430 } 2431 .section-cta-block { 2432 padding: 80px 20px 45px 20px; 2433 padding-top: 80px; 2434 padding-right: 20px; 2435 padding-bottom: 45px; 2436 padding-left: 20px; 2437} 2438.section-cta-block .inner-content .text { 2439 font-size: 14px; 2440 line-height: 16px; 2441} 2442.site-footer .footer-content .left .footer-logos { 2443 margin-bottom: 30px; 2444 } 2445 .section-intro-block-2 .bg { 2446 opacity: 1; 2447 background-position: center right; 2448 } 2449 .section-intro-block-2 { 2450 padding: 110px 0 80px 0 !important; 2451} 2452} 2453@media only screen and (max-width: 600px) { 2454 .speaker-name{ 2455 margin-top:20px; 2456 font-size: 1.75em; 2457 margin-bottom: 5px; 2458 line-height: 1em; 2459 } 2460 .speaker-title{ 2461 font-size: 1em; 2462 line-height: 1.2em; 2463 } 2464 .section-intro-block-2 .title { 2465 font-size: 50px; 2466 line-height: 56px; 2467 } 2468 .custom-mega-menu .left-content .navbar-nav li a, .custom-mega-menu .left-content .navbar-nav li h4 { 2469 font-size: 30px; 2470 line-height: 36px; 2471 font-weight: 400; 2472 } 2473 .cpd-hours-box { 2474 padding: 25px 25px 10px; 2475 } 2476 2477} 2478@media only screen and (max-width: 500px) { 2479 .section-speakers .speakers .item .image { 2480 max-width: 274px; 2481} 2482 a.ngg-simplelightbox { 2483 width: 160px; 2484 height: auto; 2485 } 2486} 2487 2488 2489</style> 2490</head> 2491 2492 2493<body class="wp-singular page-template-default page page-id-17020 page-child parent-pageid-16599 wp-theme-webbudswordpresstheme aque-blue webbudstheme"> 2494 2495 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 2495-2496
2495 2496 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2496GTM-PLHS7PW
vendor: 87 bytes, lines 2496-2498
2496" height="0" width="0" 2497 style="display:none;visibility:hidden"></iframe></noscript> 2498
2498<!-- End Google Tag Manager (noscript) --> 2499 2500 <style id="ttn-admin-bar-offset"> 2501 /* Logged-in WP shows a fixed 32px admin bar (desktop) that overlaps our fixed/ 2502 sticky header chrome. Offset the sticky alert bar and the fixed megamenu to 2503 sit below it. (.site-header's top is JS-driven, so ITS admin-bar offset lives 2504 in main.js.) Desktop only â below 783px WP makes the admin bar scroll away. */ 2505 @media screen and (min-width: 783px) { 2506 body.admin-bar .alert-text { top: 32px; } 2507 body.admin-bar .custom-mega-menu { top: 32px; height: calc(100dvh - 32px); } 2508 } 2509 </style> 2510 2511 2512 <div class="site-wrapper"> 2513 <div class="alert-text"> 2514 <div class="container large"> 2515 <div class="inner-text"> 2516 <div class="left"> 2517 <p class="text"> 2518 Early Bird Sale Ends October 22! </p> 2519 <a class="close-icon tablet mobile" href=""><i class="fas fa-times"></i></a> 2520 <div class="timer-banner-inner"> 2521 <div class="header-countdown-timer" 2522 data-timer-end="23.10.2026 00:00"></div> 2523 </div> 2524 </div> 2525 <div class="right"> 2526 <a class="alert-banner-btn" target="" 2527 href="https://techtalentnorth.com/west/pricing/"> 2528 Get Your Tickets </a> 2529 <a class="close-icon desktop" href=""><i class="fas fa-times"></i></a> 2530 </div> 2531 </div> 2532 </div> 2533 </div> 2534 <header class="site-header"> 2535 <nav class="navbar navbar-expand-lg "> 2536 <div class="container large"> 2537 <div class="logo-wrapper"> 2538 <a class="navbar-brand" 2539 href="https://techtalentnorth.com/" 2540 data-aos="fade-up" data-aos-duration="1000"> 2541 <img class="img-fluid" src="https://techtalentnorth.com/wp-content/uploads/2024/12/TTN-West-Color.webp" alt=""> 2542 </a> 2543 <div class="header-logos"> 2544 <div class="logo"> 2545 <h6 class="title"> 2546 Presented By </h6> 2547 <a class="whole-link" href="https://tapnetwork.ca/"></a> 2548 <img class="img-fluid" src="https://techtalentnorth.com/wp-content/uploads/2024/10/TAPNetwork_Logo_RGB_Rev.svg" alt=""> 2549 </div> 2550 <div class="logo"> 2551 <h6 class="title"> 2552 Lead Sponsor </h6> 2553 <a class="whole-link" href="https://www.workday.com/en-ca/homepage.html"></a> 2554 <img class="img-fluid" src="https://techtalentnorth.com/wp-content/uploads/2026/01/WorkdayLogo.png" alt=""> 2555 </div> 2556 </div> 2557 2558 </div> 2559 2560 <ul class="header-nav navbar-nav mb-2 mb-lg-0 ms-auto"> 2561 <li class="nav-item right-border-link wbd-toggle-menu" data-aos="fade-up" 2562 data-aos-duration="1000"> 2563 <a class="nav-link active custom-toggle-menu " aria-current="page" href="#"> 2564 <!-- <span>MENU</span> --> 2565 <div class="icon"> 2566 <div class="bar first"></div> 2567 <div class="bar middle"></div> 2568 <div class="bar last"></div> 2569 </div> 2570 </a> 2571 </li> 2572 <li data-aos="fade-up" data-aos-duration="1000"> 2573 <a class="header-button btn-primary" target="" 2574 href="https://techtalentnorth.com/west/pricing/"> 2575 Register Now! </a> 2576 </li> 2577 </ul> 2578 </div> 2579 </nav> 2580 <style id="ttn-megamenu"> 2581 /* âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 2582 MEGA MENU â TTN 2026 rebuild 2583 WHY INLINE HERE: the legacy megamenu button rules live in WP's 2584 Additional CSS (repo copy: TTN-AdditionalCSS.css), which prints in 2585 wp_head and carries !important. main.css also prints in wp_head. 2586 A <style> in the body is later in source order than both, so these 2587 rules win without an !important war, and the whole rebuild stays in 2588 the single file Mojo deploys. Mirrors the TX megamenu pattern. 2589 âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 2590 2591 /* City token fallback. main.css only defines --blue-rgb on the 2592 .aque-blue / .purple body classes; on any other page rgba(var(--blue-rgb)) 2593 would be invalid at computed-value time and would nuke the whole 2594 background shorthand. Alias through a token that always resolves. */ 2595 .custom-mega-menu { 2596 --mm-city-rgb: var(--blue-rgb, 47, 214, 235); 2597 --mm-navy: #021D5D; 2598 --mm-base: #F4F8FD; 2599 } 2600
2601 /* ââ 4. Background: base fill + soft highlight radials (no flat panel) ââ 2602 Painted as background-image layers on the panel itself, so they sit 2603 BEHIND everything (including the absolutely-positioned .bg swoosh) and 2604 need no extra markup. background-attachment defaults to `scroll`, which 2605 pins them to the panel box rather than the scrolling content. */ 2606 .custom-mega-menu { 2607 background-color: var(--mm-base); 2608 background-image: 2609 /* white-ish highlight, top-left */ 2610 radial-gradient(1200px 820px at 4% -8%, 2611 rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 62%), 2612 /* city-tinted bloom, bottom-right â BIG and deeper, so the panel has a 2613 real light source instead of an even wash */ 2614 radial-gradient(1700px 1300px at 100% 108%, 2615 rgba(var(--mm-city-rgb), .40) 0%, 2616 rgba(var(--mm-city-rgb), .16) 42%, 2617 rgba(var(--mm-city-rgb), 0) 72%), 2618 /* faint periwinkle lift, upper-right â keeps the middle from going flat */ 2619 radial-gradient(980px 780px at 76% 4%, 2620 rgba(154,151,231,.16) 0%, rgba(154,151,231,0) 64%); 2621 background-repeat: no-repeat; 2622 /* Fixed to the viewport height so the panel ENDS at the bottom of the 2623 screen. main.css leaves height:auto, so content + its 273/203 padding 2624 made the panel taller than the viewport â and the swoosh (anchored to 2625 the panel's bottom:0) ended up below the fold. Pinning to 100dvh puts 2626 that bottom-right corner back on screen. overflow:hidden then clips the 2627 swoosh bleed AND stops the oversized icon adding any scroll. */ 2628 height: 100vh; 2629 height: 100dvh; 2630 overflow: hidden; 2631 } 2632 /* Content above the paint */ 2633 .custom-mega-menu .container-wrapper { position: relative; z-index: 1; } 2634 2635 /* ââ Corner swoosh: enlarged, SOLID but ghosted, slow spin ââ 2636 Solid brand-colour fills (in the markup) at low opacity read as a soft 2637 watermark that bleeds naturally off the corner â the earlier stroked 2638 outline turned every clipped edge into a crisp cut line, which is what 2639 looked "chopped". Scale lives on the WRAPPER and the spin on the inner 2640 <svg>, because a single element can't hold both a scale and a rotate 2641 animation (the animation's transform would overwrite the scale). */ 2642 .custom-mega-menu .bg { 2643 z-index: 0; 2644 /* Push it off the bottom-right corner: negative right/bottom bleed a slice 2645 off those two edges, and dropping it lower brings the icon's TOP down 2646 below the panel's top edge so the panel's overflow:hidden stops cropping 2647 the top of the mark (that top clip was the "chop"). */ 2648 right: -300px; 2649 bottom: -400px; 2650 overflow: visible; 2651 transform: scale(2.28); 2652 transform-origin: 100% 100%; /* anchor bottom-right; grow into the panel */ 2653 opacity: .15; 2654 pointer-events: none; 2655 } 2656 .custom-mega-menu .bg svg { 2657 transform-origin: 50% 50%; 2658 animation: ttnMmSwooshSpin 120s linear infinite; 2659 } 2660 @keyframes ttnMmSwooshSpin { 2661 from { transform: rotate(0deg); } 2662 to { transform: rotate(360deg); } 2663 } 2664 @media (prefers-reduced-motion: reduce) { 2665 .custom-mega-menu .bg svg { animation: none; } 2666 } 2667 2668 /* ââ 1 + 2. City / Edition buttons ââ 2669 Each button is wrapped in a span that locally redefines --blue / 2670 --blue-rgb, so the button engine's city-colour vars resolve per-button. */ 2671 .custom-mega-menu .megamenu-cities { 2672 display: flex; 2673 flex-direction: row; 2674 flex-wrap: wrap; /* narrow viewports stack whole BUTTONS, never labels */ 2675 gap: 14px; 2676 margin-bottom: 32px; 2677 } 2678 .custom-mega-menu .megamenu-city-btn { 2679 display: inline-flex; 2680 flex: 0 0 auto; 2681 } 2682 .custom-mega-menu .megamenu-city-btn .ttn-btn { 2683 position: relative; 2684 overflow: hidden; /* clip the glass sheen to the pointy-corner shape */ 2685 justify-content: center; 2686 text-align: center; 2687 text-transform: uppercase; 2688 font-family: 'DM Sans', sans-serif; 2689 font-weight: 700; 2690 letter-spacing: .03em; 2691 /* TTN primary shape: pointy top-left, deep-round bottom-left */ 2692 border-radius: 1px 35px 35px 65px; 2693 /* Match the Latest Article button's roomier 40px sides (base .ttn-btn is 2694 padding: 10px 40px) so these read as full-size buttons, not chips. */ 2695 padding: 15px 42px 15px 38px; 2696 min-height: 56px; 2697 } 2698 /* Labels can never wrap, whatever the column width */ 2699 .custom-mega-menu .megamenu-city-btn .ttn-btn, 2700 .custom-mega-menu .megamenu-city-btn .ttn-btn > span { 2701 white-space: nowrap; 2702 } 2703 /* Label indented leftâright like the Latest Article hero button (the engine's 2704 optical nudge). Sits above the glass sheen. */ 2705 .custom-mega-menu .megamenu-city-btn .ttn-btn > span { 2706 position: relative; 2707 z-index: 2; 2708 margin-left: 10px; 2709 } 2710 2711 /* WHITE label + navy drop/glow so it reads on the light city f
2711ill without 2712 the unreadable white-on-cyan flatness. !important beats the engine's 2713 global `.ttn-btn { color:#fff !important }` (here we WANT white). */ 2714 .custom-mega-menu .megamenu-city-btn .ttn-btn, 2715 .custom-mega-menu .megamenu-city-btn .ttn-btn > span, 2716 .custom-mega-menu .megamenu-city-btn .ttn-btn span { 2717 color: #fff !important; 2718 } 2719 2720 /* Glassy fill: the city colour, but pushed DARKER (mixed toward navy) so a 2721 white label has real contrast, then a translucent white sheen laid over 2722 the top half via ::before. Thicker 2px gradient border = the "rim-lit 2723 glass" edge. Safari glow tax: every shadow uses rgba(var(--blue-rgb),â¦), 2724 never a bare var(--blue). */ 2725 .custom-mega-menu .megamenu-city-btn .ttn-btn { 2726 background: 2727 linear-gradient(180deg, 2728 color-mix(in srgb, var(--blue) 88%, #021D5D) 0%, 2729 color-mix(in srgb, var(--blue) 74%, #021D5D) 100% 2730 ) padding-box, 2731 linear-gradient(160deg, 2732 rgba(255,255,255,.95) 0%, 2733 rgba(255,255,255,.30) 38%, 2734 rgba(var(--blue-rgb), .50) 100% 2735 ) border-box; 2736 border: 2px solid transparent; 2737 text-shadow: 2738 0 1px 2px rgba(2,29,93,.55), 2739 0 0 14px rgba(2,29,93,.35); 2740 box-shadow: 2741 0 8px 20px rgba(var(--blue-rgb), .34), 2742 0 2px 5px rgba(2,29,93,.16), 2743 inset 0 1px 0 rgba(255,255,255,.55), 2744 inset 0 -8px 18px rgba(2,29,93,.22); 2745 } 2746 /* The sheen â a bright highlight across the top, fading out by the middle. 2747 This is what sells "glass" on a light background. */ 2748 .custom-mega-menu .megamenu-city-btn .ttn-btn::before { 2749 content: ""; 2750 position: absolute; 2751 inset: 0; 2752 z-index: 1; 2753 pointer-events: none; 2754 border-radius: inherit; 2755 background: linear-gradient(180deg, 2756 rgba(255,255,255,.55) 0%, 2757 rgba(255,255,255,.14) 30%, 2758 rgba(255,255,255,0) 52%); 2759 opacity: .9; 2760 transition: opacity .28s ease; 2761 } 2762 /* Hover FLIPS the button: the dark city fill lightens to near-white with a 2763 city tint, and the label swaps white â city colour. So resting = dark 2764 glass / white text, hover = light glass / city text. */ 2765 .custom-mega-menu .megamenu-city-btn .ttn-btn:hover, 2766 .custom-mega-menu .megamenu-city-btn .ttn-btn:focus-visible { 2767 background: 2768 linear-gradient(180deg, 2769 #ffffff 0%, 2770 color-mix(in srgb, var(--blue) 20%, #ffffff) 100% 2771 ) padding-box, 2772 linear-gradient(160deg, 2773 #ffffff 0%, 2774 rgba(255,255,255,.60) 40%, 2775 rgba(var(--blue-rgb), .85) 100% 2776 ) border-box; 2777 border: 2px solid transparent; 2778 transform: translateY(-2px); 2779 box-shadow: 2780 0 12px 28px rgba(var(--blue-rgb), .40), 2781 0 3px 8px rgba(2,29,93,.14), 2782 inset 0 1px 0 rgba(255,255,255,.85); 2783 } 2784 .custom-mega-menu .megamenu-city-btn .ttn-btn:hover, 2785 .custom-mega-menu .megamenu-city-btn .ttn-btn:hover > span, 2786 .custom-mega-menu .megamenu-city-btn .ttn-btn:hover span, 2787 .custom-mega-menu .megamenu-city-btn .ttn-btn:focus-visible, 2788 .custom-mega-menu .megamenu-city-btn .ttn-btn:focus-visible > span { 2789 color: var(--blue) !important; 2790 text-shadow: 0 1px 1px rgba(255,255,255,.9); 2791 } 2792 /* On the light hover fill the white top-sheen would disappear â fade it out. */ 2793 .custom-mega-menu .megamenu-city-btn .ttn-btn:hover::before, 2794 .custom-mega-menu .megamenu-city-btn .ttn-btn:focus-visible::before { 2795 opacity: 0; 2796 } 2797 2798 /* Highlighted = the CURRENT edition, styled as PRESSED IN. 2799 Everything inverts from the resting look: the fill gradient flips to 2800 dark-on-top / light-on-bottom, the top gets an inset shadow (light falls 2801 INTO a recess) and the bottom an inset highlight â so the button reads as 2802 sunken. The outer city ring becomes the raised bezel around the well. 2803 No lift (translateY) â a pressed button doesn't float. */ 2804 .custom-mega-menu .megamenu-city-btn.is-highlighted .ttn-btn { 2805 background: 2806 linear-gradient(180deg, 2807 color-mix(in srgb, var(--blue) 62%, #021D5D) 0%, 2808 color-mix(in srgb, var(--blue) 92%, #021D5D) 100% 2809 ) padding-box, 2810 /* border flipped too: dark rim at top, bright at the bottom */ 2811 linear-gradient(180deg, 2812 rgba(var(--blue-rgb), .55) 0%, 2813 rgba(255,255,255,.90) 100% 2814 ) border-box; 2815 transform: none; 2816 box-shadow: 2817 0 0 0 4px rgba(var(--blue-rgb), .26), /* the raised bezel ring */ 2818 inset 0 4px 10px rgba(2,29,93,.55), /* top recess shadow = pressed */ 2819 inset 0 -2px 4px rgba(255,255,255,.30); /* bottom inner light = well floor */ 2820 } 2821 /* The top sheen would fight the "recessed" read â kill it on the pressed one. */ 2822 .custom-mega-menu .megamenu-city-btn.is-highlighted .ttn-btn::before { 2823 opacity: 0; 2824 } 2825 /* Pressed + hover: stays pressed (no lift, no flip to light) but the fill 2826 lightens a step â a gentle "still interactive" cue, not the full whitening 2827 the non-active buttons get. */ 2828 .custom-mega-menu .megamenu-city-btn.is-highlighted .ttn-btn:hover, 2829 .custom-mega-menu .megamenu-city-btn.is-highlighted .ttn-btn:focus-visible { 2830 background: 2831 linear-gradient(180deg, 2832 color-mix(in srgb, var(--blue) 80%, #021D5D) 0%, 2833 var(--blue) 100% 2834 ) padding-box, 2835 linear-gradient(180deg, 2836 rgba(var(--blue-rgb), .55) 0%, 2837 rgba(255,255,255,.90) 100% 2838 ) border-box; 2839 transform: none; 2840 box-shadow: 2841 0 0 0 5px rgba(var(--blue-rgb), .34), 2842 inset 0 4px 10px rgba(2,29,93,.50), 2843 inset 0 -2px 4px rgba(255,255,255,.34); 2844 } 2845 /* Keep the pressed label WHITE even on hover (it doesn't flip to city text). */ 2846 .custom-mega-menu .megamenu-city-btn.is-highlighted .ttn-btn:hover, 2847 .custom-mega-menu .megamenu-city-btn.is-highlighted .ttn-btn:hover > span, 2848 .custom-mega-menu .megamenu-city-btn.is-highlighted .ttn-btn:hover span { 2849 color: #fff !important; 2850 text-shadow: 0 1px 2px rgba(2,29,93,.6), 0 0 14px rgba(2,29,93,.4); 2851 } 2852 2853 /* ââ 2. Wider right column: keep the two buttons on one row ââ */ 2854 @media (min-width: 992px) { 2855 .custom-mega-menu .right-content { padding-left: 60px; } 2856 } 2857 2858 /* ââ Left-column nav: city-colour hover on EVERY item ââ */ 2859 .custom-mega-menu .left-content .navbar-nav > li > a, 2860 .custom-mega-menu .left-content .navbar-nav > li > a.nav-link { 2861 transition: color .18s ease; 2862 } 2863 .custom-mega-menu .left-content .navbar-nav > li > a:hover, 2864 .custom-mega-menu .left-content .navbar-nav > li > a:focus-visible, 2865 .custom-mega-menu .left-content .navbar-nav > li > a.nav-link:hover { 2866 color: var(--blue); 2867 } 2868 .custom-mega-menu .left-content .navbar-nav .dropdown-toggle .dropdown i { 2869 transition: color .18s ease; 2870 } 2871 .custom-mega-menu .left-content .navbar-nav > li > a:hover .dropdown i { 2872 color: var(--blue); 2873 } 2874 2875 /* ââ Dropdown â SN style: no white box, indented sub-list, left city rule ââ 2876 The walker emits a Bootstrap .dropdown-menu (absolute white popover) inside 2877 a parent <li class="dropdown">. We restyle it to a static, transparent, 2878 inline sub-list with a vertical city-colour line, and â crucially â keep it 2879 COLLAPSED by default so the dropdown still does its job of condensing the 2880 menu. It reveals on hover, the same mechanism SN uses 2881 (`a.dropdown-toggle:hover + .dropdown-menu`). !important defeats Bootstrap + 2882 main.css's .site-header rules (equal specificity; this inline block is last). */ 2883 .custom-mega-menu .left-content .navbar-nav .dropdown-menu { 2884 display: none; /* collapsed by default â a real dropdown */ 2885 position: static !important; 2886 float: none !important; 2887 min-width: 0 !important; 2888 background: transparent !important; 2889 border: 0 !important; 2890 border-radius: 0 !important; 2891 box-shadow: none !important; 2892 overflow: visible !important; 2893 margin: 18px 0 12px 3px !important; /* more top gap to the parent; minimal left */ 2894 padding: 0 0 0 16px !important; /* far less indent than before */ 2895 border-left: 2px solid rgba(var(--mm-city-rgb), .5) !important; 2896 } 2897 /* Reveal on hover / focus â hovering anywhere on the parent li holds it open 2898 (no sibling-gap flicker), plus SN's adjacent-sibling + the menu's own hover. */ 2899 .custom-mega-menu .left-content .navbar-nav li.dropdown:hover > .dropdown-menu, 2900 .custom-mega-menu .left-content .navbar-nav li.dropdown:focus-within > .dropdown-menu, 2901 .custom-mega-menu .left-content .navbar-nav a.dropdown-toggle:hover + .dropdown-menu, 2902 .custom-mega-menu .left-content .navbar-nav .dropdown-menu:hover { 2903 display: block; 2904 } 2905 /* main.css puts `padding-left: 50px` on EVERY .navbar-nav li â the submenu 2906 items inherit it, which is the big gap between the left line and the text. 2907 Zero it on the submenu li only (higher specificity than main.css's rule); 2908 the left indent is then governed entirely by the ul's padding above. */ 2909 .custom-mega-menu .left-content .navbar-nav .dropdown-menu li { 2910 padding-left: 0 !important; 2911 } 2912 .custom-mega-menu .left-content .navbar-nav .dropdown-menu .dropdown-item { 2913 display: block; 2914 width: auto; 2915 background: transparent !important; 2916 color: var(--mm-navy); 2917 font-family: 'DM Serif Display', serif; 2918 font-size: 25px; /* a step down from the top-level nav */ 2919 line-height: 1.2; 2920 padding: 3px 0 !important; /* tight spacing between children */ 2921 transition: color .18s ease; 2922 } 2923 .custom-mega-menu .left-content .navbar-nav .dropdown-menu .dropdown-item:hover, 2924 .custom-mega-menu .left-content .navbar-nav .dropdown-menu .dropdown-item:focus, 2925 .custom-mega-menu .left-content .navbar-nav .dropdown-menu .dropdown-item:focus-visible { 2926 background: transparent !important; 2927 color: var(--blue) !important; 2928 } 2929 2930 /* ââ 3. Footer menu (TTN Home / FAQs / PACT Blog) â subordinate pills ââ */ 2931 .custom-mega-menu .bottom-megamenu .navbar-nav { 2932 flex-wrap: wrap; 2933 align-items: center; 2934 column-gap: 12px; /* legacy 32px was tuned for bare text links */ 2935 row-gap: 10px; 2936 } 2937 .custom-mega-menu .bottom-megamenu .navbar-nav li a, 2938 .custom-mega-menu .bottom-megamenu .navbar-nav li a.nav-link { 2939 display: inline-flex; 2940 align-items: center; 2941 padding: 12px 30px 12px 34px; /* roomier, extra on the left */ 2942 font-family: 'DM Sans', sans-serif; 2943 font-weight: 800; 2944 font-size: 15px; 2945 line-height: 1.2; 2946 letter-spacing: .04em; 2947 text-transform: uppercase; 2948 color: var(--mm-navy); 2949 /* Gradient fill (white â faint city tint) + a 2px GRADIENT border, the 2950 same dual-background trick the city buttons use â padding-box gradient 2951 is the fill, border-box gradient is the visible rim. */ 2952 background: 2953 linear-gradient(180deg, 2954 #ffffff 0%, 2955 rgba(var(--mm-city-rgb), .16) 100% 2956 ) padding-box, 2957 linear-gradient(150deg, 2958 rgba(255,255,255,.95) 0%, 2959 rgba(var(--mm-city-rgb), .60) 100% 2960 ) border-box; 2961 border: 2px solid transparent; 2962 border-radius: 1px 22px 22px 38px; /* same family as the city buttons, a size down */ 2963 text-decoration: none; 2964 box-shadow: 2965 0 2px 8px rgba(2,29,93,.08), 2966 inset 0 1px 0 rgba(255,255,255,.8); 2967 transition: background .2s ease, color .2s ease, 2968 transform .2s ease, box-shadow .2s ease; 2969 } 2970 /* Optical nudge â the DM label sits a touch right of the pointy corner. */ 2971 .custom-mega-menu .bottom-megamenu .navbar-nav li a > span { 2972 margin-left: 4px; 2973 } 2974 .custom-mega-menu .bottom-megamenu .navbar-nav li a:hover, 2975 .custom-mega-menu .bottom-megamenu .navbar-nav li a:focus-visible, 2976 .custom-mega-menu .bottom-megamenu .navbar-nav li a.nav-link:hover { 2977 background: 2978 linear-gradient(180deg, 2979 #ffffff 0%, 2980 rgba(var(--mm-city-rgb), .34) 100% 2981 ) padding-box, 2982 linear-gradient(150deg, 2983 #ffffff 0%, 2984 rgba(var(--mm-city-rgb), .95) 100% 2985 ) border-box; 2986 color: var(--blue); 2987 transform: translateY(-2px); 2988 box-shadow: 0 6px 16px rgba(var(--mm-city-rgb), .30), 2989 inset 0 1px 0 rgba(255,255,255,.9); 2990 } 2991 /* Mobile: main.css turns this ul into a column â keep pills content-width */ 2992 @media (max-width: 768px) { 2993 .custom-mega-menu .bottom-megamenu .navbar-nav { align-items: flex-start; } 2994 } 2995 </style> 2996 <div class="custom-mega-menu"> 2997 <div class="bg">
2998 <svg width="495" height="570" viewBox="0 0 495 570" fill="none" xmlns="http://www.w3.org/2000/svg"> 2999<path fill-rule="evenodd" clip-rule="evenodd" d="M347.341 281.293C339.573 297.185 334.952 314.423 333.731 332.06L332.821 330.472C329.553 324.893 326.587 319.144 323.938 313.247L321.361 306.783C311.154 281.633 306.706 254.526 308.342 227.439C309.978 200.352 317.657 173.969 330.817 150.216L381.036 61.3043C386.174 52.2552 394.694 45.6029 404.733 42.8003C414.772 39.9976 425.514 41.2736 434.61 46.3489C439.128 48.8594 443.098 52.2446 446.285 56.3076C449.472 60.3705 451.813 65.0285 453.169 70.0074C454.564 74.9642 454.961 80.1477 454.338 85.259C453.715 90.3703 452.085 95.3079 449.541 99.7885L347.341 281.293Z" fill="#9A97E7"/> 3000<path fill-rule="evenodd" clip-rule="evenodd" d="M384.801 418.226L345.966 352.669C343.693 327.749 349.001 302.721 361.2 280.852L377.483 251.96L452.412 378.182C455.926 384.108 457.813 390.854 457.883 397.739C457.953 404.625 456.204 411.408 452.812 417.406C449.402 423.334 444.499 428.27 438.588 431.726C429.653 437.03 418.977 438.587 408.896 436.057C398.816 433.528 390.152 427.115 384.801 418.226Z" fill="#9A97E7"/> 3001<path fill-rule="evenodd" clip-rule="evenodd" d="M477.824 195.101C482.617 197.785 486.831 201.385 490.224 205.698C493.618 210.011 496.124 214.951 497.599 220.233C499.073 225.515 499.488 231.037 498.819 236.48C498.149 241.923 496.409 247.182 493.698 251.953C491.005 256.735 487.394 260.939 483.071 264.327C478.747 267.714 473.797 270.217 468.503 271.694C463.209 273.17 457.675 273.592 452.219 272.932C446.762 272.273 441.49 270.547 436.704 267.852C427.044 262.413 419.943 253.373 416.958 242.716C413.974 232.058 415.35 220.652 420.785 211.002C423.481 206.225 427.096 202.025 431.421 198.642C435.746 195.258 440.698 192.758 445.992 191.285C451.286 189.813 456.819 189.395 462.274 190.058C467.729 190.721 472.999 192.45 477.782 195.147L477.824 195.101Z" fill="#9A97E7"/> 3002<path fill-rule="evenodd" clip-rule="evenodd" d="M247.856 158.429C265.554 157.39 282.882 152.935 298.88 145.315L297.989 146.917C294.7 152.507 291.1 157.908 287.205 163.096L282.748 168.52C265.79 189.726 244.299 206.886 219.845 218.752C195.391 230.618 168.59 236.892 141.397 237.11H39.3487C28.9165 237.099 18.9148 232.959 11.5381 225.6C4.16138 218.242 0.0119438 208.265 0.000149243 197.859C-0.0141776 192.699 1.00314 187.589 2.99255 182.826C4.98196 178.063 7.90355 173.743 11.5864 170.12C15.2235 166.471 19.5501 163.58 24.3156 161.611C29.0811 159.643 34.1908 158.636 39.3487 158.651L247.856 158.429Z" fill="#2FD6EB"/> 3003<path fill-rule="evenodd" clip-rule="evenodd" d="M349.055 58.5888L310.91 124.466C290.289 138.749 265.828 146.496 240.724 146.692H207.481L280.964 19.6475C284.423 13.6805 289.393 8.72478 295.376 5.27653C301.358 1.82828 308.145 0.00890999 315.054 0C321.951 0.0163728 328.724 1.82495 334.706 5.24614C343.66 10.4588 350.19 18.9859 352.877 28.9742C355.564 38.9626 354.191 49.6049 349.055 58.5888Z" fill="#2FD6EB"/> 3004<path fill-rule="evenodd" clip-rule="evenodd" d="M108.507 87.2577C108.507 76.1992 112.91 65.5951 120.749 57.7755C128.588 49.956 139.22 45.562 150.306 45.562C161.392 45.562 172.024 49.956 179.863 57.7755C187.702 65.5951 192.106 76.1992 192.106 87.2577C192.106 98.3162 187.702 108.922 179.863 116.742C172.024 124.562 161.392 128.955 150.306 128.955C139.22 128.955 128.588 124.562 120.749 116.742C112.91 108.922 108.507 98.3162 108.507 87.2577Z" fill="#2FD6EB"/> 3005<path fill-rule="evenodd" clip-rule="evenodd" d="M191.083 304.862C181.275 290.132 168.699 277.436 154.051 267.477H155.878C162.384 267.511 168.884 267.882 175.352 268.588L182.259 269.656C209.16 273.593 234.841 283.469 257.429 298.565C280.018 313.661 298.943 333.596 312.827 356.915L364.296 444.976C369.547 453.973 371.004 464.681 368.347 474.749C365.69 484.816 359.137 493.422 350.126 498.674C345.67 501.277 340.74 502.971 335.622 503.658C330.504 504.344 325.301 504.01 320.313 502.674C315.319 501.369 310.634 499.09 306.527 495.97C302.42 492.849 298.972 488.95 296.383 484.494L191.083 304.862Z" fill="#FF9D30"/> 3006<path fill-rule="evenodd" clip-rule="evenodd" d="M53.6982 267.918L129.944 267.608C152.638 278.272 171.595 295.494 184.355 317.039L201.111 345.666L54.0547 346.333C47.1478 346.359 40.356 344.569 34.3634 341.143C28.3708 337.717 23.389 332.775 19.9199 326.817C16.447 320.895 14.6024 314.163 14.5724 307.302C14.5369 296.908 18.6362 286.925 25.9712 279.541C33.3062 272.158 43.2778 267.977 53.6982 267.918Z" fill="#FF9D30"/> 3007<path fill-rule="evenodd" clip-rule="evenodd" d="M199.774 460.797C190.199 466.355 178.804 467.894 168.092 465.077C157.38 462.26 148.228 455.317 142.645 445.773C139.879 441.041 138.074 435.813 137.334 430.386C136.594 424.959 136.933 419.44
3007138.332 414.144C139.731 408.848 142.162 403.878 145.486 399.519C148.81 395.16 152.963 391.498 157.707 388.74C167.282 383.182 178.677 381.64 189.389 384.458C200.101 387.275 209.253 394.22 214.836 403.764C217.602 408.495 219.407 413.724 220.147 419.151C220.887 424.578 220.548 430.097 219.149 435.393C217.75 440.689 215.319 445.659 211.995 450.018C208.671 454.377 204.518 458.039 199.774 460.797Z" fill="#FF9D30"/> 3008</svg> 3009 3010 </div> 3011 <div class="container-wrapper"> 3012 <div class="container large"> 3013 <div class="row"> 3014 <div class="col-lg-6"> 3015 <div data-aos="fade-up" data-aos-duration="1000"> 3016 <a class="btn btn-primary mobile-btn" target="" 3017 href="https://techtalentnorth.com/west/pricing/" > 3018 Register Now! </a> 3019 </div> 3020 <div class="left-content"> 3021 <ul id="menu-western" class="navbar-nav me-auto mt-2 mt-lg-0 "><li id="menu-item-25260" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25260"><a href="https://techtalentnorth.com/west/why-attend-ttn/" class="nav-link">Why Attend TTN</a></li> 3022<li id="menu-item-25264" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25264"><a href="https://techtalentnorth.com/west/conference-overview/" class="nav-link">Conference Overview</a></li> 3023<li id="menu-item-25258" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25258"><a href="https://techtalentnorth.com/west/steering-committee/" class="nav-link">Steering Committee</a></li> 3024<li id="menu-item-25322" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25322"><a href="https://techtalentnorth.com/west/speakers/" class="nav-link">Speakers</a></li> 3025<li id="menu-item-25255" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25255"><a href="https://techtalentnorth.com/west/agenda/" class="nav-link">Agenda</a></li> 3026<li id="menu-item-25256" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25256"><a href="https://techtalentnorth.com/west/companies-attending/" class="nav-link">Companies Attending</a></li> 3027<li id="menu-item-25261" class="menu-item menu-item-type-custom menu-item-object-custom nav-item nav-item-25261"><a href="https://techtalentnorth.com/west/sponsors/#sponsor" class="nav-link">Become A Sponsor</a></li> 3028</ul> </div> 3029 </div> 3030 <div class="col-lg-6 menu-border"> 3031 <div class="right-content"> 3032 <div class="megamenu-cities"> 3033 <span class="megamenu-city-btn is-highlighted" style="--blue: #2FD6EB; --blue-rgb: 47, 214, 235;"> 3034 <a class="ttn-btn ttn-btn-md ttn-btn-primary" 3035 href="https://techtalentnorth.com/west/" 3036 target="_self" 3037 aria-current="true"> 3038 <span>Western Edition</span> 3039 </a> 3040 </span> 3041 <span class="megamenu-city-btn" style="--blue: #9A97E7; --blue-rgb: 154, 151, 231;"> 3042 <a class="ttn-btn ttn-btn-md ttn-btn-primary" 3043 href="https://techtalentnorth.com/east/" 3044 target="_self" 3045 > 3046 <span>Eastern Edition</span> 3047 </a> 3048 </span> 3049 </div> 3050 <div class="mobile"> 3051 <div class="bottom-megamenu"> 3052 <ul id="menu-western-highlight" class="navbar-nav ms-auto mt-2 mt-lg-0 "><li id="menu-item-19483" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home nav-item nav-item-19483"><a href="https://techtalentnorth.com/" class="nav-link">TTN Home</a></li> 3053<li id="menu-item-25254" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25254"><a href="https://techtalentnorth.com/west/travel/" class="nav-link">Travel & Hotel</a></li> 3054<li id="menu-item-20089" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-20089"><a href="https://techtalentnorth.com/west/frequently-asked-questions/" class="nav-link">FAQs</a></li> 3055<li id="menu-item-19484" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-19484"><a href="https://techtalentnorth.com/blog/" class="nav-link">PACT Blog</a></li> 3056</ul> </div> 3057 </div> 3058 <div class="address"> 3059 <p><strong>Event location:</strong><br /> 3060Vancouver Convention Centre West<br /> 30611055 Canada Place,<br /> 3062Vancouver, BC V6C 0C3</p> 3063 </div> 3064 <div class="email"> 3065 <a href="mailto:mailto:[email protected]"> 3066 [email protected] </a> 3067 </div> 3068 <div class="number"> 3069 <a href="tel:tel:+1-604-449-2284"> 3070 604.449.2284 (202) </a> 3071 </div> 3072 <ul class="social-icons"> 3073 <li> 3074 <a target="_blank" 3075 href="https://www.linkedin.com/showcase/techtalentnorth/"><i 3076 class="fab fa-linkedin-in"></i></a> 3077 </li> 3078 <li> 3079 <a target="_blank" 3080 href="https://twitter.com/techtalentnorth"><i 3081 class="fab fa-twitter"></i></a> 3082 </li> 3083 </ul> 3084 <div class="megamenu-close-btn text-end"> 3085 <a class="btn btn-secondary" href=""><i class="fas fa-times"></i> Close Menu</a> 3086 </div> 3087 </div> 3088 </div> 3089 3090 </div> 3091 </div> 3092 <div class="container"> 3093 <div class="bottom-megamenu desktop"> 3094 <ul id="menu-western-highlight-1" class="navbar-nav ms-auto mt-2 mt-lg-0 "><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home nav-item nav-item-19483"><a href="https://techtalentnorth.com/" class="nav-link">
3094TTN Home</a></li> 3095<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-25254"><a href="https://techtalentnorth.com/west/travel/" class="nav-link">Travel & Hotel</a></li> 3096<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-20089"><a href="https://techtalentnorth.com/west/frequently-asked-questions/" class="nav-link">FAQs</a></li> 3097<li class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-19484"><a href="https://techtalentnorth.com/blog/" class="nav-link">PACT Blog</a></li> 3098</ul> </div> 3099 </div> 3100 </div> 3101 </div> 3102 </header> 3103 <main class="site-main"> 3104 3105 3106 3107 3108 3109 3110 <section class="section section-intro-block-3 style-1" style="background-color:#abeff6;background-image:url('https://techtalentnorth.com/wp-content/uploads/2024/12/West-Hero4-scaled.webp')"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-8"> <div class="content"> <h5 data-aos="fade-up" data-aos-duration="100" class="section-label">Nov 17, 2026 ⢠Vancouver Convention Centre West</h5> <h5 data-aos="fade-up" data-aos-duration="200" class="section-title">Get your Tech Talent North Pass today!</h5> <div data-aos="fade-up" data-aos-duration="300" class="text"><p><em>Please ensure you select the correct ticket. Organizers reserve the right to re-assign incorrectly purchased ticket types.</em></p> </div> <div class="buttons"> </div> </div> </div> <div class="col-lg-4 right-col"> </div> </div> </div> </section> <section class="section section-pricing-with-countdown-block style-2 timer-1791226287-258" data-random="timer-1791226287-258" id=""> <div class="bottom-part"> <div class="container" data-aos="fade-up" data-aos-duration="500"> <div class="row"> <div class="col-md-12"> <div class="inner-wrapper" > <div class="tab-nav desktop" data-aos="fade-up" data-aos-duration="400"> <ul class="tab-link"> <li class="active" data-id="#item-0"> <a href="">TAP Network Members</a> <p>For current TAP Network members in good standing.</p> </li> <li class="" data-id="#item-1"> <a href="">Non-Member HR Professionals</a> <p>For HR professionals who are not members of TAP Network.</p> </li> <li class="" data-id="#item-2"> <a href="">Service Providers</a> <p>For service providers such as recruiters, financial institutions, consultants, government, etc.</p> </li> </ul> </div> <div class="tab-nav tablet mobile" data-aos="fade-up" data-aos-duration="400"> <!-- <div class="tab-link"> --> <div class="custom-select2-container"> <select class="price-custom-select2" name="categories"> <option value="#item-0">TAP Network Members</option> <option value="#item-1">Non-Member HR Professionals</option> <option value="#item-2">Service Providers</option> </select> </div> <!-- </div> --> </div> <div class="tab-content-container"> <div id="item-0" class="inner-tab"> <div class="tab-content"> <div class="row card-row"> <div class="col-md"> <div class="price-card active highlight" data-aos="fade-up" data-aos-duration="500"> <div class="timer-banner" > <div class="timer-banner-inner">
3110<script> 3111 3112 jQuery(document).ready(function(){ 3113 new PsgTimer('.countdown-timer-0-0-timer-1791226287-258',{ 3114 // multilpeBlocks:true, 3115 animation: 'fade', 3116 labels: { 3117 days: 'Days', 3118 hours: 'Hours', 3119 minutes: 'minutes', 3120 seconds: 'seconds' 3121 }, 3122 3123 }); 3124 3125 }) 3126 3127 3128 3129 </script>
3129 </div> </div> <div class="price-inner"> <div class="left"> <h5 class="price-date" >SAVE UP TO $230</h5> <h4 class="price-cat" >Early Bird</h4> <h6 class="price-1" >Single Ticket: $699</h6> </div> <div class="right"> <h2 class="price-2" ><span class="cur">$</span><span class="num">569*</span>/ticket</h2> </div> </div> <div class="bottom"> <p class="desc" ><span>*</span>When you purchase 3+ tickets</p> <a class="btn btn-primary" href="https://techtalentnorth.com/west/tap-network-member-registration/" target="_blank">REGISTER NOW</a> </div> </div> </div> <div class="col-md"> <div class="price-card active not-highlight" data-aos="fade-up" data-aos-duration="500"> <div class="timer-banner" > <div class="timer-banner-inner">
3129<script> 3130 3131 jQuery(document).ready(function(){ 3132 new PsgTimer('.countdown-timer-0-1-timer-1791226287-258',{ 3133 // multilpeBlocks:true, 3134 animation: 'fade', 3135 labels: { 3136 days: 'Days', 3137 hours: 'Hours', 3138 minutes: 'minutes', 3139 seconds: 'seconds' 3140 }, 3141 3142 }); 3143 3144 }) 3145 3146 3147 3148 </script>
3148 </div> </div> <div class="price-inner"> <div class="left"> <h4 class="price-cat" >Regular Price</h4> </div> <div class="right"> <h2 class="price-2" ><span class="cur">$</span><span class="num">799</span>/ticket</h2> </div> </div> </div> </div> </div> </div> <div class="included-content"> <h3 class="title" data-aos="fade-up" data-aos-duration="1200">What’s included</h3> <div class="row"> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3148Inspiring keynotes, curated breakouts & hands-on workshops</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3148Intentional, conversation-first networking</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3148Immediately actionable insights & practical frameworks</p> </div> </div> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Meaningful connections with your local tech community</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>High-value prize giveaways & on-site experiences</p> </div> </div> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Premium food, drinks & happy hour</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Partner Lounge access</p> </div> </div> </div> </div> </div> <div id="item-1" class="inner-tab"> <div class="tab-content"> <div class="row card-row"> <div class="col-md"> <div class="price-card active highlight" data-aos="fade-up" data-aos-duration="500"> <div class="timer-banner" > <div class="timer-banner-inner">
3148<script> 3149 3150 jQuery(document).ready(function(){ 3151 new PsgTimer('.countdown-timer-1-0-timer-1791226287-258',{ 3152 // multilpeBlocks:true, 3153 animation: 'fade', 3154 labels: { 3155 days: 'Days', 3156 hours: 'Hours', 3157 minutes: 'minutes', 3158 seconds: 'seconds' 3159 }, 3160 3161 }); 3162 3163 }) 3164 3165 3166 3167 </script>
3167 </div> </div> <div class="price-inner"> <div class="left"> <h5 class="price-date" >SAVE UP TO $250</h5> <h4 class="price-cat" >Early Bird</h4> <h6 class="price-1" >Single Ticket: $799</h6> </div> <div class="right"> <h2 class="price-2" ><span class="cur">$</span><span class="num">649*</span>/ticket</h2> </div> </div> <div class="bottom"> <p class="desc" ><span>*</span>When you purchase 3+ tickets</p> <a class="btn btn-primary" href="https://techtalentnorth.com/west/hr-professionals-registration/" target="_blank">REGISTER NOW</a> </div> </div> </div> <div class="col-md"> <div class="price-card active not-highlight" data-aos="fade-up" data-aos-duration="500"> <div class="timer-banner" > <div class="timer-banner-inner">
3167<script> 3168 3169 jQuery(document).ready(function(){ 3170 new PsgTimer('.countdown-timer-1-1-timer-1791226287-258',{ 3171 // multilpeBlocks:true, 3172 animation: 'fade', 3173 labels: { 3174 days: 'Days', 3175 hours: 'Hours', 3176 minutes: 'minutes', 3177 seconds: 'seconds' 3178 }, 3179 3180 }); 3181 3182 }) 3183 3184 3185 3186 </script>
3186 </div> </div> <div class="price-inner"> <div class="left"> <h4 class="price-cat" >Regular Price</h4> </div> <div class="right"> <h2 class="price-2" ><span class="cur">$</span><span class="num">899</span>/ticket</h2> </div> </div> </div> </div> </div> </div> <div class="included-content"> <h3 class="title" data-aos="fade-up" data-aos-duration="1200">What’s included</h3> <div class="row"> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3186Inspiring keynotes, curated breakouts & hands-on workshops</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3186Intentional, conversation-first networking</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3186Immediately actionable insights & practical frameworks</p> </div> </div> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Meaningful connections with your local tech community</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>High-value prize giveaways & on-site experiences</p> </div> </div> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Premium food, drinks & happy hour</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Partner Lounge access</p> </div> </div> </div> </div> </div> <div id="item-2" class="inner-tab"> <div class="tab-content"> <div class="row card-row"> <div class="col-md"> <div class="price-card active highlight" data-aos="fade-up" data-aos-duration="500"> <div class="timer-banner" > <div class="timer-banner-inner">
3186<script> 3187 3188 jQuery(document).ready(function(){ 3189 new PsgTimer('.countdown-timer-2-0-timer-1791226287-258',{ 3190 // multilpeBlocks:true, 3191 animation: 'fade', 3192 labels: { 3193 days: 'Days', 3194 hours: 'Hours', 3195 minutes: 'minutes', 3196 seconds: 'seconds' 3197 }, 3198 3199 }); 3200 3201 }) 3202 3203 3204 3205 </script>
3205 </div> </div> <div class="price-inner"> <div class="left"> <h5 class="price-date" >Save $100</h5> <h4 class="price-cat" >Early Bird</h4> </div> <div class="right"> <h2 class="price-2" ><span class="cur">$</span><span class="num">999</span>/ticket</h2> </div> </div> <div class="bottom"> <a class="btn btn-primary" href="https://techtalentnorth.com/west/service-provider-registration/" target="_blank">REGISTER NOW</a> </div> </div> </div> <div class="col-md"> <div class="price-card active not-highlight" data-aos="fade-up" data-aos-duration="500"> <div class="timer-banner" > <div class="timer-banner-inner">
3205<script> 3206 3207 jQuery(document).ready(function(){ 3208 new PsgTimer('.countdown-timer-2-1-timer-1791226287-258',{ 3209 // multilpeBlocks:true, 3210 animation: 'fade', 3211 labels: { 3212 days: 'Days', 3213 hours: 'Hours', 3214 minutes: 'minutes', 3215 seconds: 'seconds' 3216 }, 3217 3218 }); 3219 3220 }) 3221 3222 3223 3224 </script>
3224 </div> </div> <div class="price-inner"> <div class="left"> <h4 class="price-cat" >Regular Price</h4> </div> <div class="right"> <h2 class="price-2" ><span class="cur">$</span><span class="num">1,099</span>/ticket</h2> </div> </div> </div> </div> </div> </div> <div class="included-content"> <h3 class="title" data-aos="fade-up" data-aos-duration="1200">What’s included</h3> <div class="row"> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3224Inspiring keynotes, curated breakouts & hands-on workshops</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3224Intentional, conversation-first networking</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>
3224Immediately actionable insights & practical frameworks</p> </div> </div> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Meaningful connections with your local tech community</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>High-value prize giveaways & on-site experiences</p> </div> </div> <div class="col-lg-4"> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Premium food, drinks & happy hour</p> </div> <div class="text" data-aos="fade-up" data-aos-duration="1300"> <div class="icon"> <svg width="23" height="23" viewbox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="11.1478" cy="11.1478" r="11.1478" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" fill="#92A7F2"/> <path d="M15.7147 7.43164L10.9782 13.7152C10.8728 13.8544 10.7387 13.9695 10.5849 14.0529C10.431 14.1362 10.261 14.1857 10.0862 14.1982C9.91149 14.2106 9.73611 14.1857 9.57188 14.125C9.40765 14.0644 9.25839 13.9694 9.13416 13.8465L6.68848 11.4136" stroke="white" stroke-width="2.21968" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <p>Partner Lounge access</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
3224 </div> </section> <section class="section section-intro-block-3 style-3" style="background-color:#2fd6eb;background-image:url('https://techtalentnorth.com/wp-content/uploads/2024/10/Frame-1171275546.webp')"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="content"> <div data-aos="fade-up" data-aos-duration="300" class="text"><h3>Questions?</h3> <p>Contact us at <a href="mailto:[email protected]">[email protected]</a></p> <p>If you would like to reserve a table for your team of 5+ please contact <a href="mailto:[email protected]">[email protected]</a>.</p> <h3>Cancellation Policy</h3> <p>If you can no longer make the conference, we will provide you with a credit for a future Tech Talent North conference. If you would prefer a refund, it is subject to an administrative fee of 25%. Requests must be made in writing and received at <a href="mailto:[email protected]">[email protected]</a> by October 2, 2025. We regret that cancellations and refunds are not permitted after this date. Alternatively, substitutions are permitted at no charge up to 48 hours prior to the conference start date. We apologize that we are unable to apply discount codes to previously purchased tickets.</p> </div> <div class="buttons"> </div> </div> </div> <div class="col-lg-6 right-col"> </div> </div> </div> </section> 3225 3226 3227 3228</main> 3229 3230<footer class="site-footer"> 3231 <div class="container large"> 3232 <div class="footer-content"> 3233 <div class="top-logo"> 3234 <a href="https://techtalentnorth.com"> 3235 <img class="img-fluid logo" src="https://techtalentnorth.com/wp-content/uploads/2024/12/TTN-West-Rev.webp" alt=""> 3236 </a> 3237 </div> 3238 <div class="row "> 3239 <div class="col-lg-9"> 3240 <div class="left"> 3241 <div class="footer-logos"> 3242 <div class="logo-1"> 3243 <p class="title"> 3244 Produced By </p> 3245 <div class="c-logo"> 3246 <a class="whole-link" target="__blank" href="https://cubebusinessmedia.com/"></a> 3247 <img class="img-fluid" src="https://techtalentnorth.com/wp-content/uploads/2025/01/Cube-logo.webp" alt=""> 3248 </div> 3249 </div> 3250 <div class="logo-2"> 3251 <p class="title"> 3252 Presented By </p> 3253 <div class="logo-item"> 3254 <a class="whole-link" target="__blank" href="https://tapnetwork.ca/"></a> 3255 <img class="img-fluid" src="https://techtalentnorth.com/wp-content/uploads/2025/01/TAP-logo-2.webp" alt=""> 3256 </div> 3257 </div> 3258 </div> 3259 <div class="footer-logos"> 3260 <div class="logo-2"> 3261 <p class="title"> 3262 from the producers of </p> 3263 <div class="c-logo"> 3264 <div class="logo-item"> 3265 <a class="whole-link" target="__blank" href="https://saasnorth.com/"></a> 3266 <img class="img-fluid" src="https://techtalentnorth.com/wp-content/uploads/2025/01/SN-logo.webp" alt=""> 3267 </div> 3268 <div class="logo-item"> 3269 <a class="whole-link" target="__blank" href="https://businesstransitionsforum.com/"></a> 3270 <img class="img-fluid" src="https://techtalentnorth.com/w
3270p-content/uploads/2025/01/BTF-logo.webp" alt=""> 3271 </div> 3272 <div class="logo-item"> 3273 <a class="whole-link" target="__blank" href="https://techexit.io/"></a> 3274 <img class="img-fluid" src="https://techtalentnorth.com/wp-content/uploads/2025/01/TX-logo.webp" alt=""> 3275 </div> 3276 </div> 3277 </div> 3278 </div> 3279 </div> 3280 </div> 3281 <div class="col-lg-3"> 3282 <div class="footer-menu-row row"> 3283 <div class="col-sm"> 3284 <ul id="menu-footer-menu-2" class="navbar-nav ms-auto mt-2 mt-lg-0 "><li id="menu-item-17960" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-17960"><a href="https://techtalentnorth.com/privacy-policy/" class="nav-link">Privacy Policy</a></li> 3285<li id="menu-item-17959" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-17959"><a href="https://techtalentnorth.com/code-of-conduct/" class="nav-link">Code of Conduct</a></li> 3286</ul> </div> 3287 <div class="col-sm"> 3288 <div class="nav_menu-11 widget_nav_menu col-sm-4"><div class="menu-social-menu-container"><ul id="menu-social-menu" class="menu"><li id="menu-item-16544" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16544"><a target="_blank" href="https://www.linkedin.com/company/techtalentnorth/">LinkedIn</a></li> 3289<li id="menu-item-16542" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16542"><a target="_blank" href="https://www.facebook.com/techtalentnorth">Facebook</a></li> 3290<li id="menu-item-16543" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16543"><a target="_blank" href="https://twitter.com/techtalentnorth">X</a></li> 3291</ul></div></div> </div> 3292 </div> 3293 </div> 3294 </div> 3295 <div class="copyright-area"> 3296 <div class="row align-items-center"> 3297 <div class="col-lg-4"> 3298 </div> 3299 <div class="col-lg-8"> 3300 <div class="copyright-wrapper"> 3301 <div class="copyright-menu"> 3302 <div class="nav_menu-9 widget_nav_menu col-sm-4"></div> </div> 3303 <div class="text"> 3304 <p class="text"><span>©</span> 3305 2026 Tech Talent North </p> 3306 </div> 3307 </div> 3308 </div> 3309 </div> 3310 </div> 3311 </div> 3312 </div> 3313</footer> 3314</div> 3315
3316<script type="speculationrules"> 3317{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/webbudswordpresstheme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3318</script>
3318 3319<noscript><img height="1" width="1" style="display: none;" src="https://www.facebook.com/tr?id=1091222174753017&ev=PageView&noscript=1&cd%5Bpage_title%5D=Pricing&cd%5Bpost_type%5D=page&cd%5Bpost_id%5D=17020&cd%5Bplugin%5D=PixelYourSite&cd%5Buser_role%5D=guest&cd%5Bevent_url%5D=techtalentnorth.com%2Fwest%2Fpricing%2F" alt=""></noscript>
3320<script id="site_tracking-js-extra"> 3321var php_data = {"ac_settings":{"tracking_actid":610595236,"site_tracking_default":1},"user_email":""}; 3322//# sourceURL=site_tracking-js-extra 3323</script>
vendor: 1 bytes, line 3323
3323
3324<script id="site_tracking-js" src="https://techtalentnorth.com/wp-content/plugins/activecampaign-subscription-forms/site_tracking.js"></script>
vendor: 1 bytes, line 3324
3324
3325<script id="wp-hooks-js" src="https://techtalentnorth.com/wp-includes/js/dist/hooks.min.js"></script>
vendor: 1 bytes, line 3325
3325
3326<script id="wp-i18n-js" src="https://techtalentnorth.com/wp-includes/js/dist/i18n.min.js"></script>
vendor: 1 bytes, line 3326
3326
3327<script id="wp-i18n-js-after"> 3328wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 3329//# sourceURL=wp-i18n-js-after 3330</script>
vendor: 1 bytes, line 3330
3330
3331<script id="swv-js" src="https://techtalentnorth.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js"></script>
vendor: 1 bytes, line 3331
3331
3332<script id="contact-form-7-js-before"> 3333var wpcf7 = { 3334 "api": { 3335 "root": "https:\/\/techtalentnorth.com\/wp-json\/", 3336 "namespace": "contact-form-7\/v1" 3337 } 3338}; 3339//# sourceURL=contact-form-7-js-before 3340</script>
vendor: 1 bytes, line 3340
3340
3341<script id="contact-form-7-js" src="https://techtalentnorth.com/wp-content/plugins/contact-form-7/includes/js/index.js"></script>
vendor: 1 bytes, line 3341
3341
3342<script id="wp-event-manager-common-js" src="https://techtalentnorth.com/wp-content/plugins/wp-event-manager/assets/js/common.min.js"></script>
vendor: 1 bytes, line 3342
3342
3343<script id="jquery-ui-core-js-before"> 3344jQuery.uiBackCompat = true; 3345//# sourceURL=jquery-ui-core-js-before 3346</script>
vendor: 1 bytes, line 3346
3346
3347<script id="jquery-ui-core-js" src="https://techtalentnorth.com/wp-includes/js/jquery/ui/core.min.js"></script>
vendor: 1 bytes, line 3347
3347
3348<script id="wp-event-manager-jquery-timepicker-js" src="https://techtalentnorth.com/wp-content/plugins/wp-event-manager/assets/js/jquery-timepicker/jquery.timepicker.min.js"></script>
vendor: 1 bytes, line 3348
3348
3349<script id="jquery-bind-first-js" defer src="https://techtalentnorth.com/wp-content/plugins/pixelyoursite/dist/scripts/jquery.bind-first-0.2.3.min.js"></script>
vendor: 1 bytes, line 3349
3349
3350<script id="js-cookie-pys-js" defer src="https://techtalentnorth.com/wp-content/plugins/pixelyoursite/dist/scripts/js.cookie-2.1.3.min.js"></script>
vendor: 1 bytes, line 3350
3350
3351<script id="js-sha256-js" defer src="https://techtalentnorth.com/wp-content/plugins/pixelyoursite/dist/scripts/sha256.js"></script>
vendor: 1 bytes, line 3351
3351
3352<script id="pys-js-extra"> 3353var pysOptions = {"staticEvents":{"facebook":{"init_event":[{"delay":0,"type":"static","ajaxFire":false,"name":"PageView","pixelIds":["1091222174753017"],"eventID":"19c5718a-e77d-444e-ad16-263176541826","params":{"page_title":"Pricing","post_type":"page","post_id":17020,"plugin":"PixelYourSite","user_role":"guest","event_url":"techtalentnorth.com/west/pricing/"},"e_id":"init_event","ids":[],"hasTimeWindow":false,"timeWindow":0,"woo_order":"","edd_order":"","order_key":""}]}},"dynamicEvents":[],"triggerEvents":[],"triggerEventTypes":[],"facebook":{"pixelIds":["1091222174753017"],"advancedMatching":[],"advancedMatchingEnabled":false,"removeMetadata":true,"wooVariableAsSimple":false,"serverApiEnabled":true,"metaEnabledCapiPixels":["1091222174753017"],"sendEventId":true,"send_external_id":null,"enabled_medical":false,"do_not_track_medical_param":["event_url","post_title","page_title","landing_page","content_name","categories","category_name","tags"],"meta_ldu":false},"debug":"","siteUrl":"https://techtalentnorth.com","ajaxUrl":"https://techtalentnorth.com/wp-admin/admin-ajax.php","ajax_event":"0a33db5352","enable_remove_download_url_param":"1","cookie_duration":"7","last_visit_duration":"60","enable_success_send_form":"","ajaxForServerEvent":"1","ajaxForServerStaticEvent":"1","useSendBeacon":"1","send_external_id":"1","external_id_expire":"180","track_cookie_for_subdomains":"1","google_consent_mode":"1","consent_mode_cmp_active":"","data_persistency":"keep_data","gdpr":{"ajax_enabled":false,"all_disabled_by_api":false,"facebook_disabled_by_api":false,"analytics_disabled_by_api":false,"google_ads_disabled_by_api":false,"pinterest_disabled_by_api":false,"bing_disabled_by_api":false,"reddit_disabled_by_api":false,"openai_disabled_by_api":false,"externalID_disabled_by_api":false,"facebook_prior_consent_enabled":true,"analytics_prior_consent_enabled":true,"google_ads_prior_consent_enabled":null,"pinterest_prior_consent_enabled":true,"bing_prior_consent_enabled":true,"openai_prior_consent_enabled":true,"cookiebot_integration_enabled":false,"cookiebot_facebook_consent_category":"marketing","cookiebot_analytics_consent_category":"statistics","cookiebot_tiktok_consent_category":"marketing","cookiebot_google_ads_consent_category":"marketing","cookiebot_pinterest_consent_category":"marketing","cookiebot_bing_consent_category":"marketing","cookiebot_openai_consent_category":"marketing","consent_magic_integration_enabled":false,"real_cookie_banner_integration_enabled":false,"cookie_notice_integration_enabled":false,"cookie_law_info_integration_enabled":false,"analytics_storage":{"enabled":true,"value":"granted","filter":false},"ad_storage":{"enabled":true,"value":"granted","filter":false},"ad_user_data":{"enabled":true,"value":"granted","filter":false},"ad_personalization":{"enabled":true,"value":"granted","filter":false}},"cookie":{"disabled_all_cookie":false,"disabled_start_session_cookie":false,"disabled_advanced_form_data_cookie":false,"disabled_landing_page_cookie":false,"disabled_first_visit_cookie":false,"disabled_trafficsource_cookie":false,"disabled_utmTerms_cookie":false,"disabled_utmId_cookie":false},"tracking_analytics":{"TrafficLanding":"","TrafficUtms":[],"TrafficUtmsId":[]},"GATags":{"ga_datalayer_type":"default","ga_datalayer_name":"dataLayerPYS"},"woo":{"enabled":false},"edd":{"enabled":false},"cache_bypass":"1791226287"}; 3354//# sourceURL=pys-js-extra 3355</script>
vendor: 1 bytes, line 3355
3355
3356<script id="pys-js" defer src="https://techtalentnorth.com/wp-content/plugins/pixelyoursite/dist/scripts/public.js"></script>
vendor: 1 bytes, line 3356
3356
3357<script id="bootstrap-js-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/vendor/bootstrap/js/bootstrap.min.js?v=1739127645"></script>
vendor: 1 bytes, line 3357
3357
3358<script id="slick-js-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/vendor/slick/slick.min.js?v=1739127645"></script>
vendor: 1 bytes, line 3358
3358
3359<script id="select2-js-js" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
vendor: 1 bytes, line 3359
3359
3360<script id="mfp-js-js" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 3360
3360
3361<script id="rellax-js-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/js/rellax.js?v=1739127645"></script>
vendor: 1 bytes, line 3361
3361
3362<script id="plyr-js-js" src="//cdn.plyr.io/3.7.8/plyr.js"></script>
vendor: 1 bytes, line 3362
3362
3363<script id="smoothscrollbar-js-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/js/smooth-scrollbar.js?v=1739127645"></script>
vendor: 1 bytes, line 3363
3363
3364<script id="aos-js-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/js/aos.min.js?v=1739127645"></script>
vendor: 1 bytes, line 3364
3364
3365<script id="ttn-animations-js-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/js/ttn-animations.js?v=1784152161"></script>
vendor: 1 bytes, line 3365
3365
3366<script id="wbd-js-js-extra"> 3367var ajax_params = {"ajaxurl":"https://techtalentnorth.com/wp-admin/admin-ajax.php"}; 3368//# sourceURL=wbd-js-js-extra 3369</script>
vendor: 1 bytes, line 3369
3369
3370<script id="wbd-js-js" src="https://techtalentnorth.com/wp-content/themes/webbudswordpresstheme/js/main.js?v=1786995889"></script>
vendor: 1 bytes, line 3370
3370
3371<script id="ngg_instagram_links-js-extra"> 3372var nggInstagramLinks = {"thumbEffect":"simplelightbox"}; 3373//# sourceURL=ngg_instagram_links-js-extra 3374</script>
vendor: 1 bytes, line 3374
3374
3375<script id="ngg_instagram_links-js" src="https://techtalentnorth.com/wp-content/plugins/nextgen-gallery-pro/static/Instagram/Frontend/InstagramLinks.js"></script>
vendor: 1 bytes, line 3375
3375
3376<script id="wp-emoji-settings" type="application/json"> 3377{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://techtalentnorth.com/wp-includes/js/wp-emoji-release.min.js"}} 3378</script>
vendor: 1 bytes, line 3378
3378
3379<script type="module"> 3380/*! This file is auto-generated */ 3381var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 3382//# sourceURL=https://techtalentnorth.com/wp-includes/js/wp-emoji-loader.min.js 3383</script>
3383 3384</body> 3385 3386</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.