CINXE.COM

<!doctype html>   <html class="no-js no-svg" lang="en-US">  <head> <meta charset="UTF-8" /> <meta name="description" content="Website Design & Development Agency"> <link rel="stylesheet" href="https://www.oomphinc.com/wp-content/themes/oomphinc/style.css" type="text/css" media="screen" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script type="text/javascript"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); /* ]]> */ </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="author" href="https://www.oomphinc.com/wp-content/themes/oomphinc/humans.txt" /> <link rel="pingback" href="https://www.oomphinc.com/xmlrpc.php" /> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/aac35a6c310d00c730dc800e/script.js"></script>  <title>Work Archive | Oomph, Inc</title> <link rel="canonical" href="https://www.oomphinc.com/work/" /> <link rel="next" href="https://www.oomphinc.com/work/page/2/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Work Archive | Oomph, Inc" /> <meta property="og:url" content="https://www.oomphinc.com/work/" /> <meta property="og:site_name" content="Oomph, Inc" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.oomphinc.com/work/","url":"https://www.oomphinc.com/work/","name":"Work Archive | Oomph, Inc","isPartOf":{"@id":"https://www.oomphinc.com/#website"},"primaryImageOfPage":{"@id":"https://www.oomphinc.com/work/#primaryimage"},"image":{"@id":"https://www.oomphinc.com/work/#primaryimage"},"thumbnailUrl":"https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB.jpg","breadcrumb":{"@id":"https://www.oomphinc.com/work/#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.oomphinc.com/work/#primaryimage","url":"https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB.jpg","contentUrl":"https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB.jpg","width":2100,"height":900},{"@type":"BreadcrumbList","@id":"https://www.oomphinc.com/work/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.oomphinc.com/"},{"@type":"ListItem","position":2,"name":"Work"}]},{"@type":"WebSite","@id":"https://www.oomphinc.com/#website","url":"https://www.oomphinc.com/","name":"Oomph, Inc","description":"Website Design & Development Agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.oomphinc.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}</script>  <link rel='dns-prefetch' href='//www.oomphinc.com' /> <link rel='dns-prefetch' href='//kit.fontawesome.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel="alternate" type="application/rss+xml" title="Oomph, Inc » Work Feed" href="https://www.oomphinc.com/work/?feed=rss2" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.oomphinc.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!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!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));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(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='app-css' href='https://www.oomphinc.com/wp-content/themes/oomphinc/public/css/app.css' type='text/css' media='all' /> <link rel='stylesheet' id='template-archive-work-css' href='https://www.oomphinc.com/wp-content/themes/oomphinc/public/css/templates/archive-work.css' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="preload" href="https://www.oomphinc.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.1" as="style" id="wp-block-library" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='wp-block-library-css' href='https://www.oomphinc.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.1' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='my_block-cgb-style-css-css' href='https://www.oomphinc.com/wp-content/mu-plugins/oomphinc-blocks/dist/blocks.style.build.css' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: var(--sk-color-black );--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: var( --sk-color-white );--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--color--core-lightest-grey: var( --sk-color-lightest-grey );--wp--preset--color--core-light-grey: var( --sk-color-light-grey );--wp--preset--color--core-medium-grey: var( --sk-color-medium-grey );--wp--preset--color--core-dark-grey: var( --sk-color-dark-grey );--wp--preset--color--core-default-text: var( --sk-color-default-text );--wp--preset--color--core-teal-light: var( --sk-color-teal-light);--wp--preset--color--core-teal-tint: var( --sk-color-teal-tint );--wp--preset--color--code-background: var( --sk-color-code-background );--wp--preset--color--code-text: var( --sk-color-code-text );--wp--preset--color--core-teal: var( --sk-color-teal );--wp--preset--color--core-dark-tint: var( --sk-color-dark-teal );--wp--preset--color--core-primary: var( --sk-color-dark-blue );--wp--preset--color--core-teal-dark-light: var( --sk-color-teal-for-dark );--wp--preset--color--core-teal-dark: var( --sk-color-teal-dark );--wp--preset--color--core-lemon: var( --sk-color-lemon );--wp--preset--color--core-orange: var( --sk-color-orange );--wp--preset--color--core-tomato: var( --sk-color-tomato );--wp--preset--color--core-terciary: var( --sk-color-terciary );--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--sk-text-2-xs-caps: var( --sk-text--2xs-caps );--wp--preset--font-size--sk-text-2-xs: var( --sk-text--2xs );--wp--preset--font-size--sk-text-xs: var( --sk-text--xs );--wp--preset--font-size--text-normal: var( --sk-text-base-size );--wp--preset--font-size--sk-text-h-6: var( --sk-text--h6 );--wp--preset--font-size--sk-text-h-5: var( --sk-text--h5 );--wp--preset--font-size--sk-text-h-4: var( --sk-text--h4 );--wp--preset--font-size--sk-text-h-3: var( --sk-text--h3 );--wp--preset--font-size--sk-text-h-2: var( --sk-text--h2 );--wp--preset--font-size--sk-text-h-1: var( --sk-text--h1 );--wp--preset--font-size--sk-text-xl: var( --sk-text--xl );--wp--preset--font-size--sk-text-xxl: var( --sk-text--xxl );--wp--preset--font-family--poppins: poppins, sans-serif;--wp--preset--font-family--matrix-ii: matrix-ii, sans-serif;--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--spacing--base: var( --sk-spacing-base );--wp--preset--spacing--lg: var( --sk-spacing-lg );--wp--preset--spacing--xl: var( --sk-spacing-xl );--wp--preset--spacing--xxl: var( --sk-spacing-xxl );--wp--preset--spacing--xxxl: var( --sk-spacing-xxxl );--wp--preset--spacing--xxxxl: var( --sk-spacing-xxxxl );--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}body { margin: 0;--wp--style--global--content-size: 1600px;--wp--style--global--wide-size: 1800px; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child:first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child:last-child { margin-block-end: 0; }body { --wp--style--block-gap: 24px; }:where(body .is-layout-flow) > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-flow) > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-constrained) > :first-child:first-child{margin-block-start: 0;}:where(body .is-layout-constrained) > :last-child:last-child{margin-block-end: 0;}:where(body .is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:where(body .is-layout-flex) {gap: 24px;}:where(body .is-layout-grid) {gap: 24px;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.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-core-lightest-grey-color{color: var(--wp--preset--color--core-lightest-grey) !important;}.has-core-light-grey-color{color: var(--wp--preset--color--core-light-grey) !important;}.has-core-medium-grey-color{color: var(--wp--preset--color--core-medium-grey) !important;}.has-core-dark-grey-color{color: var(--wp--preset--color--core-dark-grey) !important;}.has-core-default-text-color{color: var(--wp--preset--color--core-default-text) !important;}.has-core-teal-light-color{color: var(--wp--preset--color--core-teal-light) !important;}.has-core-teal-tint-color{color: var(--wp--preset--color--core-teal-tint) !important;}.has-code-background-color{color: var(--wp--preset--color--code-background) !important;}.has-code-text-color{color: var(--wp--preset--color--code-text) !important;}.has-core-teal-color{color: var(--wp--preset--color--core-teal) !important;}.has-core-dark-tint-color{color: var(--wp--preset--color--core-dark-tint) !important;}.has-core-primary-color{color: var(--wp--preset--color--core-primary) !important;}.has-core-teal-dark-light-color{color: var(--wp--preset--color--core-teal-dark-light) !important;}.has-core-teal-dark-color{color: var(--wp--preset--color--core-teal-dark) !important;}.has-core-lemon-color{color: var(--wp--preset--color--core-lemon) !important;}.has-core-orange-color{color: var(--wp--preset--color--core-orange) !important;}.has-core-tomato-color{color: var(--wp--preset--color--core-tomato) !important;}.has-core-terciary-color{color: var(--wp--preset--color--core-terciary) !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-core-lightest-grey-background-color{background-color: var(--wp--preset--color--core-lightest-grey) !important;}.has-core-light-grey-background-color{background-color: var(--wp--preset--color--core-light-grey) !important;}.has-core-medium-grey-background-color{background-color: var(--wp--preset--color--core-medium-grey) !important;}.has-core-dark-grey-background-color{background-color: var(--wp--preset--color--core-dark-grey) !important;}.has-core-default-text-background-color{background-color: var(--wp--preset--color--core-default-text) !important;}.has-core-teal-light-background-color{background-color: var(--wp--preset--color--core-teal-light) !important;}.has-core-teal-tint-background-color{background-color: var(--wp--preset--color--core-teal-tint) !important;}.has-code-background-background-color{background-color: var(--wp--preset--color--code-background) !important;}.has-code-text-background-color{background-color: var(--wp--preset--color--code-text) !important;}.has-core-teal-background-color{background-color: var(--wp--preset--color--core-teal) !important;}.has-core-dark-tint-background-color{background-color: var(--wp--preset--color--core-dark-tint) !important;}.has-core-primary-background-color{background-color: var(--wp--preset--color--core-primary) !important;}.has-core-teal-dark-light-background-color{background-color: var(--wp--preset--color--core-teal-dark-light) !important;}.has-core-teal-dark-background-color{background-color: var(--wp--preset--color--core-teal-dark) !important;}.has-core-lemon-background-color{background-color: var(--wp--preset--color--core-lemon) !important;}.has-core-orange-background-color{background-color: var(--wp--preset--color--core-orange) !important;}.has-core-tomato-background-color{background-color: var(--wp--preset--color--core-tomato) !important;}.has-core-terciary-background-color{background-color: var(--wp--preset--color--core-terciary) !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-core-lightest-grey-border-color{border-color: var(--wp--preset--color--core-lightest-grey) !important;}.has-core-light-grey-border-color{border-color: var(--wp--preset--color--core-light-grey) !important;}.has-core-medium-grey-border-color{border-color: var(--wp--preset--color--core-medium-grey) !important;}.has-core-dark-grey-border-color{border-color: var(--wp--preset--color--core-dark-grey) !important;}.has-core-default-text-border-color{border-color: var(--wp--preset--color--core-default-text) !important;}.has-core-teal-light-border-color{border-color: var(--wp--preset--color--core-teal-light) !important;}.has-core-teal-tint-border-color{border-color: var(--wp--preset--color--core-teal-tint) !important;}.has-code-background-border-color{border-color: var(--wp--preset--color--code-background) !important;}.has-code-text-border-color{border-color: var(--wp--preset--color--code-text) !important;}.has-core-teal-border-color{border-color: var(--wp--preset--color--core-teal) !important;}.has-core-dark-tint-border-color{border-color: var(--wp--preset--color--core-dark-tint) !important;}.has-core-primary-border-color{border-color: var(--wp--preset--color--core-primary) !important;}.has-core-teal-dark-light-border-color{border-color: var(--wp--preset--color--core-teal-dark-light) !important;}.has-core-teal-dark-border-color{border-color: var(--wp--preset--color--core-teal-dark) !important;}.has-core-lemon-border-color{border-color: var(--wp--preset--color--core-lemon) !important;}.has-core-orange-border-color{border-color: var(--wp--preset--color--core-orange) !important;}.has-core-tomato-border-color{border-color: var(--wp--preset--color--core-tomato) !important;}.has-core-terciary-border-color{border-color: var(--wp--preset--color--core-terciary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-sk-text-2-xs-caps-font-size{font-size: var(--wp--preset--font-size--sk-text-2-xs-caps) !important;}.has-sk-text-2-xs-font-size{font-size: var(--wp--preset--font-size--sk-text-2-xs) !important;}.has-sk-text-xs-font-size{font-size: var(--wp--preset--font-size--sk-text-xs) !important;}.has-text-normal-font-size{font-size: var(--wp--preset--font-size--text-normal) !important;}.has-sk-text-h-6-font-size{font-size: var(--wp--preset--font-size--sk-text-h-6) !important;}.has-sk-text-h-5-font-size{font-size: var(--wp--preset--font-size--sk-text-h-5) !important;}.has-sk-text-h-4-font-size{font-size: var(--wp--preset--font-size--sk-text-h-4) !important;}.has-sk-text-h-3-font-size{font-size: var(--wp--preset--font-size--sk-text-h-3) !important;}.has-sk-text-h-2-font-size{font-size: var(--wp--preset--font-size--sk-text-h-2) !important;}.has-sk-text-h-1-font-size{font-size: var(--wp--preset--font-size--sk-text-h-1) !important;}.has-sk-text-xl-font-size{font-size: var(--wp--preset--font-size--sk-text-xl) !important;}.has-sk-text-xxl-font-size{font-size: var(--wp--preset--font-size--sk-text-xxl) !important;}.has-poppins-font-family{font-family: var(--wp--preset--font-family--poppins) !important;}.has-matrix-ii-font-family{font-family: var(--wp--preset--font-family--matrix-ii) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wppopups-base-css' href='https://www.oomphinc.com/wp-content/plugins/wp-popups-lite/src/assets/css/wppopups-base.css?ver=2.2.0.1' type='text/css' media='all' /> <style id='critical-inline-css' type='text/css'> @import url(https://use.typekit.net/brc4xco.css); .nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:rgba(0,0,0,0) !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:rgba(0,0,0,0);color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px} @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } /* Attention seekers */ @-webkit-keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* Back entrances */ @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } /* Back exits */ @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0px) scale(0.7); transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0px) scale(0.7); transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } /* Bouncing entrances */ @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /* Bouncing exits */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInTopRight { from { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInBottomRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } /* Flippers */ @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } /* Lightspeed */ @-webkit-keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInRight { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedInLeft { from { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Rotating exits */ @-webkit-keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } /* Specials */ @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Zooming entrances */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /* Zooming exits */ @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /* Sliding entrances */ @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @charset "UTF-8"; /* stylelint-disable */ /* stylelint-disable max-line-length */ :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 21; transform: translateY(0); transition: transform 0.25s ease-in-out; background-color: var(--sk-color-white); } .header ul li { list-style: none; } .header ul li::before { display: none; } .header .navbar-toggler { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--sk-color-white); padding: 8px 24px; width: 124px; height: 40px; border: 2px solid var(--sk-color-teal-for-dark); position: relative; transition: all 0.3s ease; color: var(--sk-color-black); } .header .navbar-toggler::before { content: ""; display: inline-block; width: 18px; height: 14px; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M0 0.25H14V1.75H0V0.25ZM4 6.25H18V7.75H4V6.25ZM16 12.25V13.75H2V12.25H16Z' fill='%23212426'/></svg>"); position: absolute; top: 50%; transform: translateY(-50%); left: 24px; transition: all 0.3s ease; } .header .navbar-toggler::after { content: "More"; position: absolute; right: 24px; top: 6px; font-weight: 600; } .header .navbar-toggler:hover { background-color: var(--sk-color-teal-for-dark); } .header .navbar-toggler:hover::before { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M0 0.25H14V1.75H0V0.25ZM0 6.25H14V7.75H0V6.25ZM14 12.25V13.75H0V12.25H14Z' fill='%23212426'/></svg>"); } .header__wrapper { display: flex; justify-content: space-between; align-items: center; padding: 12px var(--sk-spacing-sm); margin: 0 auto; max-width: 1860px; } @media (min-width: 1024px) { .header__wrapper { padding: 0 var(--sk-spacing-base); } } .header__left { width: 96px; height: 32px; } @media (min-width: 768px) { .header__left { width: 108px; height: 36px; } } @media (min-width: 1280px) { .header__left { width: 120px; height: 40px; } } .header__left img { -o-object-fit: contain; object-fit: contain; } @media (min-width: 1280px) { .header__left { width: 120px; height: 40px; } } .header__left a { display: inline-block; width: 100%; height: 100%; } .header__left a img { width: 100%; height: 100%; } .header__right { display: flex; align-items: center; } .header__right--toggler { margin-left: 20px; position: relative; } @media (min-width: 1024px) { .header__right--toggler { display: none; } } .header__nav-main { display: none; } @media (min-width: 1024px) { .header__nav-main { display: block; } } .header__nav-main .nav-main > ul { display: flex; align-items: center; list-style: none; margin-bottom: 0; } .header__mobile-menu { position: fixed; top: 0; left: 0; background: var(--sk-color-white); width: 100%; height: 100vh; transform: translateX(100%); transition: all 0.3s linear; padding: 20px 32px; } .header__mobile-menu .nav-mobile { padding-bottom: 60px; } .header .open-mobile-menu { display: block; transform: translateX(0); transition: all 0.3s linear; overflow: auto; z-index: 30; } .header .open-mobile-menu .navbar-toggler.close-menu::after { content: "Close"; } .header .open-mobile-menu .navbar-toggler.close-menu::before { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M1 0.25L14 12.25L13 13.75L0 1.75L1 0.25ZM13 0.25L14 1.75L1 13.75L0 12.25L13 0.25Z' fill='%23212426'/></svg>"); } .header__mobile-content { display: none; } .header .open { display: block; } .header__mobile-btns { margin-bottom: 48px; display: flex; justify-content: space-between; align-items: center; } .header__mobile-btns a { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-third); background-color: var(--sk-color-third); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; padding: 0.5rem 1.5rem; text-decoration: none; } .header__mobile-btns a a, .header__mobile-btns a .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .header__mobile-btns a:hover, .header__mobile-btns a:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-third) !important; } .header__mobile-btns a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .header__mobile-top { margin-bottom: 30px; } body.logged-in.admin-bar .header { top: 46px; } @media (min-width: 768px) { body.logged-in.admin-bar .header { top: 46px; } } @media (min-width: 992px) { body.logged-in.admin-bar .header { top: 32px; } } .header.scrolled-down { transform: translateY(-100%); } .body-hidden { overflow: hidden; } /* stylelint-disable max-line-length */ .nav-main > ul { display: flex; align-items: center; } .nav-main > ul > li.menu-item-has-children { padding-right: 48px; position: relative; } .nav-main > ul > li.menu-item-has-children::after { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23212426'/></svg>"); position: absolute; top: 50%; transform: translateY(-50%); right: 16px; transition: all 0.3s ease; cursor: pointer; } .nav-main > ul > li.menu-item-has-children:hover::after { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M7 14.5L12 10L17 14.5V16L7 16V14.5Z' fill='%23D62901'/></svg>"); } .nav-main > ul > li { position: relative; padding: 28px 16px; } .nav-main > ul > li:hover a { opacity: 0.75; } .nav-main > ul > li ul { display: none; position: absolute; top: 0; right: 0; margin-top: 84px; width: auto; padding: 16px 0; z-index: 25; background-color: var(--sk-color-white); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .nav-main > ul > li ul li:last-child { margin: 0; } .nav-main > ul > li ul li { margin: 0; position: relative; padding: 0; } .nav-main > ul > li ul li a { color: var(--sk-color-default-text); text-decoration: none; font-weight: 400; white-space: nowrap; display: block; padding: 8px 24px; opacity: 1 !important; } .nav-main > ul > li ul li a:hover { background-color: var(--sk-color-teal-light); } .nav-main > ul > li ul li.active.current_page_item a { background-color: var(--sk-color-teal-light); } .nav-main > ul > li:not(:last-child)::before { content: ""; display: block !important; position: absolute; width: calc(100% - 32px); height: 2px; background-color: var(--sk-color-terciary); bottom: 0; left: 50%; transform: translateX(-50%); z-index: 30; opacity: 0; transition: all 0.3s ease; } .nav-main > ul > li:not(:last-child):hover::before { opacity: 1; } .nav-main > ul > li:not(:last-child) > a { position: relative; z-index: 30; color: var(--sk-color-black); font-weight: 600; text-decoration: none; line-height: 24px; } .nav-main > ul > li:not(:last-child) button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; margin: 0; background: transparent; color: var(--sk-color-black); font-weight: 600; text-decoration: none; line-height: 24px; cursor: pointer; } .nav-main > ul > li.active:not(:last-child)::before { opacity: 1; } .nav-main > ul > li:last-child { padding: 0; } .nav-main > ul > li:last-child a { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-third); background-color: var(--sk-color-third); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; padding: 0.5rem 1.5rem; margin-left: 16px; opacity: 1 !important; text-decoration: none; } .nav-main > ul > li:last-child a a, .nav-main > ul > li:last-child a .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .nav-main > ul > li:last-child a:hover, .nav-main > ul > li:last-child a:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-third) !important; } .nav-main > ul > li:last-child a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .nav-main > ul a:focus-visible, .nav-main > ul button:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .nav-mobile > ul { padding: 0; margin: 0; } .nav-mobile > ul > li:last-child { display: none; } .nav-mobile li.active.current_page_item a { color: var(--sk-color-teal-for-dark); } .nav-mobile > ul > li { padding: 0; margin-bottom: 24px; } .nav-mobile > ul > li a, .nav-mobile > ul > li span { font-size: 21px; color: var(--sk-color-default-text); text-decoration: none; line-height: 26.25px; letter-spacing: 0.21px; } .nav-mobile > ul > li ul { padding: 10px 0 0 15px; } .nav-mobile > ul > li ul li { margin: 0 0 5px 0; padding: 0; } .nav-mobile > ul > li ul li a { font-size: 16px; font-weight: 400; color: var(--sk-color-dark-grey); line-height: 24px; letter-spacing: 0.16px; } .nav-mobile > ul > li ul li:last-child { margin-bottom: 0; } .gform_wrapper { position: relative; } .gform_wrapper .gform_title { font-size: clamp(22px, 20.1428571429px + 0.0047619048 * 100vw, 27px); color: var(--sk-color-white); margin-bottom: var(--sk-spacing-sm); letter-spacing: 1px; } .gform_wrapper .gform_description { font-size: 15px; margin-bottom: var(--sk-spacing-base); font-weight: 400; } .gform_wrapper .gfield { position: relative; } .gform_wrapper .gform_ajax_spinner { display: none; } .gform_wrapper textarea { resize: none; } .gform_wrapper input:not([type=submit]), .gform_wrapper textarea { font-family: var(--font-primary); box-shadow: none; padding: 14px 16px; border-radius: 0; width: 100% !important; font-weight: 400; line-height: 22.5px; letter-spacing: 0.3px; outline: none; } .gform_wrapper input:not([type=submit]):focus, .gform_wrapper textarea:focus { outline: 1px solid currentColor; } .gform_wrapper .gfield_error [aria-invalid=true] { border: 1px solid var(--sk-color-tomato) !important; } .gform_wrapper .gform_validation_errors { display: none; } .gform_wrapper .validation_message { margin: 0; padding: 0 !important; border: none !important; background-color: transparent !important; font-size: 12px !important; color: var(--sk-color-tomato) !important; } .gform_wrapper .gform_required_legend { display: none; } .gform_wrapper .gfield_required { font-size: inherit !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider { margin: 25px 10px !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider .ui-slider-label, .gform_wrapper .gfield--type-Rangeslider div.scale-slider .ui-slider-line { display: none !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider div.ui-slider-range { background: var(--sk-color-blue) !important; } .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle.ui-state-focus, .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle.ui-state-active, .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle.ui-state-hover { background-color: var(--sk-color-dark-grey); border: 1px solid var(--sk-color-dark-grey); } .gform_wrapper .gfield--type-Rangeslider div.scale-slider span.ui-slider-handle span.ui-slider-tip { width: auto !important; } .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .gform_wrapper .gfield--type-Rangeslider .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { visibility: hidden !important; } .gform_wrapper .gfield_checkbox > div { display: flex; align-items: center; gap: 20px; width: 100%; } .gform_wrapper .gfield_checkbox input { max-width: unset; width: 30px !important; height: 30px !important; text-align: left; } .gform_wrapper form.sign-up input[type=submit] { visibility: hidden; opacity: 0; height: 0; padding: 0 !important; margin: 0; min-height: 0; } .gform_wrapper form.sign-up .gform_footer { padding: 0 !important; margin: 0 !important; } .gform_wrapper form.sign-up input[type=email] { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='19' viewBox='0 0 24 19' fill='none'><path d='M1.5 5L12 12.2188L22.5 5V2H1.5V5ZM22.5 6.78125L12 14L1.5 6.78125V17H22.5V6.78125ZM0 0.5H24V18.5H0V0.5Z' fill='%230AC9C2'/></svg>"); background-repeat: no-repeat; background-position: 95% 14px; padding: 14px 50px 14px 16px !important; } .gform_wrapper form.sign-up input:not([type=submit]) { max-height: 51px; } .gform_wrapper form.sign-up input:not([type=submit]), .gform_wrapper form.sign-up textarea { color: var(--sk-color-light-blue); background-color: transparent; border: 1px solid var(--sk-color-medium-grey); font-size: 15px; } .gform_wrapper form.sign-up input:not([type=submit])::-moz-placeholder, .gform_wrapper form.sign-up textarea::-moz-placeholder { font-family: var(--font-primary); font-weight: 400; font-size: 15px; line-height: 22.5px; letter-spacing: 0.3px; color: var(--sk-color-light-blue); } .gform_wrapper form.sign-up input:not([type=submit])::placeholder, .gform_wrapper form.sign-up textarea::placeholder { font-family: var(--font-primary); font-weight: 400; font-size: 15px; line-height: 22.5px; letter-spacing: 0.3px; color: var(--sk-color-light-blue); } .gform_wrapper form.contact-form .gform_fields { grid-row-gap: 26px !important; } .gform_wrapper form.contact-form .gform-body { margin-bottom: 25px; } .gform_wrapper form.contact-form .gfield_label { font-family: var(--sk-font-secondary); font-weight: 300 !important; font-size: clamp(18px, 15.0285714286px + 0.0076190476 * 100vw, 26px) !important; margin-bottom: 15px; color: #0d1214; } .gform_wrapper form.contact-form .gform_confirmation_message { font-size: var(--sk-text--h4); font-weight: bold; font-family: var(--sk-font-secondary); } .gform_wrapper form.contact-form input:not([type=submit]), .gform_wrapper form.contact-form textarea { background-color: var(--sk-color-white); color: #0d1214; border: 1px solid rgba(17, 43, 59, 0.3); font-weight: 200; font-size: 21px !important; padding: 1.25rem 1.5rem; } .gform_wrapper form.contact-form input:not([type=submit])::-moz-placeholder, .gform_wrapper form.contact-form textarea::-moz-placeholder { color: rgba(17, 43, 59, 0.3); } .gform_wrapper form.contact-form input:not([type=submit])::placeholder, .gform_wrapper form.contact-form textarea::placeholder { color: rgba(17, 43, 59, 0.3); } .gform_wrapper form.contact-form input[type=submit] { letter-spacing: 0.125em; text-transform: uppercase; font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text--3xs); padding: 0.5rem 1.5rem; border-radius: 24px; border: 2px solid var(--sk-color-teal-for-dark); background-color: transparent; color: var(--sk-color-white); letter-spacing: 0.125em; transition: 0.2s; transition-timing-function: ease-in-out; padding: 1rem 2rem; color: var(--sk-color-dark-black); cursor: pointer; line-height: 100%; font-weight: bold; } .gform_wrapper form.contact-form input[type=submit] a, .gform_wrapper form.contact-form input[type=submit] .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .gform_wrapper form.contact-form input[type=submit]:hover, .gform_wrapper form.contact-form input[type=submit]:focus-visible { border-color: var(--sk-color-white); background-color: var(--sk-color-white) !important; color: var(--sk-color-white) !important; } .gform_wrapper form.contact-form input[type=submit]:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .gform_wrapper form.contact-form input[type=submit]:hover, .gform_wrapper form.contact-form input[type=submit]:focus-visible { background-color: var(--sk-color-teal-for-dark) !important; color: var(--sk-color-dark-blue) !important; border-color: var(--sk-color-teal-for-dark) !important; } .gform_wrapper form.contact-form input[type=submit]:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } @media (min-width: 1280px) { .gform_wrapper form.contact-form input[type=submit] { width: 50%; } } .gform_wrapper form.contact-form .gfield_checkbox label, .gform_wrapper form.contact-form .gform_wrapper.gravity-theme .gfield_radio label { font-size: var(--sk-text--h4); font-family: var(--sk-font-secondary); } .footer { background-color: var(--sk-color-dark-teal); color: var(--sk-color-light-blue); } .footer__container { padding: var(--sk-spacing-base) var(--sk-spacing-sm) var(--sk-spacing-xl); max-width: 1600px; margin: 0 auto; } .footer__container > div + div { margin-top: var(--sk-spacing-lg); } @media (min-width: 744px) { .footer__container { padding: var(--sk-spacing-base) var(--sk-spacing-base) var(--sk-spacing-xl); } } @media (min-width: 1280px) { .footer__container { padding: var(--sk-spacing-lg) var(--sk-spacing-lg) var(--sk-spacing-xl); } .footer__container > div + div { margin-top: var(--sk-spacing-xxl); } } .footer__top { margin-top: var(--sk-spacing-base); margin-bottom: var(--sk-spacing-base); padding-bottom: var(--sk-spacing-base); position: relative; } .footer__top::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--sk-color-dark-black); } @media (min-width: 768px) { .footer__top::after { display: none; } } @media (min-width: 744px) { .footer__top { margin-top: var(--sk-spacing-lg); margin-bottom: var(--sk-spacing-lg); padding-bottom: 50px; } } @media (min-width: 768px) { .footer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; padding-bottom: 20px; } } @media (min-width: 1024px) { .footer__top { margin-top: var(--sk-spacing-lg); margin-bottom: 50px; } } @media (min-width: 1280px) { .footer__top { margin-bottom: var(--sk-spacing-xxxxl); padding-bottom: 0; } } .footer__top a { border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 16px 32px; font-size: 20px; font-weight: 600; text-decoration: none; transition: 0.2s; transition-timing-function: ease-in-out; display: inline-block; } .footer__top a:focus-visible, .footer__top a:hover { background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-text); } .footer__top h2 { color: var(--sk-color-white); margin-bottom: var(--sk-spacing-base); font-weight: 400; } @media (min-width: 744px) { .footer__top h2 { font-size: 28px; margin-bottom: 0; } } @media (min-width: 768px) { .footer__top h2 { font-size: 34px; max-width: 65%; } } @media (min-width: 992px) { .footer__top h2 { max-width: 100%; } } @media (min-width: 1024px) { .footer__top h2 { font-size: 36px; } } @media (min-width: 1280px) { .footer__top h2 { margin-bottom: 0; font-size: 40px; } } .footer__cta-image { width: 126px; height: 126px; background-repeat: no-repeat; background-size: cover; border-radius: 50%; display: none; } @media (min-width: 768px) { .footer__cta-image { margin-bottom: 0; margin-right: var(--sk-spacing-base); display: block; } } @media (min-width: 1280px) { .footer__cta-image { width: 168px; height: 168px; } } .footer__cta-text { position: relative; /* @include breakpoint-up(md-s) { flex: 0 1 85%; } */ /* @include breakpoint-up(xxl) { flex: 0 1 88%; } */ } @media (min-width: 744px) { .footer__cta-text { display: flex; align-items: center; justify-content: space-between; } } @media (min-width: 768px) { .footer__cta-text { /* flex: 0 1 85%; removed the CTA image, so this can go to full width now */ flex: 0 1 100%; } .footer__cta-text::after { content: ""; position: absolute; bottom: -40px; left: 0; width: 100%; height: 1px; background-color: var(--sk-color-dark-black); } } @media (min-width: 768px) and (min-width: 1024px) { .footer__cta-text::after { bottom: -50px; } } @media (min-width: 768px) and (min-width: 1280px) { .footer__cta-text::after { bottom: -65px; } } @media (min-width: 1280px) { .footer__cta-text { display: flex; justify-content: space-between; align-items: center; } } .footer a:not(.btn), .footer p { font-size: 15px; font-weight: 400; line-height: 22.5px; letter-spacing: 0.3px; color: var(--sk-color-light-blue); } .footer a:not(.btn):hover { text-decoration: underline; } .footer__form { margin-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .footer__form { flex: 0 1 32%; margin-right: var(--sk-spacing-base); } } .footer__form > div:first-child { margin-bottom: var(--sk-spacing-base); } @media (min-width: 1280px) { .footer__form > div:first-child { margin-bottom: 24px; } } @media (min-width: 1024px) { .footer__form { margin-right: var(--sk-spacing-xl); margin-bottom: 0; } } .footer__form a:hover { text-decoration: none !important; } @media (min-width: 744px) { .footer__socials { flex: 0 1 68%; margin-top: 10px; } } @media (min-width: 1280px) { .footer__socials { flex: 0 1 55%; } } @media (min-width: 1440px) { .footer__socials { flex: 0 1 49%; } } @media (min-width: 1920px) { .footer__socials { flex: 0 1 42%; } } .footer .footer__socials-title p { font-size: 15px; font-weight: 700; line-height: 22.5px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sk-color-white); margin-bottom: var(--sk-spacing-sm); } .footer__socials-desc { margin-bottom: var(--sk-spacing-base); font-size: 14px; } @media (min-width: 768px) { .footer__socials-desc { font-size: 15px; } } @media (min-width: 744px) { .footer__socials-links { display: flex; } } @media (min-width: 1024px) { .footer__socials-links { display: flex; justify-content: space-between; } } @media (min-width: 1024px) { .footer__socials-links > div { width: 46%; } } .footer__socials-links .footer__socials-media { margin-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .footer__socials-links .footer__socials-media { margin-right: var(--sk-spacing-base); flex: 0 1 50%; margin-bottom: 0; } } @media (min-width: 1024px) { .footer__socials-links .footer__socials-media { margin-bottom: 0; } } .footer__socials-link a { display: flex; align-items: center; text-decoration: none; } .footer__socials-link a img { margin-right: 12px; width: 26px; height: 26px; } .footer__socials-link a:not(:last-child) { margin-bottom: var(--sk-spacing-base); } @media (min-width: 744px) { .footer__socials-link a:not(:last-child) { margin-bottom: var(--sk-spacing-sm); } } .footer__socials-media { margin-bottom: var(--sk-spacing-xxl); } @media (min-width: 744px) { .footer__socials-platforms { flex: 0 1 50%; } } .footer__socials-platform { margin-bottom: var(--sk-spacing-base); } .footer__socials-platform a { display: block; max-width: 160px; height: 85px; } .footer__socials-platform a img { width: 100%; height: 100%; } .footer__socials-platform:last-child { margin-bottom: 0; } @media (min-width: 744px) { .footer__center { display: flex; } } @media (min-width: 1024px) { .footer__center { display: flex; justify-content: space-between; } } .footer .footer__bottom p > a { padding: 0; margin: 0; background-image: none; text-decoration: underline !important; } .footer .footer__bottom p > a:hover { text-decoration: none !important; } @media (min-width: 744px) { .footer .footer__bottom p { display: inline-block; } } @media (min-width: 744px) { .footer .footer__bottom p:first-child { margin-right: 20px; position: relative; } .footer .footer__bottom p:first-child::after { content: "|"; position: absolute; top: 0; right: -12px; } } .banner { width: 100%; border: none; margin: 0; padding: 0; overflow: hidden; display: none; z-index: 12; bottom: 0; top: auto; position: fixed; background-color: var(--sk-color-dark-teal); } .banner__container { padding: var(--sk-spacing-sm) var(--sk-spacing-base); max-width: 1600px; margin: 0 auto; } @media (min-width: 1280px) { .banner__container { padding: var(--sk-spacing-sm) var(--sk-spacing-lg); } } @media (min-width: 1920px) { .banner__container { padding: var(--sk-spacing-sm) var(--sk-spacing-lg); } } .banner__wrapper { display: flex; flex-direction: column; align-items: flex-start; position: relative; } @media (min-width: 744px) { .banner__wrapper { flex-direction: row; justify-content: space-between; align-items: center; } } @media (min-width: 744px) { .banner__content { display: flex; align-items: center; } } .banner__close { width: 18px; height: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background-color: transparent; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M14.2812 3.82812L10.1094 8L14.2812 12.2188L15.3594 13.25L13.25 15.4062L12.1719 14.3281L8 10.1562L3.78125 14.3281L2.75 15.4062L0.59375 13.25L1.67188 12.2188L5.84375 8L1.67188 3.82812L0.59375 2.75L2.75 0.640625L3.78125 1.71875L8 5.89062L12.1719 1.71875L13.25 0.640625L15.3594 2.75L14.2812 3.82812Z' fill='white'/></svg>"); background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; top: 0; right: 0; } @media (min-width: 744px) { .banner__close { position: relative; } } .banner p { color: var(--sk-color-white); font-size: 18px; font-weight: 600; line-height: 27px; letter-spacing: 0.18px; margin-bottom: var(--sk-spacing-sm); width: 85%; } @media (min-width: 744px) { .banner p { flex: 0 1 60%; margin-bottom: 0; margin-right: var(--sk-spacing-base); } } @media (min-width: 992px) { .banner p { flex: 0 1 80%; } } .banner a { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; padding: 0.5rem 1.5rem; text-decoration: none; display: inline-block; color: var(--sk-color-dark-black); white-space: nowrap; } .banner a a, .banner a .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .banner a:hover, .banner a:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-teal) !important; } .banner a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .section-divider { margin: 0 auto; } @media (min-width: 1280px) { .section-divider { max-width: calc(100% - var(--sk-spacing-xxxl) + var(--sk-spacing-base)); } } .section-divider__rule { margin: 0; background-color: currentColor; height: 0.25rem; } .section-divider__text { padding-top: var(--grid-gutter--fluid); } @media (min-width: 1280px) { .section-divider__text { padding-left: var(--grid-gutter--fluid); } } .nav-links { display: flex; } @media (min-width: 1024px) { .nav-links { gap: var(--sk-spacing-base); } } .nav-links div { flex-grow: 1; } .nav-links a, .nav-links button { display: block; padding: 10px var(--sk-spacing-base); text-decoration: none; text-align: center; text-transform: uppercase; background-color: transparent; border: 1px solid; width: 100%; cursor: pointer; border-color: hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.3); transition: 0.2s; transition-timing-function: ease-in-out; font-size: var(--sk-text--3xs); letter-spacing: 1.5px; color: currentColor; } .nav-links a:hover, .nav-links button:hover { background-color: hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.3); } .nav-links_white a, .nav-links_white button { color: var(--sk-color-white); border-color: hsla(0, 0%, 100%, 0.2); } .nav-links_white a:hover, .nav-links_white button:hover { background-color: hsla(0, 0%, 100%, 0.2); border-color: var(--sk-color-dark-black); } .share-link { background-color: transparent; padding: 0; color: inherit; height: 3.125rem; width: 3.125rem; background-image: linear-gradient(180deg, #fff 50%, #112b3b 0); background-position: top; background-size: 100% 200%; border: 2px solid var(--sk-color-teal-for-dark); border-radius: 50%; margin: 0 0.75rem 0.75rem 0; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease; position: relative; z-index: 1; } .share-link svg { width: 2.25rem; height: 2.25rem; transition: transform 0.5s ease 0.25s; } .share-link svg:hover { color: var(--sk-color-teal-light); transform: rotate(1turn); } .share-link:hover { background-position: bottom; border-color: var(--dark-blue); } /* stylelint-disable max-line-length */ .select-filter { width: 100%; } @media (min-width: 768px) { .select-filter { width: auto; flex: 1; } } @media (min-width: 1280px) { .select-filter { min-width: 12.5rem; } } @media (min-width: 1440px) { .select-filter { min-width: 15.625rem; } } .select-filter div.dropdown-filter { cursor: pointer; height: 70px; line-height: 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 10px; background-color: transparent; width: 100%; white-space: normal; font-size: 1rem; padding: 16px 25px; } .select-filter div.dropdown-filter:not(.light) { border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 16px 32px; font-size: 20px; font-weight: 600; text-decoration: none; transition: 0.2s; transition-timing-function: ease-in-out; } .select-filter div.dropdown-filter:not(.light):focus-visible, .select-filter div.dropdown-filter:not(.light):hover { background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-text); } .select-filter div.dropdown-filter:not(.light)::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23ffffff'/></svg>"); line-height: 1; order: 2; } .select-filter div.dropdown-filter:not(.light):hover::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23000000'/></svg>"); } .select-filter div.dropdown-filter:not(.light):focus, .select-filter div.dropdown-filter:not(.light).open { color: var(--sk-color-text); } .select-filter div.dropdown-filter:not(.light):focus::before, .select-filter div.dropdown-filter:not(.light).open::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M7 14.5L12 10L17 14.5V16L7 16V14.5Z' fill='%23000000'/></svg>"); } .select-filter div.dropdown-filter.light { border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); color: var(--sk-color-text); padding: 16px 32px; font-size: 20px; font-weight: 600; text-decoration: none; transition: 0.2s; transition-timing-function: ease-in-out; } .select-filter div.dropdown-filter.light:focus-visible, .select-filter div.dropdown-filter.light:hover { background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-text); } .select-filter div.dropdown-filter.light::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M17 11.5L12 16L7 11.5V10H17V11.5Z' fill='%23000000'/></svg>"); line-height: 1; order: 2; } .select-filter div.dropdown-filter.light:focus::before, .select-filter div.dropdown-filter.light.open::before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M7 14.5L12 10L17 14.5V16L7 16V14.5Z' fill='%23000000'/></svg>"); } @media (min-width: 1280px) { .select-filter div.dropdown-filter { font-size: 1.125rem; width: 17.5rem; } } .select-filter div.dropdown-filter::before { transition: 0.2s; transition-timing-function: ease-in-out; } .select-filter div.dropdown-filter::after { display: none; } .select-filter div.dropdown-filter:focus, .select-filter div.dropdown-filter.open { background-color: var(--sk-color-teal-for-dark); z-index: 20; } .select-filter div.dropdown-filter:focus-visible { outline: 2px solid var(--sk-color-focus-outline-dark); outline-offset: 2px; } .select-filter div.dropdown-filter .nice-select-dropdown { right: 0; transform: unset; border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .select-filter div.dropdown-filter ul.list { border-radius: 2px; max-height: 40vh; overflow-y: auto; } .select-filter div.dropdown-filter ul.list::-webkit-scrollbar { width: 5px; } .select-filter div.dropdown-filter ul.list::-webkit-scrollbar-thumb { background-color: lightgray; border-radius: 2px; } .select-filter div.dropdown-filter li.option { color: var(--sk-color-black); padding: 12px 16px; text-decoration: none; display: block; font-size: 1.125rem; font-weight: 300; line-height: 1.5rem; white-space: initial; } .select-filter div.dropdown-filter li.option:hover, .select-filter div.dropdown-filter li.option.option.focus, .select-filter div.dropdown-filter li.option.option.selected { background-color: var(--sk-color-teal-light); border-color: var(--sk-color-teal-light); font-weight: 300; } .filter-reset { font-weight: 600; font-family: var(--sk-font-primary); text-decoration: none; font-size: var(--sk-text-base-size); border-radius: 2px; border: 2px solid var(--sk-color-teal-for-dark); background-color: var(--sk-color-teal-for-dark); color: var(--sk-color-white); padding: 0.5rem 1.5rem; transition: 0.2s; transition-timing-function: ease-in-out; color: var(--sk-color-text); cursor: pointer; background-position: 95% 14px; width: 100%; text-decoration: none; text-align: center; font-size: 1rem; padding: 16px 25px; } .filter-reset a, .filter-reset .wp-block-button__link { background-color: transparent; color: inherit; border: none; text-decoration: none; } .filter-reset:hover, .filter-reset:focus-visible { background-color: var(--sk-color-white) !important; color: var(--sk-color-teal) !important; } .filter-reset:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .filter-reset:focus-visible { outline: 2px solid var(--sk-color-focus-outline-dark); outline-offset: 2px; } @media (min-width: 1280px) { .filter-reset { font-size: 1.125rem; } } @media (min-width: 768px) { .filter-reset { width: auto; } } .filter-reset.hidden { display: none; } .search-filter { border: 1px solid var(--sk-color-light-grey); border-right: none; font-family: var(--sk-font-primary); outline: none; line-height: 21px; padding: 17px; height: 70px; width: 100%; } .search-filter::-moz-placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .search-filter::placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .search-filter-button { padding: 0; width: 60px; height: 100%; background: white; border: 1px solid var(--sk-color-light-grey); border-left: none; cursor: pointer; line-height: 0; transition: 0.2s; transition-timing-function: ease-in-out; } .search-filter-button::after { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'><path d='M12.9375 7.8125C12.9375 5.80859 11.8477 3.98047 10.125 2.96094C8.36719 1.94141 6.22266 1.94141 4.5 2.96094C2.74219 3.98047 1.6875 5.80859 1.6875 7.8125C1.6875 9.85156 2.74219 11.6797 4.5 12.6992C6.22266 13.7188 8.36719 13.7188 10.125 12.6992C11.8477 11.6797 12.9375 9.85156 12.9375 7.8125ZM11.8477 13.5781C10.582 14.5625 9 15.125 7.3125 15.125C3.26953 15.125 0 11.8555 0 7.8125C0 3.80469 3.26953 0.5 7.3125 0.5C11.3203 0.5 14.625 3.80469 14.625 7.8125C14.625 9.53516 14.0273 11.1172 13.043 12.3828L18 17.3398L16.8047 18.5L11.8477 13.543V13.5781Z' fill='%230AC9C2'/></svg>"); } .search-filter-button:hover { background-color: var(--sk-color-teal-tint); } .search-filter-wrapper { display: flex; width: 100%; } @media (min-width: 992px) { .search-filter-wrapper { width: 49.5%; } } @media (min-width: 1280px) { .search-filter-wrapper { width: 21.875rem; } } select.dropdown-filter { display: none; } .search-bar-form input { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 14px 40px 14px 16px; border: 1px solid var(--sk-color-light-grey); font-family: var(--sk-font-primary); outline: none; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'><path d='M12.9375 7.8125C12.9375 5.80859 11.8477 3.98047 10.125 2.96094C8.36719 1.94141 6.22266 1.94141 4.5 2.96094C2.74219 3.98047 1.6875 5.80859 1.6875 7.8125C1.6875 9.85156 2.74219 11.6797 4.5 12.6992C6.22266 13.7188 8.36719 13.7188 10.125 12.6992C11.8477 11.6797 12.9375 9.85156 12.9375 7.8125ZM11.8477 13.5781C10.582 14.5625 9 15.125 7.3125 15.125C3.26953 15.125 0 11.8555 0 7.8125C0 3.80469 3.26953 0.5 7.3125 0.5C11.3203 0.5 14.625 3.80469 14.625 7.8125C14.625 9.53516 14.0273 11.1172 13.043 12.3828L18 17.3398L16.8047 18.5L11.8477 13.543V13.5781Z' fill='%230AC9C2'/></svg>"); background-repeat: no-repeat; background-position: 95% 16px; line-height: 21px; } .search-bar-form input::-moz-placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .search-bar-form input::placeholder { font-family: var(--sk-font-primary); color: var(--sk-color-medium-grey); font-size: 15px; font-weight: 400; line-height: 21px; } .work-card { width: 100%; } .work-card a { text-decoration: none; overflow: hidden; height: 100%; display: flex; flex-direction: column; } .work-card a:hover { text-decoration: none; } .work-card a:hover .work-card__content::before { background-position: 0% 100%; } .work-card a:hover .work-card__content span::after { background-position: 0% 100%; } .work-card a:hover .work-card__image video { z-index: 11; } .work-card__content { flex: 1; color: var(--sk-color-dark-black); } .work-card__content-inner { padding: 0 1rem 1.5rem; } @media (min-width: 744px) { .work-card__content-inner { padding: 0 1.5rem 1.5rem; } } @media (min-width: 1280px) { .work-card__content-inner { padding: 0 2rem 2rem; } } .work-card__content::before { margin: 24px 0 24px 0; content: ""; display: block; width: 100%; height: 3px; height: 0.1875rem; background: #11313b; background: linear-gradient(270deg, #11313b 50%, #d62901 0%); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; } .work-card__content h4 { font-size: 0.875rem; color: inherit; font-family: var(--sk-font-primary); font-weight: 700; line-height: 21px; letter-spacing: 0.7px; text-transform: uppercase; margin-bottom: var(--sk-spacing-base); } .work-card__content h3 { color: inherit; font-weight: 400; font-family: var(--sk-font-secondary); line-height: 40px; margin-bottom: var(--sk-spacing-base); letter-spacing: 0.32px; } .work-card__content span { color: inherit; } .work-card__image { position: relative; } .work-card__image::before { display: block; content: ""; width: 100%; aspect-ratio: 16/9; } .work-card__image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 10; } .work-card__image video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: -1; } .post-card { width: 100%; } .post-card__content { padding: 0 1rem 1.5rem; } @media (min-width: 744px) { .post-card__content { padding: 0 1.5rem 1.5rem; } } @media (min-width: 1280px) { .post-card__content { padding: 0 2rem 2rem; } } .post-card .link-more { display: block; } .post-card .link-more a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .post-card img { height: auto; max-width: 100%; width: auto; margin-bottom: var(--sk-spacing-base); aspect-ratio: 8/5; -o-object-fit: cover; object-fit: cover; } .post-card a, .post-card h3, .post-card span { color: inherit; } .post-card a { text-decoration: none; } .post-card h3 { margin-top: 0 !important; margin-bottom: var(--sk-spacing-base); font-family: var(--sk-font-secondary); transition: all 0.5s ease; } .post-card h4 { color: var(--sk-color-teal); font-family: var(--sk-font-primary); font-size: 0.875rem; font-style: normal; font-weight: 700; line-height: 21px; letter-spacing: 0.7px; text-transform: uppercase; margin-bottom: var(--sk-spacing-base); } .arrow-btn { position: relative; display: inline-flex; padding-left: 55px; margin-left: auto; color: var(--sk-color-text); text-decoration: none; font-weight: 400; transition: all ease-in-out 0.3s; } .arrow-btn::before, .arrow-btn::after { content: ""; display: flex; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 55px; height: 9px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='9'%3E%3Cpath d='M44.102 4l-2.444-2.445.009-1.405 4.325 4.325-4.38 4.38.01-1.423L44.101 5H.002V4z' fill='%23d62901' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: ease-in-out 0.3s; } .arrow-btn::after { background-position-x: -60px; } .arrow-btn:hover::before { animation: move 0.3s ease-in-out forwards; } .arrow-btn:hover::after { animation: move-back 0.3s ease-in-out forwards 0.3s; } @keyframes move { to { background-position-x: 60px; } } @keyframes move-back { to { background-position-x: 0; } } @media (min-width: 1024px) { .archive-cta__cta-container.sk-container--slg { padding-top: var(--sk-spacing-xxl); padding-bottom: var(--sk-spacing-xxl); } } @media (min-width: 1280px) { .archive-cta__cta-container.sk-container--slg { padding-top: var(--sk-spacing-xxxxxl); padding-bottom: var(--sk-spacing-xxxxxl); } } @media (min-width: 512px) { .archive-cta__cta { display: flex; } } .archive-cta__cta h3 { font-family: var(--sk-font-secondary); margin-left: var(--sk-spacing-base); margin-bottom: 1.4rem; flex: 0 1 100%; } @media (min-width: 768px) { .archive-cta__cta h3 { flex: 0 1 34%; margin-left: var(--sk-spacing-lg); margin-bottom: 0; } } .archive-cta__cta-content { flex: 0 1 100%; margin-left: var(--sk-spacing-l); } @media (min-width: 512px) { .archive-cta__cta-content { display: flex; flex-direction: column; } } @media (min-width: 768px) { .archive-cta__cta-content { flex: 0 1 66%; } } .archive-cta__cta-content p { color: var(--sk-color-dark-black); margin-bottom: var(--sk-spacing-base); line-height: 1.4em; } .archive-cta__cta-content a { margin-top: var(--sk-spacing-base); } .slick-list { display: flex; width: 100%; } .slick-track { display: flex; width: 100%; } .slick-slide { margin: 0 15px; } .wp-block-gallery.slider { position: relative; overflow: hidden; width: 100vw; margin: 0 auto; margin: 0 calc(50% - 50vw); max-width: unset; } @media (min-width: 1920px) { .wp-block-gallery.slider { margin: 0 auto; width: 100%; max-width: var(--sk-container-width--base); } } .wp-block-gallery.slider .slick-prev, .wp-block-gallery.slider .slick-next { position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 1; background: transparent; border: none; cursor: none; font-size: 0; display: none !important; } @media (min-width: 768px) { .wp-block-gallery.slider .slick-prev, .wp-block-gallery.slider .slick-next { display: flex !important; } } .wp-block-gallery.slider .slick-next { left: unset; right: 0; } .custom-cursor { opacity: 0; position: fixed; z-index: 10; display: flex; width: 60px; height: 60px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cpath fill='%23cbcbbe' id='connect-arrow-up-7_3_' d='M0,12.5h18.8l-3.2,3l0.7,0.8l4.6-4.3l-4.6-4.3l-0.7,0.8l3.2,3H0C0.3,5.1,5.5,0,12,0 c6.6,0,12,5.4,12,12s-5.4,12-12,12C5.5,24,0.3,18.9,0,12.5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translate(10%, -30%); transition: transform ease-in-out 0.2s; } body.js-cursor--active { cursor: none; } /* stylelint-disable */ /* stylelint-disable max-line-length */ :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* stylelint-disable max-line-length */ .single-post__article { margin-top: 64px; } .single-post__article p { margin-bottom: var(--sk-spacing-base); letter-spacing: var(--kern__base); } .single-post__article h2, .single-post__article h4, .single-post__article h5, .single-post__article h6 { margin-top: var(--sk-spacing-xxxl); margin-bottom: var(--sk-spacing-xl); } .single-post__article h3 { font-size: var(--sk-text--h5); color: var(--sk-color-teal-dark); margin-top: var(--sk-spacing-xl); margin-bottom: var(--sk-spacing-lg); } .single-post__article ul { margin-bottom: var(--sk-spacing-base); } .single-post__article li { letter-spacing: var(--kern__base); } .single-post__article strong { font-weight: 700; } .single-post__article .single-post__related-title { margin-top: 0; } .single-post__article a:focus-visible, .single-post__article button:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .single-post__article .wp-block-group.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .single-post__main, .single-inside__main { margin-bottom: var(--sk-spacing-xxl); } .single-post__main-container, .single-inside__main-container { display: flex; flex-direction: column-reverse; } @media (min-width: 768px) { .single-post__main-container, .single-inside__main-container { flex-direction: row; justify-content: space-between; } } @media (min-width: 1280px) { .single-post__main-container, .single-inside__main-container { display: grid; grid-template-columns: 1fr 2fr 1fr; } } .single-post__content, .single-inside__content { max-width: 780px; /* Insight and Inside posts, special design for initial letters */ } @media (min-width: 768px) { .single-post__content, .single-inside__content { width: 75%; } } @media (min-width: 1280px) { .single-post__content, .single-inside__content { width: 100%; } } .single-post__content > p:first-child:not(.has-background)::first-letter, .single-post__content > .first-letter::first-letter, .single-inside__content > p:first-child:not(.has-background)::first-letter, .single-inside__content > .first-letter::first-letter { font-family: var(--sk-font-secondary); margin-right: 0.2em; font-size: 6em; text-transform: capitalize; /* stylelint-disable */ /* stylelint-enable */ } @supports not (initial-letter: 3) { .single-post__content > p:first-child:not(.has-background)::first-letter, .single-post__content > .first-letter::first-letter, .single-inside__content > p:first-child:not(.has-background)::first-letter, .single-inside__content > .first-letter::first-letter { display: block; float: left; line-height: 1.2; margin-top: 0.1em; } } @supports (initial-letter: 3) { .single-post__content > p:first-child:not(.has-background)::first-letter, .single-post__content > .first-letter::first-letter, .single-inside__content > p:first-child:not(.has-background)::first-letter, .single-inside__content > .first-letter::first-letter { initial-letter: 3; line-height: 1.2; } } .single-post__content p:last-child, .single-inside__content p:last-child { margin-bottom: 0; } .single-post__services, .single-inside__services { /* stylelint-disable */ border-top: 1px solid hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.3); /* stylelint-enable */ padding-top: var(--sk-spacing-lg); margin-top: var(--sk-spacing-lg); margin-bottom: var(--sk-spacing-xl); } .single-post__services__label, .single-inside__services__label { font-size: 1rem; font-weight: 600; margin-right: var(--sk-spacing-sm); } .single-post__services a, .single-inside__services a { display: inline-block; margin-right: var(--sk-spacing-sm); } .single-post__services a.sk-link, .single-inside__services a.sk-link { font-size: 1rem; } .single-post__share, .single-inside__share { position: relative; } @media (min-width: 768px) { .single-post__share, .single-inside__share { width: 10%; } } @media (min-width: 1280px) { .single-post__share, .single-inside__share { padding-left: var(--grid-gutter--fluid); } } .single-post__share-content, .single-inside__share-content { position: sticky; top: 0; } .single-post__header, .single-inside__header { background-blend-mode: multiply; background-color: hsla(var(--sk-color-dark-blue-h), var(--sk-color-dark-blue-s), var(--sk-color-dark-blue-l), 0.8); background-position: 50%; background-size: cover; color: var(--sk-color-white); padding-left: var(--grid-gutter--fluid); padding-right: var(--grid-gutter--fluid); margin-bottom: var(--grid-gutter--fluid); min-height: 27.5rem; padding-top: var(--sk-spacing-xl); padding-bottom: var(--sk-spacing-xl); text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .single-post__category, .single-inside__category { color: var(--sk-color-teal-for-dark); font-size: var(--sk-text--2xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.125em; } .single-post__time, .single-inside__time { font-size: var(--sk-text--2xs); font-weight: 400; color: var(--sk-color-code-background); letter-spacing: 0.125em; } .single-post__time::before, .single-inside__time::before { content: "/"; margin: 0 0.625rem; } .single-post__title, .single-inside__title { max-width: 60rem; margin: var(--sk-spacing-base) auto 0; font-size: var(--sk-text--xl); color: var(--sk-color-white); } .single-post__section-divider, .single-inside__section-divider { margin-bottom: var(--grid-gutter--fluid); } .single-post__author, .single-inside__author { font-weight: 400; } .single-post__author a, .single-inside__author a { color: var(--sk-color-dark-blue); } .single-post__author a:hover, .single-inside__author a:hover { text-decoration: none; } .single-post__container, .single-inside__container { margin: 0 auto; } .single-post__links, .single-inside__links { display: flex; } @media (min-width: 768px) { .single-post__links, .single-inside__links { flex-direction: column; } } .single-post__related, .single-inside__related { position: relative; padding-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .single-post__related, .single-inside__related { padding-bottom: var(--sk-spacing-xl); } } @media (min-width: 1280px) { .single-post__related, .single-inside__related { padding-bottom: var(--sk-spacing-xxl); } } .author-header { margin-bottom: 24px; } .author-header .sk-container, .author-header .related-posts__container.width-lg, .author-header .related-posts__container.width-md { display: flex; justify-content: space-between; align-items: center; } .author-header p { margin-bottom: 0; padding-bottom: 0; } .author-body { padding: 26px 0 var(--sk-spacing-xl) 0; background: var(--sk-color-teal-light); } @media (min-width: 1280px) { .author-body { padding: 26px 0 72px 0; } } .author-body__aside { width: 100%; } @media (min-width: 768px) { .author-body__aside { width: 25%; margin-right: 24px; } } .author-body__text h2 { margin: 0; } .author-body__text p { font-style: italic; } .author-body__content { display: flex; flex-wrap: wrap; } @media (min-width: 768px) { .author-body__content { flex-wrap: nowrap; } } .author-body__bio { width: 100%; } @media (min-width: 768px) { .author-body__bio { width: 75%; -moz-columns: 16em 2; columns: 16em 2; -moz-column-gap: 8%; column-gap: 8%; orphans: 2; widows: 2; } } .author-body__bio h2, .author-body__bio h3, .author-body__bio h4, .author-body__bio h5, .author-body__bio h6 { margin-top: 0; } .author-body__image { width: 120px; height: 120px; margin-bottom: 18px; } .author-body__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } /* stylelint-disable */ /* stylelint-disable max-line-length */ :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } /* stylelint-disable */ /* stylelint-disable */ /* stylelint-disable */ /* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */ /* stylelint-disable max-line-length */ .archive-posts { margin-top: 64px; color: var(--sk-color-white); } .archive-posts__hero { text-align: center; } .archive-posts__hero h1 { margin-bottom: var(--sk-spacing-base); font-weight: 300; } .archive-posts__hero p { font-weight: 300; max-width: 64ch; margin: 0 auto; } .archive-posts__archive-content { background-color: var(--sk-color-dark-blue); } .archive-posts__archive-content .post-card__content h4 { color: var(--sk-color-teal-for-dark); } .archive-posts__thumbnail { width: 100%; padding-bottom: 55%; background-size: cover; } .archive-posts__posts { display: grid; grid-template-columns: 1fr; row-gap: var(--sk-spacing-base); } @media (min-width: 834px) { .archive-posts__posts { grid-template-columns: 1fr 1fr; -moz-column-gap: var(--sk-spacing-base); column-gap: var(--sk-spacing-base); } } @media (min-width: 1280px) { .archive-posts__posts { -moz-column-gap: var(--sk-spacing-xl); column-gap: var(--sk-spacing-xl); } } .archive-posts__content { display: flex; flex-direction: column; flex: 1; padding: 0 1rem 1.5rem; } @media (min-width: 744px) { .archive-posts__content { padding: 0 1.5rem 1.5rem; } } @media (min-width: 1280px) { .archive-posts__content { padding: 0 2rem 2rem; } } .archive-posts__filter { margin-bottom: var(--sk-spacing-xxl); display: flex; flex-wrap: wrap; gap: 10px; } .archive-posts__filter-selects { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 10px; } @media (min-width: 1280px) { .archive-posts__filter-selects { justify-content: unset; width: auto; } } .archive-posts__filter.disabled * { pointer-events: none; } .archive-posts .archive-not-found { text-align: center; } .archive-not-found { grid-column: 1/-1; font-family: var(--sk-font-secondary); font-size: var(--sk-text--h4); margin-bottom: var(--sk-spacing-xl); } .archive-pagination { grid-column: 1/-1; margin-bottom: var(--sk-spacing-xl); } @media (min-width: 1024px) { .archive-pagination { margin-bottom: var(--sk-spacing-xxl); } } #archive-posts.loading { filter: grayscale(1); opacity: 0.7; } .related-posts.theme-white { background-color: var(--sk-color-white); color: var(--sk-color-dark-black); } .related-posts.theme-blue { background-color: var(--sk-color-dark-blue); color: var(--sk-color-white); } .related-posts.theme-transp-black { color: var(--sk-color-dark-black); } .related-posts.theme-transp-white { color: var(--sk-color-white); } .related-posts.padding-top { padding-top: var(--sk-spacing-xl); } @media (min-width: 744px) { .related-posts.padding-top { padding-top: var(--sk-spacing-xl); } } @media (min-width: 1280px) { .related-posts.padding-top { padding-top: var(--sk-spacing-xxl); } } .related-posts.padding-bottom { padding-bottom: var(--sk-spacing-xl); } @media (min-width: 744px) { .related-posts.padding-bottom { padding-bottom: var(--sk-spacing-xl); } } @media (min-width: 1280px) { .related-posts.padding-bottom { padding-bottom: var(--sk-spacing-xxl); } } .related-posts__posts { display: flex; flex-wrap: wrap; gap: 1.5rem; } @media (min-width: 1280px) { .related-posts__posts { flex-wrap: nowrap; gap: 2rem; } } .related-posts__post { width: 100%; } @media (min-width: 744px) { .related-posts__post { width: calc(50% - 20px); flex: 1; } } @media (min-width: 1280px) { .related-posts__post { width: auto; } } .related-posts__title { margin-bottom: var(--sk-spacing-lg); } @media (min-width: 992px) { .related-posts__title { width: 25%; } } .related-posts__title h2, .related-posts__title h3 { font-family: var(--sk-font-secondary); font-size: var(--sk-text--h3); color: inherit; } .related-posts a { transition: all 0.5s ease; } /* One off classes to address old styles or new things we need to adjust */ .u-border__all__medium { border: 1px solid var(--sk-color-medium-grey); } .visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .no-wrap { white-space: nowrap; } .mb-0 { margin-bottom: 0 !important; } .negative-margin { margin-bottom: calc(-1 * var(--wp--preset--spacing--xxxxl)); } :root { --breakpoint-xxxl: 3200px; --breakpoint-xxl: 1920px; --breakpoint-xl: 1440px; --breakpoint-lg: 1280px; --breakpoint-lg-m: 1152px; --breakpoint-md: 1024px; --breakpoint-md-s: 992px; --breakpoint-smd: 834px; --breakpoint-sm: 768px; --breakpoint-sm-min: 769px; --breakpoint-sm-minxs: 744px; --breakpoint-xs: 512px; --breakpoint-xxs: 390px; --breakpoint-zero: 0; } body { display: flex; flex-direction: column; min-height: 100vh; } body main { width: 100%; height: auto; flex-grow: 1; flex-shrink: 0; } body header, body footer { flex: none; width: 100%; } .wow { visibility: hidden; animation-duration: 0.7s; } .skip_link { position: absolute; padding: 0.5rem 1rem; color: var(--sk-color-white); background-color: var(--sk-color-black); text-decoration: none; top: -100%; transition: transform 0.3s ease-out; z-index: 30; } .skip_link:focus { top: 0; } /* stylelint-disable */ :root { --sk-container-width--base: 77.5rem; --sk-container-padding: var( --sk-spacing-sm ); --sk-container-width--sm: calc(48.75rem + var(--sk-container-padding) * 2); --sk-container-width--lg: 112.5rem; --sk-container-width--md: 100rem; } @media (min-width: 744px) { :root { --sk-container-padding: var( --sk-spacing-base ); } } @media (min-width: 1280px) { :root { --sk-container-padding: var( --sk-spacing-lg ); } } .sk-container, .related-posts__container.width-md, .related-posts__container.width-lg { width: 100%; max-width: var(--sk-container-width); margin: 0 auto; padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .sk-container--sm { max-width: var(--sk-container-width--sm); } .sk-container--l { max-width: var(--sk-container-width--base); } .sk-container--full { padding-left: 0; padding-right: 0; } .sk-container--lg, .related-posts__container.width-lg { max-width: var(--sk-container-width--lg); } .sk-container--slg { max-width: var(--sk-container-width--md); margin: 0 auto; padding: var(--sk-spacing-xl) var(--sk-spacing-sm); } @media (min-width: 744px) { .sk-container--slg { padding: var(--sk-spacing-xl) var(--sk-spacing-base); } } @media (min-width: 1280px) { .sk-container--slg { padding: var(--sk-spacing-xxl) var(--sk-spacing-lg); } } .sk-container--md, .related-posts__container.width-md { max-width: var(--sk-container-width--md); } body { overflow-x: hidden; } /** Generate colors https://gka.github.io/palettes */ :root { /* Main colors */ --sk-color-black: #212426; --sk-color-dark-black: #112b3b; --sk-color-white: white; --sk-color-code-text: #28502e; --sk-color-code-background: #ceebd3; --sk-color-light-blue: rgba(255, 255, 255, 0.75); --sk-color-dark-blue: hsl(203, 55%, 15%); --sk-color-dark-blue-h: 203; --sk-color-dark-blue-s: 55%; --sk-color-dark-blue-l: 15%; --sk-color-teal-dark: #417e95; --sk-color-teal: #0a807c; --sk-color-teal-for-dark: #0ac9c2; --sk-color-terciary: #d62901; --sk-color-primary: var(--sk-color-dark-blue); --sk-color-secondary: var(--sk-color-teal); --sk-color-secondary-dark: var(--sk-color-teal-dark); --sk-color-third: var(--sk-color-terciary); /* Typography */ --sk-color-text: var(--sk-color-primary); --sk-color-text-heading: var(--sk-color-black); --sk-color-focus-outline: var(--sk-color-black); --sk-color-focus-outline-dark: var(--sk-color-white); /* Body */ --sk-color-body: var(--sk-color-text); /* Supporting colors */ --sk-color-teal-light: #ebf8fa; --sk-color-teal-tint: #d7f5f5; --sk-color-dark-teal: #13535d; --sk-color-tomato: #eb6b57; --sk-color-orange: #ffa451; --sk-color-lemon: #fada73; --sk-color-green: #138660; --sk-color-blue: #0075ff; /* Neutrals colors */ --sk-color-default-text: #363c40; --sk-color-dark-grey: #495157; --sk-color-medium-grey: #69787d; --sk-color-light-grey: #d1dbe3; --sk-color-lightest-grey: #edf4fa; } /* stylelint-disable */ :root { --sk-font-primary: poppins, sans-serif; --sk-font-secondary: matrix-ii, serif; } *, *::after, *::before { box-sizing: inherit; } * { font: inherit; margin: 0; padding: 0; border: 0; } html { box-sizing: border-box; } body { background-color: var(--color-bg, white); } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, form legend { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } button, input, textarea, select { margin: 0; } .btn, .form-control, .link, .reset { background-color: transparent; padding: 0; border: 0; border-radius: 0; color: inherit; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control::-ms-expand { display: none; } textarea { resize: vertical; overflow: auto; vertical-align: top; } input::-ms-clear { display: none; } table { border-collapse: collapse; border-spacing: 0; } img, video, svg { max-width: 100%; } :root { --sk-line-height--body: 1.5em; --sk-line-height--base: 1.75em; --sk-line-height--heading: 1.25em; --sk-line-height--small-text: normal; --sk-line-height--large-text: 1em; --sk-text-base-size: 16px; --sk-text--h1-up: clamp(72px, 51.2px + 0.0533333333 * 100vw, 128px); --sk-text--h1: clamp(32px, 24.9428571429px + 0.0180952381 * 100vw, 51px); --sk-text--h2: clamp(28px, 23.1714285714px + 0.0123809524 * 100vw, 41px); --sk-text--h3: clamp(24px, 21.0285714286px + 0.0076190476 * 100vw, 32px); --sk-text--h4: clamp(21px, 18.7714285714px + 0.0057142857 * 100vw, 27px); --sk-text--h5: clamp(18px, 16.5142857143px + 0.0038095238 * 100vw, 22px); --sk-text--h6: clamp(16px, 16px + 0 * 100vw, 16px); --sk-text--xs: clamp(14px, 13.6285714286px + 0.000952381 * 100vw, 15px); --sk-text--2xs: clamp(13px, 12.6285714286px + 0.000952381 * 100vw, 14px); --sk-text--2xs-caps: 13px; --sk-text--3xs: 12px; --sk-text--xl: clamp(43px, 30px + 0.0333333333 * 100vw, 78px); --sk-text--xxl: clamp(58px, 34.6px + 0.06 * 100vw, 121px); --kern__base: 0.03125em; --sk-text--numbers-title: clamp(16px, 13.7714285714px + 0.0057142857 * 100vw, 22px); --sk-text--numbers: clamp(51px, 46.1714285714px + 0.0123809524 * 100vw, 64px); --sk-text--prefix: clamp(22px, 20.5142857143px + 0.0038095238 * 100vw, 26px); } @media (min-width: 768px) { :root { --sk-text-base-size: 16px; --sk-text--xs: 15px; --sk-text--2xs: 14px; } } .sk-wp-editor h1, .sk-wp-editor .sk-text--h1 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h1, .sk-wp-editor .sk-text--h1 { margin-bottom: 24px; } } .sk-wp-editor h2, .sk-wp-editor .sk-text--h2 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h2, .sk-wp-editor .sk-text--h2 { margin-bottom: 24px; } } .sk-wp-editor h3, .sk-wp-editor .sk-text--h3 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h3, .sk-wp-editor .sk-text--h3 { margin-bottom: 24px; } } .sk-wp-editor h4, .sk-wp-editor .sk-text--h4 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h4, .sk-wp-editor .sk-text--h4 { margin-bottom: 24px; } } .sk-wp-editor h5, .sk-wp-editor .sk-text--h5 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h5, .sk-wp-editor .sk-text--h5 { margin-bottom: 24px; } } .sk-wp-editor h6, .sk-wp-editor .sk-text--h6 { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor h6, .sk-wp-editor .sk-text--h6 { margin-bottom: 24px; } } .sk-wp-editor p { margin-bottom: 30px; } @media (max-width: 768px) { .sk-wp-editor p { margin-bottom: 24px; } } .sk-wp-editor p + h1, .sk-wp-editor p + h2, .sk-wp-editor p + h3, .sk-wp-editor p + h4, .sk-wp-editor p + h5, .sk-wp-editor p + h6 { margin-top: 50px; } @media (max-width: 768px) { .sk-wp-editor p + h1, .sk-wp-editor p + h2, .sk-wp-editor p + h3, .sk-wp-editor p + h4, .sk-wp-editor p + h5, .sk-wp-editor p + h6 { margin-top: 40px; } } @media (max-width: 1024px) { .sk-wp-editor br { display: none; } } .sk-wp-editor ul { padding-left: 20px; margin: 40px 0; } @media (max-width: 768px) { .sk-wp-editor ul { margin: 30px 0; } } .wp-block-group .wp-block-quote { position: relative; font-size: 24px; line-height: 1.5em; font-weight: 300; font-family: var(--sk-font-secondary); border: none; padding: 0; margin: 0; } .wp-block-group .wp-block-quote p { line-height: var(--sk-line-height--base); font-size: 24px; } @media (min-width: 768px) { .wp-block-group .wp-block-quote p { font-size: 32px; } } .wp-block-group .wp-block-quote p:not(:last-child) { position: relative; font-style: italic; letter-spacing: 0; max-width: none; text-indent: 1.75em; } .wp-block-group .wp-block-quote p:not(:last-child)::before { color: var(--sk-color-teal-for-dark); content: "“"; content: "“"/"A quote, "; position: absolute; font-family: Times New Roman, Times, serif; font-size: 2.25em; font-weight: 700; font-style: normal; line-height: 1; top: -0.0625em; left: -0.625em; } .wp-block-group .wp-block-quote cite { display: flex; flex-direction: column; align-items: flex-start; text-align: left; margin-top: var(--sk-spacing-base); margin-right: var(--sk-spacing-base); letter-spacing: 0.72px; font-size: var(--sk-text--xs); font-weight: 300; font-family: var(--sk-font-primary); line-height: 1.7; } @media (min-width: 768px) { .wp-block-group .wp-block-quote cite { display: block; text-align: right; line-height: initial; } } .wp-block-group .wp-block-quote cite strong { letter-spacing: 1.625px; text-transform: uppercase; font-weight: 700; } .wp-block-pullquote blockquote { display: flex; flex-direction: column; border-top: 1px solid var(--sk-color-text); border-bottom: 1px solid var(--sk-color-text); padding-top: 1em; padding-bottom: 1em; } .wp-block-pullquote blockquote cite { text-transform: uppercase; letter-spacing: 1.625px; font-size: 13px; font-weight: 700; } .wp-block-code code, code { background-color: var(--sk-color-code-background); color: var(--sk-color-code-text); display: inline-block !important; font-family: "Source Code Pro", monospace !important; } figure.wp-block-video { line-height: 0; } .wp-block-columns.vertical-alignment .wp-block-column { display: flex; flex-direction: column; } .wp-block-columns.vertical-alignment .wp-block-column *:not(:first-child):not(:last-child) { flex: 1; } @media (max-width: 1280px) { .wp-block-columns .wp-block-column:empty { display: none; } } .stacked-top-large-gap { margin-top: 24px; } @media (min-width: 1280px) { .stacked-top-large-gap { margin-top: -450px !important; padding-top: 550px !important; z-index: -1; } } .stacked-bottom-small-gap { margin-bottom: 24px; } @media (min-width: 1280px) { .stacked-bottom-small-gap { margin-bottom: -147px !important; padding-bottom: 180px !important; z-index: -1; } } .content-wrapper > [class^=wp-block]:not(.alignwide):not(.alignfull) { width: 100%; max-width: var(--wp--style--global--content-size); margin-left: auto; margin-right: auto; padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .content-wrapper > [class^=wp-block].alignwide { width: 100%; max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto; padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .wp-block-group > *:not(.alignfull) { padding-left: var(--sk-container-padding); padding-right: var(--sk-container-padding); } .wp-block-image.aligncenter { display: block; } .wp-block-quote { border-left: 4px solid #53d9d4; padding: 0 2rem; margin-bottom: var(--sk-spacing-base); } .wp-block-quote p { font-style: italic; font-family: var(--sk-font-secondary); line-height: 24px; } @media (min-width: 768px) { .wp-block-quote p { font-size: 18px; } } .wp-block-heading, .wp-block-image, .wp-block-gallery, .wp-block-list, .wp-block-quote, .wp-block-table, .wp-block-columns, .wp-block-video, .wp-block-social-icons, .wp-block-embed, .wp-block-more, .wp-block-column, .wp-block-column p, .wp-block-column ul, .wp-block-group p, .wp-block-group ul, .content-wrapper > p, .content-wrapper > ul { margin-bottom: var(--sk-spacing-sm); } @media (min-width: 1280px) { .wp-block-heading, .wp-block-image, .wp-block-gallery, .wp-block-list, .wp-block-quote, .wp-block-table, .wp-block-columns, .wp-block-video, .wp-block-social-icons, .wp-block-embed, .wp-block-more, .wp-block-column, .wp-block-column p, .wp-block-column ul, .wp-block-group p, .wp-block-group ul, .content-wrapper > p, .content-wrapper > ul { margin-bottom: var(--sk-spacing-base); } } .wp-block-media-text.is-stacked-on-mobile { gap: var(--sk-spacing-lg); } .content-wrapper > [class^=wp-block]:last-child { margin-bottom: 0 !important; } p.has-background { padding: 1.25em 2.375em !important; } .wp-block-image figcaption { margin-top: var(--sk-spacing-base); text-align: center; font-weight: 400; font-size: 13px; letter-spacing: 0.125em; display: block !important; } figure.wp-block-embed { position: relative; padding-bottom: 50%; } figure.wp-block-embed .wp-block-embed__wrapper, figure.wp-block-embed iframe { position: absolute; height: 100%; width: 100%; } pre.wp-block-code { overflow-x: auto; } pre.wp-block-code code { white-space: unset; padding: 1em; } .wp-block-video { margin: var(--sk-spacing-base) 0; } .wp-block-file > a:first-child { text-decoration: none !important; background-image: linear-gradient(180deg, transparent 45%, #53d9d4 0); background-size: 100% 200%; background-position: top; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: currentColor; margin: 0 -0.25em; padding: 0 0.25em; transition: all 0.35s ease; transition: 0.2s; transition-timing-function: ease-in-out; } .wp-block-file > a:first-child:focus, .wp-block-file > a:first-child:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .wp-block-file > a:first-child:hover, .wp-block-file > a:first-child:active, .wp-block-file > a:first-child:focus, .wp-block-file > a:first-child:focus-within { background-position: bottom; color: var(---sk-color-black); text-decoration: none; } .wp-block-table td, .wp-block-table th { border: none; } .wp-block-table table td + td, table th + th { border-left: 0.5px solid #9bbcd3; } p.link-underlined > a, a.link-underlined { background-image: unset; position: relative; } p.link-underlined > a::after, a.link-underlined::after { content: ""; display: block; width: 100%; height: 1px; background: #d0d0d0; background: linear-gradient(270deg, #d0d0d0 50%, #949ca1 0); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; position: absolute; bottom: -1px; left: 0; } p.link-underlined > a:hover::after, p.link-underlined > a:focus::after, a.link-underlined:hover::after, a.link-underlined:focus::after { background-position: 0 100%; } p.link-no-hover > a, a.link-no-hover { background-image: unset; } p.link-hover-underlined > a, a.link-hover-underlined { background-image: unset; position: relative; } p.link-hover-underlined > a::after, a.link-hover-underlined::after { content: ""; display: block; width: 100%; height: 1px; background: transparent; background: linear-gradient(270deg, transparent 50%, #949ca1 0); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; position: absolute; bottom: -1px; left: 0; } p.link-hover-underlined > a:hover::after, p.link-hover-underlined > a:focus::after, a.link-hover-underlined:hover::after, a.link-hover-underlined:focus::after { background-position: 0 100%; } .wp-block-separator { border: 2px solid !important; } .wp-block-media-text .wp-block-media-text__content { padding: 0; } .wp-block-media-text { gap: var(--sk-spacing-xl); } @media (min-width: 1280px) { .wp-block-media-text { gap: var(--sk-spacing-xxl); } } .wp-block-latest-posts .wp-block-latest-posts__post-title, .wp-block-latest-posts a { color: var(--sk-color-white); margin-bottom: calc(var(--sk-spacing-base) * 0.5); font-family: var(--sk-font-secondary); letter-spacing: 0.78125px; flex: 1 1 auto; font-size: var(--sk-text--h3); line-height: var(--sk-line-height--heading); background-image: none !important; } /* stylelint-disable */ body { font-size: var(--sk-text-base-size); font-family: var(--sk-font-primary); color: var(--sk-color-text); font-weight: 300; line-height: var(--sk-line-height--body); letter-spacing: 0.16px; } @media (min-width: 768px) { body { letter-spacing: 0.18px; } } html { height: auto; } h1, .sk-text--h1 { font-size: var(--sk-text--h1); color: var(--sk-color-text-heading); line-height: var(--sk-line-height--heading); font-family: var(--sk-font-secondary); } h2, .sk-text--h2 { font-size: var(--sk-text--h2); color: var(--sk-color-text-heading); line-height: var(--sk-line-height--heading); font-family: var(--sk-font-secondary); } h3, .sk-text--h3 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h3); line-height: var(--sk-line-height--heading); letter-spacing: 0.21px; } @media (min-width: 768px) { h3, .sk-text--h3 { letter-spacing: 0.27px; } } h4, .sk-text--h4 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h4); line-height: var(--sk-line-height--heading); font-family: var(--sk-font-secondary); font-weight: 500; letter-spacing: 0.42px; } @media (min-width: 768px) { h4, .sk-text--h4 { letter-spacing: 0.54px; } } h5, .sk-text--h5 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h5); line-height: var(--sk-line-height--heading); font-weight: 500; letter-spacing: 0.18px; } @media (min-width: 768px) { h5, .sk-text--h5 { letter-spacing: 0.22px; } } h6, .sk-text--h6 { color: var(--sk-color-text-heading); font-size: var(--sk-text--h6); line-height: var(--sk-line-height--heading); font-weight: 700; text-transform: uppercase; letter-spacing: 1.6px; } .sk-heading--h1-up { font-size: var(--sk-text--h1-up); font-family: var(--sk-font-secondary); color: var(--sk-color-text-heading); } .sk-text--xxl, .sk-text--xxl p { font-size: var(--sk-text--xxl); line-height: var(--sk-line-height--large-text); font-weight: 500; letter-spacing: 0.01em; } .sk-text--xxl p { margin-bottom: 11px; } @media (max-width: 768px) { .sk-text--xxl p { margin-bottom: 13px; } } .sk-text--xxl p:last-child { margin-bottom: 0; } .sk-text--xl, .sk-text--xl p { font-size: var(--sk-text--xl); line-height: var(--sk-line-height--large-text); font-weight: 500; letter-spacing: 0.01em; } .sk-text--xl p { margin-bottom: 13px; } .sk-text--xl p:last-child { margin-bottom: 0; } .sk-text--l, .sk-text--l p { font-size: var(--sk-text--l); line-height: var(--sk-line-height--l); letter-spacing: 0.015em; } .sk-text--l p { margin-bottom: 13px; } .sk-text--l p:last-child { margin-bottom: 0; } .sk-text--base, .sk-text--base p { font-size: var(--sk-text-base-size); line-height: var(--sk-line-height--base); letter-spacing: 0.01em; } .sk-text--base p { margin-bottom: 13px; } .sk-text--base p:last-child { margin-bottom: 0; } small, .sk-text--xs, .sk-text--xs p { font-size: var(--sk-text--xs); line-height: var(--sk-line-height--small-text); } .sk-text--xs p { margin-bottom: 13px; } .sk-text--xs p:last-child { margin-bottom: 0; } .sk-text--2xs, .sk-text--2xs p { font-size: var(--sk-text--2xs); line-height: var(--sk-line-height--small-text); } .sk-text--2xs p { margin-bottom: 13px; } .sk-text--2xs p:last-child { margin-bottom: 0; } .sk-text--2xs-caps, .sk-text--2xs-caps p, .sk-text--2xs-caps strong { font-size: var(--sk-text--2xs-caps); line-height: var(--sk-line-height--small-text); text-transform: uppercase; font-weight: bold; letter-spacing: 0.09375em; } .sk-text--2xs-caps p { margin-bottom: 13px; } .sk-text--2xs-caps p:last-child { margin-bottom: 0; } .sk-text-small-uppercase { display: inline-block; font-size: 0.8125rem; padding-bottom: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09375em; } p, em, figcaption, ol, ul, strong, q { line-height: var(--sk-line-height--base); } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, p > a, em > a, figcaption > a, li:not(.menu-item) > a, strong > a, cite > a, small > a, q > a { text-decoration: none !important; background-image: linear-gradient(180deg, transparent 45%, #53d9d4 0); background-size: 100% 200%; background-position: top; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: currentColor; margin: 0 -0.25em; padding: 0 0.25em; transition: all 0.35s ease; transition: 0.2s; transition-timing-function: ease-in-out; } h1 > a:focus, h1 > a:focus-visible, h2 > a:focus, h2 > a:focus-visible, h3 > a:focus, h3 > a:focus-visible, h4 > a:focus, h4 > a:focus-visible, h5 > a:focus, h5 > a:focus-visible, h6 > a:focus, h6 > a:focus-visible, p > a:focus, p > a:focus-visible, em > a:focus, em > a:focus-visible, figcaption > a:focus, figcaption > a:focus-visible, li:not(.menu-item) > a:focus, li:not(.menu-item) > a:focus-visible, strong > a:focus, strong > a:focus-visible, cite > a:focus, cite > a:focus-visible, small > a:focus, small > a:focus-visible, q > a:focus, q > a:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } h1 > a:hover, h1 > a:active, h1 > a:focus, h1 > a:focus-within, h2 > a:hover, h2 > a:active, h2 > a:focus, h2 > a:focus-within, h3 > a:hover, h3 > a:active, h3 > a:focus, h3 > a:focus-within, h4 > a:hover, h4 > a:active, h4 > a:focus, h4 > a:focus-within, h5 > a:hover, h5 > a:active, h5 > a:focus, h5 > a:focus-within, h6 > a:hover, h6 > a:active, h6 > a:focus, h6 > a:focus-within, p > a:hover, p > a:active, p > a:focus, p > a:focus-within, em > a:hover, em > a:active, em > a:focus, em > a:focus-within, figcaption > a:hover, figcaption > a:active, figcaption > a:focus, figcaption > a:focus-within, li:not(.menu-item) > a:hover, li:not(.menu-item) > a:active, li:not(.menu-item) > a:focus, li:not(.menu-item) > a:focus-within, strong > a:hover, strong > a:active, strong > a:focus, strong > a:focus-within, cite > a:hover, cite > a:active, cite > a:focus, cite > a:focus-within, small > a:hover, small > a:active, small > a:focus, small > a:focus-within, q > a:hover, q > a:active, q > a:focus, q > a:focus-within { background-position: bottom; color: var(---sk-color-black); text-decoration: none; } .sk-link { text-decoration: none !important; background-image: linear-gradient(180deg, transparent 45%, #53d9d4 0); background-size: 100% 200%; background-position: top; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: currentColor; margin: 0 -0.25em; padding: 0 0.25em; transition: all 0.35s ease; transition: 0.2s; transition-timing-function: ease-in-out; color: var(--sk-color-text); font-weight: 400; font-size: 1.25rem; line-height: 1.7; } .sk-link:focus, .sk-link:focus-visible { outline: 2px solid var(--sk-color-focus-outline); outline-offset: 2px; } .sk-link:hover, .sk-link:active, .sk-link:focus, .sk-link:focus-within { background-position: bottom; color: var(---sk-color-black); text-decoration: none; } hr { width: 100%; background: transparent; margin: 30px 0; border: none; border-top: 1px solid var(--sk-color-text); } hr.sk-hr-dashed { border-top-style: dashed; } ul { list-style: disc; } ul li { page-break-inside: avoid; line-height: var(--sk-line-height--base); -moz-column-break-inside: avoid; break-inside: avoid; position: relative; padding-bottom: 0.5rem; } ul li::marker { color: var(--sk-color-terciary); } ol { list-style: numeric outside; margin-bottom: var(--sk-spacing-base); } ul, ol { padding-left: 1.5rem; } ul li:not(.menu-item), ol li:not(.menu-item) { margin-bottom: 0; padding-bottom: 0; } .has-sk-text-xl-font-size, .has-sk-text-xxl-font-size { line-height: 1em; font-family: var(--sk-font-secondary); word-break: break-word; } .has-sk-text-h-4-font-size, .has-sk-text-h-2-font-size, .has-sk-text-h-1-font-size { font-family: var(--sk-font-secondary); } .has-sk-text-2-xs-caps-font-size { font-size: var(--sk-text--2xs-caps); line-height: 1.625em; text-transform: uppercase; font-weight: bold; letter-spacing: 0.09375em; } em { font-style: italic; } strong { font-weight: 700; } abbr, .abbr { font-size: 82%; font-weight: 400; letter-spacing: 0.125em; text-transform: uppercase; } kbd { background-color: var(--sk-color-code-background); border-radius: 4px; color: var(--sk-color-code-text); display: inline-block; font-family: Consolas, "Courier New", mono; padding: 0 0.5em; } .link-more__text { color: var(--sk-color-white); letter-spacing: 0.125em; position: relative; display: inline-block; font-family: var(--sk-font-primary); font-size: 0.9375rem; font-style: normal; font-weight: 400; line-height: 22.5px; /* 150% */ letter-spacing: 0.3px; } .link-more__text::after { content: ""; speak: none; display: block; width: 100%; height: 1px; background: #475b67; background-image: linear-gradient(270deg, #d0d0d0 50%, #d62901 0); background-size: 200% 100%; background-position: 100% 100%; transition: all 0.4s ease-in; } .link-more:hover .link-more__text::after { background-position: 0 100%; } table tbody tr:nth-child(2n) { background-color: #f3f3f3; } table td, table th { padding: 0.375em 1em; } /* stylelint-disable */ :root { --sk-spacing-sm: 1rem; --sk-spacing-base: clamp(20px, 18.5142857143px + 0.0038095238 * 100vw, 24px); --sk-spacing-lg: clamp(24px, 21.0285714286px + 0.0076190476 * 100vw, 32px); --sk-spacing-xl: clamp(32px, 26.0571428571px + 0.0152380952 * 100vw, 48px); --sk-spacing-xxl: clamp(48px, 42.0571428571px + 0.0152380952 * 100vw, 64px); --sk-spacing-xxxl: clamp(64px, 58.0571428571px + 0.0152380952 * 100vw, 80px); --sk-spacing-xxxxl: clamp(80px, 71.0857142857px + 0.0228571429 * 100vw, 104px); --sk-spacing-xxxxxl: clamp(104px, 89.1428571429px + 0.0380952381 * 100vw, 144px); --grid-gutter--min: 1.5; --grid-gutter--max: 3; --grid-gutter--fluid: calc(var(--grid-gutter--min) * 1rem); } @media (min-width: 768px) { :root { --sk-spacing-xxxl: 4.5rem; } } @media (min-width: 1024px) { :root { --grid-gutter--fluid: calc(var(--grid-gutter--max) * 1rem); } } </style> <link rel='stylesheet' id='MRSGF-front-css-css' href='https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/css/front.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='MRSGF-jquery-ui-css-css' href='https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery-ui.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='MRSGF-jquery-ui-slider-pips-css-css' href='https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery-ui-slider-pips.css?ver=1.0.0' type='text/css' media='all' /> <script type="text/javascript" id="jquery-core-js-extra"> /* <![CDATA[ */ var smoothAllowedBrowsers = []; /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script defer crossorigin="anonymous" type="text/javascript" src="https://kit.fontawesome.com/b38de89767.js" id="font-awesome-official-js"></script>   <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-MF3DFJ6CQV" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["www.oomphinc.com"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "G-MF3DFJ6CQV"); /* ]]> */ </script>  <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/range-jquery-range.min.js?ver=1.12.1" id="RSFFCF7-range-jquery-ui-js-js"></script> <link rel="https://api.w.org/" href="https://www.oomphinc.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.oomphinc.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.4.1" /> <meta name="generator" content="Site Kit by Google 1.129.1" /> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <meta name="google-site-verification" content="mnHK5t7dU4ymEekxypEN5bLPjJ51t0b5hgYZd9146s4">  <script type="text/javascript"> /* <![CDATA[ */ ( function( w, d, s, l, i ) { w[l] = w[l] || []; w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); var f = d.getElementsByTagName( s )[0], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-K49W77' ); /* ]]> */ </script>  <link rel="icon" href="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-150x150.png" sizes="32x32" /> <link rel="icon" href="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-300x300.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-300x300.png" /> <meta name="msapplication-TileImage" content="https://www.oomphinc.com/wp-content/uploads/2023/10/Oomph-social-square-RGB-500-300x300.png" /> <style type="text/css" id="wp-custom-css"> /* To delete once new CSS is added to the repo. Today's date 2024-09-12 */ .d-none { display: none !important; visibility: hidden !important; } .drop-shadow, figure.drop-shadow > img { box-shadow: .125em .125em 1em rgba(0,0,0,0.15); } figure.drop-shadow { box-shadow: none; } /* For Brand Guide */ .oomph-menu-container p { margin-bottom: 0; } .oomph-menu-container ul { list-style: none; margin: 0 -0.5em; } .oomph-menu-container a { background-image: none !important; display: block; padding: 0.75em 0.5em !important; } .oomph-menu-container a:hover, .oomph-menu-container a:focus { color: var(--sk-color-terciary) !important; text-decoration: underline !important; } </style> </head> <body class="archive post-type-archive post-type-archive-work" data-template="base.twig"> <a class="skip_link" href="#maincontent">Skip to content</a> <header class="header"> <div class="header__wrapper"> <div class="header__left" data-aos="fade-in" data-aos-duration="400"> <a href="https://www.oomphinc.com" rel="home"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/oomph.svg" alt="Oomph, Inc" width="0" height="0" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/oomph.svg" alt="Oomph, Inc" width="0" height="0"></noscript> </a> </div> <div class="header__right"> <div class="header__nav-main"> <nav id="nav-main" class="nav-main" role="navigation"> <ul class="main" role="menubar"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-141" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/work/">Our Work</a> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1703 menu-item-has-children" role="menuitem" aria-haspopup="true "> <button aria-expanded="false">Industries</button> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1835" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-industries/">Who We Serve</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2019" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-industries/health-wellness/">Health & Wellness</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2470" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-industries/higher-education/">Higher Education</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-146" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-industries/municipalities-government/">Municipalities & Government</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1704 menu-item-has-children" role="menuitem" aria-haspopup="true "> <button aria-expanded="false">Services</button> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-154" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/">What we Do</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-152" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/research-strategy/">Research & Strategy</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-149" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/user-experience-design/">Design</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-150" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/digital-engineering/">Digital Engineering</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-148" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/compliance-accessibility/">Compliance & Accessibility</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-153" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/support-services/">Support Services</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-151" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-services/platforms-partners/">Platforms & Partners</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1705 menu-item-has-children" role="menuitem" aria-haspopup="true "> <button aria-expanded="false">Culture</button> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-156" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/agency/">Who we Are</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-3311" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/agency/deib-commitment/">Diversity Equity Inclusion & Belonging</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-158" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/our-people/">People</a> </li> <li class=" menu-item menu-item-type-post_type_archive menu-item-object-career menu-item-2041" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/career/">Careers</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-159" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/agency/doing-good/">Doing Good</a> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-2426" role="menuitem" aria-haspopup="false "> <a target="" href="/inside-oomph">Inside Oomph</a> </li> </ul> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-162" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/insights/">Insights</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-163" role="menuitem" aria-haspopup="false "> <a target="" href="https://www.oomphinc.com/contact/">Let’s Talk</a> </li> </ul> </nav> </div> <div class="header__right--toggler"> <button class="navbar-toggler" type="button" data-name="menu" data-toggle="collapse" data-target="#mobileMenu" aria-controls="mobileMenu" aria-expanded="false" aria-label="Toggle navigation"> </button> </div> </div> <div class="header__mobile-menu"> <div class="header__mobile-content"> <div class="header__mobile-top"> <div class="header__mobile-btns"> <a href="https://www.oomphinc.com/contact/" target="_self">Let’s Talk</a> <button class="navbar-toggler" type="button" data-name="menu" data-toggle="collapse" data-target="#mobileMenu" aria-controls="mobileMenu" aria-expanded="false" aria-label="Toggle navigation"> </button> </div> <form class="search-bar-form" action="https://www.oomphinc.com" role="search" method="GET"> <input required placeholder="Search" id="s" type="text" name="s"> <input type="hidden" name="exclude_post_type" value="project-award"> </form> </div> <nav id="mobileMenu" class="nav-mobile mobileMenu" role="navigation"> <ul class="main" role="menubar"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-141" role="menuitem" "> <a target="" href="https://www.oomphinc.com/work/">Our Work</a> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1703 menu-item-has-children" role="menuitem" "> <span>Industries</span> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-1835" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-industries/">Who We Serve</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2019" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-industries/health-wellness/">Health & Wellness</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2470" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-industries/higher-education/">Higher Education</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-146" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-industries/municipalities-government/">Municipalities & Government</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1704 menu-item-has-children" role="menuitem" "> <span>Services</span> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-154" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/">What we Do</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-152" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/research-strategy/">Research & Strategy</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-149" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/user-experience-design/">Design</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-150" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/digital-engineering/">Digital Engineering</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-148" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/compliance-accessibility/">Compliance & Accessibility</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-153" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/support-services/">Support Services</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-151" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-services/platforms-partners/">Platforms & Partners</a> </li> </ul> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-1705 menu-item-has-children" role="menuitem" "> <span>Culture</span> <ul class="main" role="menu"> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-156" role="menuitem" "> <a target="" href="https://www.oomphinc.com/agency/">Who we Are</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-3311" role="menuitem" "> <a target="" href="https://www.oomphinc.com/agency/deib-commitment/">Diversity Equity Inclusion & Belonging</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-158" role="menuitem" "> <a target="" href="https://www.oomphinc.com/our-people/">People</a> </li> <li class=" menu-item menu-item-type-post_type_archive menu-item-object-career menu-item-2041" role="menuitem" "> <a target="" href="https://www.oomphinc.com/career/">Careers</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-159" role="menuitem" "> <a target="" href="https://www.oomphinc.com/agency/doing-good/">Doing Good</a> </li> <li class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-2426" role="menuitem" "> <a target="" href="/inside-oomph">Inside Oomph</a> </li> </ul> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-162" role="menuitem" "> <a target="" href="https://www.oomphinc.com/insights/">Insights</a> </li> <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-163" role="menuitem" "> <a target="" href="https://www.oomphinc.com/contact/">Let’s Talk</a> </li> </ul> </nav> </div> </div> </div> </header> <main role="main" class="content-wrapper" id="maincontent" tabindex="-1"> <div class="archive-work"> <div class="archive-work__hero sk-container--slg"> <div class="archive-work__hero-content"> <h1>Work</h1> <p>We are digital craftspeople — we deliver digital platforms that deepen connections.</p> </div> </div> <div class="archive-work__container sk-container--slg"> <div id="archive-filters" data-post-type="work" class="archive-posts__filter archive-work__filter"> <div class="archive-posts__filter-selects"> <div class="select-filter select-filter-category"> <select class="dropdown-filter dropdown-filter-category light" name="dropdown-filter-category"> <option value="all">Services</option> <option aria-label="Accessibility" value="accessibility">Accessibility</option> <option aria-label="Compliance" value="compliance">Compliance</option> <option aria-label="Design & UI" value="design-user-interface">Design & UI</option> <option aria-label="Digital Engineering" value="digital-engineering">Digital Engineering</option> <option aria-label="Research & Strategy" value="research-strategy">Research & Strategy</option> <option aria-label="User Experience" value="ux-user-experience">User Experience</option> </select> </div> <div class="select-filter select-filter-capability"> <select class="dropdown-filter dropdown-filter-capability light" name="dropdown-filter-capability"> <option value="all">Capabilities</option> <option aria-label="Acquia" value="acquia">Acquia</option> <option aria-label="Analytics & Measurement" value="analytics-measurement">Analytics & Measurement</option> <option aria-label="APIs" value="apis">APIs</option> <option aria-label="Branding" value="branding">Branding</option> <option aria-label="Content Management System" value="content-management-system">Content Management System</option> <option aria-label="Design Consultation" value="design-consultation">Design Consultation</option> <option aria-label="Design Systems" value="design-systems">Design Systems</option> <option aria-label="Digital Asset Management" value="digital-asset-management">Digital Asset Management</option> <option aria-label="Drupal" value="drupal">Drupal</option> <option aria-label="Figma" value="figma">Figma</option> <option aria-label="Flexible Page Building" value="flexible-page-building">Flexible Page Building</option> <option aria-label="Gatsby" value="gatsby">Gatsby</option> <option aria-label="Information Architecture" value="information-architecture">Information Architecture</option> <option aria-label="Intranet" value="intranet">Intranet</option> <option aria-label="Mapbox" value="mapbox">Mapbox</option> <option aria-label="Markdown" value="markdown">Markdown</option> <option aria-label="Microservices" value="microservices">Microservices</option> <option aria-label="Migration" value="migration">Migration</option> <option aria-label="Mobile & Responsive" value="mobile-responsive">Mobile & Responsive</option> <option aria-label="Pantheon" value="pantheon">Pantheon</option> <option aria-label="Personalization" value="personalization">Personalization</option> <option aria-label="Platform.sh" value="platform-sh">Platform.sh</option> <option aria-label="React" value="react">React</option> <option aria-label="Technical Architecture" value="technical-architecture">Technical Architecture</option> <option aria-label="User Research" value="user-research">User Research</option> </select> </div> <div class="select-filter select-filter-industry"> <select class="dropdown-filter dropdown-filter-industry light" name="dropdown-filter-industry"> <option value="all">Industry</option> <option aria-label="Cultural Institutions" value="cultural-institutions">Cultural Institutions</option> <option aria-label="Environmental & Non-profits" value="environmental_non-profits">Environmental & Non-profits</option> <option aria-label="Health & Wellness" value="health-wellness">Health & Wellness</option> <option aria-label="Higher Education" value="higher-education">Higher Education</option> <option aria-label="Municipalities & Government" value="municipalities-government">Municipalities & Government</option> <option aria-label="Other" value="other">Other</option> </select> </div> </div> <div class="search-filter-wrapper"> <input class="search-filter" placeholder="Search" id="search-filter" type="text" name="search-filter" autocomplete="off"> <button class="search-filter-button"></button> </div> <button class="filter-reset hidden">Reset filters</button> </div> <div id="archive-posts" class="archive-work__posts"> <article class="work-card archive-work__post" id="post-2928"> <a href="https://www.oomphinc.com/work/decoupled-to-unified-foundation-medicine-drupal/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-2048x878.jpg 2048w" alt="fmi-case-study-header-WEB" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/fmi-case-study-header-WEB-2048x878.jpg 2048w" alt="fmi-case-study-header-WEB"></noscript> <video src="https://www.oomphinc.com/wp-content/uploads/2024/04/Explore-Cancer-DNA-feature.mp4" loop muted autoplay></video> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>Foundation Medicine</h4> <h3>From Decoupled to Unified: Streamlining Content Publishing for Foundation Medicine</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-3156"> <a href="https://www.oomphinc.com/work/award-winning-engagement-platform-unifies-employees/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-2048x878.jpg 2048w" alt="lifespan-intranet-hero" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/09/lifespan-intranet-hero-2048x878.jpg 2048w" alt="lifespan-intranet-hero"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>Lifespan</h4> <h3>Award-winning engagement platform unifies employees across the state</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-3136"> <a href="https://www.oomphinc.com/work/empathetic-redesign-connects-people-legal-support-resources/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-1200x688-c-default.png" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header.png 2100w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-600x257.png 600w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-1200x514.png 1200w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-300x129.png 300w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-768x329.png 768w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-1536x658.png 1536w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-2048x878.png 2048w" alt="MLH-case-study-Header" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-1200x688-c-default.png" srcset="https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header.png 2100w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-600x257.png 600w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-1200x514.png 1200w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-300x129.png 300w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-768x329.png 768w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-1536x658.png 1536w, https://www.oomphinc.com/wp-content/uploads/2024/08/MLH-case-study-Header-2048x878.png 2048w" alt="MLH-case-study-Header"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>Mass Legal Help</h4> <h3>An Empathetic Redesign Connects People Who Need Legal Support With the Right Resources</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-3084"> <a href="https://www.oomphinc.com/work/the-lab-manual/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-2048x878.jpg 2048w" alt="LabManual-feature" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/07/LabManual-feature-2048x878.jpg 2048w" alt="LabManual-feature"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>The Lab Manual</h4> <h3>Connecting Research and Policy With a One-of-a-Kind Website</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-3018"> <a href="https://www.oomphinc.com/work/transforming-legacy-user-experience-overhaul/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-2048x878.jpg 2048w" alt="GAA-featured-image" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/06/GAA-featured-image-2048x878.jpg 2048w" alt="GAA-featured-image"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>Columbia Health: Go Ask Alice!</h4> <h3>Transforming a 30-Year Legacy: A User Experience Overhaul</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-3314"> <a href="https://www.oomphinc.com/work/visit-california-ultimate-playground-campaign-launch/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-2048x878.jpg 2048w" alt="VCA_UP-Cover-image" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/10/VCA_UP-Cover-image-2048x878.jpg 2048w" alt="VCA_UP-Cover-image"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>Visit California</h4> <h3>Encouraging Visitors to Play Their Way in California, the Ultimate Playground</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-2988"> <a href="https://www.oomphinc.com/work/ux-ui-product-design-system-consulting/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop.jpg 2560w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-2048x878.jpg 2048w" alt="RSI-EntSummary-Laptop" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop.jpg 2560w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/05/RSI-EntSummary-Laptop-2048x878.jpg 2048w" alt="RSI-EntSummary-Laptop"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>Revenue Solutions, Inc.</h4> <h3>Software Innovation with a Robust UX/UI Process for GOVERNMENT PREMIER</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-2936"> <a href="https://www.oomphinc.com/work/ihme-health-data-resource-modernization/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-2048x878.jpg 2048w" alt="IMHE-case-study-header" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/IMHE-case-study-header-2048x878.jpg 2048w" alt="IMHE-case-study-header"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>IHME: Institute for Health Metrics and Evaluation</h4> <h3>Upgrading from Drupal 7: Modernizing a Go-To Population Health Resource</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-2772"> <a href="https://www.oomphinc.com/work/re-envisioning-visit-california-gatsby-integration/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-2048x878.jpg 2048w" alt="VCR-header-casestudy-Gatsby" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/VCR-header-casestudy-Gatsby-2048x878.jpg 2048w" alt="VCR-header-casestudy-Gatsby"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>Visit California</h4> <h3>Re-envisioning the Visit California Gatsby Integration</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-201"> <a href="https://www.oomphinc.com/work/state-government-platform-inclusive-design-system/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-2048x878.jpg 2048w" alt="rhode-island_mockup" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2.jpg 2100w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-600x257.jpg 600w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-1200x514.jpg 1200w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2024/04/ri3-final2-2048x878.jpg 2048w" alt="rhode-island_mockup"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>The State of Rhode Island</h4> <h3>Introducing Quahog: A Design System for RI.gov</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-1116"> <a href="https://www.oomphinc.com/work/support-citizenship-loan-investment-platform/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-scaled-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-scaled.jpg 2560w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-1024x439.jpg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-150x64.jpg 150w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-2048x878.jpg 2048w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-1200x514.jpg 1200w" alt="hands-holding-OPA-mobile-WEB" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-scaled-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-scaled.jpg 2560w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-1024x439.jpg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-150x64.jpg 150w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-2048x878.jpg 2048w, https://www.oomphinc.com/wp-content/uploads/2023/09/hands-holding-OPA-mobile-WEB-1200x514.jpg 1200w" alt="hands-holding-OPA-mobile-WEB"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>One Percent for America</h4> <h3>Building Trust in a new Loan and Investment Platform to Support New Americans</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <article class="work-card archive-work__post" id="post-1265"> <a href="https://www.oomphinc.com/work/open-source-risd-museum-drupal-8/" class="link-more"> <div class="work-card__image"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-scaled-1200x688-c-default.jpg" data-srcset="https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-scaled.jpg 2560w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-1024x439.jpg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-150x64.jpg 150w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-2048x878.jpg 2048w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-1200x514.jpg 1200w" alt="risd-museum-cs-hero" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" style="--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200/688;"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-scaled-1200x688-c-default.jpg" srcset="https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-scaled.jpg 2560w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-300x129.jpg 300w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-1024x439.jpg 1024w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-150x64.jpg 150w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-768x329.jpg 768w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-1536x658.jpg 1536w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-2048x878.jpg 2048w, https://www.oomphinc.com/wp-content/uploads/2023/09/risd-museum-cs-hero-1200x514.jpg 1200w" alt="risd-museum-cs-hero"></noscript> </div> <div class="work-card__content"> <div class="work-card__content-inner"> <h4>RISD Museum</h4> <h3>Creating a Platform Experience for a Modern Museum</h3> <span class="link-more__text">Read Case Study</span> </div> </div> </a> </article> <nav class="archive-pagination"> <div class="nav-links "> <div class="nav-next"> <button class="page-filter" id="pagination-filter-next" data-page="2">Next page</button> </div> </div> </nav> </div> </div> <div class="quotation"> <div class="sk-container--slg"> <blockquote> We selected Oomph because they had no museum experience. That fresh perspective was important to support the reinvention of the museum. The other important aspect was their willingness to collaborate with our team. <cite><p><strong>JEREMY RADTKE</strong> Assistant Director, Digital Initiatives, RISD Museum</p> </cite> </blockquote> </div> </div> <div class="archive-cta__cta-container sk-container--slg"> <div class="archive-cta__cta"> <h3>Work for Us</h3> <div class="archive-cta__cta-content"> <div class="archive-cta__cta-desc sk-text--h2"><p>Come work with us from <em>Anywhere</em>.</p> <p>We’re always looking for professionals who make our team stronger, kinder, and more purposeful.</p> </div> <a class="archive-cta__cta-link arrow-btn" href="https://www.oomphinc.com/career/" target="_self">Browse our current opportunities</a> </div> </div> </div> </div> </main> <footer class="footer"> <div class="footer__container"> <div class="footer__top"> <div class="footer__cta-text"> <h2>Talk to Oomph about your next project.</h2> <a class="btn" href="https://www.oomphinc.com/contact/" target="_self">Let’s Chat</a> </div> </div> <div class="footer__center"> <div class="footer__form"> <div data-id="1" data-title="true" data-descr="true" data-ajax="true"> <script type="text/javascript"></script> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework sign-up_wrapper' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><div id='gf_1' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Sign Up for Insights</h2> <p class='gform_description'>Subscribe and receive expert insights and strategies on how digital products can deepen your connections with customers, partners, and employees.</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' class='sign-up' action='/work/#gf_1' data-formid='1' novalidate> <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_above description_below validation_below'><div id="field_1_5" class="gfield gfield--type-email field_sublabel_above gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible" data-js-reload="field_1_5" ><label class='gfield_label gform-field-label' for='input_1_5'>Email</label><div class='ginput_container ginput_container_email'> <input name='input_5' id='input_1_5' type='email' value='' class='large' placeholder='Enter your email' aria-invalid="false" /> </div></div><div id="field_1_6" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_6" ><label class='gfield_label gform-field-label' for='input_1_6'>Phone</label><div class='ginput_container'><input name='input_6' id='input_1_6' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_1_6'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Keep me up to date!' onclick='if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} jQuery("#gform_1").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=1&title=1&description=1&tabindex=0&theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsImIwM2Q0Mzg4YTE1ZjM5YTE3MTEwMjBhNzQ0MGMyMGEyIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https://www.oomphinc.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https://www.oomphinc.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ </script> </div> </div> <div class="footer__socials"> <div class="footer__socials-title"> <p>Connect</p> </div> <div class="footer__socials-links"> <div class="footer__socials-media"> <div class="footer__socials-desc"> <p>Follow us for the latest — each channel curated according to your interests:</p> </div> <div class="footer__socials-link"> <a href="https://www.linkedin.com/company/oomph-inc./" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/Linkedin.svg" alt="Linkedin" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/Linkedin.svg" alt="Linkedin"></noscript> LinkedIn for strategic insights</a> <a href="https://twitter.com/oomphinc" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/twitter-x-1.svg" alt="twitter-x 1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/twitter-x-1.svg" alt="twitter-x 1"></noscript> X for conversation & sharing</a> <a href="https://www.youtube.com/@oomphinc" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/YouTube.svg" alt="YouTube" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/YouTube.svg" alt="YouTube"></noscript> YouTube for knowledge sharing</a> <a href="https://www.instagram.com/oomphinc/" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/instagram.svg" alt="instagram" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/instagram.svg" alt="instagram"></noscript> Instagram for design & culture</a> </div> </div> <div class="footer__socials-platforms"> <div class="footer__socials-platform"> <p class="footer__socials-desc">Reviews are independently gathered.</p> <iframe id="iframe-0.03849654114372725" width="100%" data-src="https://widget.clutch.co/widgets/get/14?ref_domain=www.oomphinc.com&uid=104694&header_color=%23112b3b&footer_color=%23112b3b&primary_color=%230ac9c2&secondary_color=%230ac9c2&rel_nofollow=true&ref_path=/" height="50px" scrolling="no" style="border: none; overflow: hidden; display: block;" title="[object Object]14" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" data-load-mode="1"></iframe> </div> <div class="footer__socials-platform"> <p class="footer__socials-desc">Oomph is a member of 1% For The Planet, donating 1% of revenue each year to environmental non-profits. </p> <a href="https://directories.onepercentfortheplanet.org/profile/oomph-inc" target="_blank"> <img data-src="https://www.oomphinc.com/wp-content/uploads/2023/09/1ftp_BusinessMember_Horizontal-1.svg" alt="1% for the Planet member" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://www.oomphinc.com/wp-content/uploads/2023/09/1ftp_BusinessMember_Horizontal-1.svg" alt="1% for the Planet member"></noscript> </a> </div> </div> </div> </div> </div> <div class="footer__bottom"> <p><a href="https://www.oomphinc.com/privacy-policy">Your Privacy</a>, <a href="https://www.oomphinc.com/accessibility-statement">Accessibility</a></p> <p>Born in Providence, RI — Working Remote.</p> <p>©2024 Oomph, Inc.</p> </div> </div> </footer> <div class="wppopups-whole" style="display: none"></div>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K49W77" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <link rel='stylesheet' id='gform_basic-css' href='https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.8.13' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.8.13' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/css/dist/theme-ie11.min.css?ver=2.8.13' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.8.13' type='text/css' media='all' /> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1" id="wp-hooks-js"></script> <script type="text/javascript" id="wppopups-js-extra"> /* <![CDATA[ */ var wppopups_vars = {"is_admin":"","ajax_url":"https:\/\/www.oomphinc.com\/wp-admin\/admin-ajax.php","pid":"0","is_front_page":"","is_blog_page":"","is_category":"","site_url":"https:\/\/www.oomphinc.com","is_archive":"1","is_search":"","is_singular":"","is_preview":"","facebook":"","twitter":"","val_required":"This field is required.","val_url":"Please enter a valid URL.","val_email":"Please enter a valid email address.","val_number":"Please enter a valid number.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","disable_form_reopen":"__return_false"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/wp-popups-lite/src/assets/js/wppopups.js?ver=2.2.0.1" id="wppopups-js"></script> <script type="text/javascript" id="manifest-js-extra"> /* <![CDATA[ */ var themeVars = {"home":"https:\/\/www.oomphinc.com","isHome":"","ajaxUrl":"https:\/\/www.oomphinc.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/manifest.js" id="manifest-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/vendor/jquery.js" id="vendor-jquery-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/app.js" id="app-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/themes/oomphinc/public/js/templates/archive-work.js" id="template-archive-work-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.16.5" id="smush-lazy-load-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery.ui.touch-punch.min.js?ver=1.0.0" id="MRSGF-jquery-ui-touch-punch-js-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/jquery-ui-slider-pips.js?ver=1.0.0" id="MRSGF-jquery-ui-slider-pips-js-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-content/plugins/multiple-range-slider-for-gravity-form/assets/js/front.js?ver=6.4.1" id="MRSGF-front-js-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/dom-ready.min.js?ver=392bdd43726760d1f3ca" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.oomphinc.com/wp-includes/js/dist/a11y.min.js?ver=7032343a947cfccf5608" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.8.13" id="gform_json-js"></script> <script type="text/javascript" id="gform_gravityforms-js-extra"> /* <![CDATA[ */ var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":0,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2,"code":"USD"},"base_url":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"e5cca4aaa4a7a34dadb961b9969a2a93","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.8.13" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.8.13" id="gform_placeholder-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=50c7bea9c2320e16728e44ae9fde5f26" id="gform_gravityforms_utils-js"></script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=54e7080aa7a02c83aa61fae430b9d869" id="gform_gravityforms_theme_vendors-js"></script> <script type="text/javascript" id="gform_gravityforms_theme-js-extra"> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"e5cca4aaa4a7a34dadb961b9969a2a93"}}},"hmr_dev":"","public_path":"https:\/\/www.oomphinc.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://www.oomphinc.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=bab19fd84843dabc070e73326d787910" id="gform_gravityforms_theme-js"></script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); /* ]]> */ </script> </body> </html>