1 2<!doctype html> 3<html lang="en-US"> 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="profile" href="https://gmpg.org/xfn/11"> 8 9 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 10 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 11
11<script id="cookie-law-info-gcm-var-js"> 12var _ckyGcm = {"status":true,"default_settings":[{"analytics":"denied","advertisement":"denied","functional":"denied","necessary":"granted","ad_user_data":"denied","ad_personalization":"denied","regions":"All"}],"wait_for_update":2000,"url_passthrough":false,"ads_data_redaction":false}</script>
vendor: 1 bytes, line 12
12
13<script id="cookie-law-info-gcm-js" type="text/javascript" src="https://workwithopal.com/wp-content/plugins/cookie-law-info/lite/frontend/js/gcm.min.js"></script>
13
13<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/6c7d795784d2fab72fb019a5d134d680/script.js"></script>
13 14 <!-- This site is optimized with the Yoast SEO plugin v25.8 - https://yoast.com/wordpress/plugins/seo/ --> 15 <title>About - Opal</title> 16 <link rel="canonical" href="https://workwithopal.com/about/" /> 17 <meta property="og:locale" content="en_US" /> 18 <meta property="og:type" content="article" /> 19 <meta property="og:title" content="About - Opal" /> 20 <meta property="og:description" content="Product Tour Opal Pricing Talk to an Expert" /> 21 <meta property="og:url" content="https://workwithopal.com/about/" /> 22 <meta property="og:site_name" content="Opal" /> 23 <meta property="article:modified_time" content="2025-06-19T05:25:11+00:00" /> 24 <meta property="og:image" content="https://workwithopal.com/wp-content/uploads/2022/12/template.png" /> 25 <meta name="twitter:card" content="summary_large_image" /> 26 <meta name="twitter:label1" content="Est. reading time" /> 27 <meta name="twitter:data1" content="2 minutes" /> 28
28<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://workwithopal.com/about/","url":"https://workwithopal.com/about/","name":"About - Opal","isPartOf":{"@id":"https://workwithopal.com/#website"},"primaryImageOfPage":{"@id":"https://workwithopal.com/about/#primaryimage"},"image":{"@id":"https://workwithopal.com/about/#primaryimage"},"thumbnailUrl":"https://workwithopal.com/wp-content/uploads/2022/12/template.png","datePublished":"2020-09-28T22:19:36+00:00","dateModified":"2025-06-19T05:25:11+00:00","breadcrumb":{"@id":"https://workwithopal.com/about/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://workwithopal.com/about/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://workwithopal.com/about/#primaryimage","url":"https://workwithopal.com/wp-content/uploads/2022/12/template.png","contentUrl":"https://workwithopal.com/wp-content/uploads/2022/12/template.png"},{"@type":"BreadcrumbList","@id":"https://workwithopal.com/about/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://workwithopal.com/"},{"@type":"ListItem","position":2,"name":"About"}]},{"@type":"WebSite","@id":"https://workwithopal.com/#website","url":"https://workwithopal.com/","name":"Opal","description":"The platform built for marketers to plan, create, & calendar content.","publisher":{"@id":"https://workwithopal.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://workwithopal.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://workwithopal.com/#organization","name":"Opal","url":"https://workwithopal.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://workwithopal.com/#/schema/logo/image/","url":"https://workwithopal.com/wp-content/uploads/2022/09/opal_logo.png","contentUrl":"https://workwithopal.com/wp-content/uploads/2022/09/opal_logo.png","width":242,"height":82,"caption":"Opal"},"image":{"@id":"https://workwithopal.com/#/schema/logo/image/"}}]}</script>
28 29 <!-- / Yoast SEO plugin. --> 30 31 32<link rel='dns-prefetch' href='//static.addtoany.com' /> 33<link rel='dns-prefetch' href='//js-na2.hs-scripts.com' /> 34<link rel='dns-prefetch' href='//ajax.googleapis.com' /> 35<link rel="alternate" type="application/rss+xml" title="Opal » Feed" href="https://workwithopal.com/feed/" /> 36<link rel="alternate" type="application/rss+xml" title="Opal » Comments Feed" href="https://workwithopal.com/comments/feed/" />
37<script> 38window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/workwithopal.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.10"}}; 39/*! This file is auto-generated */ 40!function(s,n){var o,i,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),a=(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===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.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("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}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); 41</script>
41 42<style id='wp-emoji-styles-inline-css'> 43 44 img.wp-smiley, img.emoji { 45 display: inline !important; 46 border: none !important; 47 box-shadow: none !important; 48 height: 1em !important; 49 width: 1em !important; 50 margin: 0 0.07em !important; 51 vertical-align: -0.1em !important; 52 background: none !important; 53 padding: 0 !important; 54 } 55</style> 56<link rel='stylesheet' id='wp-block-library-css' href='https://workwithopal.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.10' media='all' /> 57<style id='classic-theme-styles-inline-css'> 58/*! This file is auto-generated */ 59.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 60</style> 61<link rel='stylesheet' id='me-spr-block-styles-css' href='https://workwithopal.com/wp-content/plugins/simple-post-redirect//css/block-styles.min.css?ver=6.8.10' media='all' /> 62<style id='global-styles-inline-css'> 63:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
63--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
63.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;} 64:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 65:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 66:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 67</style> 68<link rel='stylesheet' id='cmplz-general-css' href='https://workwithopal.com/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.min.css?ver=1767903170' media='all' /> 69<link rel='stylesheet' id='opal-wp-style-css' href='https://workwithopal.com/wp-content/themes/opal-wp/style.css?ver=1.0.118' media='all' /> 70<link rel='stylesheet' id='opal-wp-main-css' href='https://workwithopal.com/wp-content/themes/opal-wp/assets/css/main.css?ver=1.0.118' media='all' /> 71<link rel='stylesheet' id='opal-batch1-css' href='https://workwithopal.com/wp-content/themes/opal-wp/assets/css/batch1.css?cb=1784307858' media='all' /> 72<link rel='stylesheet' id='mega-menu-style-css' href='https://workwithopal.com/wp-content/themes/opal-wp/css/mega-menu.css?ver=1.0.118' media='all' /> 73<link rel='stylesheet' id='addtoany-css' href='https://workwithopal.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' media='all' />
74<script src="https://workwithopal.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=11.3.0" id="monsterinsights-frontend-script-js" async data-wp-strategy="async"></script>
vendor: 1 bytes, line 74
74
75<script data-cfasync="false" data-wpfc-render="false" id='monsterinsights-frontend-script-js-extra'>var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[]","home_url":"https:\/\/workwithopal.com","hash_tracking":"false","v4_id":"G-6SRYR00GMC"};</script>
vendor: 1 bytes, line 75
75
76<script id="addtoany-core-js-before"> 77window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={}; 78</script>
vendor: 1 bytes, line 78
78
79<script defer src="https://static.addtoany.com/menu/page.js" id="addtoany-core-js"></script>
vendor: 1 bytes, line 79
79
80<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js?ver=6.8.10" id="jquery-js"></script>
vendor: 1 bytes, line 80
80
81<script defer src="https://workwithopal.com/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1" id="addtoany-jquery-js"></script>
81 82<link rel="https://api.w.org/" href="https://workwithopal.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://workwithopal.com/wp-json/wp/v2/pages/435" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://workwithopal.com/xmlrpc.php?rsd" /> 83<meta name="generator" content="WordPress 6.8.10" /> 84<link rel='shortlink' href='https://workwithopal.com/?p=435' /> 85<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://workwithopal.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fworkwithopal.com%2Fabout%2F" /> 86<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://workwithopal.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fworkwithopal.com%2Fabout%2F&format=xml" /> 87<!-- Google Tag Manager -->
88<script>
vendor: 331 bytes, lines 88-92
88(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 89new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 90j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 91'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 92})(window,document,'script','dataLayer','
92GTM-MJTH984
vendor: 3 bytes, line 92
92');
92</script>
92 93<!-- End Google Tag Manager --> 94
95<script> 96window['_fs_debug'] = false; 97window['_fs_host'] = 'fullstory.com'; 98window['_fs_script'] = 'edge.fullstory.com/s/fs.js'; 99window['_fs_org'] = 'P5G88'; 100window['_fs_namespace'] = 'FS'; 101(function(m,n,e,t,l,o,g,y){ 102 if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;} 103 g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[]; 104 o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script; 105 y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y); 106 g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)}; 107 g.anonymize=function(){g.identify(!!0)}; 108 g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)}; 109 g.log = function(a,b){g("log",[a,b])}; 110 g.consent=function(a){g("consent",!arguments.length||a)}; 111 g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)}; 112 g.clearUserCookie=function(){}; 113 g.setVars=function(n, p){g('setVars',[n,p]);}; 114 g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y]; 115 if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)}; 116 g._v="1.3.0"; 117})(window,document,window['_fs_namespace'],'script','user'); 118</script>
118 119
120<script>(function (c, p, d, u, id, i) { 121 id = ''; // Optional Custom ID for user in your system 122 u = 'https://tracking.g2crowd.com/attribution_tracking/conversions/' + c + '.js?p=' + encodeURI(p) + '&e=' + id; 123 i = document.createElement('script'); 124 i.type = 'application/javascript'; 125 i.async = true; 126 i.src = u; 127 d.getElementsByTagName('head')[0].appendChild(i); 128}("5512", document.location.href, document));</script>
128 129
130<script> 131 window._6si = window._6si || []; 132 window._6si.push(['enableEventTracking', true]); 133 window._6si.push(['setToken', '3b813d4d65dbbea9f1e83692c62c4c45']); 134 window._6si.push(['setEndpoint', 'b.6sc.co']); 135 136 137 138 (function() { 139 var gd = document.createElement('script'); 140 gd.type = 'text/javascript'; 141 gd.async = true; 142 gd.src = '//j.6sc.co/6si.min.js'; 143 var s = document.getElementsByTagName('script')[0]; 144 s.parentNode.insertBefore(gd, s); 145 })(); 146 </script>
146 147
148<script> 149!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_gw55lq9uxzbe');rdt('track', 'PageVisit'); 150</script>
150 151
152<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/22364887.js"></script>
152 153 154 155<!-- Apollo script begin -->
155<script>(function initApolloInbound(){var TIMEOUT_MS=15000;var timeoutId;var style=document.createElement('style');style.id='apollo-form-prehide-css';style.textContent='form:has(input[type="email" i]),form:has(input[name="email" i]),.hs-form-iframe{position:relative!important}form:has(input[type="email" i])::before,form:has(input[name="email" i])::before,.hs-form-iframe::before{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:auto;border:2.5px solid #E1E1E1;border-top:2.5px solid #9EA3A6;border-radius:50%;animation:spin 1s linear infinite;background-color:transparent;pointer-events:auto;z-index:999999;opacity:1}form:has(input[type="email" i]) *,form:has(input[name="email" i]) *,.hs-form-iframe *{opacity:0!important;user-select:none!important;pointer-events:none!important}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}';(document.head || document.documentElement).appendChild(style);function cleanup(){var styleEl=document.getElementById('apollo-form-prehide-css');if(styleEl)styleEl.remove();if(timeoutId)clearTimeout(timeoutId);}timeoutId=setTimeout(function(){console.warn('[Apollo] Form enrichment timeout after 5s - revealing forms. Check network and console for errors.');cleanup();},TIMEOUT_MS);var nocache=Math.random().toString(36).substring(7);var script=document.createElement('script');script.src='https://assets.apollo.io/js/apollo-inbound.js?nocache=' + nocache;script.defer=true;script.onerror=function(){console.error('[Apollo] Failed to load form enrichment script');cleanup();};script.onload=function(){try{window.ApolloInbound.formEnrichment.init({appId: '69a8f9150eef5f001d033375',onReady: function(){cleanup();},onError: function(err){console.error('[Apollo] Form enrichment init error:',err);cleanup();}});}catch(err){console.error('[Apollo] Error initializing form enrichment:',err);cleanup();}};document.head.appendChild(script);})();</script>
155 <!-- Apollo script end --> 156
157<script type="text/javascript"> 158_linkedin_partner_id = "3230018"; 159window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 160window._linkedin_data_partner_ids.push(_linkedin_partner_id); 161</script>
161<script type="text/javascript"> 162(function(l) { 163if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; 164window.lintrk.q=[]} 165var s = document.getElementsByTagName("script")[0]; 166var b = document.createElement("script"); 167b.type = "text/javascript";b.async = true; 168b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; 169s.parentNode.insertBefore(b, s);})(window.lintrk); 170</script>
170 171<noscript> 172<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3230018&fmt=gif" /> 173</noscript> 174
175<script>!function(key) {if (window.reb2b) return;window.reb2b = {loaded: true};var s = document.createElement("script");s.async = true;s.src = "https://ddwl4m2hdecbv.cloudfront.net/b/" + key + "/" + key + ".js.gz";document.getElementsByTagName("script")[0].parentNode.insertBefore(s, document.getElementsByTagName("script")[0]);}("7N850H5J34N1");</script>
175 <!-- DO NOT COPY THIS SNIPPET! Start of Page Analytics Tracking for HubSpot WordPress plugin v11.3.16--> 176
176<script class="hsq-set-content-id" data-content-id="standard-page"> 177 var _hsq = _hsq || []; 178 _hsq.push(["setContentType", "standard-page"]); 179 </script>
179 180 <!-- DO NOT COPY THIS SNIPPET! End of Page Analytics Tracking for HubSpot WordPress plugin --> 181
181<script> 182 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 183 </script>
183 184 <style> 185 .no-js img.lazyload { 186 display: none; 187 } 188 189 figure.wp-block-image img.lazyloading { 190 min-width: 150px; 191 } 192 193 .lazyload, 194 .lazyloading { 195 --smush-placeholder-width: 100px; 196 --smush-placeholder-aspect-ratio: 1/1; 197 width: var(--smush-placeholder-width) !important; 198 aspect-ratio: var(--smush-placeholder-aspect-ratio) !important; 199 } 200 201 .lazyload, .lazyloading { 202 opacity: 0; 203 } 204 205 .lazyloaded { 206 opacity: 1; 207 transition: opacity 400ms; 208 transition-delay: 0ms; 209 } 210 211 </style> 212 213<!-- Meta Pixel Code -->
214<script type='text/javascript'> 215!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 216n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 217n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 218t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 219document,'script','https://connect.facebook.net/en_US/fbevents.js'); 220</script>
220 221<!-- End Meta Pixel Code -->
222<script type='text/javascript'>var url = window.location.origin + '?ob=open-bridge'; 223 fbq('set', 'openbridge', '758035100405981', url); 224fbq('init', '758035100405981', {}, { 225 "agent": "wordpress-6.8.10-4.1.5" 226})</script>
226<script type='text/javascript'> 227 fbq('track', 'PageView', []); 228 </script>
228<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
228<script>window.addEventListener("message", function(event) { 229if (event.data && event.data.type === "hsFormCallback" && event.data.eventName === "onFormSubmitted") { 230if (typeof fbq === "function") fbq("track", "Lead"); 231} 232});</script>
232<link rel="icon" href="https://workwithopal.com/wp-content/uploads/2020/11/cropped-favicon-4-32x32.png" sizes="32x32" /> 233<link rel="icon" href="https://workwithopal.com/wp-content/uploads/2020/11/cropped-favicon-4-192x192.png" sizes="192x192" /> 234<link rel="apple-touch-icon" href="https://workwithopal.com/wp-content/uploads/2020/11/cropped-favicon-4-180x180.png" /> 235<meta name="msapplication-TileImage" content="https://workwithopal.com/wp-content/uploads/2020/11/cropped-favicon-4-270x270.png" /> 236 <style id="wp-custom-css"> 237 .page-id-9328 #masthead { 238 display: none !important; 239 } 240 .page-id-9260 #masthead { 241 display: none !important; 242 } 243 .page-id-9352 #masthead { 244 display: none !important; 245 } 246 .page-id-9342 #masthead { 247 display: none !important; 248 } 249 .page-id-9348 #masthead { 250 display: none !important; 251 } 252 .page-id-9340 #masthead { 253 display: none !important; 254 } 255 .page-id-9350 #masthead { 256 display: none !important; 257 } 258 .page-id-9338 #masthead { 259 display: none !important; 260 } 261 .page-id-9231 #masthead { 262 display: none !important; 263 } 264 .page-id-9183 #masthead { 265 display: none !important; 266 } 267 .page-id-9495 #masthead { 268 display: none !important; 269 } 270 .page-id-9561 #masthead { 271 display: none !important; 272 } 273 .page-id-9620 #masthead { 274 display: none !important; 275 } 276 .page-id-10176 #masthead { 277 display: none !important; 278 } 279 .page-id-10228 #masthead { 280 display: none !important; 281 } 282 .page-id-10427 #masthead { 283 display: none !important; 284 } 285 .page-id-10488 #masthead { 286 display: none !important; 287 } 288 .page-id-10491 #masthead { 289 display: none !important; 290 } 291 .page-id-11601 #masthead { 292 display: none !important; 293 } 294 .page-id-11758 #masthead { 295 display: none !important; 296 } 297 .page-id-10950 #site-navigation { 298 display: none !important; 299 } 300 301 .page-id-11255 #site-navigation { 302 display: none !important; 303 } 304 .page-id-11764 #site-navigation { 305 display: none !important; 306 } 307 .page-id-11784 #site-navigation { 308 display: none !important; 309 } 310 .page-id-11940 #site-navigation { 311 display: none !important; 312 } 313 .page-id-12206 #site-navigation { 314 display: none !important; 315 } 316 .page-id-12485 #site-navigation { 317 display: none !important; 318 } 319 .page-id-13073 #site-navigation { 320 display: none !important; 321 } 322 .page-id-10483 #site-navigation { 323 display: none !important; 324 } 325 .page-id-12951 #site-navigation { 326 display: none !important; 327 } 328 .page-id-13570 #site-navigation { 329 display: none !important; 330 } 331 .page-id-13595 #site-navigation { 332 display: none !important; 333 } 334 .page-id-13492 #site-navigation { 335 display: none !important; 336 } 337 .page-id-13789 #site-navigation { 338 display: none !important; 339 } 340 .page-id-13908 #site-navigation { 341 display: none !important; 342 } 343 .page-id-14543 #site-navigation { 344 display: none !important; 345 } 346 347 .page-id-10176 #notification-bar { 348 display: none; 349 } 350 .page-id-11255 #notification-bar { 351 display: none; 352 } 353 .page-id-11601 #notification-bar { 354 display: none; 355 } 356 .page-id-11758 #notification-bar { 357 display: none; 358 } 359 .page-id-11764 #notification-bar { 360 display: none; 361 } 362 .page-id-11784 #notification-bar { 363 display: none; 364 } 365 .page-id-11940 #notification-bar { 366 display: none; 367 } 368 .page-id-12206 #notification-bar { 369 display: none; 370 } 371 .page-id-12485 #notification-bar { 372 display: none; 373 } 374 .page-id-13073 #notification-bar { 375 display: none; 376 } 377 .page-id-10483 #notification-bar { 378 display: none; 379 } 380 .page-id-12951 #notification-bar { 381 display: none; 382 } 383 .page-id-13492 #notification-bar { 384 display: none; 385 } 386 .page-id-13570 #notification-bar { 387 display: none; 388 } 389 .page-id-13595 #notification-bar { 390 display: none; 391 } 392 .page-id-13908 #notification-bar { 393 display: none; 394 } 395 .page-id-14543 #notification-bar { 396 display: none; 397 } 398 399 .page-id-10176 .block_6169e2aad52da {aspect-ratio:2.637;} 400 .page-id-10176 .opal-container-block.pullup.block_6169e2aad52da:first-child { 401 margin-top: 0 !important; 402 } 403 @media (min-width: 48rem) { 404 .page-id-10176 .opal-container-block.pullup.block_6169e2aad52da:first-child { 405 margin-top: -1.5625rem !important; 406 } 407 } 408 409 .get-a-demo .mktoForm select.mktoField#State, .get-a-demo .mktoForm select.mktoField#OPAL_Event_drink_pref__c { 410 width: 100% !important; 411 border-radius: 3px; 412 padding: 18px 12px !important; 413 } 414 415 .get-a-demo .mktoForm select.mktoField#State, .get-a-demo .mktoForm select.mktoField#OPAL_Event_food_pref__c { 416 width: 100% !important; 417 border-radius: 3px; 418 padding: 18px 12px !important; 419 } 420 421 .get-a-demo .mktoForm select.mktoField#OPAL_Event_Custom_Info__c { 422 width: 100% !important; 423 border-radius: 3px; 424 padding: 18px 12px !important; 425 } 426 427 @media (min-width: 537px) { 428 .get-a-demo .mktoForm select.mktoField#OPAL_Event_Custom_Info__c { 429 width: 204% !important; 430 } 431 } 432 433 /*Free Trial Styling*/ 434 .get-a-demo .mktoForm select.mktoField#Free_Trial_Team__c { 435 width: 100% !important; 436 border-radius: 3px; 437 padding: 18px 12px !important; 438 } 439 /*Free Trial Styling*/ 440 .get-a-demo .mktoFormRow:nth-of-type(4) .mktoFormCol { 441 width: 98%; 442 margin: 1%; 443 } 444 /*Free Trial Styling*/ 445 .get-a-demo label.mktoLabel#LblFree_Trial_Team__c { 446 width: 90% !important; 447 } 448 449 .get-a-demo .mktoForm label.mktoLabel { 450 white-space: nowrap; 451 overflow: hidden; 452 text-overflow: ellipsis; 453 } 454 455 .wp-block-button__link.pink-outline, .wp-block-button__link.pink-filled { 456 transition: all 0.2s ease-in-out; 457 } 458 459 .is-style-outline>.wp-block-button__link.pink-outline { 460 color: #ff1351; 461 } 462 463 .site .site-main .pink-outline:hover, 464 .site .site-main .pink-filled:hover { 465 background-color: #780726 !important; 466 color: white; 467 text-shadow: unset; 468 } 469 470 .page-id-10950 .get-a-demo .mktoForm button.mktoButton, .page-id-10527 .get-a-demo .mktoForm button.mktoButton, .page-id-11255 .get-a-demo .mktoForm button.mktoButton, .page-id-11717 .get-a-demo .mktoForm button.mktoButton { 471 transition: all 0.2s ease-in-out; 472 background-color: #ff1351 !important; 473 } 474 475 .page-id-10950 .get-a-demo .mktoForm button.mktoButton:hover, 476 .page-id-10527 .get-a-demo .mktoForm button.mktoButton:hover, 477 .page-id-11255 .get-a-demo .mktoForm 478 button.mktoButton:hover, 479 .page-id-11717 .get-a-demo .mktoForm 480 button.mktoButton:hover{ 481 background-color: #780726 !important; 482 } 483 484 .pink-filled { 485 background: #ff1351; 486 border-radius: 8px; 487 } 488 .pink-outline { 489 border-radius: 8px; 490 } 491 .get-a-demo input { 492 height: 55px !important; 493 } 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 .page-id-9328 #masthead {
530 display: none !important; 531 } 532 .page-id-9260 #masthead { 533 display: none !important; 534 } 535 .page-id-9352 #masthead { 536 display: none !important; 537 } 538 .page-id-9342 #masthead { 539 display: none !important; 540 } 541 .page-id-9348 #masthead { 542 display: none !important; 543 } 544 .page-id-9340 #masthead { 545 display: none !important; 546 } 547 .page-id-9350 #masthead { 548 display: none !important; 549 } 550 .page-id-9338 #masthead { 551 display: none !important; 552 } 553 .page-id-9231 #masthead { 554 display: none !important; 555 } 556 .page-id-9183 #masthead { 557 display: none !important; 558 } 559 .page-id-9495 #masthead { 560 display: none !important; 561 } 562 .page-id-9561 #masthead { 563 display: none !important; 564 } 565 .page-id-9620 #masthead { 566 display: none !important; 567 } 568 .page-id-10176 #masthead { 569 display: none !important; 570 } 571 .page-id-10228 #masthead { 572 display: none !important; 573 } 574 .page-id-10427 #masthead { 575 display: none !important; 576 } 577 .page-id-10488 #masthead { 578 display: none !important; 579 } 580 .page-id-10491 #masthead { 581 display: none !important; 582 } 583 .page-id-11601 #masthead { 584 display: none !important; 585 } 586 .page-id-11758 #masthead { 587 display: none !important; 588 } 589 .page-id-10950 #site-navigation { 590 display: none !important; 591 } 592 593 .page-id-11255 #site-navigation { 594 display: none !important; 595 } 596 .page-id-11764 #site-navigation { 597 display: none !important; 598 } 599 .page-id-11784 #site-navigation { 600 display: none !important; 601 } 602 .page-id-11940 #site-navigation { 603 display: none !important; 604 } 605 .page-id-12206 #site-navigation { 606 display: none !important; 607 } 608 .page-id-12485 #site-navigation { 609 display: none !important; 610 } 611 .page-id-13073 #site-navigation { 612 display: none !important; 613 } 614 .page-id-10483 #site-navigation { 615 display: none !important; 616 } 617 .page-id-12951 #site-navigation { 618 display: none !important; 619 } 620 .page-id-13570 #site-navigation { 621 display: none !important; 622 } 623 .page-id-13595 #site-navigation { 624 display: none !important; 625 } 626 .page-id-13492 #site-navigation { 627 display: none !important; 628 } 629 .page-id-13789 #site-navigation { 630 display: none !important; 631 } 632 .page-id-13908 #site-navigation { 633 display: none !important; 634 } 635 .page-id-14543 #site-navigation { 636 display: none !important; 637 } 638 639 .page-id-10176 #notification-bar { 640 display: none; 641 } 642 .page-id-11255 #notification-bar { 643 display: none; 644 } 645 .page-id-11601 #notification-bar { 646 display: none; 647 } 648 .page-id-11758 #notification-bar { 649 display: none; 650 } 651 .page-id-11764 #notification-bar { 652 display: none; 653 } 654 .page-id-11784 #notification-bar { 655 display: none; 656 } 657 .page-id-11940 #notification-bar { 658 display: none; 659 } 660 .page-id-12206 #notification-bar { 661 display: none; 662 } 663 .page-id-12485 #notification-bar { 664 display: none; 665 } 666 .page-id-13073 #notification-bar { 667 display: none; 668 } 669 .page-id-10483 #notification-bar { 670 display: none; 671 } 672 .page-id-12951 #notification-bar { 673 display: none; 674 } 675 .page-id-13492 #notification-bar { 676 display: none; 677 } 678 .page-id-13570 #notification-bar { 679 display: none; 680 } 681 .page-id-13595 #notification-bar { 682 display: none; 683 } 684 .page-id-13908 #notification-bar { 685 display: none; 686 } 687 .page-id-14543 #notification-bar { 688 display: none; 689 } 690 691 .page-id-10176 .block_6169e2aad52da {aspect-ratio:2.637;} 692 .page-id-10176 .opal-container-block.pullup.block_6169e2aad52da:first-child { 693 margin-top: 0 !important; 694 } 695 @media (min-width: 48rem) { 696 .page-id-10176 .opal-container-block.pullup.block_6169e2aad52da:first-child { 697 margin-top: -1.5625rem !important; 698 } 699 } 700 701 .get-a-demo .mktoForm select.mktoField#State, .get-a-demo .mktoForm select.mktoField#OPAL_Event_drink_pref__c { 702 width: 100% !important; 703 border-radius: 3px; 704 padding: 18px 12px !important; 705 } 706 707 .get-a-demo .mktoForm select.mktoField#State, .get-a-demo .mktoForm select.mktoField#OPAL_Event_food_pref__c { 708 width: 100% !important; 709 border-radius: 3px; 710 padding: 18px 12px !important; 711 } 712 713 .get-a-demo .mktoForm select.mktoField#OPAL_Event_Custom_Info__c { 714 width: 100% !important; 715 border-radius: 3px; 716 padding: 18px 12px !important; 717 } 718 719 @media (min-width: 537px) { 720 .get-a-demo .mktoForm select.mktoField#OPAL_Event_Custom_Info__c { 721 width: 204% !important; 722 } 723 } 724 725 /*Free Trial Styling*/ 726 .get-a-demo .mktoForm select.mktoField#Free_Trial_Team__c { 727 width: 100% !important; 728 border-radius: 3px; 729 padding: 18px 12px !important; 730 } 731 /*Free Trial Styling*/ 732 .get-a-demo .mktoFormRow:nth-of-type(4) .mktoFormCol { 733 width: 98%; 734 margin: 1%; 735 } 736 /*Free Trial Styling*/ 737 .get-a-demo label.mktoLabel#LblFree_Trial_Team__c { 738 width: 90% !important; 739 } 740 741 .get-a-demo .mktoForm label.mktoLabel { 742 white-space: nowrap; 743 overflow: hidden; 744 text-overflow: ellipsis; 745 } 746 747 .wp-block-button__link.pink-outline, .wp-block-button__link.pink-filled { 748 transition: all 0.2s ease-in-out; 749 } 750 751 .is-style-outline>.wp-block-button__link.pink-outline { 752 color: #ff1351; 753 } 754 755 .site .site-main .pink-outline:hover, 756 .site .site-main .pink-filled:hover { 757 background-color: #780726 !important; 758 color: white; 759 text-shadow: unset; 760 } 761 762 .page-id-10950 .get-a-demo .mktoForm button.mktoButton, .page-id-10527 .get-a-demo .mktoForm button.mktoButton, .page-id-11255 .get-a-demo .mktoForm button.mktoButton, .page-id-11717 .get-a-demo .mktoForm button.mktoButton { 763 transition: all 0.2s ease-in-out; 764 background-color: #ff1351 !important; 765 } 766 767 .page-id-10950 .get-a-demo .mktoForm button.mktoButton:hover, 768 .page-id-10527 .get-a-demo .mktoForm button.mktoButton:hover, 769 .page-id-11255 .get-a-demo .mktoForm 770 button.mktoButton:hover, 771 .page-id-11717 .get-a-demo .mktoForm 772 button.mktoButton:hover{ 773 background-color: #780726 !important; 774 } 775 776 .pink-filled { 777 background: #ff1351; 778 border-radius: 8px; 779 } 780 .pink-outline { 781 border-radius: 8px; 782 } 783 .get-a-demo input { 784 height: 55px !important; 785 } 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 /* Solutions Page: Start */ 828 .opal-page-solutions .show-on-desktop { 829 display: none; 830 } 831 832 #masthead.solutions-page-header .main-navigation ul#primary-menu a { 833 color: #fff; 834 } 835 #masthead.solutions-page-header .main-navigation ul#primary-menu .sub-menu { 836 margin-top: unset; 837 max-width: unset; 838 } 839 #masthead.solutions-page-header .main-navigation ul#primary-menu .sub-menu a { 840 color: #000; 841 } 842 #masthead.solutions-page-header .menu-toggle span { 843 background-color: #FFF; 844 } 845 .toggled #masthead #primary-menu { 846 background-color: #2A70EA; 847 } 848 849 /* Hero Section: Start */ 850 .opal-page-solutions .solutions-page-hero { 851 position: relative; 852 overflow: hidden; 853 padding-top: 98% !important; 854 } 855 .opal-page-solutions .solutions-page-hero h1, 856 .opal-page-solutions .solutions-page-hero p { 857 text-align: center; 858 } 859 .opal-page-solutions .solutions-page-hero h1 { 860 font-size: 24px; 861 /* font-size: 42px; */ 862 } 863 .opal-page-solutions .solutions-page-hero p { 864 font-size: 14px; 865 } 866 .opal-page-solutions .solutions-page-hero .solutions-page-hero-text { 867 position: absolute; 868 top: 80px; 869 /* top: 120px; */ 870 left: 0; 871 padding: 0 2.5rem; 872 width: 100%; 873 } 874 .opal-page-solutions .solutions-page-hero .solutions-hero-image { 875 margin: 0; 876 position: absolute; 877 top: 65%; 878 left: 24px; 879 width: calc(100% - 48px); 880 } 881 .opal-page-solutions .solutions-page-hero .solutions-hero-image img { 882 border-radius: 4px; 883 } 884 /* Hero Section: Stop */ 885 886 /* Three Up Boxes Section: Start */ 887 .opal-page-solutions .three-up-boxes-hero .arrow { 888 animation: solutions-page-arrow-bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); 889 border-left: 30px solid transparent; 890 border-right: 30px solid transparent; 891 border-top: 30px solid #fff; 892 display: inline-block; 893 height: 0; 894 left: calc(50% - 30px); 895 position: absolute; 896 top: 0; 897 vertical-align: middle; 898 width: 0; 899 } 900 .opal-page-solutions .three-up-boxes-hero { 901 position: relative; 902 overflow: hidden; 903 padding-top: 68%; 904 /* padding-top: 98%; */ 905 background: linear-gradient(180deg, #9747FF 0%, #00348E 13.54%, #010409 100%); 906 text-align: center; 907 color: #FFF; 908 } 909 .opal-page-solutions .three-up-boxes-hero h1, 910 .opal-page-solutions .three-up-boxes-hero p { 911 text-align: center; 912 } 913 .opal-page-solutions .three-up-boxes-hero .three-up-boxes-hero-text { 914 position: absolute; 915 top: 42px; 916 left: 0; 917 padding: 0 2.5rem; 918 width: 100%; 919 } 920 .opal-page-solutions .three-up-boxes-hero .three-up-boxes-hero-image { 921 margin: 0; 922 position: absolute; 923 /* top: 65%; */ 924 top: 75%; 925 left: 24px; 926 width: calc(100% - 48px); 927 } 928 .opal-page-solutions .three-up-boxes-hero h1 { 929 font-size: 18px; 930 } 931 .opal-page-solutions .three-up-description-blocks { 932 text-align: center; 933 } 934 .opal-page-solutions .three-up-description-blocks .col-xs-12 + .col-xs-12 { 935 margin-top: 22px; 936 } 937 /* Three Up Boxes Section: Stop */ 938 939 /* Flat Crop Section: Start */ 940 .opal-page-solutions .flat-crop-section { 941 margin-top: 85px; 942 font-size: 18px; 943 padding-bottom: 250px; 944 background-position: center bottom; 945 } 946 /* Flat Crop Section: Stop */ 947 948 /* Feature Callout Section: Start */ 949 .opal-page-solutions .feature-callout-container h1 { 950 font-size: 42px; 951 } 952 .opal-page-solutions .feature-callout-container .opal-feature-grid .col-xs-12 { 953 text-align: center; 954 } 955 /* Feature Callout Section: Stop */ 956 957 /* Why Opal?: Start */ 958 .opal-page-solutions .block-why-opal { 959 color: #FFF; 960 text-align: center; 961 padding: 72px 0; 962 } 963 .opal-page-solutions .block-why-opal h2 { 964 font-size: 48px; 965 margin-top: 0; 966 } 967 .opal-page-solutions .block-why-opal p { 968 font-size: 16px; 969 } 970 /* Why Opal?: End */ 971 972 /* By The Numbers */ 973 .opal-page-solutions .opal-by-the-numbers-container .wrapper { 974 padding: 0; 975 } 976 .opal-page-solutions .opal-by-the-numbers-container .eyebrow { 977 display: none; 978 } 979 .opal-page-solutions .opal-by-the-numbers-container .tile-wrapper { 980 display: flex; 981 flex-direction: column; 982 align-items: center; 983 justify-content: flex-start; 984 } 985 .opal-page-solutions .opal-by-the-numbers-container .tile { 986 display: flex; 987 flex-direction: column; 988 align-items: center; 989 justify-content: space-between; 990 padding: 24px; 991 font-size: 24px; 992 font-weight: bold; 993 line-height: normal; 994 width: 100%; 995 gap: 22px; 996 } 997 .opal-page-solutions .opal-by-the-numbers-container .tile .content-container { 998 width: 300px; 999 text-align: center; 1000 display: flex; 1001 flex-direction: column; 1002 } 1003 .opal-page-solutions .opal-by-the-numbers-container .tile a { 1004 color: #000; 1005 font-size: 18px; 1006 font-weight: normal; 1007 margin-top: 23px; 1008 } 1009 .opal-page-solutions .opal-by-the-numbers-container .tile:nth-child(1) { 1010 background: #FFF0F4; 1011 } 1012 .opal-page-solutions .opal-by-the-numbers-container .tile:nth-child(1) .icon { 1013 width: 80px; 1014 } 1015 .opal-page-solutions .opal-by-the-numbers-container .tile:nth-child(2) { 1016 background: #E6F2FF; 1017 } 1018 .opal-page-solutions .opal-by-the-numbers-container .tile:nth-child(2) .icon { 1019 width: 80px; 1020 } 1021 .opal-page-solutions .opal-by-the-numbers-container .tile:nth-child(3) { 1022 background: #F5FAFD; 1023 } 1024 .opal-page-solutions .opal-by-the-numbers-container .tile:nth-child(3) .icon { 1025 width: 120px; 1026 } 1027 1028 /* Quote Section */ 1029 .opal-page-solutions .quote-section-container .quote-tiles-wrapper { 1030 display: flex; 1031 flex-direction: column; 1032 justify-content: space-between; 1033 align-items: center; 1034 padding: 0 0 48px 0; 1035 margin-top: 32px; 1036 } 1037 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile { 1038 padding: 50px; 1039 color: #fff; 1040 font-size: 28px; 1041 display: flex; 1042 flex-direction: column; 1043 gap: 20px; 1044 } 1045 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile:nth-child(1) { 1046 display: none; 1047 background-image: url("https://workwithopal.com/wp-content/uploads/2023/12/quote-bg-computer.png"); 1048 } 1049 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile:nth-child(1) .quote { 1050 font-size: 32px; 1051 } 1052 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile:nth-child(1) img { 1053 width: 176px; 1054 } 1055 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile:nth-child(2) { 1056 background-image: url("https://workwithopal.com/wp-content/uploads/2023/12/quote-bg-globe.png"); 1057 } 1058 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile:nth-child(2) img { 1059 width: 80px; 1060 } 1061 1062 .opal-page-solutions .eyebrow { 1063 color: #2A70EA; 1064 text-align: center; 1065 } 1066 1067 .opal-page-solutions .opal-container-block.pullup:first-child { 1068 margin-top: -96px; 1069 } 1070 1071 .opal-page-solutions .feature-callout-container .wp-block-image.size-full.left-side, 1072 .opal-page-solutions .feature-callout-container .wp-block-image.size-full.right-side, 1073 .opal-page-solutions .opal-by-the-numbers-container .wp-block-image.size-full { 1074 display: none; 1075 } 1076 1077 .opal-page-solutions .see-it-in-action-section h3, 1078 .opal-page-solutions .see-it-in-action-section p { 1079 margin: 0; 1080 } 1081 1082 .opal-page-solutions .see-it-in-action-section a { 1083 color: #2A70EA; 1084 font-weight: bold; 1085 } 1086 1087 .opal-page-solutions .seeItInAction-playButton:hover { 1088 cursor: pointer; 1089 } 1090 1091 #seeItInAction-lightbox { 1092 display: none; 1093 position: fixed; 1094 top: 0; 1095 left: 0; 1096 width: 100%; 1097 height: 100%; 1098 background: rgba(0, 0, 0, 0.7); 1099 z-index: 999; 1100 text-align: center; 1101 justify-content: center; 1102 align-items: center; 1103 } 1104
1105 #seeItInAction-videoContainer { 1106 background: #fff; 1107 padding: 20px; 1108 box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); 1109 border-radius: 5px; 1110 width: 80%; 1111 height: 80%; 1112 } 1113 1114 #seeItInAction-loomIframe { 1115 width: 100%; 1116 height: 100%; 1117 } 1118 1119 #seeItInAction-closeLightbox { 1120 cursor: pointer; 1121 margin-top: 30px; 1122 font-size: 18px; 1123 border-radius: 4px; 1124 background-color: #2A70EA; 1125 color: #FFF; 1126 height: 41px; 1127 display: inline-flex; 1128 flex-direction: row; 1129 align-items: center; 1130 justify-content: center; 1131 transition: .25s ease-in-out; 1132 border: none; 1133 } 1134 1135 #seeItInAction-closeLightbox:hover { 1136 background: 0 0; 1137 color: #fff; 1138 box-shadow: inset 0 0 0 2px #fff; 1139 } 1140 /* See It In Action: Start */ 1141 .opal-page-solutions .see-it-in-action-section { 1142 font-size: 16px; 1143 } 1144 .opal-page-solutions .see-it-in-action-section h3 { 1145 font-size: 36px; 1146 } 1147 .opal-page-solutions .see-it-in-action-section .wrapper { 1148 padding: 0; 1149 } 1150 1151 .opal-page-solutions .see-it-in-action-section .seeing-is-believing-container { 1152 padding: 65px; 1153 background: url("https://workwithopal.com/wp-content/uploads/2023/12/seeing-is-believing.jpg"); 1154 background-size: cover; 1155 display: flex; 1156 flex-direction: row; 1157 align-items: center; 1158 justify-content: flex-start; 1159 gap: 40px; 1160 color: #FFF; 1161 flex-direction: column; 1162 text-align: center; 1163 } 1164 /* See It In Action: End */ 1165 1166 /* Block Full Width Container: Start */ 1167 .block-full-width-cta-banner h3 { 1168 font-size: 48px; 1169 color: #fff; 1170 text-align: center; 1171 } 1172 /* Block Full Width Container: End */ 1173 1174 1175 /* Browser Extension Module: Start */ 1176 .browserExtensionModule { 1177 text-align: center; 1178 } 1179 .browserExtensionModule .container-fluid { 1180 padding: 0; 1181 } 1182 .browserExtensionModule-contentContainer { 1183 background: #EBF1FE; 1184 padding: 70px 32px; 1185 } 1186 .browserExtensionModule-contentContainer figure { 1187 margin: 0; 1188 } 1189 .browserExtensionModule-contentContainer .col-sm-5 { 1190 display: flex; 1191 flex-direction: column; 1192 gap: 21px; 1193 } 1194 .browserExtensionModule-contentContainer .col-sm-6 { 1195 display: none; 1196 } 1197 .browserExtensionModule-contentContainer .col-sm-6 img { 1198 border-radius: 12px; 1199 } 1200 .browserExtensionModule-title { 1201 font-family: Apercu, sans-serif; 1202 font-size: 20px; 1203 font-style: normal; 1204 font-weight: 700; 1205 line-height: 28px; /* 140% */ 1206 margin: 0; 1207 } 1208 .browserExtensionModule-copy { 1209 font-family: Apercu, sans-serif; 1210 font-size: 18px; 1211 font-style: normal; 1212 font-weight: 400; 1213 line-height: normal; 1214 margin: 0; 1215 } 1216 .browserExtensionModule a { 1217 color: #0072F1; 1218 font-size: 18px; 1219 font-style: normal; 1220 font-weight: 700; 1221 line-height: normal; 1222 } 1223 /* Browser Extension Module: End */ 1224 1225 1226 /* Persona Module: Start */ 1227 .personaWidget-blockContainer .container-fluid { 1228 padding-left: 0; padding-right: 0; 1229 } 1230 .personaWidget-header { 1231 font-family: Apercu; 1232 font-size: 36px; 1233 font-weight: 700; 1234 line-height: 44.53px; 1235 text-align: center; 1236 color: #0072F1; 1237 margin-top: 0; 1238 margin-bottom: 40px; 1239 } 1240 .personaWidget-container { 1241 background: linear-gradient(224.36deg, rgba(25, 108, 251, 0.14) 3.63%, rgba(51, 0, 255, 0.14) 89.88%); 1242 padding: 55px 18px; 1243 } 1244 .personaWidget-personaLogo { 1245 height: 44px; 1246 margin-bottom: 16px; 1247 } 1248 .personaWidget-personaContainer { 1249 display: flex; 1250 flex-direction: column; 1251 gap: 17px; 1252 } 1253 .personaWidget-personaItem { 1254 background: #FFFFFF; 1255 border-radius: 12px; 1256 padding: 24px; 1257 transition: 0.25s ease-out; 1258 } 1259 .personaWidget-personaItem a { 1260 font-family: Apercu; 1261 font-size: 16px; 1262 font-weight: 700; 1263 line-height: 19.79px; 1264 text-align: left; 1265 color: #2A70EA; 1266 text-decoration: none; 1267 } 1268 .personaWidget-personaItem p { 1269 font-family: Apercu; 1270 font-size: 16px; 1271 font-weight: 500; 1272 line-height: 19.79px; 1273 text-align: left; 1274 margin: 5px 0; 1275 } 1276 .personaWidget-personaGroup { 1277 font-family: Apercu; 1278 font-size: 22px; 1279 font-weight: 700; 1280 line-height: 27.21px; 1281 text-align: left; 1282 color: #0072F1; 1283 margin: 0; 1284 } 1285 /* Persona Module: End */ 1286 1287 @media (min-width: 723px) { 1288 /* Hero: Start */ 1289 .opal-page-solutions .solutions-page-hero .solutions-hero-image { 1290 top: unset; 1291 bottom: -100px; 1292 } 1293 .opal-page-solutions .three-up-boxes-hero .three-up-boxes-hero-image { 1294 top: unset; 1295 bottom: -100px; 1296 } 1297 /* Hero: Start */ 1298 1299 .opal-page-solutions .see-it-in-action-section { 1300 font-size: 1.5rem; 1301 } 1302 1303 .opal-page-solutions .see-it-in-action-section p { 1304 width: 86%; 1305 } 1306 1307 .opal-page-solutions .see-it-in-action-section h3 { 1308 font-size: 3rem; 1309 } 1310 1311 1312 .opal-page-solutions .three-up-description-blocks { 1313 text-align: left; 1314 } 1315 1316 .opal-page-solutions .three-up-description-blocks .col-xs-12 + .col-xs-12 { 1317 margin-top: 0; 1318 } 1319 1320 .opal-page-solutions .three-up-boxes-hero .hero-title { 1321 font-size: 2.25rem; 1322 text-align: center; 1323 margin: 0.67rem 0; 1324 line-height: 2.75rem; 1325 font-weight: bold; 1326 } 1327 1328 .opal-page-solutions .three-up-boxes-hero p { 1329 font-size: 1.5rem; 1330 text-align: center; 1331 margin: 0.67rem 2rem; 1332 } 1333 1334 /* Hero Images */ 1335 .opal-page-solutions .solutions-page-hero-main .image.bottom img, 1336 .opal-page-solutions .three-up-boxes-hero .image.bottom img { 1337 padding: 0 5rem; 1338 } 1339 1340 1341 .opal-page-solutions .solutions-page-hero-main p { 1342 text-align: center;
1343 color: #FFF; 1344 font-size: 18px; 1345 font-style: normal; 1346 font-weight: 400; 1347 line-height: normal; 1348 } 1349 1350 .opal-page-solutions .solutions-page-hero-main h1 { 1351 font-size: 60px; 1352 font-style: normal; 1353 font-weight: 600; 1354 line-height: normal; 1355 text-align: center; 1356 } 1357 1358 /* Main Hero */ 1359 .opal-page-solutions .solutions-page-hero h1 { 1360 font-size: 60px; 1361 font-style: normal; 1362 font-weight: 600; 1363 line-height: normal; 1364 text-align: center; 1365 } 1366 .opal-page-solutions .solutions-page-hero p { 1367 font-size: 18px; 1368 font-style: normal; 1369 font-weight: 400; 1370 line-height: normal; 1371 } 1372 1373 1374 .flat-crop-section-wrapper { 1375 display: flex; 1376 justify-content: center; 1377 margin-top: 165px; 1378 } 1379 1380 .flat-crop-section-content { 1381 width: 930px; 1382 color: #000; 1383 text-align: center; 1384 font-family: Apercu; 1385 font-size: 24px; 1386 font-style: normal; 1387 font-weight: 400; 1388 line-height: 34px; 1389 } 1390 1391 .flat-crop-section { 1392 min-height: 514px; 1393 /* min-height: 804px; */ 1394 } 1395 1396 #masthead .main-navigation ul#primary-menu > li#menu-item-15821 a { 1397 display: block; 1398 margin-bottom: -8px; 1399 border-radius: 4px; 1400 background-color: #2A70EA; 1401 width: 156px; 1402 height: 41px; 1403 color: #fff; 1404 display: flex; 1405 flex-direction: row; 1406 align-items: center; 1407 justify-content: center; 1408 font-size: 18px; 1409 transition: .25s ease-in-out; 1410 } 1411 1412 #masthead .main-navigation ul#primary-menu > li#menu-item-15821 a:hover { 1413 background: 0 0; 1414 color: #fff; 1415 box-shadow: inset 0 0 0 2px #fff; 1416 } 1417 1418 #masthead .main-navigation ul#primary-menu > li#menu-item-15821:hover:after { 1419 opacity: 0; 1420 } 1421 1422 /* Feature Callout Section: Start */ 1423 .opal-page-solutions .feature-callout-container .opal-feature-grid .col-xs-12 { 1424 text-align: left; 1425 } 1426 /* Feature Callout Section: End */ 1427 1428 /* Why Opal Section: Start */ 1429 .opal-page-solutions .block-why-opal h2 { 1430 font-size: 120px; 1431 margin: 0; 1432 } 1433 .opal-page-solutions .block-why-opal p { 1434 font-size: 24px; 1435 margin-bottom: 0; 1436 } 1437 /* Why Opal Section: End */ 1438 1439 } 1440 1441 @media (min-width: 62rem) { 1442 .solutions-page-header #primary-menu > li:not(.nav-button):after { 1443 background: #fff; 1444 } 1445 } 1446 1447 @media (min-width: 1024px) { 1448 .opal-page-solutions .show-on-desktop { 1449 display: block; 1450 } 1451 1452 /* Hero: Start */ 1453 .opal-page-solutions .solutions-page-hero { 1454 height: unset; 1455 padding-top: 66% !important; 1456 } 1457 .opal-page-solutions .solutions-page-hero .solutions-hero-image { 1458 left: calc(50% - 539px); 1459 width: 1078px; 1460 } 1461 .opal-page-solutions .solutions-page-hero .solutions-hero-image img { 1462 width: 100%; 1463 } 1464 /* Hero: End */ 1465 1466 /* Three Up Section: Start */ 1467 .opal-page-solutions .three-up-boxes-hero { 1468 height: unset; 1469 padding-top: 66% !important; 1470 } 1471 .opal-page-solutions .three-up-boxes-hero .three-up-boxes-hero-text { 1472 width: 1024px; 1473 left: calc(50% - 512px); 1474 top: 120px; 1475 } 1476 .opal-page-solutions .three-up-boxes-hero .three-up-boxes-hero-image { 1477 left: calc(50% - 673px); 1478 width: 1346px; 1479 } 1480 .opal-page-solutions .three-up-boxes-hero .three-up-boxes-hero-image img { 1481 width: 100%; 1482 } 1483 /* Three Up Section: End */ 1484 1485 /* Flat Crop Section: Start */ 1486 .opal-page-solutions .flat-crop-section { 1487 padding-bottom: 720px; 1488 } 1489 /* Flat Crop Section: End */ 1490 1491 /* Feature Callout Section: Start */ 1492 .opal-page-solutions .feature-callout-container .content p { 1493 margin-right: 300px; 1494 } 1495 /* Feature Callout Section: End */ 1496 1497 /* Why Opal? Seciton: Start */ 1498 .opal-page-solutions .block-why-opal { 1499 padding: 220px 0; 1500 text-align: left; 1501 } 1502 .opal-page-solutions .block-why-opal h2 { 1503 margin-bottom: 90px; 1504 } 1505 .opal-page-solutions .block-why-opal p { 1506 line-height: normal; 1507 } 1508 .opal-page-solutions .block-why-opal p + p { 1509 margin-top: 20px; 1510 } 1511 /* Why Opal? Seciton: End */ 1512 1513 /* By The Numbers Section: Start */ 1514 .opal-page-solutions .opal-by-the-numbers-container { 1515 padding-top: 130px; 1516 } 1517 .opal-page-solutions .opal-by-the-numbers-container .eyebrow { 1518 display: block; 1519 margin-bottom: 80px; 1520 } 1521 .opal-page-solutions .opal-by-the-numbers-container .tile-wrapper { 1522 flex-direction: row; 1523 gap: 12px; 1524 } 1525 .opal-page-solutions .opal-by-the-numbers-container .tile .content-container { 1526 text-align: left; 1527 align-items: flex-start; 1528 } 1529 1530 .opal-page-solutions .opal-by-the-numbers-container .wrapper { 1531 padding-right: 2rem; 1532 padding-left: 2rem; 1533 } 1534 .opal-page-solutions .opal-by-the-numbers-container .tile { 1535 height: 320px; 1536 width: calc(100% - 56px); 1537 /* width: 33.3%; */ 1538 border-radius: 12px; 1539 align-items: flex-start; 1540 padding-left: 24px; 1541 font-size: 32px; 1542 transition: transform 2s; 1543 } 1544 /* By The Numbers Section: End */ 1545 1546 /* By The Numbers Section Quotes: Start */ 1547 .opal-page-solutions .quote-section-container .quote-tiles-wrapper { 1548 padding: 0 0 222px; 1549 margin-top: 32px; 1550 flex-direction: row; 1551 } 1552 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile .person { 1553 font-size: 18px; 1554 } 1555 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile { 1556 border-radius: 8px; 1557 margin: unset; 1558 width: calc(50% - 15px); 1559 background-size: 100%; 1560 aspect-ratio: 439/453; 1561 background-position-x: unset; 1562 transition: transform 2s; 1563 display: flex; 1564 flex-direction: column; 1565 justify-content: space-between; 1566 align-items: center; 1567 text-align: center; 1568 } 1569 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile .quote { 1570 font-style: italic; 1571 } 1572 .opal-page-solutions .quote-section-container .quote-tiles-wrapper .tile:nth-child(1) { 1573 display: flex; 1574 } 1575 /* By The Numbers Section Quotes: End */ 1576 1577 /* See It In Action: Start */ 1578 .opal-page-solutions .see-it-in-action-section .wrapper { 1579 padding-right: 2rem; 1580 padding-left: 2rem; 1581 } 1582 .opal-page-solutions .see-it-in-action-section .seeing-is-believing-container { 1583 border-radius: 12px; 1584 } 1585 /* See It In Action: End */ 1586 } 1587 1588 /* Mobile Devices (Portrait) */ 1589 @media (max-width: 480px) { 1590 /* Add your mobile-specific styles here */ 1591 } 1592 1593 /* Tablets (Portrait) */ 1594 @media (min-width: 768px) { 1595 .browserExtensionModule { 1596 margin: 34px 0; 1597 text-align: left; 1598 } 1599 .browserExtensionModule-contentContainer { 1600 border-radius: 12px; 1601 padding: 40px; 1602 } 1603 .browserExtensionModule-contentContainer figure {
1604 margin: 0; 1605 display: block; 1606 } 1607 .browserExtensionModule-contentContainer .col-sm-6 { 1608 display: block; 1609 } 1610 1611 .personaWidget-personaLogo { 1612 margin-bottom: 50px; 1613 } 1614 .personaWidget-personaContainer { 1615 flex-direction: row; 1616 padding-left: 62px; 1617 padding-right: 62px; 1618 } 1619 .personaWidget-personaItem { 1620 padding-left: 15px; 1621 padding-right: 15px; 1622 } 1623 .personaWidget-personaItem p { 1624 font-size: 12px; 1625 line-height: 14.84px; 1626 } 1627.personaWidget-personaItem a { 1628 font-size: 12px; 1629 } 1630.personaWidget-header { 1631 font-family: Apercu; 1632 font-size: 48px; 1633 font-weight: 700; 1634 line-height: 59.38px; 1635 margin-top: 27px; 1636 margin-bottom: 33px; 1637 } 1638 } 1639 1640 /* Small Desktops */ 1641 @media (min-width: 1200px) { 1642 .browserExtensionModule-contentContainer .col-sm-5 { 1643 gap: unset; 1644 justify-content: space-between; 1645 } 1646 .browserExtensionModule-title { 1647 font-size: 36px; 1648 line-height: 48.5px; 1649 } 1650 .browserExtensionModule-copy { 1651 font-size: 24px; 1652 line-height: 30px; 1653 } 1654 .browserExtensionModule a { 1655 font-size: 24px; 1656 } 1657 .personaWidget-header { 1658 font-family: Apercu; 1659 font-size: 60px; 1660 font-weight: 700; 1661 line-height: 74.22px; 1662 margin-top: 20px; 1663 margin-bottom: 40px; 1664 } 1665 .personaWidget-container { 1666 border-radius: 12px; 1667 margin: 0 44px 124px; 1668 /* margin-left: -100px; */ 1669 /* margin-right: -100px; */ 1670 } 1671 .personaWidget-personaGroup { font-size: 26px; 1672 line-height: 32.16px; } 1673 .personaWidget-personaLogo { 1674 margin-bottom: 140px; 1675 height: 54px; 1676 } 1677 .personaWidget-personaItem { 1678 padding-left: 34px; 1679 padding-right: 34px; 1680 padding-top: 34px; 1681 } 1682 .personaWidget-personaItem p, 1683 .personaWidget-personaItem a { 1684 font-size: 18px; 1685 line-height: 22.27px; 1686 } 1687 1688 .personaWidget-personaItem:hover { 1689 transform: translateY(-10px); 1690 } 1691 } 1692 1693 /* Medium Desktops */ 1694 @media (min-width: 1440px) { 1695 /* Flat Crop Section: Start */ 1696 .opal-page-solutions .flat-crop-section { 1697 padding-bottom: 820px; 1698 } 1699 /* Flat Crop Section: End */ 1700 } 1701 1702 /* Large Desktops */ 1703 @media (min-width: 1920px) { 1704 /* Flat Crop Section: Start */ 1705 .opal-page-solutions .flat-crop-section { 1706 padding-bottom: 1040px; 1707 } 1708 /* Flat Crop Section: End */ 1709 } 1710 1711 /* Large Desktops */ 1712 @media (min-width: 2560px) { 1713 /* Flat Crop Section: Start */ 1714 .opal-page-solutions .flat-crop-section { 1715 padding-bottom: 1180px; 1716 } 1717 /* Flat Crop Section: End */ 1718 } 1719 1720 @keyframes solutions-page-arrow-bounce { 1721 50% { 1722 transform: translateY(-15px); 1723 } 1724 } 1725 1726.button-primary { 1727 border-radius: 4px; 1728 background-color: #ff1351; 1729 height: 41px; 1730 color: #fff; 1731 display: flex; 1732 flex-direction: row; 1733 align-items: center; 1734 justify-content: center; 1735 font-size: 18px; 1736 transition: .25s ease-in-out; 1737 padding: 0 2rem; 1738 margin: 0 2rem; 1739} 1740 1741.button-primary:hover, 1742.button-primary:active { 1743 background: 0 0; 1744 color: #ff1351; 1745 box-shadow: inset 0 0 0 2px #ff1351; 1746} 1747 1748/* Small Desktops */ 1749@media (min-width: 768px) { 1750 .button-primary { 1751 margin: 0; 1752 } 1753} 1754 1755/* ============================================ 1756 FIX: Headlines on dark backgrounds 1757 main.css sets h1,h2,h3 color to --color-text-primary 1758 (#1a1a1a), overriding inherited white text in 1759 dark containers. This restores white headings 1760 in all known dark-background sections. 1761 ============================================ */ 1762.dark h1, .dark h2, .dark h3, .dark h4, 1763.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, 1764.enterprise-icon-grid h1, .enterprise-icon-grid h2, 1765.enterprise-icon-grid h3, .enterprise-icon-grid h4, 1766.opal-container-block.enterprise h1, 1767.opal-container-block.enterprise h2, 1768.opal-container-block.enterprise h3, 1769.opal-container-block.enterprise h4, 1770.success-wrap h1, .success-wrap h2, 1771.success-wrap h3, .success-wrap h4 { 1772 color: var(--color-text-inverse, #ffffff) !important; 1773} </style> 1774 1775<!--
1775<script> 1776console.log({"SERVER_SOFTWARE":"Apache","REQUEST_URI":"\/about\/","HTTP_HOST":"workwithopal.com","DOCUMENT_ROOT":"\/home\/du1lrdn\/public_html","PATH":"\/usr\/local\/bin:\/usr\/bin:\/bin","TEMP":"\/tmp","TMP":"\/tmp","TMPDIR":"\/tmp","PWD":"\/","CONTENT_LENGTH":"0","HTTP_USER_AGENT":"Mozilla\/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit\/537.36 (KHTML, like Gecko) Chrome\/124.0 Safari\/537.36","HTTP_X_FORWARDED_FOR":"74.101.144.238","HTTP_X_FORWARDED_HOST":"workwithopal.com","HTTP_X_FORWARDED_PORT":"443","HTTP_X_FORWARDED_PROTO":"https","HTTP_X_FORWARDED_SERVER":"workwithopal.com","HTTP_X_REAL_IP":"74.101.144.238","HTTP_CF_CONNECTING_IP":"74.101.144.238","HTTP_CF_VISITOR":"{\\\"scheme\\\":\\\"https\\\"}","HTTP_CF_RAY":"a3fa2607ed4a4faa-PHX","HTTP_CF_DEVICE_TYPE":"desktop","HTTP_CDN_LOOP":"cloudflare; loops=1","HTTP_CF_IPCOUNTRY":"US","HTTP_CF_IPCITY":"New York City","HTTP_CF_IPCONTINENT":"NA","HTTP_CF_IPLATITUDE":"40.71427","HTTP_CF_IPLONGITUDE":"-74.00597","HTTP_CF_METRO_CODE":"501","HTTP_CF_POSTAL_CODE":"10004","HTTP_CF_REGION":"New York","HTTP_CF_REGION_CODE":"NY","HTTP_CF_TIMEZONE":"America\/New_York","REDIRECT_UNIQUE_ID":"arPed9uXvEhrUAFj1tRn4AAAAMM","REDIRECT_HTTP_AUTHORIZATION":"","REDIRECT_HTTPS":"on","REDIRECT_SSL_TLS_SNI":"workwithopal.com","REDIRECT_STATUS":"200","UNIQUE_ID":"arPed9uXvEhrUAFj1tRn4AAAAMM","HTTP_AUTHORIZATION":"","HTTPS":"on","SSL_TLS_SNI":"workwithopal.com","SERVER_SIGNATURE":"","SERVER_NAME":"workwithopal.com","SERVER_ADDR":"64.120.126.41","SERVER_PORT":"443","REMOTE_ADDR":"74.101.144.238","REQUEST_SCHEME":"https","CONTEXT_PREFIX":"","CONTEXT_DOCUMENT_ROOT":"\/home\/du1lrdn\/public_html","SERVER_ADMIN":"[email protected]","SCRIPT_FILENAME":"\/home\/du1lrdn\/public_html\/index.php","REMOTE_PORT":"58522","REDIRECT_URL":"\/about\/","SERVER_PROTOCOL":"HTTP\/1.1","REQUEST_METHOD":"GET","QUERY_STRING":"","SCRIPT_NAME":"\/index.php","PHP_SELF":"\/index.php","REQUEST_TIME_FLOAT":1790172791.620382,"REQUEST_TIME":1790172791}); 1777</script>
1777 --> 1778
1778<script> 1779 let ec_email = ''; 1780(() => { 1781 const email = sessionStorage.getItem('demo_ec_email'); 1782 if (email) { 1783 ec_email = email; 1784 } 1785})()</script>
1785 1786 1787 1788<!-- Google Tag Manager -->
1789<script>
vendor: 327 bytes, lines 1789-1793
1789(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1790new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1791j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1792'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1793})(window,document,'script','dataLayer','
1793GTM-PV5FH8X
vendor: 3 bytes, line 1793
1793');
1793</script>
1793 1794<!-- End Google Tag Manager --> 1795 1796</head> 1797 1798<body class="wp-singular page-template-default page page-id-435 page-parent wp-custom-logo wp-theme-opal-wp hero-dark page-about"> 1799 1800<!-- Google Tag Manager (noscript) --> 1801<noscript><iframe data-src="https://www.googletagmanager.com/ns.html?id=GTM-PV5FH8X" 1802height="0" width="0" style="display:none;visibility:hidden" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" data-load-mode="1"></iframe></noscript> 1803<!-- End Google Tag Manager (noscript) --> 1804 1805<!-- Google Tag Manager (noscript) --> 1806<noscript><iframe data-src="https://www.googletagmanager.com/ns.html?id=GTM-MJTH984" 1807height="0" width="0" style="display:none;visibility:hidden" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" data-load-mode="1"></iframe></noscript> 1808<!-- End Google Tag Manager (noscript) --> 1809
1810<script>(function (c, p, d, u, id, i) { 1811 u = 'https://tracking.g2crowd.com/attribution_tracking/conversions/' + c + '.js?p=' + encodeURI(p) + '&e=' + id; 1812 i = document.createElement('script'); 1813 i.type = 'application/javascript'; 1814 i.async = true; 1815 i.src = u; 1816 d.getElementsByTagName('head')[0].appendChild(i); 1817 }("5512", document.location.href, document));</script>
1817 1818<!-- Meta Pixel Code --> 1819<noscript> 1820<img height="1" width="1" style="display:none" alt="fbpx" 1821src="https://www.facebook.com/tr?id=758035100405981&ev=PageView&noscript=1" /> 1822</noscript> 1823<!-- End Meta Pixel Code --> 1824<div id="page" class="site"> 1825 <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> 1826 1827 <a href="https://workwithopal.com/about/blog/the-future-of-ai-for-marketing-teams-is-multiplayer/"> 1828 <div id="notification-bar" class="site-notification"> 1829 The future of marketing AI is multiplayer. Discover what that means for your team. </div> 1830 </a> 1831 1832 <header id="masthead" class="site-header"> 1833 <div class="container-fluid"> 1834 <div class="row middle-sm"> 1835 <div class="logo_wrapper"> 1836 <a href="https://workwithopal.com/" class="custom-logo-link" rel="home"><img width="242" height="82" alt="Opal" decoding="async" data-src="https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png" class="custom-logo lazyloaded" src="https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png"></a> </div><!-- .site-branding --> 1837 <div class="nav_wrapper"> 1838 <nav class="main-nav"> 1839 <div class="nav-container"> 1840 <ul id="menu-header-navigation" class="nav-menu"><li class="nav-item" id="menu-item-10097" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10097"><a title="/product" href="https://workwithopal.com/product/" class="nav-link">Platform</a><div class="dropdown mega-menu"><div class="mega-menu-left"><div class="mega-menu-items"><a href="https://workwithopal.com/campaign-planner" class="mega-menu-item"><div class="mega-menu-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/Icon.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div><div class="mega-menu-content"><h3>Plans</h3></div></a><a href="https://workwithopal.com/project-boards" class="mega-menu-item"><div class="mega-menu-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/grid.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div><div class="mega-menu-content"><h3>Boards</h3></div></a><a href="https://workwithopal.com/content-calendar" class="mega-menu-item"><div class="mega-menu-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/calendar.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div><div class="mega-menu-content"><h3>Calendar</h3></div></a><a href="https://workwithopal.com/integrations" class="mega-menu-item"><div class="mega-menu-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/Layer.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div><div class="mega-menu-content"><h3>Integrations</h3></div></a><a href="https://workwithopal.com/gem-ai" class="mega-menu-item"><div class="mega-menu-icon gem-icon-box"><img data-src="https://workwithopal.com/wp-content/uploads/2026/07/gem-icon.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div><div class="mega-menu-content"><h3>Gem AI</h3></div></a></div></div></div> 1841<div class="dropdown single-dropdown"> 1842<a href="https://workwithopal.com/campaign-planner/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img src="http://📄" alt="Icon" /></div>Campaign Planner</a><a href="https://workwithopal.com/project-boards/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img src="http://📄" alt="Icon" /></div>Project Boards</a><a href="https://workwithopal.com/content-calendar/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img src="http://📄" alt="Icon" /></div>Content Calendar</a><a href="https://workwithopal.com/integrations/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img src="http://🔗" alt="Icon" /></div>Integrations</a></div> 1843</li> 1844<li class="nav-item" id="menu-item-16777" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-16777"><a href="#" class="nav-link">Solutions</a><div class="dropdown solutions-mega-menu"><div class="solutions-menu-col solutions-menu-col-left"><span class="solutions-menu-label">Use Case</span><a href="https://workwithopal.com/marketing-project-management-software/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/project-mgmt.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div>Project Management</a><a href="https://workwithopal.com/content-marketing-platform/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/content-marketing.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div>Content Marketing</a><a href="https://workwithopal.com/communication-management-software/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/comms-teams.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div>Comms Teams</a></div><div class="solutions-menu-col solutions-menu-col-right"><span class="solutions-menu-label">Industry</span><a href="https://workwithopal.com/opal-for-software/" class="solutions-industry-link">Software</a><a href="https://workwithopal.com/retail-planning-lp/" class="solutions-industry-link">Retail</a><a href="https://workwithopal.com/opal-for-healthcare/" class="solutions-industry-link">Healthcare</a><a href="https://workwithopal.com/opal-grocery-segment-lp/" class="solutions-industry-link">Grocery</a><a href="https://workwithopal.com/opal-for-qsr/" class="solutions-industry-link">QSR</a></div></div></li> 1845<li class="nav-item" id="menu-item-19912" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19912"><a href="https://workwithopal.com/enterprise/" class="nav-link">Enterprise</a></li> 1846<li class="nav-item" id="menu-item-451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-451"><a href="https://workwithopal.com/customers/" class="nav-link">Customers</a></li> 1847<li class="nav-item" id="menu-item-448" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-435 current_page_item menu-item-has-children menu-item-448"><a href="https://workwithopal.com/about/" class="nav-link">About</a> 1848<div class="dropdown single-dropdown"> 1849<a href="https://workwithopal.com/about/blog/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/blog.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div>Blog</a><a href="https://workwithopal.com/about/careers/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/career.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div>Careers</a><a href="https://workwithopal.com/pricing/" class="simple-dropdown-item"><div class="simple-dropdown-icon"><img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/icons/pricing.svg" alt="Icon" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" /></div>Pricing</a></div> 1850</li> 1851<li class="nav-item" id="menu-item-369" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-369"><a href="https://login.ouropal.com/" class="nav-link">Login</a></li> 1852<li class="nav-item" id="menu-item-8993" class="button menu-item menu-item-type-custom menu-item-object-custom menu-item-8993"><a href="https://workwithopal.com/get-a-demo/" class="nav-link">Talk to Opal ></a></li> 1853</ul> <!-- <a href="#" class="get-demo-btn">Get a Demo</a> --> 1854 </div> 1855 </nav> 1856 1857 <!-- <div class="mobile-menu-icon" onclick="toggleMobileMenu()">☰</div> --> 1858 <button class="mobile-menu-icon" aria-controls="primary-menu" aria-expanded="false" onclick="toggleMobileMenu()"> 1859 <span></span> 1860 <span></span> 1861 <span></span> 1862 </button> 1863 <!-- Fullscreen Mobile Menu Overlay --> 1864 <div id="mobileMenu" class="mobile-menu-overlay"> 1865 <div class="logo_wrapper"> 1866 <a href="https://workwithopal.com/" class="custom-logo-link" rel="home"><img width="242" height="82" alt="Opal" decoding="async" data-src="https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png" class="custom-logo lazyloaded" src="https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png"></a> </div> 1867 <ul id="menu-header-navigation-1" class="mobile-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10097"><a href="https://workwithopal.com/product/" title="/product">Platform</a> 1868<ul class="sub-menu"> 1869 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18389"><a href="https://workwithopal.com/campaign-planner/">Campaign Planner</a></li> 1870 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18414"><a href="https://workwithopal.com/project-boards/">Project Boards</a></li> 1871 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18390"><a href="https://workwithopal.com/content-calendar/">Content Calendar</a></li> 1872 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9940"><a href="https://workwithopal.com/integrations/">Integrations</a></li> 1873</ul> 1874</li> 1875<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-16777"><a href="#">Solutions</a> 1876<ul class="sub-menu"> 1877 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16778"><a href="https://workwithopal.com/marketing-project-management-software/">Project Management</a></li> 1878 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16779"><a href="https://workwithopal.com/content-marketing-platform/">Content Marketing</a></li> 1879 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16833"><a href="https://workwithopal.com/communication-management-software/">Comms Teams</a></li> 1880</ul> 1881</li> 1882<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19912"><a href="https://workwithopal.com/enterprise/">Enterprise</a></li> 1883<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-451"><a href="https://workwithopal.com/customers/">Customers</a></li> 1884<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-435 current_page_item menu-item-has-children menu-item-448"><a href="https://workwithopal.com/about/" aria-current="page">About</a> 1885<ul class="sub-menu"> 1886 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7202"><a href="https://workwithopal.com/about/blog/">Blog</a></li> 1887 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-449"><a href="https://workwithopal.com/about/careers/">Careers</a></li> 1888 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18508"><a href="https://workwithopal.com/pricing/">Pricing</a></li> 1889</ul> 1890</li> 1891<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-369"><a href="https://login.ouropal.com/">Login</a></li> 1892<li class="button menu-item menu-item-type-custom menu-item-object-custom menu-item-8993"><a href="https://workwithopal.com/get-a-demo/">Talk to Opal ></a></li> 1893</ul> </div>
1894 </div><!-- #site-navigation --> 1895 </div> 1896 </div> 1897 </header><!-- #masthead --> <main id="primary" class="site-main home"> 1898 1899 1900<article id="post-435" class="post-435 page type-page status-publish hentry"> 1901 1902 <div class="entry-content"> 1903 1904 <div class="wrapper container-fluid iframe-wrap"> 1905 <div class="row"> 1906 <div class="col-xs-12 content-container"> 1907 1908 1909<div class="opal-container-block block_a114831c3b13d4fa949ac0c30a656632 dark""> 1910 <style> 1911 .block_a114831c3b13d4fa949ac0c30a656632{ 1912 background-image: url(https://workwithopal.com/wp-content/uploads/2020/11/background-screens-fadeout-up.jpg);background-position: center bottom;background-repeat: no-repeat;background-color: #0b101b; } 1913 </style> 1914 1915 <div class="wrapper container-fluid"> 1916 1917<div class="opal-hero"> 1918 1919 <div class="textcenter"> 1920 <div class="row"> 1921 <div class="content col-xs-12 col-sm-8 col-sm-offset-2"> 1922 <img decoding="async" class="icon lazyload" data-src="https://workwithopal.com/wp-content/uploads/2020/11/icon-lightning.svg" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg=="><h1 class="p1"><span class="s1">Finally…A Platform Built for Marketers<br /> 1923 </span></span></h1> 1924<p class="p1"><span class="s1">Purpose built for what marketers need, Opal empowers teams to plan and create with AI – then showcase everything on a visual calendar. When teams unite here, they spend less effort maintaining internal alignment and more time doing the work that matters.<br /> 1925</span></p> 1926 1927 </div> 1928 </div> 1929 </div> 1930 1931</div> 1932 1933<div class="opal-feature-callout"> 1934 1935 <div class="textcenter"> 1936 <div class="row"> 1937 <div class="content col-xs-12"> 1938 <h2>Our Inspiration</h2> 1939<p class="p1"><span class="s1">The Opal platform grew out of helping a few close friends who managed marketing for legendary brands. They needed an intuitive way to organize their campaigns and content to see everything going into the market at once! Now that purpose is more relevant than ever. We know there’s a better way to work…it starts by uniting your team in the AI-empowered Opal platform.<br /> 1940</span></p> 1941 1942 </div> 1943 </div> 1944 </div> 1945 1946</div> 1947 1948 </div> 1949</div> 1950<div class="spacer" id="spacer"></div> 1951 <div class="button-bar-wrapper" id="stickyBar"> 1952 <div class="button-bar"> 1953 <button class="active"><a href="https://workwithopal.com/product-tour/">Product Tour</a></button> 1954 <button><a href="https://workwithopal.com/pricing/">Opal Pricing</a></button> 1955 <button><a href="https://workwithopal.com/get-a-demo/">Talk to an Expert</a></button> 1956 </div> 1957 </div> 1958<div class="opal-feature-callout"> 1959 1960 <div class="textcenter"> 1961 <div class="row"> 1962 <div class="content col-xs-12"> 1963 <div class="eyebrow">Work Better Together</div><h2>A Better Way</h2><p class="p1"><span class="s1">Every great story starts with a plan. Opal’s planning platform equips brand builders with a source of truth for all of their channels and campaigns — streamlining the entire marketing and communications process.</span></p> 1964<p class="p1"><span class="s1">Get your work into Opal, and get your teams organized now.</span></p> 1965 1966 </div> 1967 </div> 1968 </div> 1969 1970</div> 1971 1972<div class="opal-feature-callout"> 1973 1974 <div class="textleft"> 1975 <div class="row"> 1976 <div class="content col-xs-12"> 1977 <div class="eyebrow">About Diversity, Inclusion, & Belonging</div><h2>You Are Welcome</h2><p class="p1"><!-- wp:paragraph --></p> 1978<p>Opal is committed to creating a workplace where you can show up as your full self. We proudly celebrate the unique qualities, backgrounds, experiences and viewpoints each Opalite brings to the team.</p> 1979<p class="p1"><!-- /wp:paragraph --> <!-- wp:paragraph --></p> 1980<p>Our Diversity, Equity, and Inclusion strategy includes a variety of programs and initiatives designed to ensure that Opal is a welcoming, accepting, and engaging environment for every person. While this is an evolving process, and the work is never done, we are committed to continue challenging ourselves to be a more inclusive Opal.<!-- /wp:paragraph --><code></p> 1981 1982 </div> 1983 </div> 1984 </div> 1985 1986</div> 1987 1988 1989<div class="opal-container-block block_199c8ba66dab855b856067acb4e20eeb""> 1990 <style> 1991 .block_199c8ba66dab855b856067acb4e20eeb{ 1992 background: } 1993 </style> 1994 1995 <div class="wrapper container-fluid"> 1996 1997 1998<h2 class="wp-block-heading">The Opal Values</h2> 1999 2000 2001 2002<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6
2002595d7 wp-block-columns-is-layout-flex"> 2003<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> 2004<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="500" height="500" src="https://workwithopal.com/wp-content/uploads/2022/12/template.png" alt="" class="wp-image-13150" srcset="https://workwithopal.com/wp-content/uploads/2022/12/template.png 500w, https://workwithopal.com/wp-content/uploads/2022/12/template-300x300.png 300w, https://workwithopal.com/wp-content/uploads/2022/12/template-150x150.png 150w" sizes="(max-width: 500px) 100vw, 500px" /></figure> 2005 2006 2007 2008<p><strong>Open & Honest</strong></p> 2009 2010 2011 2012<p>We give feedback freely to others, and invite it actively for ourselves.</p> 2013</div> 2014 2015 2016 2017<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> 2018<figure class="wp-block-image size-large"><img decoding="async" width="501" height="500" data-src="https://workwithopal.com/wp-content/uploads/2022/12/copytemplate.png" alt="" class="wp-image-13156 lazyload" data-srcset="https://workwithopal.com/wp-content/uploads/2022/12/copytemplate.png 501w, https://workwithopal.com/wp-content/uploads/2022/12/copytemplate-300x300.png 300w, https://workwithopal.com/wp-content/uploads/2022/12/copytemplate-150x150.png 150w" data-sizes="(max-width: 501px) 100v
2018w, 501px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 501px; --smush-placeholder-aspect-ratio: 501/500;" /></figure> 2019 2020 2021 2022<p><strong>Passionate</strong></p> 2023 2024 2025 2026<p>We are passionate advocates for our customers and obsessed with helping them build and protect their brand.</p> 2027</div> 2028 2029 2030 2031<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> 2032<figure class="wp-block-image size-large"><img decoding="async" width="501" height="500" data-src="https://workwithopal.com/wp-content/uploads/2022/12/copy-2template.png" alt="" class="wp-image-13151 lazyload" data-srcset="https://workwithopal.com/wp-content/uploads/2022/12/copy-2template.png 501w, https://workwithopal.com/wp-content/uploads/2022/12/copy-2template-300x300.png 300w, https://workwithopal.com/wp-content/uploads/2022/12/copy-2template-150x150.png 150w" data-sizes="(max-width: 501px) 100vw, 501px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 501px; --smush-placeholder-aspect-ratio: 501/500;" /></figure> 2033 2034 2035 2036<p><strong>Accountable</strong></p> 2037 2038 2039 2040<p>We do what we say and we take ownership of our success and failures equally.</p> 2041</div> 2042</div> 2043 2044 2045 2046<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex"> 2047<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> 2048<figure class="wp-block-image size-large"><img decoding="async" width="500" height="501" data-src="https://workwithopal.com/wp-content/uploads/2022/12/copy-3template.png" alt="" class="wp-image-13152 lazyload" data-srcset="https://workwithopal.com/wp-content/uploads/2022/12/copy-3template.png 500w, https://workwithopal.com/wp-content/uploads/2022/12/copy-3template-300x300.png 300w, https://workwithopal.com/wp-content/uploads/2022/12/copy-3template-150x150.png 150w" data-sizes="(max-width: 500px) 100v
2048w, 500px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500/501;" /></figure> 2049 2050 2051 2052<p><strong>Level Up</strong></p> 2053 2054 2055 2056<p>We level up ourselves, our knowledge, skills, processes and tools - we are all a work in progress.</p> 2057</div> 2058 2059 2060 2061<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> 2062<figure class="wp-block-image size-large"><img decoding="async" width="501" height="501" data-src="https://workwithopal.com/wp-content/uploads/2022/12/copy-4template.png" alt="" class="wp-image-13153 lazyload" data-srcset="https://workwithopal.com/wp-content/uploads/2022/12/copy-4template.png 501w, https://workwithopal.com/wp-content/uploads/2022/12/copy-4template-300x300.png 300w, https://workwithopal.com/wp-content/uploads/2022/12/copy-4template-150x150.png 150w" data-sizes="(max-width: 501px) 100vw, 501px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 501px; --smush-placeholder-aspect-ratio: 501/501;" /></figure> 2063 2064 2065 2066<p><strong>Intentional</strong></p> 2067 2068 2069 2070<p>We are Intentional in what we do with a focus on creating the best possible experiences for our co-workers and customers.</p> 2071</div> 2072 2073 2074 2075<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> 2076<figure class="wp-block-image size-large"><img decoding="async" width="501" height="501" data-src="https://workwithopal.com/wp-content/uploads/2022/12/copy-5template.png" alt="" class="wp-image-13154 lazyload" data-srcset="https://workwithopal.com/wp-content/uploads/2022/12/copy-5template.png 501w, https://workwithopal.com/wp-content/uploads/2022/12/copy-5template-300x300.png 300w, https://workwithopal.com/wp-content/uploads/2022/12/copy-5template-150x150.png 150w" data-sizes="(max-width: 501px) 100v
2076w, 501px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 501px; --smush-placeholder-aspect-ratio: 501/501;" /></figure> 2077 2078 2079 2080<p><strong>Teamwork</strong></p> 2081 2082 2083 2084<p>We are all one — a high performing, dedicated team. We win together.</p> 2085</div> 2086</div> 2087 2088 2089 2090<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex"> 2091<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> 2092<figure class="wp-block-image size-large"><img decoding="async" width="500" height="501" data-src="https://workwithopal.com/wp-content/uploads/2022/12/copy-6template.png" alt="" class="wp-image-13155 lazyload" data-srcset="https://workwithopal.com/wp-content/uploads/2022/12/copy-6template.png 500w, https://workwithopal.com/wp-content/uploads/2022/12/copy-6template-300x300.png 300w, https://workwithopal.com/wp-content/uploads/2022/12/copy-6template-150x150.png 150w" data-sizes="(max-width: 500px) 100v
2092w, 500px" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" style="--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500/501;" /></figure> 2093 2094 2095 2096<p><strong>Excellence</strong></p> 2097 2098 2099 2100<p>We strive for excellence in our performance for our customers, co-workers, and Opal itself.</p> 2101</div> 2102 2103 2104 2105<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div> 2106 2107 2108 2109<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div> 2110</div> 2111 2112 2113 </div> 2114</div> 2115 2116 2117 2118 2119<div class="opal-blog-feed"> 2120 <div class="row"> 2121 <div class="col-xs-12"> 2122 <div class="eyebrow">From the Blog</div> 2123 </div> 2124 <div class="col-sm-4 col-xs-12"> 2125 <a href="https://workwithopal.com/about/blog/reflections-on-being-a-6th-best-workplace-of-2022/"> 2126 <article class="post-435 page type-page status-publish hentry" id="post-12229"> 2127 2128 <div class="thumb-holder lazyload" style="background-image:inherit" data-bg-image="url(https://workwithopal.com/wp-content/uploads/2022/09/oregonian-opal-best-places-to-work-1024x472.png)"> 2129 </div> 2130 2131 <div class="details"> 2132 <h3>Reflections on Being the 6th Best Workplace of 2022</h3> 2133 <h5>by Matt Oxley</h5> 2134 </div> 2135 2136 </article> 2137 </a> 2138 </div> 2139 <div class="col-sm-4 col-xs-12"> 2140 <a href="https://workwithopal.com/about/blog/the-difference-between-good-great-evolving-opals-cultural-dna/"> 2141 <article class="post-435 page type-page status-publish hentry" id="post-11977"> 2142 2143 <div class="thumb-holder lazyload" style="background-image:inherit" data-bg-image="url(https://workwithopal.com/wp-content/uploads/2022/09/cultural-dna-1024x472.png)"> 2144 </div> 2145 2146 <div class="details"> 2147 <h3>The Difference Between Good & Great: Evolving Opal’s Cultural DNA</h3> 2148 <h5>by Matt Oxley</h5> 2149 </div> 2150 2151 </article> 2152 </a> 2153 </div> 2154 <div class="col-sm-4 col-xs-12"> 2155 <a href="https://workwithopal.com/about/blog/why-opal-adopted-the-shape-up-methodology/"> 2156 <article class="post-435 page type-page status-publish hentry" id="post-12197"> 2157 2158 <div class="thumb-holder lazyload" style="background-image:inherit" data-bg-image="url(https://workwithopal.com/wp-content/uploads/2022/09/ShapeUpBlog.jpeg)"> 2159 </div> 2160 2161 <div class="details"> 2162 <h3>The Shape Up Software Development Process (from Basecamp)</h3> 2163 <h5>by Lee Dussinger</h5> 2164 </div> 2165 2166 </article> 2167 </a> 2168 </div> 2169 2170 </div> 2171</div> 2172 2173<div class="opal-demo-cta"> 2174 <div class="wrapper container-fluid"> 2175 <div class="row"> 2176 <div class="col-xs-12 vertical"> 2177 <div class="cta"> 2178 Ready to be a part of something exceptional? </div> 2179 <div class="link"> 2180 <a href="https://workwithopal.com/about/careers/">View Careers</a> 2181 </div> 2182 </div> 2183 </div> 2184 </div> 2185</div> 2186 </div> 2187 </div> 2188 </div> 2189 2190 </div><!-- .entry-content --> 2191 2192</article><!-- #post-435 --> 2193 2194 </main><!-- #main --> 2195 2196 2197 2198 <footer id="colophon" class="site-footer"> 2199 <div class="wrapper container-fluid"> 2200 <div class="row"> 2201 <div class="site-info col-xs-12 col-sm-6"> 2202 <a class="footer-logo" href="/" > 2203 <img data-src="https://workwithopal.com/wp-content/themes/opal-wp/img/logos/opal-logo-reversed.svg" alt="Opal" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"> 2204 </a> 2205 <div class="eyebrow">Contact</div> 2206 <div class="phone"><a href="tel: (800) 823-4973"> (800) 823-4973</a></div><div class="social"><a class="linkedin" href="https://www.linkedin.com/company/opal-software"><img data-src="https://du1ltyyh2p.onrocket.site/wp-content/uploads/2020/11/icon-linkedin.svg" alt="linkedin" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload"></a></div><div class="email">Questions? Email your general inquiries to <a href="mailto:[email protected]">[email protected]</a></div> 2207 2208 <div class="legal"> 2209 © 2026 Opal. All Rights Reserved. 2210 <span> 2211 <a href="https://workwithopal.com/privacy-policy/">Privacy Policy</a> | <a href="https://workwithopal.com/terms-of-use/">Terms of Use</a> </span> 2212 </div>
2213 </div><!-- .site-info --> 2214 </div> 2215 </div> 2216 </footer><!-- #colophon --> 2217</div><!-- #page --> 2218<!-- attribution tool: UTM/gclid -> HubSpot forms, see js/utm-attribution.js --> 2219<!-- setting emails as session storage value for Google Enhanced Converstions MGG -->
2220<script> 2221(e=>{new MutationObserver(t=>{for(const d of t)if("childList"===d.type&&d.target.childNodes.length>0&&d.addedNodes.length>0&&"INPUT"===d.addedNodes[0].nodeName){const t=document.querySelector('.get-a-demo input[name="Email"]');null!==t&&t.addEventListener("change",t=>{e.setItem("demo_ec_email",t.target.value)})}}).observe(document.getElementsByTagName("body")[0],{attributes:!1,childList:!0,subtree:!0})})(window.sessionStorage); 2222</script>
vendor: 1 bytes, line 2222
2222
2223<script> 2224(()=>{if(!document.querySelector("#post-431"))return;$(window).width()>=992&&($(".opal-container-block.by-the-numbers").css({opacity:"1"}),$(".opal-container-block.customer-quotes").css({opacity:"1"}));let t=$(".by-the-numbers .tile-wrapper");t.find(".tile").css({transform:"unset",transition:"unset"});let e=t.find(".tile:first-child"),s=t.find(".tile:nth-child(2)"),i=t.find(".tile:last-child"),r=$(".quote-tiles-wrapper");r.find(".tile").css({transform:"unset",transition:"unset"});let l=r.find(".tile:first-child"),n=r.find(".tile:nth-child(2)");$(window).on("resize scroll",()=>{if(992>$(window).width()){e.css("transform","translateY(0px)"),s.css("transform","translateY(0px)");return}let o=$(window).scrollTop(),a=$(window).height()+o,f=106;$(window).width()>=1440&&(f=136);let h=t.offset().top;if($(t).outerHeight()+h>o&&h<a){let c,p=(a-.25*$(window).height()-i.offset().top)/(.4*$(window).height())*f;p>f&&(p=f),p<0&&(p=0),p*=-1,e.css("transform",`translateY(${p}px)`),s.css("transform",`translateY(${p/2}px)`)}let d=142;$(window).width()>=1440&&(d=185);let u=r.offset().top;if(r.outerHeight()+u>o&&u<a){let m,_=(a-.25*$(window).height()-l.offset().top)/(.4*$(window).height())*d;_>d&&(_=d),_<0&&(_=0),n.css("transform",`translateY(${_}px)`)}})})(); 2225(()=>{if(!document.querySelector("#post-15803"))return;$(window).width()>=992&&($(".opal-container-block.opal-by-the-numbers-container").css({opacity:"1"}),$(".opal-container-block.customer-quotes").css({opacity:"1"}));let t=$(".opal-container-block.opal-by-the-numbers-container .tile-wrapper");t.find(".tile").css({transform:"unset",transition:"unset"});let e=t.find(".tile:nth-child(1)"),i=t.find(".tile:nth-child(2)"),n=t.find(".tile:nth-child(3)"),o=$(".quote-tiles-wrapper");o.find(".tile").css({transform:"unset",transition:"unset"});let s=o.find(".tile:nth-child(1)"),r=o.find(".tile:nth-child(2)");$(window).on("resize scroll",()=>{if(992>$(window).width())return e.css("transform","translateY(0px)"),void i.css("transform","translateY(0px)");let l=$(window).scrollTop(),a=$(window).height()+l,c=106;$(window).width()>=1440&&(c=136);let d=t.offset().top;if($(t).outerHeight()+d>l&&d<a){let t=(a-.25*$(window).height()-n.offset().top)/(.4*$(window).height())*c;t>c&&(t=c),t<0&&(t=0),t*=-1,e.css("transform",`translateY(${t}px)`),i.css("transform",`translateY(${t/2}px)`)}let h=142;$(window).width()>=1440&&(h=185);let w=o.offset().top;if(o.outerHeight()+w>l&&w<a){let t=(a-.25*$(window).height()-s.offset().top)/(.4*$(window).height())*h;t>h&&(t=h),t<0&&(t=0),r.css("transform",`translateY(${t}px)`)}})})(); 2226 2227 function scrollToSection() { 2228 let targetId = window.innerWidth >= 768 ? 'see_it_wrap' : 'see_it_wrap_mobile'; 2229 document.getElementById(targetId).scrollIntoView({ behavior: 'smooth' }); 2230 } 2231</script>
vendor: 1 bytes, line 2231
2231
2232<script> 2233 <!-- Home Lazy Navbar --> 2234 2235var yourNavigation = $("#stickyBar"); 2236 stickyDiv = "sticky-bf animate__animated animate__fadeInDown"; 2237 fadeOut = "animate__animated animate__fadeOutUp"; 2238 2239$(window).scroll(function() { 2240if($('#spacer') && $('#spacer').position()){ 2241 console.log('yourHeader: ', $('#spacer').position().top); 2242 console.log('$(this).scrollTop(): ', $(this).scrollTop()); 2243 if( $(this).scrollTop() > $('#spacer').position().top) { 2244 yourNavigation.removeClass(fadeOut); 2245 yourNavigation.addClass(stickyDiv); 2246 } else { 2247 yourNavigation.addClass(fadeOut); 2248 } 2249} 2250}); 2251 2252 2253let lastScrollTop = 0; 2254$(window).on("scroll", function () { 2255 const currentScroll = $(this).scrollTop(); 2256 const $img = $('.solutions-hero-image img'); 2257 2258 if ($img.length > 0) { 2259 if (currentScroll > lastScrollTop) { 2260 $img.removeClass('reset').addClass('lift-up'); 2261 } else { 2262 $img.removeClass('lift-up').addClass('reset'); 2263 } 2264 2265 lastScrollTop = currentScroll; 2266 } 2267}); 2268 2269$(document).ready(function () { 2270 // Function to check if the device is a mobile 2271 function isMobileDevice() { 2272 return /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()); 2273 } 2274 2275 // If mobile, hide the button 2276 if (isMobileDevice()) { 2277 $('#ssd_button').hide(); 2278 } 2279 }); 2280 2281 2282// Smooth scrolling for Grocery page 2283$(document).ready(function () { 2284 $('.scroll-link').on('click', function (e) { 2285 e.preventDefault(); // Prevent default anchor behavior 2286 2287 const target = $(this).attr('href'); 2288 2289 // Check if the target exists 2290 if ($(target).length) { 2291 $('html, body').animate({ 2292 scrollTop: $(target).offset().top - 150 2293 }, 800); // 800 ms for smooth scroll 2294 } 2295 }); 2296 2297 2298 $('.grid-feature a').on('click', function (e) { 2299 e.preventDefault(); // Prevent default anchor behavior 2300 2301 const target = $(this).attr('href'); 2302 2303 // Check if the target exists 2304 if ($(target).length) { 2305 $('html, body').animate({ 2306 scrollTop: $(target).offset().top - 150 2307 }, 800); // 800 ms for smooth scroll 2308 } 2309 }); 2310 2311}); 2312 2313 2314</script>
vendor: 1 bytes, line 2314
2314
2315<script type="speculationrules"> 2316{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/opal-wp\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2317</script>
vendor: 1 bytes, line 2317
2317
2318<script type="text/javascript"> 2319 _linkedin_partner_id = '2826788'; 2320 window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; 2321 window._linkedin_data_partner_ids.push(_linkedin_partner_id); 2322</script>
2322
2323<script type="text/javascript"> 2324 (function () { 2325 var s = document.getElementsByTagName('script')[0]; 2326 var b = document.createElement('script'); 2327 b.type = 'text/javascript'; 2328 b.async = true; 2329 b.src = 'https://snap.licdn.com/li.lms-analytics/insight.min.js'; 2330 s.parentNode.insertBefore(b, s); 2331 })(); 2332</script>
2332 2333<noscript> 2334 <img 2335 height="1" 2336 width="1" 2337 style="display: none" 2338 alt="" 2339 src="https://px.ads.linkedin.com/collect/?pid=2826788&fmt=gif" 2340 /> 2341</noscript> 2342
2343<script> 2344(function() { 2345 var invalidDomains = [ 2346 '@hotmail.', 2347 '@live.', 2348 '@aol.', 2349 '@gmail.', 2350 '@bozztirex.us', 2351 '@webmai.co', 2352 '@zebyinbox', 2353 '@mailinator', 2354 '@bozzcello.com', 2355 '@putrajayabaya.skom.id', 2356 '@linksandmail.com', 2357 '@approject.net', 2358 '@testing.com' 2359 ]; 2360 2361 function isEmailGood(email) { 2362 return !invalidDomains.some(function(domain) { 2363 return email.indexOf(domain) !== -1; 2364 }); 2365 } 2366 2367 window.addEventListener('message', function(event) { 2368 if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormReady') { 2369 var form = document.querySelector('form[data-form-id="' + event.data.id + '"]'); 2370 if (!form) return; 2371 2372 var emailInput = form.querySelector('input[name="email"], input[type="email"]'); 2373 if (!emailInput) return; 2374 2375 function clearError() { 2376 var err = form.querySelector('.custom-email-error'); 2377 if (err) err.remove(); 2378 emailInput.classList.remove('error'); 2379 } 2380 2381 function showError(message) { 2382 clearError(); 2383 emailInput.classList.add('error'); 2384 var errorEl = document.createElement('div'); 2385 errorEl.className = 'custom-email-error'; 2386 errorEl.style.color = '#d32f2f'; 2387 errorEl.style.fontSize = '0.9rem'; 2388 errorEl.style.marginTop = '4px'; 2389 errorEl.innerText = message; 2390 emailInput.insertAdjacentElement('afterend', errorEl); 2391 } 2392 2393 window.addEventListener('message', function(evt) { 2394 if (evt.data.type === 'hsFormCallback' && evt.data.eventName === 'onFormSubmit' && evt.data.id === event.data.id) { 2395 var email = emailInput.value.toLowerCase(); 2396 if (!isEmailGood(email)) { 2397 evt.stopImmediatePropagation?.(); 2398 evt.preventDefault?.(); 2399 showError('Please use a company email address.'); 2400 throw new Error('Blocked submission: invalid email domain.'); 2401 } else { 2402 clearError(); 2403 } 2404 } 2405 }); 2406 } 2407 }); 2408})(); 2409</script>
2409 2410
2411<script src="https://workwithopal.chilipiper.com/concierge-js/cjs/concierge.js" crossorigin="anonymous" type="text/javascript"></script>
2411
2412<script> 2413 ChiliPiper.deploy("workwithopal", "demo-form", { 2414 "formType": "Hubspot", 2415 "formIds": [ 2416 "fb553639-cbe5-4409-8166-18c4b65213e7", 2417 "eb890cd3-c061-471f-866b-99e4146ec167", 2418 "de6b3c73-dd40-423b-bee0-8ffae0292c65" 2419 ] 2420 }) 2421</script>
2421
2421<script> 2422 document.addEventListener("DOMContentLoaded", function () { 2423 const body = document.body; 2424 const page = document.querySelector("#page"); 2425 const logo = document.querySelector(".custom-logo"); 2426 const menuToggle = document.querySelector(".menu-toggle"); // Change this selector if needed 2427 2428 if (!page || !logo || !menuToggle) return; 2429 2430 menuToggle.addEventListener("click", function () { 2431 setTimeout(() => { // Delay to ensure class is added 2432 if (page.classList.contains("toggled")) { 2433 console.log("Open Mobile Menu"); 2434 logo.src = "https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png"; // White logo 2435 logo.srcset = "https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png"; // White logo 2436 } else { 2437 if (body.classList.contains("page-id-431") || body.classList.contains("page-id-18727") || body.classList.contains("page-id-15803") || body.classList.contains("page-id-16284") || body.classList.contains("page-id-16420")) { 2438 logo.src = "https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png"; // White logo 2439 logo.srcset = "https://du1ltyyh2p.onrocket.site/wp-content/uploads/2023/12/opal-logo-white.png"; // White logo 2440 } else { 2441 logo.src = "https://workwithopal.com/wp-content/uploads/2022/09/opal_logo.png"; // Black logo 2442 logo.srcset = "https://workwithopal.com/wp-content/uploads/2022/09/opal_logo.png"; // Black logo 2443 } 2444 } 2445 }, 100); // Adjust delay if needed 2446 }); 2447 }); 2448 </script>
2448 2449 <!-- Meta Pixel Event Code --> 2450
2450<script type='text/javascript'> 2451 document.addEventListener( 'wpcf7mailsent', function( event ) { 2452 if( "fb_pxl_code" in event.detail.apiResponse){ 2453 eval(event.detail.apiResponse.fb_pxl_code); 2454 } 2455 }, false ); 2456 </script>
2456 2457 <!-- End Meta Pixel Event Code --> 2458 <div id='fb-pxl-ajax-code'></div><style id='core-block-supports-inline-css'> 2459.wp-container-core-columns-is-layout-9d6595d7{flex-wrap:nowrap;} 2460</style>
2461<script id="leadin-script-loader-js-js-extra"> 2462var leadin_wordpress = {"userRole":"visitor","pageType":"page","leadinPluginVersion":"11.3.16"}; 2463</script>
vendor: 1 bytes, line 2463
2463
2464<script src="https://js-na2.hs-scripts.com/48959079.js?integration=WordPress&ver=11.3.16" id="leadin-script-loader-js-js"></script>
vendor: 1 bytes, line 2464
2464
2465<script src="https://workwithopal.com/wp-content/themes/opal-wp/js/navigation.js?ver=1.1.6" id="opal-wp-navigation-js"></script>
vendor: 1 bytes, line 2465
2465
2466<script src="https://workwithopal.com/wp-content/themes/opal-wp/js/scroll-animations.js?cb=1778904784" id="opal-scroll-animations-js"></script>
vendor: 1 bytes, line 2466
2466
2467<script src="https://workwithopal.com/wp-content/themes/opal-wp/js/utm-attribution.js?cb=1787757220" id="opal-utm-attribution-js"></script>
vendor: 1 bytes, line 2467
2467
2468<script src="https://workwithopal.com/wp-content/themes/opal-wp/js/wistia-facade.js?cb=1784307858" id="opal-wistia-facade-js"></script>
vendor: 1 bytes, line 2468
2468
2469<script src="https://workwithopal.com/wp-content/themes/opal-wp/js/mega-menu.js?ver=1.0" id="mega-menu-script-js"></script>
vendor: 1 bytes, line 2469
2469
2470<script src="https://workwithopal.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.20.0" id="smush-lazy-load-js"></script>
2470 2471 <!-- This site uses the Google Analytics by MonsterInsights plugin v11.3.0 - Using Analytics tracking - https://www.monsterinsights.com/ -->
vendor: 59 bytes, lines 2471-2472
2471 2472 <script src="//www.googletagmanager.com/gtag/js?id=
2472G-6SRYR00GMC
vendor: 68 bytes, lines 2472-2473
2472" data-cfasync="false" data-wpfc-render="false" async></script> 2473
2473<script data-cfasync="false" data-wpfc-render="false"> 2474 var mi_version = '11.3.0'; 2475 var mi_track_user = true; 2476 var mi_no_track_reason = ''; 2477 var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/workwithopal.com\/about\/"}; 2478 if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { 2479 var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); 2480 } else { 2481 var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; 2482 } 2483 2484 var disableStrs = [ 2485 'ga-disable-G-6SRYR00GMC', 2486 ]; 2487 2488 /* Function to detect opted out users */ 2489 function __gtagTrackerIsOptedOut() { 2490 for (var index = 0; index < disableStrs.length; index++) { 2491 if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { 2492 return true; 2493 } 2494 } 2495 2496 return false; 2497 } 2498 2499 /* Disable tracking if the opt-out cookie exists. */ 2500 if (__gtagTrackerIsOptedOut()) { 2501 for (var index = 0; index < disableStrs.length; index++) { 2502 window[disableStrs[index]] = true; 2503 } 2504 } 2505 2506 /* Opt-out function */ 2507 function __gtagTrackerOptout() { 2508 for (var index = 0; index < disableStrs.length; index++) { 2509 document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; 2510 window[disableStrs[index]] = true; 2511 } 2512 } 2513 2514 if ('undefined' === typeof gaOptout) { 2515 function gaOptout() { 2516 __gtagTrackerOptout(); 2517 } 2518 } 2519 window.dataLayer = window.dataLayer || []; 2520 2521 window.MonsterInsightsDualTracker = { 2522 helpers: {}, 2523 trackers: {}, 2524 }; 2525 if (mi_track_user) { 2526 function __gtagDataLayer() { 2527 dataLayer.push(arguments); 2528 } 2529 2530 function __gtagTracker(type, name, parameters) { 2531 if (!parameters) { 2532 parameters = {}; 2533 } 2534 2535 if (parameters.send_to) { 2536 __gtagDataLayer.apply(null, arguments); 2537 return; 2538 } 2539 2540 if (type === 'event') { 2541 parameters.send_to = monsterinsights_frontend.v4_id; 2542 var hookName = name; 2543 if (typeof parameters['event_category'] !== 'undefined') { 2544 hookName = parameters['event_category'] + ':' + name; 2545 } 2546 2547 if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { 2548 MonsterInsightsDualTracker.trackers[hookName](parameters); 2549 } else { 2550 __gtagDataLayer('event', name, parameters); 2551 } 2552 2553 } else { 2554 __gtagDataLayer.apply(null, arguments); 2555 } 2556 } 2557 2558 __gtagTracker('js', new Date()); 2559 __gtagTracker('set', { 2560 'developer_id.dZGIzZG': true, 2561 }); 2562 if ( MonsterInsightsLocations.page_location ) { 2563 __gtagTracker('set', MonsterInsightsLocations); 2564 } 2565 __gtagTracker('config', 'G-6SRYR00GMC', {"forceSSL":"true","anonymize_ip":"true","link_attribution":"true"} ); 2566 window.gtag = __gtagTracker; (function () { 2567 /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ 2568 /* ga and __gaTracker compatibility shim. */ 2569 var noopfn = function () { 2570 return null; 2571 }; 2572 var newtracker = function () { 2573 return new Tracker(); 2574 }; 2575 var Tracker = function () { 2576 return null; 2577 }; 2578 var p = Tracker.prototype; 2579 p.get = noopfn; 2580 p.set = noopfn; 2581 p.send = function () { 2582 var args = Array.prototype.slice.call(arguments); 2583 args.unshift('send'); 2584 __gaTracker.apply(null, args); 2585 }; 2586 var __gaTracker = function () { 2587 var len = arguments.length; 2588 if (len === 0) { 2589 return; 2590 } 2591 var f = arguments[len - 1]; 2592 if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { 2593 if ('send' === arguments[0]) { 2594 var hitConverted, hitObject = false, action; 2595 if ('event' === arguments[1]) { 2596 if ('undefined' !== typeof arguments[3]) { 2597 hitObject = { 2598 'eventAction': arguments[3], 2599 'eventCategory': arguments[2], 2600 'eventLabel': arguments[4], 2601 'value': arguments[5] ? arguments[5] : 1, 2602 } 2603 } 2604 } 2605 if ('pageview' === arguments[1]) { 2606 if ('undefined' !== typeof arguments[2]) { 2607 hitObject = { 2608 'eventAction': 'page_view', 2609 'page_path': arguments[2], 2610 } 2611 } 2612 } 2613 if (typeof arguments[2] === 'object') { 2614 hitObject = arguments[2]; 2615 } 2616 if (typeof arguments[5] === 'object') { 2617 Object.assign(hitObject, arguments[5]); 2618 } 2619 if ('undefined' !== typeof arguments[1].hitType) { 2620 hitObject = arguments[1]; 2621 if ('pageview' === hitObject.hitType) { 2622 hitObject.eventAction = 'page_view'; 2623 } 2624 } 2625 if (hitObject) { 2626 action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
2627 hitConverted = mapArgs(hitObject); 2628 __gtagTracker('event', action, hitConverted); 2629 } 2630 } 2631 return; 2632 } 2633 2634 function mapArgs(args) { 2635 var arg, hit = {}; 2636 var gaMap = { 2637 'eventCategory': 'event_category', 2638 'eventAction': 'event_action', 2639 'eventLabel': 'event_label', 2640 'eventValue': 'event_value', 2641 'nonInteraction': 'non_interaction', 2642 'timingCategory': 'event_category', 2643 'timingVar': 'name', 2644 'timingValue': 'value', 2645 'timingLabel': 'event_label', 2646 'page': 'page_path', 2647 'location': 'page_location', 2648 'title': 'page_title', 2649 'referrer' : 'page_referrer', 2650 }; 2651 for (arg in args) { 2652 if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { 2653 hit[gaMap[arg]] = args[arg]; 2654 } else { 2655 hit[arg] = args[arg]; 2656 } 2657 } 2658 return hit; 2659 } 2660 2661 try { 2662 f.hitCallback(); 2663 } catch (ex) { 2664 } 2665 }; 2666 __gaTracker.create = newtracker; 2667 __gaTracker.getByName = newtracker; 2668 __gaTracker.getAll = function () { 2669 return []; 2670 }; 2671 __gaTracker.remove = noopfn; 2672 __gaTracker.loaded = true; 2673 window['__gaTracker'] = __gaTracker; 2674 })(); 2675 } else { 2676 console.log(""); 2677 (function () { 2678 function __gtagTracker() { 2679 return null; 2680 } 2681 2682 window['__gtagTracker'] = __gtagTracker; 2683 window['gtag'] = __gtagTracker; 2684 })(); 2685 } 2686 </script>
2686 2687 <!-- / Google Analytics by MonsterInsights --> 2688
2688<script data-category="functional"> 2689 </script>
2689 2690
2690<script data-cfasync="false"> 2691 document.onreadystatechange = function () { 2692 if (document.readyState == "complete") { 2693 var logout_link = document.querySelectorAll('a[href*="wp-login.php?action=logout"]'); 2694 if (logout_link) { 2695 for(var i=0; i < logout_link.length; i++) { 2696 logout_link[i].addEventListener( "click", function() { 2697 Intercom('shutdown'); 2698 }); 2699 } 2700 } 2701 } 2702 }; 2703</script>
vendor: 1 bytes, line 2703
2703
2704<script data-cfasync="false"> 2705 window.intercomSettings = {"app_id":"hv1psobs","installation_type":"wordpress","installation_version":"3.0.2"}; 2706</script>
vendor: 1 bytes, line 2706
2706
2707<script data-cfasync="false">(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/hv1psobs';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
2707 2708</body> 2709</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.