CINXE.COM
Server and Browser Cache - Support Center
<!doctype html> <html lang="en-US"> <head> <!-- Google Optimize --> <script>window.dataLayer=window.dataLayer||[],dataLayer.push({event:"optimize_loaded"});</script> <script async src="https://www.googleoptimize.com/optimize.js?id=GTM-MSPM3VG"></script> <!-- Kameleoon Implementation Start --> <script type="text/javascript"> // Duration in milliseconds to wait while the Kameleoon application file is loaded var kameleoonLoadingTimeout = 1000; window.kameleoonQueue = window.kameleoonQueue || []; window.kameleoonStartLoadTime = new Date().getTime(); if (! document.getElementById("kameleoonLoadingStyleSheet") && ! window.kameleoonDisplayPageTimeOut) { var kameleoonS = document.getElementsByTagName("script")[0]; var kameleoonCc = "* { visibility: hidden !important; background-image: none !important; }"; var kameleoonStn = document.createElement("style"); kameleoonStn.type = "text/css"; kameleoonStn.id = "kameleoonLoadingStyleSheet"; if (kameleoonStn.styleSheet) { kameleoonStn.styleSheet.cssText = kameleoonCc; } else { kameleoonStn.appendChild(document.createTextNode(kameleoonCc)); } kameleoonS.parentNode.insertBefore(kameleoonStn, kameleoonS); window.kameleoonDisplayPage = function(fromEngine) { if (!fromEngine) { window.kameleoonTimeout = true; } if (kameleoonStn.parentNode) { kameleoonStn.parentNode.removeChild(kameleoonStn); } }; window.kameleoonDisplayPageTimeOut = window.setTimeout(window.kameleoonDisplayPage, kameleoonLoadingTimeout); } </script> <script type="text/javascript"> // Change the value of this URL to point to your own URL, where the iFrame is hosted window.kameleoonIframeURL = "https://wpengine.com/kameleoon_static_file.html"; window.kameleoonLightIframe = false; var kameleoonIframeOriginElement = document.createElement("a"); kameleoonIframeOriginElement.href = kameleoonIframeURL; window.kameleoonIframeOrigin = kameleoonIframeOriginElement.origin || (kameleoonIframeOriginElement.protocol + "//" + kameleoonIframeOriginElement.hostname); if (location.href.indexOf(window.kameleoonIframeOrigin) != 0) { window.kameleoonLightIframe = true; var kameleoonProcessMessageEvent = function(event) { if (window.kameleoonIframeOrigin == event.origin && event.data.slice && event.data.slice(0,9) == "Kameleoon") { window.removeEventListener("message", kameleoonProcessMessageEvent); window.kameleoonExternalIFrameLoaded = true; if (window.Kameleoon) { Kameleoon.Utils.runProtectedScript(event.data); Kameleoon.Analyst.load(); } else { window.kameleoonExternalIFrameLoadedData = event.data; } } }; if (window.addEventListener) { window.addEventListener("message", kameleoonProcessMessageEvent, false); } var iframeNode = document.createElement("iframe"); iframeNode.src = kameleoonIframeURL; iframeNode.id = "kameleoonExternalIframe"; iframeNode.style = "float: left !important; opacity: 0.0 !important; width: 0px !important; height: 0px !important;"; document.head.appendChild(iframeNode); } </script> <script type="text/javascript" src="//340w6gciyr.kameleoon.eu/kameleoon.js" async="true"></script> <!-- Kameleoon Implementation End --> <!-- Support Popup Video --> <script type="text/javascript"> $('#feedback_button').click(function() { window._mfq = window._mfq || []; window._mfq.push(['activateFeedback', 'G1ysUeBzwUeuFvE7ujoHZw']); }); </script> <!-- Support Popup Video End --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-MPL24K'); </script> <!-- This site is optimized with the Yoast SEO plugin v23.9 - https://yoast.com/wordpress/plugins/seo/ --> <title>Server and Browser Cache - Support Center</title> <meta name="description" content="Caching can make your site fast but seeing your changes quickly can be difficult. Learn about WP Engine server caching and how to purge cache." /> <link rel="canonical" href="https://wpengine.com/support/cache/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Server and Browser Cache - Support Center" /> <meta property="og:description" content="Caching can make your site fast but seeing your changes quickly can be difficult. Learn about WP Engine server caching and how to purge cache." /> <meta property="og:url" content="https://wpengine.com/support/cache/" /> <meta property="og:site_name" content="Support Center" /> <meta property="article:modified_time" content="2024-11-22T17:13:07+00:00" /> <meta property="og:image" content="https://wpengine.com/wp-content/uploads/2014/06/uncached_workflow.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="15 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://wpengine.com/support/cache/","url":"https://wpengine.com/support/cache/","name":"Server and Browser Cache - Support Center","isPartOf":{"@id":"https://wpengine.com/support/#website"},"primaryImageOfPage":{"@id":"https://wpengine.com/support/cache/#primaryimage"},"image":{"@id":"https://wpengine.com/support/cache/#primaryimage"},"thumbnailUrl":"https://wpengine.com/wp-content/uploads/2014/06/uncached_workflow.png","datePublished":"2014-07-20T06:01:49+00:00","dateModified":"2024-11-22T17:13:07+00:00","description":"Caching can make your site fast but seeing your changes quickly can be difficult. Learn about WP Engine server caching and how to purge cache.","breadcrumb":{"@id":"https://wpengine.com/support/cache/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://wpengine.com/support/cache/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://wpengine.com/support/cache/#primaryimage","url":"https://wpengine.com/wp-content/uploads/2014/06/uncached_workflow.png","contentUrl":"https://wpengine.com/wp-content/uploads/2014/06/uncached_workflow.png"},{"@type":"BreadcrumbList","@id":"https://wpengine.com/support/cache/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://wpengine.com/support/"},{"@type":"ListItem","position":2,"name":"Support Posts","item":"https://wpengine.com/support/support/"},{"@type":"ListItem","position":3,"name":"Server and Browser Cache"}]},{"@type":"WebSite","@id":"https://wpengine.com/support/#website","url":"https://wpengine.com/support/","name":"Support Center","description":"WP Engine's Support Center","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://wpengine.com/support/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//wpengine.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Support Center » Feed" href="https://wpengine.com/support/feed/" /> <link rel="alternate" type="application/rss+xml" title="Support Center » Comments Feed" href="https://wpengine.com/support/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/wpengine.com\/support\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='glossary-hovercards-css' href='https://wpengine.com/support/wp-content/plugins/wporg-glossary/includes/../css/glossary-hovercards.css?ver=20190524a' type='text/css' media='all' /> <link rel='stylesheet' id='genesis-blocks-style-css-css' href='https://wpengine.com/support/wp-content/plugins/genesis-blocks/dist/style-blocks.build.css?ver=1720784196' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://wpengine.com/support/wp-includes/css/dist/block-library/style.min.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpengine-nav-product-link-style-css' href='https://wpengine.com/support/wp-content/plugins/wpengine-blocks/build/style-index.css?ver=1.0.0' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--tiffany: #0ecad4;--wp--preset--color--mirage: #002838;--wp--preset--color--sunset: #ff6c29;--wp--preset--color--cherry: #d21b46;--wp--preset--color--curry: #ffcb52;--wp--preset--color--seafoam: #50e3c2;--wp--preset--color--dollabillz: #43ab3c;--wp--preset--color--lapis: #007eea;--wp--preset--color--royal: #7e5cef;--wp--preset--color--heliotrope: #7a1ba6;--wp--preset--color--helix: #180038;--wp--preset--color--polar: #f4f7fa;--wp--preset--color--polar-5: #e1e9f1;--wp--preset--color--polar-10: #cfdde9;--wp--preset--color--polar-15: #bdd0e0;--wp--preset--color--polar-20: #aec4d9;--wp--preset--color--polar-25: #9db7d1;--wp--preset--color--polar-30: #8cabc8;--wp--preset--color--polar-35: #7a9ec0;--wp--preset--color--polar-40: #6a92b8;--wp--preset--color--ash: #98a2a7;--wp--preset--color--soot: #6b757b;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--tiffoam: linear-gradient(141deg, #0ecad4, #0ecad4, #50e3c2);--wp--preset--gradient--nightwolf: linear-gradient(141deg, #0ecad4, #7e5cef);--wp--preset--gradient--dusk: linear-gradient(141deg, #7e5cef, #ff6c29);--wp--preset--gradient--phoenix: linear-gradient(141deg, #ff6c29, #d21b46, #7a1ba6);--wp--preset--gradient--palm: linear-gradient(141deg, #50e3c2, #ffcb52);--wp--preset--gradient--eggplant: linear-gradient(141deg, #7e5cef, #002838);--wp--preset--gradient--hexaplex: linear-gradient(141deg, #7a1ba6, #180038);--wp--preset--gradient--aurora: linear-gradient(141deg, #43ab3c, #0BA6B1, #002838);--wp--preset--gradient--glacier: linear-gradient(141deg, #007eea, #7a1ba6);--wp--preset--font-size--small: 1.125rem;--wp--preset--font-size--medium: 1.25rem;--wp--preset--font-size--large: 1.375rem;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xxs: 0.875rem;--wp--preset--font-size--xs: 1rem;--wp--preset--font-size--xl: 1.5rem;--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(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}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;}:root :where(body){padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-tiffany-color{color: var(--wp--preset--color--tiffany) !important;}.has-mirage-color{color: var(--wp--preset--color--mirage) !important;}.has-sunset-color{color: var(--wp--preset--color--sunset) !important;}.has-cherry-color{color: var(--wp--preset--color--cherry) !important;}.has-curry-color{color: var(--wp--preset--color--curry) !important;}.has-seafoam-color{color: var(--wp--preset--color--seafoam) !important;}.has-dollabillz-color{color: var(--wp--preset--color--dollabillz) !important;}.has-lapis-color{color: var(--wp--preset--color--lapis) !important;}.has-royal-color{color: var(--wp--preset--color--royal) !important;}.has-heliotrope-color{color: var(--wp--preset--color--heliotrope) !important;}.has-helix-color{color: var(--wp--preset--color--helix) !important;}.has-polar-color{color: var(--wp--preset--color--polar) !important;}.has-polar-5-color{color: var(--wp--preset--color--polar-5) !important;}.has-polar-10-color{color: var(--wp--preset--color--polar-10) !important;}.has-polar-15-color{color: var(--wp--preset--color--polar-15) !important;}.has-polar-20-color{color: var(--wp--preset--color--polar-20) !important;}.has-polar-25-color{color: var(--wp--preset--color--polar-25) !important;}.has-polar-30-color{color: var(--wp--preset--color--polar-30) !important;}.has-polar-35-color{color: var(--wp--preset--color--polar-35) !important;}.has-polar-40-color{color: var(--wp--preset--color--polar-40) !important;}.has-ash-color{color: var(--wp--preset--color--ash) !important;}.has-soot-color{color: var(--wp--preset--color--soot) !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-tiffany-background-color{background-color: var(--wp--preset--color--tiffany) !important;}.has-mirage-background-color{background-color: var(--wp--preset--color--mirage) !important;}.has-sunset-background-color{background-color: var(--wp--preset--color--sunset) !important;}.has-cherry-background-color{background-color: var(--wp--preset--color--cherry) !important;}.has-curry-background-color{background-color: var(--wp--preset--color--curry) !important;}.has-seafoam-background-color{background-color: var(--wp--preset--color--seafoam) !important;}.has-dollabillz-background-color{background-color: var(--wp--preset--color--dollabillz) !important;}.has-lapis-background-color{background-color: var(--wp--preset--color--lapis) !important;}.has-royal-background-color{background-color: var(--wp--preset--color--royal) !important;}.has-heliotrope-background-color{background-color: var(--wp--preset--color--heliotrope) !important;}.has-helix-background-color{background-color: var(--wp--preset--color--helix) !important;}.has-polar-background-color{background-color: var(--wp--preset--color--polar) !important;}.has-polar-5-background-color{background-color: var(--wp--preset--color--polar-5) !important;}.has-polar-10-background-color{background-color: var(--wp--preset--color--polar-10) !important;}.has-polar-15-background-color{background-color: var(--wp--preset--color--polar-15) !important;}.has-polar-20-background-color{background-color: var(--wp--preset--color--polar-20) !important;}.has-polar-25-background-color{background-color: var(--wp--preset--color--polar-25) !important;}.has-polar-30-background-color{background-color: var(--wp--preset--color--polar-30) !important;}.has-polar-35-background-color{background-color: var(--wp--preset--color--polar-35) !important;}.has-polar-40-background-color{background-color: var(--wp--preset--color--polar-40) !important;}.has-ash-background-color{background-color: var(--wp--preset--color--ash) !important;}.has-soot-background-color{background-color: var(--wp--preset--color--soot) !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-tiffany-border-color{border-color: var(--wp--preset--color--tiffany) !important;}.has-mirage-border-color{border-color: var(--wp--preset--color--mirage) !important;}.has-sunset-border-color{border-color: var(--wp--preset--color--sunset) !important;}.has-cherry-border-color{border-color: var(--wp--preset--color--cherry) !important;}.has-curry-border-color{border-color: var(--wp--preset--color--curry) !important;}.has-seafoam-border-color{border-color: var(--wp--preset--color--seafoam) !important;}.has-dollabillz-border-color{border-color: var(--wp--preset--color--dollabillz) !important;}.has-lapis-border-color{border-color: var(--wp--preset--color--lapis) !important;}.has-royal-border-color{border-color: var(--wp--preset--color--royal) !important;}.has-heliotrope-border-color{border-color: var(--wp--preset--color--heliotrope) !important;}.has-helix-border-color{border-color: var(--wp--preset--color--helix) !important;}.has-polar-border-color{border-color: var(--wp--preset--color--polar) !important;}.has-polar-5-border-color{border-color: var(--wp--preset--color--polar-5) !important;}.has-polar-10-border-color{border-color: var(--wp--preset--color--polar-10) !important;}.has-polar-15-border-color{border-color: var(--wp--preset--color--polar-15) !important;}.has-polar-20-border-color{border-color: var(--wp--preset--color--polar-20) !important;}.has-polar-25-border-color{border-color: var(--wp--preset--color--polar-25) !important;}.has-polar-30-border-color{border-color: var(--wp--preset--color--polar-30) !important;}.has-polar-35-border-color{border-color: var(--wp--preset--color--polar-35) !important;}.has-polar-40-border-color{border-color: var(--wp--preset--color--polar-40) !important;}.has-ash-border-color{border-color: var(--wp--preset--color--ash) !important;}.has-soot-border-color{border-color: var(--wp--preset--color--soot) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-tiffoam-gradient-background{background: var(--wp--preset--gradient--tiffoam) !important;}.has-nightwolf-gradient-background{background: var(--wp--preset--gradient--nightwolf) !important;}.has-dusk-gradient-background{background: var(--wp--preset--gradient--dusk) !important;}.has-phoenix-gradient-background{background: var(--wp--preset--gradient--phoenix) !important;}.has-palm-gradient-background{background: var(--wp--preset--gradient--palm) !important;}.has-eggplant-gradient-background{background: var(--wp--preset--gradient--eggplant) !important;}.has-hexaplex-gradient-background{background: var(--wp--preset--gradient--hexaplex) !important;}.has-aurora-gradient-background{background: var(--wp--preset--gradient--aurora) !important;}.has-glacier-gradient-background{background: var(--wp--preset--gradient--glacier) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xxs-font-size{font-size: var(--wp--preset--font-size--xxs) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wpe-bb-css' href='https://wpengine.com/support/wp-content/mu-plugins/wpengine-bb-mods/build/main.css?ver=02c2fb39c2a2a4f9cccd2d70adac03a4' type='text/css' media='all' /> <link rel='stylesheet' id='wpengine-style-css' href='https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/style.css?ver=1727650409' type='text/css' media='all' /> <link rel='stylesheet' id='wpengine-toc-css' href='https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/build/css/table-of-contents.css?ver=8f5cc983b62a3525da14' type='text/css' media='all' /> <link rel='stylesheet' id='wpengine-posts-pages-css' href='https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/build/css/posts-and-pages.css?ver=59e73cd80a102a0df8f2' type='text/css' media='all' /> <link rel='stylesheet' id='wpengine-widgets-css' href='https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/build/css/widgets.css?ver=de0c419fb23f90054919' type='text/css' media='all' /> <link rel='stylesheet' id='wpe-open-sans-css' href='https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700;1,800&display=swap' type='text/css' media='all' /> <link rel='stylesheet' id='wpengine-block-css' href='https://wpengine.com/support/wp-content/plugins/wpengine-blocks/build/style-index.css?ver=44761616e7605ba26165' type='text/css' media='all' /> <link rel='stylesheet' id='revisionize-css' href='https://wpengine.com/support/wp-content/plugins/wpengine-editorial-flow/build/adminMenuBar.css?ver=1716325695' type='text/css' media='all' /> <link rel='stylesheet' id='wpengine-support-center-css' href='https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/build/css/support-center.css?ver=5d5007eddf0c48bb65fa' type='text/css' media='all' /> <script type="text/javascript" src="https://wpengine.com/support/wp-content/mu-plugins/wpengine-library/js/jquery-core.js?ver=1716325695" id="jquery-core-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://wpengine.com/support/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://wpengine.com/support/wp-json/wp/v2/support/122585" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wpengine.com/support/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://wpengine.com/support/?p=122585' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://wpengine.com/support/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwpengine.com%2Fsupport%2Fcache%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://wpengine.com/support/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwpengine.com%2Fsupport%2Fcache%2F&format=xml" /> <link rel="preload" href="https://fonts.gstatic.com/s/opensans/v26/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <script> document.fonts.onloadingdone = function () { document.fonts.check( '800 1em Open Sans' ) && document.body.classList.remove( 'font-fallback' ); }; </script> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><link rel="icon" href="https://wpengine.com/support/wp-content/uploads/2024/05/wpe-mark-512-512_360-150x150.png" sizes="32x32" /> <link rel="icon" href="https://wpengine.com/support/wp-content/uploads/2024/05/wpe-mark-512-512_360-300x300.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://wpengine.com/support/wp-content/uploads/2024/05/wpe-mark-512-512_360-300x300.png" /> <meta name="msapplication-TileImage" content="https://wpengine.com/support/wp-content/uploads/2024/05/wpe-mark-512-512_360-300x300.png" /> <style type="text/css" id="wp-custom-css"> /*--- Remove Sidebar Sticky ---*/ @media screen and (min-width: 960px) { body .support-center-sidebar { position: relative; top:0; } } /*--- End Remove Sidebar Sticky ---*/ /*--- DUX ATTACK - Video Feedback --- */ #block-10{ display:none; } .video-feedback-callout:hover .video-feedback-link span{ color: #002447 !important; border-bottom: solid 3px #002447 !important; cursor: pointer; } .video-feedback-callout .video-feedback-link svg{ fill: #006bd6 !important; } .video-feedback-callout:hover .video-feedback-link svg{ fill: #002447 !important; } /*--- KELS ATTACK --- */ #block-9 { display:none; margin-bottom:60px; } .wpbasics{ margin-bottom:20px; } #block-9 .wp-block-cover{ border-radius:32px!important; padding:40px!important; } #block-9 .postlinkimg{ display:inline-block; width:48px; margin-right:20px; vertical-align:middle; } #block-9 .postlink{ display:inline-block; vertical-align:middle; max-width:190px; } #block-9 .postlink p{ text-decoration:underline; } #block-7 { display:none; margin-bottom:60px; } #block-7 figure{ margin:0!important; } #block-7 .wp-block-cover{ border-radius:20px!important; padding-top: 0 !important; text-align:center; } /*----Support Banner 2024----*/ /*This hides the blue ad*/ .block-area-120199{ display:none; } #block-12 { /*display:none;*/ margin-bottom:40px; } #block-13 { display:none; margin-bottom:40px; } #block-12 .wp-block-cover, #block-13 .wp-block-cover{ border-radius:32px!important; padding-top: 0 !important; padding:32px 40px !important; text-align:center; } #block-12 .button--sunset-white, #block-13 .button--sunset-white{ color: #002447; background-color: #ffffff; width: 100%; } #block-12 .button--sunset-white:hover, #block-13 .button--sunset-white:hover{ color: #002447; background-color: #EEF0F1; } .support-nav-wrapper .support-nav__active--icon, .support-nav__item--icon{ display:none!important; } .support-nav__item, .support-nav__active{ border-left:1px solid #cfdde9!important; } .support-nav__item:last-child{ border-right:1px solid #cfdde9; } /*--- End KELS ATTACK --- */ /*--- DUX ATTACK --- */ /*--- Video Fix --- */ @media screen and (max-width: 480px){ .wp-block-embed iframe { max-width: 100%; width: 100%; height: 250px!important; } } @media screen and (min-width: 481px) and (max-width: 768px){ .wp-block-embed iframe { max-width: 100%; width: 100%; height: 400px!important; } } @media screen and (min-width: 960px) and (max-width: 1276px){ .wp-block-embed iframe { max-width: 100%; width: 100%; height: 350px!important; } } @media screen and (min-width: 1276px) { .wp-block-embed iframe { max-width: 100%; width: 100%; height: 400px; } } figure.wp-embed-aspect-16-9, figure.wp-embed-aspect-4-3{ margin:0 } /*-- @media screen and (min-width: 1280px) { .entry-content.support-center-content iframe{ width:100%; height:400px; } } --*/ /*--- End Video Fix --- */ /*--- Text Styling ---*/ @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); .fl-builder-content-primary h1{ font-family:inter, helvetica, sans serif!important; text-transform:uppercase!important; font-size:16px!important; font-weight:500!important; letter-spacing:3px!important; } h1, .site-content h2, .page-header__title,h3, h5, .hero-header .hero-title, .visual--h2 .fl-heading { letter-spacing: -1px; font-family:lora, georgia, serif; font-weight:500!important; } .visual--h2 .heading--semantic{ font-family:lora, georgia, serif; font-weight:500; } .site-footer a, .site-footer p { font-weight:500!important; font-size:14px; line-height:1.75rem } .site-footer__container a:hover{ color:#667c91; } body, p,ul,li,ol, h2.section-footer__title, .has-mega-menu .nav__link.nav__top,h2.has-small-font-size, h4 { font-family:inter, helvetica, sans serif!important; } h2.has-small-font-size{ line-height:2.8rem; } .site-footer__menu .section-footer__title{ font-weight:700; margin-bottom:20px } .wpe-mega-menu .wp-block-columns .wp-block-column .link-description{ font-weight:300; } .site-footer { background-color:#002447; } .lwptoc .lwptoc_item, .lwptoc .lwptoc_title{ font-family:inter, helvetica, sans serif!important; } .lwptoc .lwptoc_title{ font-weight:700; font-size:2rem; } .support-nav__item--title, .support-nav__active--title{ font-weight:700!important; } .support-nav-wrapper .support-nav__active a:hover { background-color: #e5ecf3!important; border-radius: 20px; } .hero-title{ letter-spacing: } .page-header__title{ letter-spacing:0; font-size:30px; font-family:inter, helvetica, sans serif!important; font-weight:700!important; } h2.page-header__title{ font-weight:700!important; } input{ font-family:inter, helvetica, sans serif!important; } .tile__title a{ letter-spacing:-.25px; font-family:inter, helvetica, sans serif!important; } .tile__pretitle{ letter-spacing:2px; font-family:inter, helvetica, sans serif!important; font-weight:500; color:#5B6C74; margin-bottom:24px; } button{ font-family:inter, helvetica, sans serif!important; } @media (min-width: 1140px) { .cta-block__title-description p { font-size: 18px!important; } } .cta-block.cta-block--in-page-small .cta-block__title{ font-size:2.8rem!important; } } .site-footer__menu .section-footer__menu h2.section-footer__title{ font-family:inter, helvetica, sans serif!important; font-weight:700!important; } .tile__summary{ font-weight:500; } .tile__title.tile_title--small{ font-size:24px!important; font-family:inter, helvetica, sans serif!important; font-weight:700!important; } @media (min-width: 960px) { .tile__header { margin-bottom: 20px; } } /*--- End Text Styling ---*/ /* Search */ .widget-wrapper--support-sidebar .widget{ padding:0; -webkit-box-shadow: none!important; box-shadow: none!important; } @media screen and (min-width: 960px) { .widget-wrapper--support-sidebar .widget .search-form .search-field { margin-bottom: 10px; width: 65%; } } /* End Search */ .page-header { background: #0ecad4; background: linear-gradient(141deg, #006BD6, #0ecad4)!important; color: #fff; } /* --- Pagination --- */ .navigation.pagination .nav-links .page-numbers { padding: 15px!important; } .navigation.pagination .nav-links .current { background:#002447!important; border-radius: 50px!important; } .navigation.pagination .nav-links a.page-numbers:hover { border-radius: 50px!important; } /* --- End Pagination --- */ /* Links */ a{ color:#002447; } a:hover{ color:#006bd6; } /* End Links */ /* Tiles */ .tile, .tile__link { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border:1px solid #cfdde9!important; border-radius:10px; } .tile--support{ border-radius:20px!important; border:2px solid #cfdde9!important; } .tile__link:active .tile__line, .tile__link:focus .tile__line, .tile__link:hover .tile__line { border-radius: 0 0 20px 20px; } .tile__line { background-color: #006bd6; } /* End Tiles */ .gb-block-notice .gb-notice-title{ background-color:#FFC34E; color:#002838!important; } .gb-notice-text{ border-color:#FFC34E!important; } /* Buttons */ .button-group>.button, .button-group>[type=button], .button-group>[type=submit], .button-group>button, .nav-cta, .tile--support .button, [type=submit], .button--sunset-white { border-radius: 50px; text-transform: capitalize!important; } /* End Buttons */ /* Search Hero */ @media screen and (min-width: 768px) { .hero-wrapper { background:#f4f7fa!important; } } @media (min-width: 1140px) { .hero-header { padding-right: 0!important; text-align:center!important; max-width:800px!important } .hero-header form{ margin-left:155px; } } .search-form .search-field{ border-radius:10px; margin-right:10px; } .search-form .search-submit { border-radius:50px; padding-top:0!important; } .hero-header .search-form .search-submit:hover{ background-color: #4D6974; border-color: #4D6974; color:#fff } @media (min-width: 960px) { .support-nav-wrapper { border-bottom:1px solid #e1e9f1; } } /* END Search Hero */ /* Support BOP */ .fl-node-61841738db82d > .fl-row-content-wrap{ background:#f4f7fa!important; color:#002838; } .fl-node-618417a269ccb .cta-block__title-description{ text-align:center; } .fl-node-618417a269ccb .cta-block.cta-block--in-page-small .cta-block__content{ display:block!important; } .fl-node-618417a269ccb .cta-block.cta-block--in-page-small .cta-block__title-description { width:100%!important; padding:0!important; } .fl-node-618417a269ccb .cta-block.cta-block--in-page-small .cta-block__button-group{ width:100%!important; padding-top:30px; padding-bottom:40px; } .fl-node-618417a269ccb .button--hollow-white{ color: white; background: #002838; border: #002838; } .fl-node-618417a269ccb .button--hollow-white:hover{ background-color: #4D6974; border-color: #4D6974; } .fl-node-618417a269ccb p{ max-width: 700px; margin: 0 auto; } .fl-node-61841738db82d > .fl-row-content-wrap { padding-top:80px!important; } .fl-row-bg-lazy-photo.bg-scheme--light-text:not(.fl-row-bg-overlay):not(.no-overlay) .fl-row-content-wrap{ padding-top: 80px; padding-bottom: 80px; } @media (max-width: 768px){ .cta-block__title-description p { font-size: 1rem!important; } .fl-row-bg-lazy-photo.bg-scheme--light-text:not(.fl-row-bg-overlay):not(.no-overlay) .fl-row-content-wrap { background-image: url(https://wpengine.com/wp-content/uploads/2017/11/logo-poof-1500x833.jpeg)!important; background-size: cover!important; background-repeat: no-repeat!important; background-position:center!important; } } /* END Support BOP */ /* Buy BOP */ .fl-row-bg-lazy-photo .fl-row-content-wrap:before{ background-color:transparent!important; } .fl-node-615e05eee7ca2 > .fl-row-content-wrap { padding-top:80px!important; padding-bottom:80px!important; } /* END Buy BOP */ /* --- END DUX ATTACK --- */ @media (min-width: 768px){ .wp-block-cover { padding: 40px!important; } } #block-2 > div > h2 { margin: 0; } #block-3 > div > div > p:nth-child(2) { margin: 0; } #block-3 > div > div > h2 { margin: 0; } #block-4 > div > div > h2 { margin: 0; } #colophon > div > div.site-footer__widget-areas > div.site-footer__info-widgets { padding: 40px 0 0; } #block-3 > div > div > p:nth-child(3) { margin: 0; } #block-4 > div > h2 { margin: 0 } @media ( max-width: 768px ) { .wp-block-embed > div > iframe { height: 100% } } .wpe-hamburger__label { text-transform: uppercase; } #masthead.site-header.mobile-nav-active .dropdown-nav.mobile { top: 87px; } /* --- Mobile Menu Font Color **/ /* --- Mobile Menu Font Color **/ @media ( max-width: 850px) { #mobile-navigation > div .nav__top { color: #002838; } } @media ( max-width: 850px) { #masthead > div.wrap > a > svg.brand.brand--wpengine > path { fill: #002838; } } /* ------ CTA Buttons Stacked on Tablet ------ */ @media (min-width: 768px) and (max-width: 999px){ .button-group .button { margin: 10px 20px; padding-right: 100px; padding-left: 100px; } } /*------ Buy Now Page 60-day Footer Fix ------*/ .sixtyday { z-index:0; } /*------ Platform Button Nav Overlay ------*/ .platformnavbutton{ background: rgba(0,40,56,.35); } /*------ Video Lightbox Modal Styling ------*/ .mfp-wrap.fl-video-lightbox-wrap .mfp-close, .mfp-wrap.fl-video-lightbox-wrap .mfp-close:hover { color: #FFF!important; right: -44px!important; top: -40px!important; } .mfp-close { height: 44px; position: absolute; opacity: 1; font-style: normal; font-family: Arial,Baskerville,monospace; } .mfp-close:hover { opacity: .65; } .mfp-iframe-scaler [type=button] { font-size: 3rem!important; } .fl-video-lightbox-wrap .mfp-iframe-scaler iframe { left: 0%; height: 100%; top: 0%; width: 100%; border:0!important; } /*------ End Video Lightbox Modal Styling ------*/ /*--- Blog Post Custom Widget CTA CSS---*/ #custom_html-3, #custom_html-4, #custom_html-5, #custom_html-6, #custom_html-7, #custom_html-8, #custom_html-9, #custom_html-16 { padding: 0 !important; } #custom_html-7, #custom_html-8, #custom_html-9 { display: none; } #custom_html-5 { margin-bottom: 40px; } #cta_widget-9 p { text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7); } /*--- End Custom CSS ---*/ /*--- Custom CTA Padding Fix CSS ---*/ @media (min-width: 768px){ .wp-block-cover { padding: 40px!important; } } /*--- Custom CTA Padding Fix CSS ---*/ /*--- EU Sites Blog Opt-in fix ---*/ .wpe-field__fieldset.group__eu_opt_in .wpe-field__description, .wpe-field__fieldset.group__eu_opt_in .wpe-field__controls { background-color: transparent; width: 100%; } /*--- EU Sites Blog Opt-in fix ---*/ /*--- Header height adjust for mega ---*/ @media (min-width: 850px) { .has-mega-menu header#masthead:not(.site-header--scrolled) { padding-top: 40px; } } /*--- Header height adjust for mega ---*/ /*------ Tweak in-page subnav when OptinMonster Marbar exists ------*/ html.om-position-floating-top body.has-mega-menu #in-page-nav-menu { top: 132px; } /*------ /Tweak in-page subnav when OptinMonster Marbar exists ------*/ /*------ Remove plus sign underlines in accordion components ------*/ .fl-accordion-button:hover .fl-accordion-button-label, .fl-accordion-button:focus .fl-accordion-button-label { text-decoration: underline; } .fl-accordion-button-icon { text-decoration: none; } /*------ /Remove plus sign underlines in accordion components ------*/ .block-area-125132 { box-shadow: none !important; } .block-area-125132 .wp-block-cover { border-radius: 32px; } </style> </head> <body class="support-template-default single single-support postid-122585 country-sg no-js fl-builder-2-8-5-1 has-mega-menu"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MPL24K" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header id="masthead" class="site-header header-scheme--light" > <div class="wrap"> <a href="https://wpengine.com/" rel="home" class="site-logo"> <img src="https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/images/wpe-logo-light-new.svg" width="192" style="display: block" alt="WP Engine" /> </a> <nav id="site-navigation" class="dropdown-nav primary"> <div class="nav__container nav__gradient--nightwolf" id="megamenu__item--products"><a href="#" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top" data-menu="122802">Products<span class="mega-menu-caret"><img src="https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/images/nav/caret-polar-40.svg" alt="Mega menu toggle indicator" width="12" height="7" /></span></a></div><!-- #122802 --><div class="nav__container nav__gradient--nightwolf" id="megamenu__item--resources"><a href="#" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top" data-menu="122803">Resources<span class="mega-menu-caret"><img src="https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/images/nav/caret-polar-40.svg" alt="Mega menu toggle indicator" width="12" height="7" /></span></a></div><!-- #122803 --><div class="nav__container nav__gradient--nightwolf" id="megamenu__item--whywpengine"><a href="#" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top" data-menu="122804">Why WP Engine?<span class="mega-menu-caret"><img src="https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/images/nav/caret-polar-40.svg" alt="Mega menu toggle indicator" width="12" height="7" /></span></a></div><!-- #122804 --><div class="nav__container nav__gradient--nightwolf" id="megamenu__item--pricing"><a href="https://wpengine.com/plans" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top">Pricing</a></div><!-- #122805 --> </nav><!-- #site-navigation --> <nav id="secondary-navigation" class="dropdown-nav user"> <div class="nav__container nav__gradient--nightwolf" id="secondarymegamenu__item--contact"><a href="#" class="gets-notification header-right menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top" data-menu="123441">Contact<span class="mega-menu-caret"><img src="https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/images/nav/caret-polar-40.svg" alt="Mega menu toggle indicator" width="12" height="7" /></span></a></div><!-- #123441 --><div class="nav__container nav__gradient--nightwolf" id="secondarymegamenu__item--login"><a href="https://my.wpengine.com" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top"><span class="nav__icon login"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.2 27.2"><g fill="none" stroke-miterlimit="10" stroke-width="1.2" transform="translate(-1.095 -1.459)"><path stroke="#0c51ce" stroke-linecap="square" d="M24.486 24.923h0A3.486 3.486 0 0121 21.437v-.951A3.486 3.486 0 0124.486 17h0a3.486 3.486 0 013.486 3.486v.951a3.486 3.486 0 01-3.486 3.486z" data-name="Path 12582" transform="translate(-9.457 -9.865)"/><path stroke="#0c51ce" d="M14.529 51.655A6.536 6.536 0 0120.4 48h3.485a6.548 6.548 0 015.868 3.655" data-name="Path 12583" opacity=".55" transform="translate(-7.11 -29.914)"/><circle cx="13" cy="13" r="13" stroke="#0ecad4" stroke-linecap="square" data-name="Ellipse 4364" transform="translate(1.695 2.059)"/></g></svg></span>Log In</a></div><!-- #123442 --><div class="nav__container nav__gradient--nightwolf" id="secondarymegamenu__item--requestaquote"><a href="/contact" class="nav-cta menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top">Request a Quote</a></div><!-- #123443 --> </nav><!-- #site-navigation --> <button id="wpe-site-header__mobile-navigation-toggle" aria-controls="mobile-navigation" aria-expanded="false"> <span class="wpe-hamburger__label">Menu</span> <div class="wpe-hamburger__container"> <span class="wpe-hamburger__line"></span> <span class="wpe-hamburger__line"></span> <span class="wpe-hamburger__line"></span> </div> </button> </div><!-- .wrap --> <div class='wpe-mega-menu block-area-122802'> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column featured is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">WP Engine Products</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-title"><a href="/wordpress-hosting/">WordPress Hosting</a></p> <p class="link-description">Boost performance while managing less</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-title"><a href="/woocommerce/">WooCommerce Hosting</a> </p> <p class="link-description">Build faster and sell more with WooCommerce</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-title"><a href="/headless-wordpress/">Headless Platform</a></p> <p class="link-description">Build, deploy, and manage headless sites</p> </div> <div class="wp-block-group header-cta is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-link"><a href="/products/">View More Products</a></p> </div> </div> <div class="wp-block-column solutions is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Solutions</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/smb/">Small Businesses</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/enterprise/">Enterprises</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/agency/">Agencies</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/solutions/#ecommerce">eCommerce</a></p> </div> <div class="wp-block-group header-cta is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-link"><a href="/solutions/">View More Solutions</a></p> </div> <p class="column-title">Website Tools</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/smart-plugin-manager/">Smart Plugin Manager</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="https://websitetester.wpengine.com/">Website Tester</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/website-monitoring/">Website Monitoring</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/wordpress-themes-and-tools/">WordPress Themes and Tools</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/local/">Local WordPress Development</a></p> </div> </div> <div class="wp-block-column help is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Featured Plugins</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="https://www.advancedcustomfields.com/" target="_blank" rel="noreferrer noopener">Advanced Custom Fields</a></p> <p class="link-description">Build rich, custom content editing experiences</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="https://deliciousbrains.com/wp-migrate-db-pro/" target="_blank" rel="noreferrer noopener">WP Migrate</a></p> <p class="link-description">Migrate WordPress sites with confidence</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="https://deliciousbrains.com/wp-offload-media/" target="_blank" rel="noreferrer noopener">WP Offload Media</a></p> <p>Offload media assets & serve them lightning fast</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="https://deliciousbrains.com/wp-offload-ses/" target="_blank" rel="noreferrer noopener">WP Offload SES</a></p> <p>Improve email send reliability with Amazon SES</p> </div> <div class="wp-block-group header-cta is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-link"><a href="/solution-center/plugins/">View More Recommended Plugins</a> </p> </div> </div> </div> </div><div class='wpe-mega-menu block-area-122803'> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column resources is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">WordPress Resources</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="/resources/">WP Engine Resources</a></p> <p class="link-description">Articles and videos for help with WordPress</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="/support/">WP Engine Help Docs</a></p> <p class="link-description">Guides for site setup & troubleshooting</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="/migrate-wordpress/">Free Website Migration</a></p> <p class="link-description">Automated migration plugin & support</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle link-subtitle--no-padding"><a href="/partners/agencies/">Find a WordPress Agency</a></p> <p class="link-description">Need help? Search our agency directory</p> </div> </div> <div class="wp-block-column mega-nav-icons is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Stay Connected</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/wpe-logomark.svg" alt=""/></figure> <p class="link-subtitle link-subtitle--no-padding"><a href="/blog/">WP Engine Blog</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-builder.svg" alt=""/></figure> <p class="link-subtitle link-subtitle--no-padding"><a href="/builders/">Builder Community</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-developer.svg" alt=""/></figure> <p class="link-subtitle link-subtitle--no-padding"><a href="https://developers.wpengine.com/">Headless Developer Community</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-torque.svg" alt=""/></figure> <p class="link-subtitle link-subtitle--no-padding"><a href="https://torquemag.io/" target="_blank" rel="noreferrer noopener">Torque Magazine</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-velocitize.svg" alt=""/></figure> <p class="link-subtitle link-subtitle--no-padding"><a href="https://velocitize.com/" target="_blank" rel="noreferrer noopener">Velocitize Magazine</a></p> </div> </div> <div class="wp-block-column mega-blog-cta is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Thought Leadership</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><a href="https://www.youtube.com/playlist?list=PLUIctPjPADH8c1IJrtyh72vr0ZtWL0XpP" target="_blank" rel="noreferrer noopener"><img decoding="async" src="/wp-content/uploads/2022/11/thumbnail-velocitize_2x.png" alt="" class="wp-image-136949" width="102" height="101"/></a></figure> <div class="wp-block-group mega-blog-content is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-meta">Velocitize Talks</p> <p class="cta-title"><a href="https://www.youtube.com/playlist?list=PLUIctPjPADH8c1IJrtyh72vr0ZtWL0XpP" target="_blank" rel="noreferrer noopener">Erik Posthuma of Aleph-labs on Web3, Cryptocurrency, & More</a></p> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><a href="https://torquemag.io/category/community/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="/wp-content/uploads/2022/11/thumbnail-pressthis_2x.png" alt="" class="wp-image-136951" width="100" height="101"/></a></figure> <div class="wp-block-group mega-blog-content is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-meta">Podcast</p> <p class="cta-title"><a href="https://torquemag.io/category/community/">Press This, the WordPress Community Podcast</a></p> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img decoding="async" src="/wp-content/uploads/2022/11/thumnail-wpeconomy_2x.png" alt="" class="wp-image-136962" width="100" height="101"/></figure> <div class="wp-block-group mega-blog-content is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-meta">Study</p> <p class="cta-title"><a href="/wordpress-economy/">The World’s First Study of the WordPress Economy</a></p> </div> </div> </div> </div> </div><div class='wpe-mega-menu block-area-122804'> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column why-wpe is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Why WP Engine?</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/platform/">Our Platform Technology</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/managed-wordpress-hosting/">Managed WordPress Hosting</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/fast-wordpress-hosting/">Fast WordPress</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/secure-wordpress-hosting/">Secure WordPress</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/wordpress-support/">24/7 WordPress Support</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/about-us/">About Us</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/wpengine-reviews/">WP Engine Reviews</a></p> </div> </div> <div class="wp-block-column mega-why-cta is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">How You Win with WP Engine</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img decoding="async" src="/wp-content/uploads/2022/11/graphic-winwitihwpe_2x.png" alt="" class="wp-image-136956" width="222" height="147"/></figure> <p>Build faster, protect your brand, and grow your business with the #1 WordPress platform to power remarkable online experiences.</p> </div> <div class="wp-block-group header-cta is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-link"><a href="/platform/">Learn More</a></p> </div> </div> <div class="wp-block-column mega-why-cta is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Customer Spotlight</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><a href="/more/achieving-peak-performance-headless-wordpress/"><img decoding="async" src="/wp-content/uploads/2022/11/graphic-androidauthority_2x.png" alt="" class="wp-image-136957" width="240" height="133"/></a></figure> <p class="link-subtitle">Peak Performance With Headless WordPress</p> <p>Android Authority increases speed 6x by adopting a headless architecture with a WordPress back-end.</p> </div> <div class="wp-block-group header-cta is-layout-flow wp-block-group-is-layout-flow"> <p class="cta-link"><a href="/our-customers/">All Case Studies</a></p> </div> </div> </div> </div><div class='wpe-mega-menu block-area-123441'> <div class="wp-block-columns mega-menu-contact is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex"> <div class="wp-block-column sales is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Contact sales</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle">Call Us</p> <p><span class="wpe-geo-phone"><a href="tel:+1-512-273-3906">+1-512-273-3906</a></span> to talk to a sales expert</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="link-subtitle"><a href="/contact/">Request a Quote</a></p> <p>Submit a request for a personalized plan recommendation</p> </div> <div class="wp-block-buttons mirage-hollow mega-contact-button is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button" href="#chat"><strong>Let’s Chat</strong></a></div> </div> </div> <div class="wp-block-column support is-layout-flow wp-block-column-is-layout-flow"> <p class="column-title">Customer Support</p> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/support/">Support Articles</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/support-billing/">Billing Help</a></p> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> <p class="link-subtitle"><a href="/support/how-do-i-reset-my-user-portal-password/">Password Help</a></p> </div> <div class="wp-block-buttons hollow-mirage mega-contact-button is-layout-flex wp-block-buttons-is-layout-flex"> <div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button" href="http://my.wpengine.com"><strong>Log In for Support</strong></a></div> </div> </div> <div class="wp-block-column contact is-layout-flow wp-block-column-is-layout-flow"> <div class="wp-block-group header-cta header-cta-icon is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/decide.svg" alt="Easiest Migration Ever!"/></figure> <p class="link-title">Need Help Choosing a Plan?</p> <p>We offer solutions for businesses of all sizes. For questions about our plans and products, contact our team of experts. <a href="/contact/">Get in touch</a></p> </div> </div> </div> </div> <nav id="mobile-navigation" class="dropdown-nav mobile"> <div class="dropdown-nav__container"> <div class="nav__container" id="mobilemenu2022__item--products"><a href="#" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top nav__link--mobile" data-menu="123142">Products<span class="mega-menu-caret mega-menu-caret__mobile"><svg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.6402 2.72733C16.0645 2.37376 16.1218 1.7432 15.7682 1.31892C15.4147 0.894645 14.7841 0.837321 14.3598 1.19089L15.6402 2.72733ZM8 7.79244L7.35982 8.56066C7.73066 8.8697 8.26934 8.8697 8.64018 8.56066L8 7.79244ZM1.64019 1.19088C1.21591 0.83732 0.585343 0.894644 0.231779 1.31892C-0.121785 1.7432 -0.0644608 2.37376 0.359816 2.72733L1.64019 1.19088ZM14.3598 1.19089L7.35982 7.02422L8.64018 8.56066L15.6402 2.72733L14.3598 1.19089ZM8.64018 7.02422L1.64019 1.19088L0.359816 2.72733L7.35982 8.56066L8.64018 7.02422Z" fill="#002838"/> </svg> </span></a><div class='wpe-mega-menu block-area-123142'> <div class="wp-block-group wpe__mobile-nav-dropdown-area is-layout-flow wp-block-group-is-layout-flow"> <ul class="wp-block-wpengine-nav-section nav__section"> <li class="wp-block-wpengine-nav-product-link"><a href="/wordpress-hosting/" class="wpe__url"><p class="wpe__product-name"></p><p class="wpe__label">WordPress Hosting</p></a></li> <li class="wp-block-wpengine-nav-product-link"><a href="/woocommerce/" class="wpe__url"><p class="wpe__product-name"></p><p class="wpe__label">WooCommerce</p></a></li> <li class="wp-block-wpengine-nav-product-link"><a href="/headless-wordpress/" class="wpe__url"><p class="wpe__product-name"></p><p class="wpe__label">Headless Platform</p></a></li> <li class="wp-block-wpengine-nav-product-link mobile-view-more-cta"><a href="/products/" class="wpe__url"><p class="wpe__product-name"></p><p class="wpe__label">View More Products</p></a></li> </ul> <ul class="wp-block-wpengine-nav-section nav__section"> <hr class="wp-block-separator has-css-opacity is-style-wide"/> <li class="wp-block-wpengine-nav-dropdown-panel nav__link"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">Solutions</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <ul class="wp-block-wpengine-nav-submenu-links nav__submenu"> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/smb/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Small Businesses</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/enterprise/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Enterprises</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/agency/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Agencies</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/solutions/#ecommerce" target="_self" class="wpe__submenu-inner-link" rel="noopener">eCommerce</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link mobile-view-more"><a href="/solutions/" target="_self" class="wpe__submenu-inner-link" rel="noopener">View More Solutions</a></li> </ul> </div></li> <li class="wp-block-wpengine-nav-dropdown-panel nav__link"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">Website Tools</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <ul class="wp-block-wpengine-nav-submenu-links nav__submenu"> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/smart-plugin-manager/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Smart Plugin Manager</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/website-monitoring/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Website Monitoring</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="https://websitetester.wpengine.com/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Website Tester</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/wordpress-themes-and-tools/" target="_self" class="wpe__submenu-inner-link" rel="noopener">WordPress Themes & Tools</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/local/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Local WordPress Development</a></li> </ul> </div></li> <li class="wp-block-wpengine-nav-dropdown-panel nav__link"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">Featured Plugins</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <ul class="wp-block-wpengine-nav-submenu-links nav__submenu"> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="https://www.advancedcustomfields.com/" target="_blank" class="wpe__submenu-inner-link" rel="noopener">Advanced Custom Fields</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="https://deliciousbrains.com/wp-migrate-db-pro/" target="_blank" class="wpe__submenu-inner-link" rel="noopener">WP Migrate</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="https://deliciousbrains.com/wp-offload-media/" target="_blank" class="wpe__submenu-inner-link" rel="noopener">WP Offload Media</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="https://deliciousbrains.com/wp-offload-ses/" target="_blank" class="wpe__submenu-inner-link" rel="noopener">WP Offload SES</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link mobile-view-more"><a href="/solution-center/plugins/" target="_self" class="wpe__submenu-inner-link" rel="noopener">View More Recommended Plugins</a></li> </ul> </div></li> </ul> </div> </div></div><!-- #123143 --><div class="nav__container" id="mobilemenu2022__item--resources"><a href="#" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top nav__link--mobile" data-menu="123141">Resources<span class="mega-menu-caret mega-menu-caret__mobile"><svg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.6402 2.72733C16.0645 2.37376 16.1218 1.7432 15.7682 1.31892C15.4147 0.894645 14.7841 0.837321 14.3598 1.19089L15.6402 2.72733ZM8 7.79244L7.35982 8.56066C7.73066 8.8697 8.26934 8.8697 8.64018 8.56066L8 7.79244ZM1.64019 1.19088C1.21591 0.83732 0.585343 0.894644 0.231779 1.31892C-0.121785 1.7432 -0.0644608 2.37376 0.359816 2.72733L1.64019 1.19088ZM14.3598 1.19089L7.35982 7.02422L8.64018 8.56066L15.6402 2.72733L14.3598 1.19089ZM8.64018 7.02422L1.64019 1.19088L0.359816 2.72733L7.35982 8.56066L8.64018 7.02422Z" fill="#002838"/> </svg> </span></a><div class='wpe-mega-menu block-area-123141'> <div class="wp-block-group wpe__mobile-nav-dropdown-area is-layout-flow wp-block-group-is-layout-flow"> <ul class="wp-block-wpengine-nav-section nav__section"> <li class="wp-block-wpengine-nav-dropdown-panel nav__link"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">WordPress Resources</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <ul class="wp-block-wpengine-nav-submenu-links nav__submenu"> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/resources/" class="wpe__submenu-inner-link">WP Engine Resources</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/support/" class="wpe__submenu-inner-link">WP Engine Help Docs</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/migrate-wordpress/" class="wpe__submenu-inner-link">Free Website Migration</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/partners/agencies/" class="wpe__submenu-inner-link">Find a WordPress Agency</a></li> </ul> </div></li> <li class="wp-block-wpengine-nav-dropdown-panel nav__link mobile-resources-cta"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">Stay Connected</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/wpe-logomark.svg" alt=""/></figure> <p><a href="/blog/">WP Engine Blog</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-builder.svg" alt=""/></figure> <p><a href="/builders/">Builder Community</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-developer.svg" alt=""/></figure> <p><a href="https://developers.wpengine.com/">Headless WordPress Community</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-torque.svg" alt=""/></figure> <p><a href="https://torquemag.io/" target="_blank" rel="noreferrer noopener">Torque Magazine</a></p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large"><img decoding="async" src="/wp-content/themes/wpengine-breakthrough/images/nav/icon-velocitize.svg" alt=""/></figure> <p><a href="https://velocitize.com/" target="_blank" rel="noreferrer noopener">Velocitize Magazine</a></p> </div> </div></li> <li class="wp-block-wpengine-nav-dropdown-panel nav__link mobile-thought-leadership"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">Thought Leadership</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized"><a href="https://www.youtube.com/playlist?list=PLUIctPjPADH8c1IJrtyh72vr0ZtWL0XpP" target="_blank" rel="noreferrer noopener"><img decoding="async" src="/wp-content/uploads/2022/11/thumbnail-velocitize_2x.png" alt="" width="102" height="101"/></a></figure> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="meta">Velocitize Talks</p> <p class="title"><a href="https://www.youtube.com/playlist?list=PLUIctPjPADH8c1IJrtyh72vr0ZtWL0XpP" target="_blank" rel="noreferrer noopener">Erik Posthuma of Aleph-labs on Web3, Cryptocurrency, & More</a></p> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized"><a href="https://torquemag.io/category/community/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="/wp-content/uploads/2022/11/thumbnail-pressthis_2x.png" alt="" width="100" height="101"/></a></figure> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="meta">Podcast</p> <p class="title"><a href="https://torquemag.io/category/community/" target="_blank" rel="noreferrer noopener">Press This, the WordPress Community Podcast</a></p> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized"><a href="/wordpress-economy/" target="_blank" rel="noreferrer noopener"><img decoding="async" src="/wp-content/uploads/2022/11/thumnail-wpeconomy_2x.png" alt="" width="100" height="101"/></a></figure> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <p class="meta">Study</p> <p class="title"><a href="/wordpress-economy/">The World’s First Study of the WordPress Economy</a></p> </div> </div> </div></li> </ul> </div> </div></div><!-- #123144 --><div class="nav__container" id="mobilemenu2022__item--whywpengine"><a href="#" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top nav__link--mobile" data-menu="123138">Why WP Engine?<span class="mega-menu-caret mega-menu-caret__mobile"><svg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.6402 2.72733C16.0645 2.37376 16.1218 1.7432 15.7682 1.31892C15.4147 0.894645 14.7841 0.837321 14.3598 1.19089L15.6402 2.72733ZM8 7.79244L7.35982 8.56066C7.73066 8.8697 8.26934 8.8697 8.64018 8.56066L8 7.79244ZM1.64019 1.19088C1.21591 0.83732 0.585343 0.894644 0.231779 1.31892C-0.121785 1.7432 -0.0644608 2.37376 0.359816 2.72733L1.64019 1.19088ZM14.3598 1.19089L7.35982 7.02422L8.64018 8.56066L15.6402 2.72733L14.3598 1.19089ZM8.64018 7.02422L1.64019 1.19088L0.359816 2.72733L7.35982 8.56066L8.64018 7.02422Z" fill="#002838"/> </svg> </span></a><div class='wpe-mega-menu block-area-123138'> <div class="wp-block-group wpe__mobile-nav-dropdown-area is-layout-flow wp-block-group-is-layout-flow"> <ul class="wp-block-wpengine-nav-submenu-links nav__submenu"> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/platform/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Our Platform Technology</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/managed-wordpress-hosting/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Managed WordPress Hosting</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/fast-wordpress-hosting/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Fast Hosting</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/secure-wordpress-hosting/" target="_self" class="wpe__submenu-inner-link" rel="noopener">Secure Hosting</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/wordpress-support/" target="_self" class="wpe__submenu-inner-link" rel="noopener">24/7 WordPress Support</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/about-us/" target="_self" class="wpe__submenu-inner-link" rel="noopener">About Us</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/wpengine-reviews/" target="_self" class="wpe__submenu-inner-link" rel="noopener">WP Engine Reviews</a></li> </ul> <ul class="wp-block-wpengine-nav-section nav__section"> <li class="wp-block-wpengine-nav-dropdown-panel nav__link mobile-spotlight-cta"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">How You Win With WP Engine</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized"><img decoding="async" src="/wp-content/uploads/2022/11/graphic-winwitihwpe_2x.png" alt="" width="222" height="147"/></figure> <p>Build faster, protect your brand, and grow your business with the #1 WordPress platform to power remarkable online experiences.</p> <p class="link"><a href="/platform/">Learn More</a></p> </div> </div></li> <li class="wp-block-wpengine-nav-dropdown-panel nav__link mobile-spotlight-cta"><div class="wpe-nav-dropdown-panel__title-container" aria-expanded="false" tabindex="0" role="button"><span class="wpe-nav-dropdown-panel__title">Customer Spotlight</span><span class="wpe-nav-dropdown-panel__title-caret"><svg viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7682 1.31895C12.1218 1.74322 12.0644 2.37379 11.6402 2.72735L6.64016 6.89402C6.26931 7.20306 5.73064 7.20306 5.35979 6.89402L0.359791 2.72735C-0.0644856 2.37379 -0.12181 1.74322 0.231754 1.31895C0.585319 0.89467 1.21588 0.837346 1.64016 1.19091L5.99997 4.82409L10.3598 1.19091C10.7841 0.837346 11.4146 0.89467 11.7682 1.31895Z" fill="#002838"></path></svg></span></div><div class="wpe-nav-dropdown-panel__content"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <figure class="wp-block-image size-large is-resized"><a href="/more/achieving-peak-performance-headless-wordpress/"><img decoding="async" src="/wp-content/uploads/2022/11/graphic-androidauthority_2x.png" alt="" width="240" height="133"/></a></figure> <p class="title">Peak Performance With Headless WordPress</p> <p>Android Authority increases speed 6x by adopting a headless architecture with a WordPress back-end.</p> <p class="link"><a href="/our-customers/">All Case Studies</a></p> </div> </div></li> </ul> </div> </div></div><!-- #123145 --><div class="nav__container" id="mobilemenu2022__item--contactus"><a href="#" class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top nav__link--mobile" data-menu="123137">Contact Us<span class="mega-menu-caret mega-menu-caret__mobile"><svg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.6402 2.72733C16.0645 2.37376 16.1218 1.7432 15.7682 1.31892C15.4147 0.894645 14.7841 0.837321 14.3598 1.19089L15.6402 2.72733ZM8 7.79244L7.35982 8.56066C7.73066 8.8697 8.26934 8.8697 8.64018 8.56066L8 7.79244ZM1.64019 1.19088C1.21591 0.83732 0.585343 0.894644 0.231779 1.31892C-0.121785 1.7432 -0.0644608 2.37376 0.359816 2.72733L1.64019 1.19088ZM14.3598 1.19089L7.35982 7.02422L8.64018 8.56066L15.6402 2.72733L14.3598 1.19089ZM8.64018 7.02422L1.64019 1.19088L0.359816 2.72733L7.35982 8.56066L8.64018 7.02422Z" fill="#002838"/> </svg> </span></a><div class='wpe-mega-menu block-area-123137'> <div class="wp-block-group wpe__mobile-nav-dropdown-area is-layout-flow wp-block-group-is-layout-flow"> <ul class="wp-block-wpengine-nav-section nav__section"> <ul class="wp-block-wpengine-nav-submenu-links nav__submenu"> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="#chat" class="wpe__submenu-inner-link">Let’s Chat</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><span class="wpe-geo-phone"><a href="tel:+1-512-273-3906">Call Us: +1-512-273-3906</a></span></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/contact/" class="wpe__submenu-inner-link">Request a Quote</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/support/" class="wpe__submenu-inner-link">Support Articles</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/support-billing/" class="wpe__submenu-inner-link">Billing Help</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="/support/how-do-i-reset-my-user-portal-password/" class="wpe__submenu-inner-link">Password Help</a></li> <li class="wp-block-wpengine-nav-submenu-inner-link"><a href="https://my.wpengine.com/" class="wpe__submenu-inner-link">Log In for Support</a></li> </ul> </ul> </div> <p></p> </div></div><!-- #123146 --><div class="nav__container" id="mobilemenu2022__item--plansandpricing"><div class="menu-item menu-item-type-custom menu-item-object-custom nav__link nav__top nav__link--mobile nav__link--footer" ><div class="nav__call-sales"><span class="nav__call-icon"><img src="https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/images/nav/icon_sales.svg" alt="" /></span><span class="nav__call-label">Call Sales:</span><span class="nav__sales-number"><span class="wpe-geo-phone"><a href="tel:+1-512-273-3906">+1-512-273-3906</a></span></span></div><a class='button button--lapis-mirage' href='/plans/'>Plans and Pricing</a></div></div><!-- #123147 --> </div> </nav><!-- #site-navigation --> </header><!-- #masthead --> <div id="content" class="site-content"> <div id="primary" class="content-area"> <main id="main" class="site-main"> <style> .page-header__title{ width: 300px; margin-left: 20px; float: left; } .search-form label { display: inline; float: left; margin-right: 8px; } .site-content .search-form .search-field { margin-bottom: 0; width: 100%; } .search-form-wrapper-top{ margin-right: 40px !important; float: right; padding-top: 13px; } @media screen and (min-width: 960px) { .widget-wrapper--support-sidebar .widget .search-form .search-field { margin-bottom: 10px; width: 100%; } } @media (max-width: 849px) { #masthead.site-header+#content { margin-top: 12px; } } @media (max-width: 1070px) and (min-width: 850px) { #masthead.site-header+#content { margin-top: 52px; } } @media screen and (max-width: 959px) { .search-form-wrapper-top{ float: none !important; margin-bottom: 20px; width:100%; margin:auto; padding:20px; /* margin-right:20px !important; margin-left: 20px; */ } .search-form-wrapper-top label{ width:100%; padding-bottom:8px; } .search-form-wrapper-top input[type=submit]{ width:100%; } .page-header__title{ width: 220px; margin-left:0px; font-size:24px; margin-top:4px; } .site-content .search-form .search-field { margin-bottom: 0; width: 100%; } } @media screen and (max-width: 379px) { .page-header__title { width: 175px; font-size: 18px; margin-top: 4px; } /* .search-form-wrapper-top{ width:89%; margin-right:0px !important; margin-left: 20px; } */ } </style> <header class="page-header page-header--support-center-single"> <div style="width: 96%;margin: auto;/* float: left; */"> <div class="page-header__title"><a href="/support/" style="color:white !important; text-decoration:none !important;">Support Center</a></div> <button class="support-nav-toggle">Categories</button> <!--//START// SEARCH FORM WRAPPER --> <div class="search-form-wrapper-top"> <form role="search" method="get" class="search-form" action="https://wpengine.com/support/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" /placeholder="Search Support Center" value="" name="s" /> </label> <input type="hidden" name="src" value="support"><input type="submit" class="search-submit" value="Search" /> </form> </div> <!--//END// SEARCH FORM WRAPPER --> </div> </header><!-- .page-header --> <article id="post-122585"> <div class="support-nav-wrapper"> <div class="support-nav"><div class="support-nav__item"><a href="https://wpengine.com/support/support-categories/setup/"><div class="support-nav__item--icon"></div><div class="support-nav__item--title">Setup A Site</div></a></div><div class="support-nav__item"><a href="https://wpengine.com/support/support-categories/account/"><div class="support-nav__item--icon"></div><div class="support-nav__item--title">Account & Features</div></a></div><div class="support-nav__active"><a href="https://wpengine.com/support/support-categories/platform/"><div class="support-nav__active--icon"></div><div class="support-nav__active--title">Platform Information</div></a></div><div class="support-nav__item"><a href="https://wpengine.com/support/support-categories/wordpress-help/"><div class="support-nav__item--icon"></div><div class="support-nav__item--title">WordPress Help</div></a></div><div class="support-nav__item"><a href="https://wpengine.com/support/support-categories/troubleshoot/"><div class="support-nav__item--icon"></div><div class="support-nav__item--title">Troubleshoot</div></a></div><div class="support-nav__item"><a href="https://wpengine.com/support/browse-all/"><div class="support-nav__item--icon"></div><div class="support-nav__item--title">Browse All</div></a></div></div> </div><!-- .support-nav --> <div class="entry-content support-center-content"> <div class="support-center-content__main"> <h1 class="entry-title">Server and Browser Cache</h1> <div class="support-center-content__entry-meta"> <p>Last updated on November 22nd, 2024</p> <p class="tags"><a href="/support-tag/cache">Cache</a><a href="/support-tag/platforminformation_sp">Platform Information</a><a href="/support-tag/troubleshooting">troubleshooting</a><a href="/support-tag/userportal">User Portal</a><a href="/support-tag/wp-admin">wp-admin</a></p> </div> <p>Heavy caching is one of the best ways to speed up your browsing experience, which is why WP Engine provides heavy caching through default and upgraded services. The primary caching layers are server (Varnish) and network (CDN).</p> <p>When updating content on your site, you might not see your updates and changes reflected immediately when viewing the site. The reason for this is most commonly caching, and caches simply need to be purged. Typically seeing your changes is as easy as purging the right cache.</p> <p>Not seeing changes after a deployment? Website looks wrong after copying? Made a change to a post or page but not seeing it reflected on the frontend? Purge caches!</p> <div class="lwptoc lwptoc-autoWidth lwptoc-baseItems lwptoc-light lwptoc-notInherit" data-smooth-scroll="1" data-smooth-scroll-offset="24"><div class="lwptoc_i"> <div class="lwptoc_header"> <b class="lwptoc_title">Contents</b> <span class="lwptoc_toggle"> <a href="#" class="lwptoc_toggle_label" data-label="show">hide</a> </span> </div> <div class="lwptoc_items lwptoc_items-visible"> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#WP_Engine_Cache"> <span class="lwptoc_item_number">1</span> <span class="lwptoc_item_label">WP Engine Cache</span> </a> </div><div class="lwptoc_item"> <a href="#Edge_Full_Page_Cache"> <span class="lwptoc_item_number">2</span> <span class="lwptoc_item_label">Edge Full Page Cache</span> </a> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#Enable"> <span class="lwptoc_item_number">2.1</span> <span class="lwptoc_item_label">Enable</span> </a> </div><div class="lwptoc_item"> <a href="#Purge_Cache"> <span class="lwptoc_item_number">2.2</span> <span class="lwptoc_item_label">Purge Cache</span> </a> </div><div class="lwptoc_item"> <a href="#Limitations"> <span class="lwptoc_item_number">2.3</span> <span class="lwptoc_item_label">Limitations</span> </a> </div><div class="lwptoc_item"> <a href="#Known_Issues"> <span class="lwptoc_item_number">2.4</span> <span class="lwptoc_item_label">Known Issues</span> </a> </div><div class="lwptoc_item"> <a href="#Unsupported"> <span class="lwptoc_item_number">2.5</span> <span class="lwptoc_item_label">Unsupported</span> </a> </div><div class="lwptoc_item"> <a href="#Cache_Headers"> <span class="lwptoc_item_number">2.6</span> <span class="lwptoc_item_label">Cache Headers</span> </a> </div><div class="lwptoc_item"> <a href="#Cache_Exclusions"> <span class="lwptoc_item_number">2.7</span> <span class="lwptoc_item_label">Cache Exclusions</span> </a> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#Default_Cache_Exclusions"> <span class="lwptoc_item_number">2.7.1</span> <span class="lwptoc_item_label">Default Cache Exclusions</span> </a> </div><div class="lwptoc_item"> <a href="#Custom_Cache_Exclusions"> <span class="lwptoc_item_number">2.7.2</span> <span class="lwptoc_item_label">Custom Cache Exclusions</span> </a> </div></div></div></div></div><div class="lwptoc_item"> <a href="#Purge_Server_Caches"> <span class="lwptoc_item_number">3</span> <span class="lwptoc_item_label">Purge Server Caches</span> </a> <div class="lwptoc_itemWrap"><div class="lwptoc_item"> <a href="#User_Portal"> <span class="lwptoc_item_number">3.1</span> <span class="lwptoc_item_label">User Portal</span> </a> </div><div class="lwptoc_item"> <a href="#WordPress_Admin"> <span class="lwptoc_item_number">3.2</span> <span class="lwptoc_item_label">WordPress Admin</span> </a> </div><div class="lwptoc_item"> <a href="#WP_Engine_API"> <span class="lwptoc_item_number">3.3</span> <span class="lwptoc_item_label">WP Engine API</span> </a> </div><div class="lwptoc_item"> <a href="#Purge_Cache_with_PHP"> <span class="lwptoc_item_number">3.4</span> <span class="lwptoc_item_label">Purge Cache with PHP</span> </a> </div></div></div><div class="lwptoc_item"> <a href="#Purge_Browser_Cache"> <span class="lwptoc_item_number">4</span> <span class="lwptoc_item_label">Purge Browser Cache</span> </a> </div><div class="lwptoc_item"> <a href="#Purge_Common_Theme_or_Plugin_Cache"> <span class="lwptoc_item_number">5</span> <span class="lwptoc_item_label">Purge Common Theme or Plugin Cache</span> </a> </div><div class="lwptoc_item"> <a href="#Still_Not_Seeing_Your_Changes"> <span class="lwptoc_item_number">6</span> <span class="lwptoc_item_label">Still Not Seeing Your Changes?</span> </a> </div><div class="lwptoc_item"> <a href="#Cache_Busting"> <span class="lwptoc_item_number">7</span> <span class="lwptoc_item_label">Cache Busting</span> </a> </div><div class="lwptoc_item"> <a href="#Testing_Cache"> <span class="lwptoc_item_number">8</span> <span class="lwptoc_item_label">Testing Cache</span> </a> </div></div></div> </div></div> <a name="server"></a> <hr class="wp-block-separator has-css-opacity"> <h2 class="wp-block-heading"><span id="WP_Engine_Cache">WP Engine Cache</span></h2> <p>Our servers employ extensive caching by default. This is part of what makes WP Engine the fastest WordPress® website host.<sup><a href="#legal-disclaimer">1</a></sup> <span style="font-weight: 400">When using page caching, the typical flow for the first page request looks something like this:</span></p> <p><span style="font-weight: 400"><img decoding="async" src="https://wpengine.com/wp-content/uploads/2014/06/uncached_workflow.png">Many of these steps are saved when you introduce a cached version:</span></p> <figure class="wp-block-image"><img decoding="async" src="https://wpengine.com/wp-content/uploads/2014/06/cached_workflow.png" alt=""></figure> <p>Each layer of caching has its own default expiration times as well. </p> <p><b>Page Cache</b> — Stores the dynamically generated version of a page.</p> <ul class="wp-block-list"> <li>10 minute cache expiration</li> </ul> <p><strong>Network Caches</strong> —DNS-level caching, including CDN, powered by Cloudflare. <a href="https://wpengine.com/support/add-domain-in-user-portal/#Add_Domain_in_User_Portal">Requires a domain be added to the environment to activate.</a></p> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <ul class="wp-block-list"> <li><strong><a href="https://wpengine.com/support/advanced-network/">Advanced Network</a> Cache</strong>, includes CDN <ul class="wp-block-list"> <li>Advanced network is included with all plan levels</li> <li>365 day static asset cache expiration</li> </ul> </li> <li><b><a href="https://wpengine.com/support/ges//">Global Edge Security</a></b> (GES) <b>Cache</b>, includes CDN <ul class="wp-block-list"> <li>365 day static asset cache expiration</li> <li>Caches based on file extension. Uses all of Cloudflare’s <a aria-label="undefined (opens in a new tab)" href="https://support.cloudflare.com/hc/en-us/articles/200172516-Understanding-Cloudflare-s-CDN#h_a01982d4-d5b6-4744-bb9b-a71da62c160a" target="_blank" rel="noreferrer noopener">default file extensions</a>, plus mp4.</li> </ul> </li> <li><a href="https://wpengine.com/support/cache/#Edge_Full_Page_Cache"><strong>Edge Full Page Cache</strong></a>, caches HTML files on the Cloudflare CDN <ul class="wp-block-list"> <li>Advanced network only (GES available in the future)</li> <li>Cache expiration time is based on cache-control headers for posts and pages which are 10 minutes by default</li> </ul> </li> </ul> </div> <p><b><a href="https://wpengine.com/support/wp-engines-object-caching/">Object Cache</a></b> — Stores results of database queries.</p> <ul class="wp-block-list"> <li>Object cache an optional feature</li> <li>No cache expiration</li> <li>1MB buffer size, data is stored based on what was request most recently</li> </ul> <p><strong><a href="https://wpengine.com/support/page-speed-boost/">Page Speed Boost</a> (PSB)</strong> — A performance tool that automatically handles cloud-based optimization of the frontend of your website.</p> <ul class="wp-block-list"> <li>PSB is an optional product extension</li> </ul> <p><b>Browser Cache</b> — Stores assets in a user’s local browser, such as Chrome or Firefox.</p> <ul class="wp-block-list"> <li>All static assets on the WP Engine platform are cached 365 days by default</li> <li>Cache expiration can be adjusted through cache headers</li> </ul> <hr class="wp-block-separator has-alpha-channel-opacity"> <h2 class="wp-block-heading"><span id="Edge_Full_Page_Cache">Edge Full Page Cache</span></h2> <p>Edge Full Page Cache is an optional layer of caching at the network level which will improve your website’s performance. This feature caches the website’s HTML and stores it on Cloudflare’s CDN network, improving the <a href="https://wpengine.com/support/troubleshooting-high-time-first-byte-ttfb/" target="_blank" rel="noreferrer noopener">Time to First Byte (TTFB)</a> and latency of most websites. </p> <p>If your domain is currently configured using Advanced Network or Global Edge Security, the majority of your website’s static assets are already cached using Cloudflare’s CDN network. However, HTML files by default are served directly from WP Engine’s servers. With <strong>Edge Full Page Cache</strong>, HTML pages can now be served from Cloudflare’s CDN which places assets geographically closer to your visitors and will improve overall page performance.</p> <p>Edge Full Page Cache is currently only available for domains pointed to WP Engine’s <a href="https://wpengine.com/support/advanced-network/" target="_blank" rel="noreferrer noopener">Advanced Network</a> for DNS.<strong> </strong><a href="https://wpengine.com/support/ges/" target="_blank" rel="noreferrer noopener">Global Edge Security</a> (GES) will be supported in the future.<br>For more information about WP Engine’s other types of server caching, see the <a href="https://wpengine.com/support/cache/#WP_Engine_Cache">WP Engine Cache</a> section.</p> <h3 class="wp-block-heading"><span id="Enable">Enable</span></h3> <p><strong>Edge Full Page Cache</strong> can be enabled for any domain on the Advanced Network from the Domains page for an environment.</p> <ol class="wp-block-list"> <li>From the <a href="https://my.wpengine.com/sites/" target="_blank" rel="noreferrer noopener"><strong>Sites</strong></a> page, select the environment name</li> <li>Select <strong>Domains</strong> in the secondary lefthand menu (You may have to expand the <strong>Manage</strong> dropdown section)</li> <li>Click the three dot menu button to the far right of the domain</li> <li>Select <strong>Enable Edge Full Page Cache</strong><br><img fetchpriority="high" decoding="async" width="600" height="416" class="wp-image-125604" style="width: 600px;" src="https://wpengine.com/support/wp-content/uploads/2014/07/enable-edge-full-page-cache-by-domain.png" alt="Screenshot of the Domains page for an environment in the WP Engine User Portal showing how to enable Edge Full Page Cache for a domain" srcset="https://wpengine.com/support/wp-content/uploads/2014/07/enable-edge-full-page-cache-by-domain.png 1835w, https://wpengine.com/support/wp-content/uploads/2014/07/enable-edge-full-page-cache-by-domain-300x208.png 300w, https://wpengine.com/support/wp-content/uploads/2014/07/enable-edge-full-page-cache-by-domain-1024x710.png 1024w, https://wpengine.com/support/wp-content/uploads/2014/07/enable-edge-full-page-cache-by-domain-768x532.png 768w, https://wpengine.com/support/wp-content/uploads/2014/07/enable-edge-full-page-cache-by-domain-1536x1065.png 1536w, https://wpengine.com/support/wp-content/uploads/2014/07/enable-edge-full-page-cache-by-domain-1500x1040.png 1500w" sizes="(max-width: 600px) 100vw, 600px"></li> </ol> <p><strong>Edge Full Page Cache</strong> can also be enabled from the <strong>Cache</strong> page in the User Portal for your <a href="https://wpengine.com/support/add-domain-in-user-portal/#Primary_Domain" target="_blank" rel="noreferrer noopener">Primary</a> domain. <em>This can also be enabled for Primary domains from the Domains page menu shown in the example above.</em></p> <ol class="wp-block-list"> <li>From the <a href="https://my.wpengine.com/sites/" target="_blank" rel="noreferrer noopener"><strong>Sites</strong></a> page, select the environment name</li> <li>Select <strong>Cache</strong> in the secondary lefthand menu (You may have to expand the <strong>Manage</strong> dropdown section)</li> <li>Locate the <strong>Network Caches</strong> section</li> <li>Toggle <strong>Edge Full Page Cache</strong><br><img decoding="async" width="600" height="419" class="wp-image-125607" style="width: 600px;" src="https://wpengine.com/support/wp-content/uploads/2024/09/enable-edge-full-page-cache-on-cache-page.png" alt="Screenshot of an environment's Cache page in the WP Engine User Portal showing how to enable Edge Full Page Cache for a site's Primary domain" srcset="https://wpengine.com/support/wp-content/uploads/2024/09/enable-edge-full-page-cache-on-cache-page.png 1878w, https://wpengine.com/support/wp-content/uploads/2024/09/enable-edge-full-page-cache-on-cache-page-300x209.png 300w, https://wpengine.com/support/wp-content/uploads/2024/09/enable-edge-full-page-cache-on-cache-page-1024x714.png 1024w, https://wpengine.com/support/wp-content/uploads/2024/09/enable-edge-full-page-cache-on-cache-page-768x536.png 768w, https://wpengine.com/support/wp-content/uploads/2024/09/enable-edge-full-page-cache-on-cache-page-1536x1071.png 1536w, https://wpengine.com/support/wp-content/uploads/2024/09/enable-edge-full-page-cache-on-cache-page-1500x1046.png 1500w" sizes="(max-width: 600px) 100vw, 600px"></li> </ol> <h3 class="wp-block-heading"><span id="Purge_Cache">Purge Cache</span></h3> <p>Edge Full Page Cache expiration times will use cache-control headers which you can change in the <a href="https://wpengine.com/support/cache-control-headers-wp-engine/#Post_and_Page_Expiry" target="_blank" rel="noreferrer noopener">WP Engine mu-plugin</a> and set in the <a href="https://wpengine.com/support/web-rules-engine/#Header_Rule_Examples" target="_blank" rel="noreferrer noopener">Web Rules Engine</a>. By default cache-control headers should be 10 minutes for posts and pages which you can see from the WP Engine menu in the WordPress dashboard.</p> <p>To purge Edge Full Page Cache, use the <strong>Clear Network Caches</strong> option on the <em>Cache</em> page of the User Portal. <a href="https://wpengine.com/support/cache/#User_Portal">Learn more here.</a></p> <p>Alternatively, both <strong>Clear All Caches</strong> on the <em>Cache</em> page and in the website’s <a href="https://wpengine.com/support/cache/#WordPress_Admin">WordPress admin</a> will purge Edge Full Page Cache.</p> <h3 class="wp-block-heading"><span id="Limitations">Limitations</span></h3> <p>WordPress has an incredibly large number of plugins and themes available. While our team has tested <strong>Edge Full Page Cache</strong> with a variety of plugins and themes, we are unable to test every available WordPress tool for compatibility. Use this feature at your discretion, understanding that outcomes may vary.</p> <p>Plugins with extensive personalization will generally benefit the least from Edge Full Page Cache since their key dynamic pages cannot have their HTML cached. These types of plugins include Membership/Community plugins and Learning/LMS plugins.</p> <p>If you encounter a conflict with a plugin or other feature please disable Edge Full Page Cache and report the conflict using the popup shown below which should show immediately after disabling.</p> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="526" src="https://wpengine.com/support/wp-content/uploads/2024/07/Edge-Full-Page-Cache-disabled-popup-1024x526.png" alt="Screenshot of the Cache page in the WP Engine User Portal showing where to give feedback about Edge Full Page Cache." class="wp-image-125107" srcset="https://wpengine.com/support/wp-content/uploads/2024/07/Edge-Full-Page-Cache-disabled-popup-1024x526.png 1024w, https://wpengine.com/support/wp-content/uploads/2024/07/Edge-Full-Page-Cache-disabled-popup-300x154.png 300w, https://wpengine.com/support/wp-content/uploads/2024/07/Edge-Full-Page-Cache-disabled-popup-768x395.png 768w, https://wpengine.com/support/wp-content/uploads/2024/07/Edge-Full-Page-Cache-disabled-popup-1536x789.png 1536w, https://wpengine.com/support/wp-content/uploads/2024/07/Edge-Full-Page-Cache-disabled-popup-1500x771.png 1500w, https://wpengine.com/support/wp-content/uploads/2024/07/Edge-Full-Page-Cache-disabled-popup.png 1539w" sizes="(max-width: 1024px) 100vw, 1024px"></figure> <p>If you do not see the feedback form popup then you can also submit feedback through the <strong>Product feedback</strong> link at the bottom of the <a href="https://my.wpengine.com/sites/" target="_blank" rel="noreferrer noopener">WP Engine User Portal</a>.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="201" src="https://wpengine.com/support/wp-content/uploads/2024/07/product-feedback-1-1024x201.png" alt="Screenshot of the WP Engine User Portal showing where to give general Product Feedback about the User Portal." class="wp-image-125109" srcset="https://wpengine.com/support/wp-content/uploads/2024/07/product-feedback-1-1024x201.png 1024w, https://wpengine.com/support/wp-content/uploads/2024/07/product-feedback-1-300x59.png 300w, https://wpengine.com/support/wp-content/uploads/2024/07/product-feedback-1-768x151.png 768w, https://wpengine.com/support/wp-content/uploads/2024/07/product-feedback-1.png 1150w" sizes="(max-width: 1024px) 100vw, 1024px"></figure> <h3 class="wp-block-heading"><span id="Known_Issues">Known Issues</span></h3> <ul class="wp-block-list"> <li>Some pages excluded from WP Engine’s caching will not be excluded from Edge Full Page Cache. <ul class="wp-block-list"> <li>WP Engine has <a href="https://wpengine.com/support/cache/#Default_Cache_Exclusions">default cache exclusions</a> in place for the WordPress admin dashboard, eCommerce dynamic pages, and PHP test drive, which will be excluded from Edge Full Page Cache.</li> <li>Edge Full Page Cache will not respect custom cache exclusions. <a href="https://wpengine.com/support/cache/#Custom_Cache_Exclusions">Learn how to review custom cache exclusions here</a>. </li> <li>Edge Full Page Cache will respect cache-control headers set in the <a href="https://wpengine.com/support/cache-control-headers-wp-engine/#Post_and_Page_Expiry" target="_blank" rel="noreferrer noopener">WP Engine mu-plugin</a> and the <a href="https://wpengine.com/support/web-rules-engine/#Header_Rule_Examples" target="_blank" rel="noreferrer noopener">Web Rules Engine</a>.</li> </ul> </li> <li>Page URLs that have been personalized with query strings will be cached as separate pages by Edge Full Page Cache for each unique version of the query string.</li> <li>Pages that generate personalized content via PHP may not work correctly with Edge Full Page Cache. For example, a page that uses PHP to generate a personalized welcome message (ex. “Hello Jorge”) might cache on the first user and display this message incorrectly to the next user(s). However, pages that display personalized content using JavaScript will generally not have this problem as long as the JavaScript itself is generating the content.</li> <li>Access rules added to Nginx or <a href="https://wpengine.com/support/web-rules-engine/#Access_Rules" target="_blank" rel="noreferrer noopener">Web Rules</a> to control access to the website might also not work as expected, as the requests would be cached in Cloudflare’s CDN and the rules from the server in WP Engine would not be processed.</li> </ul> <h3 class="wp-block-heading"><span id="Unsupported">Unsupported</span></h3> <ul class="wp-block-list"> <li><strong>Page Speed Boost</strong> – While technically compatible, having both Edge Full Page Caching and Page Speed Boost enabled at the same time offers no additional benefit. We recommend prioritizing Page Speed Boost, if both options are available.</li> <li><strong>Device type variants</strong> – Serving different versions of HTML for the same page based on device type (e.g. Mobile devices, Desktop), is incompatible since only one HTML version can be cached for the page with Edge Full Page Cache. Responsive pages using CSS Media Queries will still be compatible since the same HTML is used for all device types.</li> <li><strong>WPGraphQL Smart Cache Clear</strong> – This plugin only clears WP Engine’s Varnish page cache and does not clear Cloudflare’s Edge Full Page Cache.</li> <li><strong>GeoTarget</strong> – Edge Full Page Cache has not been fully tested with the GeoTarget plugin yet.</li> </ul> <a name="headers"></a> <hr class="wp-block-separator has-css-opacity"> <h3 class="wp-block-heading"><span id="Cache_Headers">Cache Headers</span></h3> <p>Cache headers are rules that tell each visitor’s computer how long to save assets (like images) locally. Because these assets are stored locally, purging server cache will not clear old assets off visitors machines. Assets can only be cleared when the cache header reaches its expiration or the user clears their browser cache.</p> <p>Cache-control headers<b> cannot be set lower than 600</b> <strong>seconds</strong> (10 minutes) – anything lower requires a full <a href="#Cache_Exclusions">cache </a>exclusion rule.</p> <p>To learn more about testing and changing cache headers <a href="https://wpengine.com/support/cache-control-headers-wp-engine/">see the full guide</a>.</p> <a name="exclusions"></a> <hr class="wp-block-separator has-css-opacity"> <h3 class="wp-block-heading"><span id="Cache_Exclusions">Cache Exclusions</span></h3> <p>There are situations when a page should <em>never</em> be served from cache and the interaction should always be treated as unique, such as during checkout or login. Our servers will respect cache exclusion rules for <b>pages</b>, <b>cookies</b> and <b>arguments</b>.</p> <h4 class="wp-block-heading"><span id="Default_Cache_Exclusions">Default Cache Exclusions</span></h4> <p>Certain pages are removed from server caching by default on all sites to help ensure functionality. Some of these default cache exclusions are:</p> <ul class="wp-block-list"> <li><span style="color: initial;">WP Admin area</span></li> <li><code>wp-login.php</code></li> <li>Pages named <code>cart</code>, <code>checkout</code>, or <code>check-out</code></li> <li>Pages where a cookie containing <code>wordpress_</code> has a value set</li> </ul> <p>If we see the WooCommerce® on the site we add some extra default exclusions, so you don’t have to worry.<sup><a href="#legal-disclaimer">1</a></sup> We exclude the following pages from cache:</p> <ul class="wp-block-list"> <li><code>/products-compare</code></li> <li><code>/coupon</code></li> <li><code>/my-account/lost-password</code></li> <li><code>/wp-json/wc</code></li> <li><code>/wc-api</code></li> </ul> <p>As well as the arguments:</p> <ul class="wp-block-list"> <li><code>add-to-cart=.+</code></li> <li><code>wp-api=.+</code></li> </ul> <p>And finally, these cookies:</p> <ul class="wp-block-list"> <li><code>woocommerce_items_in_cart=[1-9]+</code></li> <li><code>wp_woocommerce_session</code></li> <li><code>woocommerce_cart_hash</code></li> <li><code>woocommerce_recently_viewed</code></li> <li><code>store_notice[notice id]</code></li> </ul> <h4 class="wp-block-heading"><span id="Custom_Cache_Exclusions">Custom Cache Exclusions</span></h4> <p>While we’ve added some default exclusions there are still situations you may need custom cache exclusions put in place.</p> <p>If you’re having issues with a form not submitting, login not working, password reset emails not being sent, or are using a custom checkout URL, you will need to reach out to our support team to have the custom page URL excluded from server caching on the website. At times a plugin or theme may not be carrying data correctly from page to page. If this happens there may need to be a cookie or arg excluded from caching instead of a path.</p> <p>To view custom cache exclusions, visit the Caching Options page in your User Portal.</p> <ol class="wp-block-list"> <li>From the <a href="https://my.wpengine.com/sites">Sites page</a>, select the <strong>environment name</strong></li> <li>Click <strong>Cache</strong> (You may have to expand the <strong>Manage</strong> dropdown section)</li> <li>Choose <strong>Cache Exclusions</strong></li> </ol> <p>Each type of exclusion will be noted before the excluded phrase. These are; path, arg, and cookie.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="839" height="1024" src="https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions-839x1024.png" alt="Screenshot of an environment's Cache page in the WP Engine User Portal showing the list of custom cache exclusions" class="wp-image-125396" srcset="https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions-839x1024.png 839w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions-246x300.png 246w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions-768x937.png 768w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions-1259x1536.png 1259w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions-1679x2048.png 1679w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions-1500x1830.png 1500w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-exclusions.png 1911w" sizes="(max-width: 839px) 100vw, 839px"></figure> <div style="color:#32373c;background-color:#00d1b2" class="wp-block-genesis-blocks-gb-notice gb-font-size-18 gb-block-notice" data-id="10de4b"><div class="gb-notice-title" style="color:#fff"><p>NOTE</p></div><div class="gb-notice-text" style="border-color:#00d1b2"> <p>Caching cannot be fully disabled on your website, or on your website’s homepage, as this will negatively impact your site’s performance. This is particularly important on shared hosting accounts, where resources are split between all sites on a server.</p> </div></div> <p>Partial caching of a page is not possible- a page will either be served from cache, or the page will be generated new every time.</p> <p>When setting cache exclusions, you should be as specific as possible. Too many pages excluded from cache by a cache exclusion rule <b>will</b> impact performance. We reserve the right to remove cache exclusion that are negatively impacting server performance.</p> <div style="color:#32373c;background-color:#00d1b2" class="wp-block-genesis-blocks-gb-notice gb-font-size-18 gb-block-notice" data-id="10de4b"><div class="gb-notice-title" style="color:#fff"><p>NOTE</p></div><div class="gb-notice-text" style="border-color:#00d1b2"> <p>Nothing can be excluded from object cache. Object cache is either enabled for the website or disabled for the website.</p> </div></div> <a name="purgeserver"></a> <hr class="wp-block-separator has-css-opacity"> <h2 class="wp-block-heading"><span id="Purge_Server_Caches">Purge Server Caches</span></h2> <p>Extensive caching can complicate things if you’re working on your site and expecting to see changes immediately on the frontend. Purging cache is an essential part of the development process. There are two different methods to trigger the purge cache functionality.</p> <h3 class="wp-block-heading"><span id="User_Portal">User Portal</span></h3> <p>Purging cache through the User Portal is considered the recommended method because it does not require access to the wp-admin of your website and allows you to purge individual caches, page cache, and object cache.</p> <a name="ges"></a> <ol class="wp-block-list"> <li>From the <a href="https://my.wpengine.com/sites">Sites page</a>, click the <strong>environment name</strong></li> <li>Select <strong>Cache </strong>(You may have to expand the <strong>Manage</strong> dropdown section)</li> <li>You will see the following options: <ul class="wp-block-list"> <li><strong>Clear all caches</strong> – <em>When used, your website will be slower for a period of time until the pages become newly cached.</em> <ul class="wp-block-list"> <li>Page cache (Varnish)</li> <li>Network caches (Advanced Network and Global Edge Security) including CDN cache</li> <li>Object cache (if enabled)</li> <li><a href="https://wpengine.com/support/page-speed-boost/">Page Speed Boost</a> cache</li> </ul> </li> <li><strong>Clear page cache</strong> – Clears only the dynamically generated <a href="#WP_Engine_Cache">version</a> of your pages (Varnish caching).</li> <li><strong>Clear network caches</strong> – Purges the network caches for <a href="https://wpengine.com/support/advanced-network/">advanced network</a> and <a href="https://wpengine.com/support/ges//">Global Edge Security</a>, including CDN. This option displays only if you have <a href="https://wpengine.com/support/add-domain-in-user-portal/#Add_Domain_in_User_Portal">added a domain</a> to the environment.</li> <li><strong>Clear object cache</strong> – If enabled, clears <a href="https://wpengine.com/support/wp-engines-object-caching/">stored query results</a>.</li> <li><strong>Clear local cache</strong> – See steps to clear local browser cache. <a href="https://wpengine.com/support/cache/#Purge_Browser_Cache">Learn more here.</a></li> </ul> </li> </ol> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="1019" src="https://wpengine.com/support/wp-content/uploads/2024/07/cache-page-1024x1019.png" alt="Screenshot of an environment's Cache page in the WP Engine User Portal " class="wp-image-125398" srcset="https://wpengine.com/support/wp-content/uploads/2024/07/cache-page-1024x1019.png 1024w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-page-300x300.png 300w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-page-150x150.png 150w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-page-768x764.png 768w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-page-1536x1529.png 1536w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-page-1500x1493.png 1500w, https://wpengine.com/support/wp-content/uploads/2024/07/cache-page.png 1911w" sizes="(max-width: 1024px) 100vw, 1024px"></figure> <div style="color:#32373c;background-color:#00d1b2" class="wp-block-genesis-blocks-gb-notice gb-font-size-18 gb-block-notice" data-id="10de4b"><div class="gb-notice-title" style="color:#fff"><p>NOTE</p></div><div class="gb-notice-text" style="border-color:#00d1b2"> <p>You may still need to <a href="https://wpengine.com/support/wp-admin/post.php?action=edit&post=122585#Purge_Browser_Cache">purge browser caches</a>, which is done locally, to see your changes appear.</p> </div></div> <h3 class="wp-block-heading"><span id="WordPress_Admin">WordPress Admin</span></h3> <p>Cache can be purged from the wp-admin dashboard of your website. This method will purge page cache (varnish), Global Edge Security, and advanced network caches. It will not purge object cache.</p> <ol class="wp-block-list"> <li>Log in to your website’s <b>wp-admin</b> dashboard</li> <li>Click on the <b>WP Engine</b> plugin tab in the main menu</li> <li>Select <strong>Caching</strong></li> <li>Click<b> Clear All Caches </b></li> </ol> <div style="color:#32373c;background-color:#00d1b2" class="wp-block-genesis-blocks-gb-notice gb-font-size-18 gb-block-notice" data-id="10de4b"><div class="gb-notice-title" style="color:#fff"><p>NOTE</p></div><div class="gb-notice-text" style="border-color:#00d1b2"> <p>In a multisite, all subsite caches will also be cleared when using this option.</p> </div></div> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="467" src="https://wpengine.com/support/wp-content/uploads/2022/10/clear-cache-wpadmin-1024x467.png" alt="" class="wp-image-123404" srcset="https://wpengine.com/support/wp-content/uploads/2022/10/clear-cache-wpadmin-1024x467.png 1024w, https://wpengine.com/support/wp-content/uploads/2022/10/clear-cache-wpadmin-300x137.png 300w, https://wpengine.com/support/wp-content/uploads/2022/10/clear-cache-wpadmin-768x350.png 768w, https://wpengine.com/support/wp-content/uploads/2022/10/clear-cache-wpadmin-1536x700.png 1536w, https://wpengine.com/support/wp-content/uploads/2022/10/clear-cache-wpadmin-2048x934.png 2048w, https://wpengine.com/support/wp-content/uploads/2022/10/clear-cache-wpadmin-1500x684.png 1500w" sizes="(max-width: 1024px) 100vw, 1024px"></figure> <h3 class="wp-block-heading"><span id="WP_Engine_API">WP Engine API</span></h3> <p>The customer API can be leveraged to purge cache by making a POST request to the <code>/installs/{install_id}/purge_cache</code> endpoint. Learn how to <a href="https://wpengine.com/support/enabling-wp-engine-api/">enable the API</a> and check out our <a href="https://wpengineapi.com/" target="_blank" rel="noreferrer noopener">API documentation</a>.</p> <p>This leverages the same cache purge functionality as the wp-admin button, meaning this method will purge the following caches: page (Varnish), CDN, advanced network, and Global Edge Security. It will not purge object cache.</p> <h3 class="wp-block-heading"><span id="Purge_Cache_with_PHP">Purge Cache with PHP</span></h3> <p>Through the WP Engine MU plugin there is a function called <code>wpecommon::purge_varnish_cache()</code>. The post ID you want to purge can be passed into this function. Varnish page cache is purged only for that post URL, and not for the entire domain. This can have a positive impact on a website’s performance by keeping all other pages stored in cached.</p> <p>If <code>wpecommon::purge_varnish_cache()</code> is called <em>without</em> being passed a post ID, then Varnish will be purged for the <em>entire</em> domain.<br><br>This function can be built into your PHP code, if you so choose.</p> <a name="purgelocal"></a> <hr class="wp-block-separator has-css-opacity"> <h2 class="wp-block-heading"><span id="Purge_Browser_Cache">Purge Browser Cache</span></h2> <p>Your browser may cache items such as: <strong>css styles</strong>, <strong>cookies</strong> and <strong>sessions</strong>, <strong>auth boxes</strong>, <strong>DNS/IP Addresses</strong>, and <strong>permalinks</strong>. Browser cache generally respects the cache-control headers sent back with the request from the web server.</p> <p>Meaning if someone requests the <code>/about-me/</code> page on your site and it has a cache-control time of 10 minutes/600 seconds, the page is not only cached on our server, it’s also cached in the <strong>browser</strong> for that amount of time.</p> <p>For static assets, which have long-cache expiration times (images, css, etc), this means the browser will also cache them for the time specified by the server when sending the request back. The default cache expiration for static assets on WP Engine is 365 days.</p> <p>Most browsers respect <strong>CTRL+F5</strong> (Windows) or <strong>CMD+SHIFT+R</strong> (Mac) for a hard-refresh, which reloads the page and ignores any existing browser cache.</p> <ul class="wp-block-list"> <li><a href="https://support.google.com/chrome/answer/7005900" target="_blank" rel="noreferrer noopener">Google Chrome</a></li> <li><a href="https://support.mozilla.org/en-US/kb/private-browsing-use-firefox-without-history" target="_blank" rel="noreferrer noopener">FireFox</a></li> <li><a href="https://windows.microsoft.com/en-us/windows7/protect-your-privacy-using-internet-explorer-9" target="_blank" rel="noreferrer noopener">Internet Explorer</a></li> <li><a href="https://support.apple.com/en-us/HT203036" target="_blank" rel="noreferrer noopener">iOS Device (iPhone/iPad)</a></li> <li><a href="https://support.apple.com/kb/PH19216" target="_blank" rel="noreferrer noopener">Safari</a></li> </ul> <div style="color:#32373c;background-color:#00d1b2" class="wp-block-genesis-blocks-gb-notice gb-font-size-18 gb-block-notice" data-id="10de4b"><div class="gb-notice-title" style="color:#fff"><p>NOTE</p></div><div class="gb-notice-text" style="border-color:#00d1b2"> <p>Browser cache can only be purged for your own device. There is no way to force other visitors to purge their browser cache.</p> </div></div> <hr class="wp-block-separator has-css-opacity"> <h2 class="wp-block-heading"><span id="Purge_Common_Theme_or_Plugin_Cache">Purge Common Theme or Plugin Cache</span></h2> <p>Plugins and themes will often cache content as well, which can cause old data to be stored and served. We’ve gathered some common plugins with cache below as an example:</p> <ul class="wp-block-list"> <li>Autoptimize</li> <li>WP Minify</li> <li>Fast Velocity Minify</li> </ul> <p><a href="https://getflywheel.com/wordpress-support/the-flywheel-guide-to-clearing-theme-cache/" target="_blank" rel="noreferrer noopener">We also recommend checking out our guide on Flywheel for more information on clearing theme cache.</a></p> <a name="more"></a> <hr class="wp-block-separator has-css-opacity"> <h2 class="wp-block-heading"><span id="Still_Not_Seeing_Your_Changes">Still Not Seeing Your Changes?</span></h2> <ul class="wp-block-list"> <li>Check your site for caching or compression plugins and purge their cache.</li> <li>Are you using Cloudflare? Login and purge Cloudflare cache. <ul class="wp-block-list"> <li>We also suggest installing the <a rel="noopener noreferrer" href="https://wordpress.org/plugins/cloudflare/" target="_blank">Cloudflare plugin</a> to easily purge Cloudflare cache from your wp-admin dashboard.</li> </ul> </li> <li>Are you using a firewall service, like Sucuri? Log in to their portal and purge caches.</li> <li>Check the page in a proxy, like <a rel="noopener noreferrer" href="https://geopeeker.com/" target="_blank">GeoPeeker</a> or <a rel="noopener noreferrer" href="https://www.kproxy.com/" target="_blank">kproxy</a>, to see how it looks in other locations. <ul class="wp-block-list"> <li>If the changes show correctly, then you’ll need to <a href="#Purge_Browser_Cache">purge browser cache</a>.</li> <li>If the changes do not show, try <a href="#Purge_Server_Caches">purging server caches</a>.</li> </ul> </li> <li>DNS caching could be at play as well. This easiest way to purge this is simply by restarting your computer or device. Otherwise, you can try <a href="https://www.whatsmydns.net/flush-dns.html">flushing your DNS</a> manually.</li> </ul> <p>If you’re still not seeing your updated content, just open a Live Chat (available 24/7) with our Support Team from within your <a rel="noopener noreferrer" href="https://my.wpengine.com/" target="_blank">User Portal</a>, and we will gladly help troubleshoot further.</p> <a name="bust"></a> <hr class="wp-block-separator has-css-opacity"> <h2 class="wp-block-heading"><span id="Cache_Busting">Cache Busting</span></h2> <p>If you’d like to see an updated version of a specific page, but don’t want to clear caches for their whole website, you can manually “bust cache” locally, by adding any random argument onto the end of the URL.</p> <p>EX: To see a newly generated version of <code>https://somedomain.com/updated-page/</code> you could go to <code>https://somedomain.com/updated-page/<strong>?a=b</strong></code> to force the page to be generated new from the server.</p> <p>Once it’s loaded, the URL is cached on the server again. Meaning simply reloading the URL will show the same cached version. If you want a new version each time you must change the arg value each reload:</p> <p>This will only address WP Engine server cache because our server sees the change in URL as a completely different page. Your local browser, caching plugins, and some firewall or proxy service could still see this as the same page and serve from their cache.</p> <a name="test"></a> <hr class="wp-block-separator has-css-opacity"> <h2 class="wp-block-heading"><span id="Testing_Cache">Testing Cache</span></h2> <p>A cURL can tell you quite a bit about where the URL may be getting cached. You can curl from your terminal or with a tool like <a rel="noopener noreferrer" href="https://onlinecurl.com/" target="_blank">Online Curl</a>.</p> <p>You may have to cURL a page a few times in a row to generate cached hits.</p> <p>This page can be <strong>cached</strong> but it is the <em>first time</em> it’s been generated by the server, so this specific hit was <strong>not served from cache</strong>:</p> <figure class="wp-block-image aligncenter"><img decoding="async" src="https://wpengine.com/wp-content/uploads/2014/07/cache_hit_1_curl-1024x465.png" alt="" class="wp-image-91419"></figure> <p>This page is <strong>cached</strong> and this version <strong>is served from cache</strong>. It is the <em>first</em> time this page has been served from cached.</p> <figure class="wp-block-image aligncenter"><img decoding="async" src="https://wpengine.com/wp-content/uploads/2014/07/cache_hit_curl-1024x452.png" alt="" class="wp-image-91420"></figure> <hr class="wp-block-separator has-css-opacity"> <p><strong>NEXT STEP</strong>: <a rel="noopener noreferrer" href="https://wpengine.com/support/cookies-and-php-sessions/" target="_blank">Learn how PHP sessions and cookies work on WP Engine</a></p> </div><!-- .support-center-content__main --> <aside class="support-center-sidebar cta-sidebar-sticky"> <div class="support-center-sidebar__container"> <div class="widget-wrapper--support-sidebar"> <div class="widget-area"> <div class="block-area block-area-120199"> <div class="wp-block-cover"><img decoding="async" class="wp-block-cover__image-background wp-image-120078" alt="" src="https://wpengine.com/wp-content/uploads/2021/08/WPE-IMAGE-SidebarCTABkg.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <p class="has-text-align-center" style="font-size:22px">Join the 1.2M websites that trust WP Engine as their WordPress host.</p> <a href="/plans/" class="button button--sunset-white">View Our Plans</a> </div></div> </div><div id="block-7" class="widget widget--widget_block support-widget-area__widget support-widget-area__widget--widget_block"> <div class="wp-block-cover" style="min-height:523px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim" style="background-color:#07769c"></span><img loading="lazy" decoding="async" width="420" height="496" class="wp-block-cover__image-background wp-image-125135" alt="" src="https://wpengine.com/support/wp-content/uploads/2024/07/gradient-background.png" data-object-fit="cover" srcset="https://wpengine.com/support/wp-content/uploads/2024/07/gradient-background.png 420w, https://wpengine.com/support/wp-content/uploads/2024/07/gradient-background-254x300.png 254w" sizes="(max-width: 420px) 100vw, 420px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="378" height="258" src="https://wpengine.com/support/wp-content/uploads/2024/07/omobono-laptop.png" alt="" class="wp-image-125133" style="width:466px;height:auto" srcset="https://wpengine.com/support/wp-content/uploads/2024/07/omobono-laptop.png 378w, https://wpengine.com/support/wp-content/uploads/2024/07/omobono-laptop-300x205.png 300w" sizes="(max-width: 378px) 100vw, 378px" /></figure> <p class="has-text-align-center has-text-color has-white-color" style="font-family: lora, georgia, serif !important;font-weight: 500 !important;line-height: 1.2; font-size:36px; color: #fff;text-align:center;text-shadow:none;margin-top:-20px;"><span style="color:#FFC34E;font-style:italic;">Save more</span> with a simple upgrade</p> <p class="has-text-align-center"> You've incurred overage charges on your current plan, upgrade to save.</p> <a href="https://my.wpengine.com/plans/" style="border: 0px;color:#000;font-weight:700; background-color:#fff" class="button button--sunset-white">Learn More</a> </div></div> </div><div id="block-12" class="widget widget--widget_block support-widget-area__widget support-widget-area__widget--widget_block"> <div class="wp-block-cover" style="min-height:523px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#07769c"></span><img loading="lazy" decoding="async" width="587" height="654" class="wp-block-cover__image-background wp-image-126102" alt="" src="https://wpengine.com/support/wp-content/uploads/2024/11/support-ad-bg-01.jpg" style="object-position:50% 100%" data-object-fit="cover" data-object-position="50% 100%" srcset="https://wpengine.com/support/wp-content/uploads/2024/11/support-ad-bg-01.jpg 587w, https://wpengine.com/support/wp-content/uploads/2024/11/support-ad-bg-01-269x300.jpg 269w" sizes="(max-width: 587px) 100vw, 587px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="1879" height="1408" src="https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04.png" alt="Sergio in support with a graphic showing a 5 star rating" class="wp-image-126100" style="width:466px;height:auto" srcset="https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04.png 1879w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-300x225.png 300w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-1024x767.png 1024w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-768x575.png 768w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-1536x1151.png 1536w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-1500x1124.png 1500w" sizes="(max-width: 1879px) 100vw, 1879px" /></figure> <p class="has-text-align-center has-text-color has-white-color" style="font-family: lora, georgia, serif !important;font-weight: 500 !important;line-height: 1.2; font-size:36px; color: #fff;text-align:center;text-shadow:none;margin-top:-20px;">Our support team is <span style="font-style:italic;">always online</span></p> <p class="has-text-align-center">From pre-launch to go-live and beyond, </br>WP Engine’s technical experts are here for you every step of the way.</p> <a href="https://wpengine.com/plans/" style="border: 0px;color:#002447;font-weight:700;" class="button button--sunset-white">View Our Plans</a> </div></div> </div><div id="block-13" class="widget widget--widget_block support-widget-area__widget support-widget-area__widget--widget_block"> <div class="wp-block-cover" style="min-height:523px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#07769c"></span><img loading="lazy" decoding="async" width="587" height="654" class="wp-block-cover__image-background wp-image-126102" alt="" src="https://wpengine.com/support/wp-content/uploads/2024/11/support-ad-bg-01.jpg" style="object-position:50% 100%" data-object-fit="cover" data-object-position="50% 100%" srcset="https://wpengine.com/support/wp-content/uploads/2024/11/support-ad-bg-01.jpg 587w, https://wpengine.com/support/wp-content/uploads/2024/11/support-ad-bg-01-269x300.jpg 269w" sizes="(max-width: 587px) 100vw, 587px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="1879" height="1408" src="https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04.png" alt="Sergio in support with a graphic showing a 5 star rating" class="wp-image-126100" style="width:466px;height:auto" srcset="https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04.png 1879w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-300x225.png 300w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-1024x767.png 1024w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-768x575.png 768w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-1536x1151.png 1536w, https://wpengine.com/support/wp-content/uploads/2024/11/Illustration-11-24-04-1500x1124.png 1500w" sizes="(max-width: 1879px) 100vw, 1879px" /></figure> <p class="has-text-align-center has-text-color has-white-color" style="font-family: lora, georgia, serif !important;font-weight: 500 !important;line-height: 1.2; font-size:36px; color: #fff;text-align:center;text-shadow:none;margin-top:-20px;">Our support team is <span style="font-style:italic;">always online</span></p> <p class="has-text-align-center">Still need help? From pre-launch to go-live and beyond, WP Engine is here for you. Talk to someone in portal.</p> <a href="https://my.wpengine.com/support" style="border: 0px;color:#002447;font-weight:700;" class="button button--sunset-white">View Support Options in Portal</a> </div></div> </div><div id="block-9" class="widget widget--widget_block support-widget-area__widget support-widget-area__widget--widget_block"> <div class="wp-block-cover is-light has-custom-content-position is-position-top-center is-style-default" style="min-height:400px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#07769c"></span><img loading="lazy" decoding="async" width="420" height="568" class="wp-block-cover__image-background wp-image-125506" alt="" src="https://wpengine.com/support/wp-content/uploads/2024/08/BasicsOfWordPress_BG.jpg" data-object-fit="cover" srcset="https://wpengine.com/support/wp-content/uploads/2024/08/BasicsOfWordPress_BG.jpg 420w, https://wpengine.com/support/wp-content/uploads/2024/08/BasicsOfWordPress_BG-222x300.jpg 222w" sizes="(max-width: 420px) 100vw, 420px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> <p class="has-text-align-center has-text-color" style="font-family: lora, georgia, serif !important;font-weight: 500 !important;line-height: 1.2; font-size:32px; color: #002447;text-align:center;text-shadow:none;margin-bottom:30px;">Master the basics</br>of WordPress</p> <div class="wpbasics"> <a href="https://wpengine.com/resources/how-to-use-wordpress/?utm_campaign=ntw&utm_medium=personalization&utm_source=kameleoon&utm_content=supportresource"> <div class="postlinkimg"> <img decoding="async" src="https://wpengine.com/support/wp-content/uploads/2024/08/Site-icon.png"> </a> </div> <div class="postlink"> <a class="wordpress-guide" href="https://wpengine.com/resources/how-to-use-wordpress/?utm_campaign=ntw&utm_medium=personalization&utm_source=kameleoon&utm_content=supportresource"> <p>How to Use WordPress: The Guide</p> </div> </a> </div> <div class="wpbasics"> <a href="https://wpengine.com/resources/beginner-wordpress-dashboard-tutorial/?utm_campaign=ntw&utm_medium=personalization&utm_source=kameleoon&utm_content=supportresource"> <div class="postlinkimg"> <img decoding="async" src="https://wpengine.com/support/wp-content/uploads/2024/08/CMS-icon.png"> </a> </div> <div class="postlink"> <a class="wordpress-dashboard" href="https://wpengine.com/resources/beginner-wordpress-dashboard-tutorial/?utm_campaign=ntw&utm_medium=personalization&utm_source=kameleoon&utm_content=supportresource"> <p>WordPress Dashboard Tutorial for Beginners</p> </div> </a> </div> <div class="wpbasics"> <a href="https://wpengine.com/wp-content/uploads/2023/08/WPE-Ultimate-Guide-WP-Plugins-2024.pdf?utm_campaign=ntw&utm_medium=personalization&utm_source=kameleoon&utm_content=supportresource"> <div class="postlinkimg"> <img decoding="async" src="https://wpengine.com/support/wp-content/uploads/2024/08/Plugin-icon.png"> </a> </div> <div class="postlink"> <a class="wordpress-plugins" href="https://wpengine.com/wp-content/uploads/2023/08/WPE-Ultimate-Guide-WP-Plugins-2024.pdf?utm_campaign=ntw&utm_medium=personalization&utm_source=kameleoon&utm_content=supportresource"> <p>The Ultimate Guide to WordPress Plugins</p> </div> </a> </div> <a href="https://my.wpengine.com/sites/" style="margin-top:20px;border: 0px;font-weight:700;width:100%;" class="button button--sunset-white">Go to My Sites</a> </div></div> </div><div id="block-10" class="widget widget--widget_block support-widget-area__widget support-widget-area__widget--widget_block"><script type="module" src="https://js.embrace.ai/v1/elements.js"></script> <style> embrace-chat { text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: right; height: auto; width: 100%; padding: 0px; } embrace-chat::part(answer){ margin-top: 32px !important; } embrace-chat::part(powered-by){ display:none !important; } embrace-chat::part(company-name){ display:none !important; } embrace-chat::part(top-menu){ text-align: left !important; } embrace-chat::part(logo){ margin:auto !important; } embrace-chat::part(initial-subtitle){ color:black !important; } embrace-chat::part(top-nav-subtitle){ color:black !important; } </style> <embrace-chat org-id="319d75c0-94fa-48a0-8858-cd256a0ea011" catalog-id="f30f2a38-a2ec-4159-99d4-482af7e0a380" env="staging" > <template> <div slot="initial-logo"> <svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M48.3709 11.4544C46.3599 11.8082 43.4709 12.9122 39.0291 15.3767C32.051 19.2484 24.8434 26.4662 21.2302 30.387C20.7623 30.8946 19.9715 30.9269 19.4639 30.4591C18.9562 29.9912 18.9239 29.2004 19.3918 28.6928C23.0225 24.753 30.4602 17.272 37.8162 13.1906C42.333 10.6845 45.5129 9.41879 47.9378 8.99225C50.4503 8.55032 52.1471 9.01132 53.6079 9.84606C54.5622 10.3914 55.2032 11.3477 55.5665 12.4661C55.9312 13.589 56.0463 14.9548 55.9011 16.4894C55.6104 19.5613 54.2621 23.4774 51.4408 27.9024C51.4276 27.9232 51.4137 27.9436 51.3992 27.9636L50.0322 29.8511C49.6273 30.4102 48.8457 30.5352 48.2866 30.1303C47.7275 29.7254 47.6025 28.9439 48.0074 28.3847L49.3526 26.5274C52.0081 22.354 53.1689 18.8253 53.4122 16.2538C53.5343 14.9635 53.4218 13.956 53.1888 13.2384C52.9542 12.5162 52.6271 12.1649 52.3676 12.0167C51.4008 11.4643 50.2945 11.1161 48.3709 11.4544ZM18.107 9.23877C20.2264 9.68197 22.368 10.4358 24.141 11.2371C24.1497 11.2411 24.1583 11.2451 24.1669 11.2492L26.1877 12.2187C26.8101 12.5173 27.0726 13.2639 26.774 13.8863C26.4754 14.5088 25.7288 14.7713 25.1063 14.4727L23.0985 13.5095C21.4641 12.7718 19.5018 12.0845 17.5952 11.6858C15.6548 11.2801 13.9103 11.2028 12.6452 11.5545C12.0302 11.7255 11.5735 11.9852 11.2493 12.3161C10.9331 12.6389 10.6817 13.091 10.5675 13.7591C10.3283 15.1597 10.7049 17.4592 12.3884 21.0335C19.1328 35.3532 29.0991 43.1686 29.5474 43.5173C30.0923 43.9411 30.1905 44.7265 29.7666 45.2714C29.3428 45.8163 28.5575 45.9145 28.0125 45.4907C27.4205 45.0302 17.1098 36.9254 10.1267 22.0987C8.37823 18.3864 7.7325 15.5085 8.10324 13.3381C8.29411 12.2207 8.75578 11.2889 9.46359 10.5665C10.1634 9.85222 11.0417 9.40549 11.9756 9.14588C13.8081 8.63644 16.0164 8.80158 18.107 9.23877ZM27.7615 14.6543C28.1757 14.1021 28.9592 13.9901 29.5115 14.4043L29.9739 14.7511C30.5262 15.1653 30.6381 15.9488 30.2239 16.5011C29.8097 17.0534 29.0262 17.1653 28.4739 16.7511L28.0115 16.4043C27.4592 15.9901 27.3473 15.2066 27.7615 14.6543ZM34.7633 19.992C35.2538 19.5062 36.0452 19.5099 36.5311 20.0003C36.7496 20.2209 37.1122 20.5509 37.5898 20.9855C41.1436 24.2194 51.0621 33.2453 55.3298 46.0827C56.3557 49.1688 56.3404 51.6745 55.0962 53.4478C53.8509 55.2227 51.6825 55.8268 49.4693 55.8615C45.0317 55.9309 39.1165 53.7592 34.6998 51.1402C34.106 50.7881 33.91 50.0213 34.2622 49.4275C34.6143 48.8336 35.3811 48.6377 35.9749 48.9898C40.1986 51.4944 45.6452 53.421 49.4301 53.3618C51.3282 53.3321 52.4861 52.8151 53.0496 52.0119C53.6143 51.2071 53.8903 49.6776 52.9574 46.8714C48.9295 34.7548 39.6314 26.2467 35.9569 22.8844C35.4299 22.4022 35.0186 22.0258 34.755 21.7598C34.2692 21.2693 34.2729 20.4779 34.7633 19.992ZM15.5943 34.0535C16.1705 34.4338 16.3294 35.2091 15.9491 35.7853L15.6508 36.2374C15.2706 36.8136 14.4952 36.9725 13.919 36.5923C13.3428 36.2121 13.1839 35.4367 13.5642 34.8605L13.8625 34.4084C14.2427 33.8322 15.0181 33.6733 15.5943 34.0535ZM44.7425 34.8558C45.2818 35.2868 45.3697 36.0733 44.9387 36.6127C44.8265 36.7531 44.7259 36.8877 44.6196 37.0299C44.4085 37.3122 44.1752 37.6243 43.7843 38.0714C43.3299 38.5911 42.5402 38.644 42.0205 38.1896C41.5008 37.7352 41.4478 36.9455 41.9023 36.4258C42.2481 36.0303 42.3735 35.86 42.5325 35.6439C42.641 35.4966 42.7652 35.3279 42.9857 35.052C43.4166 34.5127 44.2032 34.4249 44.7425 34.8558ZM13.4577 37.7203C14.0634 38.0515 14.2859 38.8111 13.9547 39.4168C12.3384 42.3727 11.3301 45.7686 10.8395 47.4212C10.8004 47.5527 10.7647 47.6732 10.7321 47.7815C10.3557 49.4131 10.4156 50.64 10.7374 51.4986C11.0435 52.3151 11.6202 52.898 12.5501 53.2346C13.5258 53.5879 14.937 53.6812 16.842 53.3338C18.7354 52.9884 21.0354 52.2222 23.7293 50.9528C28.3109 48.7939 32.5796 45.5567 36.0716 42.3666C36.5813 41.901 37.3719 41.9367 37.8375 42.4464C38.3032 42.9561 38.2674 43.7467 37.7577 44.2124C34.1579 47.501 29.6812 50.9119 24.7949 53.2143C21.9691 54.5459 19.4574 55.398 17.2905 55.7932C15.1351 56.1863 13.2374 56.1423 11.699 55.5853C10.1145 55.0116 8.97181 53.911 8.39645 52.376C7.83925 50.8893 7.85428 49.1084 8.30644 47.1751C8.31241 47.1495 8.31918 47.1242 8.32675 47.0991C8.3609 46.9858 8.39981 46.8544 8.44354 46.7067C8.92884 45.068 10.0083 41.4231 11.7612 38.2173C12.0925 37.6116 12.852 37.3891 13.4577 37.7203Z" fill="#006BD6"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5 32.4365C36.5 34.9218 34.4853 36.9365 32 36.9365C29.5147 36.9365 27.5 34.9218 27.5 32.4365C27.5 29.9512 29.5147 27.9365 32 27.9365C34.4853 27.9365 36.5 29.9512 36.5 32.4365ZM35.9689 38.2034C34.841 38.9811 33.4737 39.4365 32 39.4365C28.134 39.4365 25 36.3025 25 32.4365C25 28.5705 28.134 25.4365 32 25.4365C35.866 25.4365 39 28.5705 39 32.4365C39 33.9258 38.5349 35.3064 37.7421 36.4411L43.1251 41.824C43.6133 42.3122 43.6133 43.1036 43.1251 43.5918C42.6369 44.0799 41.8455 44.0799 41.3573 43.5918L35.9689 38.2034Z" fill="#0ECAD4"/> </svg> </div> <div slot="logo"> <svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M48.3709 11.4544C46.3599 11.8082 43.4709 12.9122 39.0291 15.3767C32.051 19.2484 24.8434 26.4662 21.2302 30.387C20.7623 30.8946 19.9715 30.9269 19.4639 30.4591C18.9562 29.9912 18.9239 29.2004 19.3918 28.6928C23.0225 24.753 30.4602 17.272 37.8162 13.1906C42.333 10.6845 45.5129 9.41879 47.9378 8.99225C50.4503 8.55032 52.1471 9.01132 53.6079 9.84606C54.5622 10.3914 55.2032 11.3477 55.5665 12.4661C55.9312 13.589 56.0463 14.9548 55.9011 16.4894C55.6104 19.5613 54.2621 23.4774 51.4408 27.9024C51.4276 27.9232 51.4137 27.9436 51.3992 27.9636L50.0322 29.8511C49.6273 30.4102 48.8457 30.5352 48.2866 30.1303C47.7275 29.7254 47.6025 28.9439 48.0074 28.3847L49.3526 26.5274C52.0081 22.354 53.1689 18.8253 53.4122 16.2538C53.5343 14.9635 53.4218 13.956 53.1888 13.2384C52.9542 12.5162 52.6271 12.1649 52.3676 12.0167C51.4008 11.4643 50.2945 11.1161 48.3709 11.4544ZM18.107 9.23877C20.2264 9.68197 22.368 10.4358 24.141 11.2371C24.1497 11.2411 24.1583 11.2451 24.1669 11.2492L26.1877 12.2187C26.8101 12.5173 27.0726 13.2639 26.774 13.8863C26.4754 14.5088 25.7288 14.7713 25.1063 14.4727L23.0985 13.5095C21.4641 12.7718 19.5018 12.0845 17.5952 11.6858C15.6548 11.2801 13.9103 11.2028 12.6452 11.5545C12.0302 11.7255 11.5735 11.9852 11.2493 12.3161C10.9331 12.6389 10.6817 13.091 10.5675 13.7591C10.3283 15.1597 10.7049 17.4592 12.3884 21.0335C19.1328 35.3532 29.0991 43.1686 29.5474 43.5173C30.0923 43.9411 30.1905 44.7265 29.7666 45.2714C29.3428 45.8163 28.5575 45.9145 28.0125 45.4907C27.4205 45.0302 17.1098 36.9254 10.1267 22.0987C8.37823 18.3864 7.7325 15.5085 8.10324 13.3381C8.29411 12.2207 8.75578 11.2889 9.46359 10.5665C10.1634 9.85222 11.0417 9.40549 11.9756 9.14588C13.8081 8.63644 16.0164 8.80158 18.107 9.23877ZM27.7615 14.6543C28.1757 14.1021 28.9592 13.9901 29.5115 14.4043L29.9739 14.7511C30.5262 15.1653 30.6381 15.9488 30.2239 16.5011C29.8097 17.0534 29.0262 17.1653 28.4739 16.7511L28.0115 16.4043C27.4592 15.9901 27.3473 15.2066 27.7615 14.6543ZM34.7633 19.992C35.2538 19.5062 36.0452 19.5099 36.5311 20.0003C36.7496 20.2209 37.1122 20.5509 37.5898 20.9855C41.1436 24.2194 51.0621 33.2453 55.3298 46.0827C56.3557 49.1688 56.3404 51.6745 55.0962 53.4478C53.8509 55.2227 51.6825 55.8268 49.4693 55.8615C45.0317 55.9309 39.1165 53.7592 34.6998 51.1402C34.106 50.7881 33.91 50.0213 34.2622 49.4275C34.6143 48.8336 35.3811 48.6377 35.9749 48.9898C40.1986 51.4944 45.6452 53.421 49.4301 53.3618C51.3282 53.3321 52.4861 52.8151 53.0496 52.0119C53.6143 51.2071 53.8903 49.6776 52.9574 46.8714C48.9295 34.7548 39.6314 26.2467 35.9569 22.8844C35.4299 22.4022 35.0186 22.0258 34.755 21.7598C34.2692 21.2693 34.2729 20.4779 34.7633 19.992ZM15.5943 34.0535C16.1705 34.4338 16.3294 35.2091 15.9491 35.7853L15.6508 36.2374C15.2706 36.8136 14.4952 36.9725 13.919 36.5923C13.3428 36.2121 13.1839 35.4367 13.5642 34.8605L13.8625 34.4084C14.2427 33.8322 15.0181 33.6733 15.5943 34.0535ZM44.7425 34.8558C45.2818 35.2868 45.3697 36.0733 44.9387 36.6127C44.8265 36.7531 44.7259 36.8877 44.6196 37.0299C44.4085 37.3122 44.1752 37.6243 43.7843 38.0714C43.3299 38.5911 42.5402 38.644 42.0205 38.1896C41.5008 37.7352 41.4478 36.9455 41.9023 36.4258C42.2481 36.0303 42.3735 35.86 42.5325 35.6439C42.641 35.4966 42.7652 35.3279 42.9857 35.052C43.4166 34.5127 44.2032 34.4249 44.7425 34.8558ZM13.4577 37.7203C14.0634 38.0515 14.2859 38.8111 13.9547 39.4168C12.3384 42.3727 11.3301 45.7686 10.8395 47.4212C10.8004 47.5527 10.7647 47.6732 10.7321 47.7815C10.3557 49.4131 10.4156 50.64 10.7374 51.4986C11.0435 52.3151 11.6202 52.898 12.5501 53.2346C13.5258 53.5879 14.937 53.6812 16.842 53.3338C18.7354 52.9884 21.0354 52.2222 23.7293 50.9528C28.3109 48.7939 32.5796 45.5567 36.0716 42.3666C36.5813 41.901 37.3719 41.9367 37.8375 42.4464C38.3032 42.9561 38.2674 43.7467 37.7577 44.2124C34.1579 47.501 29.6812 50.9119 24.7949 53.2143C21.9691 54.5459 19.4574 55.398 17.2905 55.7932C15.1351 56.1863 13.2374 56.1423 11.699 55.5853C10.1145 55.0116 8.97181 53.911 8.39645 52.376C7.83925 50.8893 7.85428 49.1084 8.30644 47.1751C8.31241 47.1495 8.31918 47.1242 8.32675 47.0991C8.3609 46.9858 8.39981 46.8544 8.44354 46.7067C8.92884 45.068 10.0083 41.4231 11.7612 38.2173C12.0925 37.6116 12.852 37.3891 13.4577 37.7203Z" fill="#006BD6"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5 32.4365C36.5 34.9218 34.4853 36.9365 32 36.9365C29.5147 36.9365 27.5 34.9218 27.5 32.4365C27.5 29.9512 29.5147 27.9365 32 27.9365C34.4853 27.9365 36.5 29.9512 36.5 32.4365ZM35.9689 38.2034C34.841 38.9811 33.4737 39.4365 32 39.4365C28.134 39.4365 25 36.3025 25 32.4365C25 28.5705 28.134 25.4365 32 25.4365C35.866 25.4365 39 28.5705 39 32.4365C39 33.9258 38.5349 35.3064 37.7421 36.4411L43.1251 41.824C43.6133 42.3122 43.6133 43.1036 43.1251 43.5918C42.6369 44.0799 41.8455 44.0799 41.3573 43.5918L35.9689 38.2034Z" fill="#0ECAD4"/> </svg> </div> <div slot="company-name"> <span style="font-size:32px !important; font-family: Lora !important; margin-bottom:24px;">Discover solutions faster with AI assistance</span> </div> <div slot="initial-subtitle"> <span style="font-size:32px !important; font-family: Lora !important; margin-bottom:24px;">Discover solutions faster with AI assistance</span> </div> <div slot="top-nav-icon"> <svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M48.3709 11.4544C46.3599 11.8082 43.4709 12.9122 39.0291 15.3767C32.051 19.2484 24.8434 26.4662 21.2302 30.387C20.7623 30.8946 19.9715 30.9269 19.4639 30.4591C18.9562 29.9912 18.9239 29.2004 19.3918 28.6928C23.0225 24.753 30.4602 17.272 37.8162 13.1906C42.333 10.6845 45.5129 9.41879 47.9378 8.99225C50.4503 8.55032 52.1471 9.01132 53.6079 9.84606C54.5622 10.3914 55.2032 11.3477 55.5665 12.4661C55.9312 13.589 56.0463 14.9548 55.9011 16.4894C55.6104 19.5613 54.2621 23.4774 51.4408 27.9024C51.4276 27.9232 51.4137 27.9436 51.3992 27.9636L50.0322 29.8511C49.6273 30.4102 48.8457 30.5352 48.2866 30.1303C47.7275 29.7254 47.6025 28.9439 48.0074 28.3847L49.3526 26.5274C52.0081 22.354 53.1689 18.8253 53.4122 16.2538C53.5343 14.9635 53.4218 13.956 53.1888 13.2384C52.9542 12.5162 52.6271 12.1649 52.3676 12.0167C51.4008 11.4643 50.2945 11.1161 48.3709 11.4544ZM18.107 9.23877C20.2264 9.68197 22.368 10.4358 24.141 11.2371C24.1497 11.2411 24.1583 11.2451 24.1669 11.2492L26.1877 12.2187C26.8101 12.5173 27.0726 13.2639 26.774 13.8863C26.4754 14.5088 25.7288 14.7713 25.1063 14.4727L23.0985 13.5095C21.4641 12.7718 19.5018 12.0845 17.5952 11.6858C15.6548 11.2801 13.9103 11.2028 12.6452 11.5545C12.0302 11.7255 11.5735 11.9852 11.2493 12.3161C10.9331 12.6389 10.6817 13.091 10.5675 13.7591C10.3283 15.1597 10.7049 17.4592 12.3884 21.0335C19.1328 35.3532 29.0991 43.1686 29.5474 43.5173C30.0923 43.9411 30.1905 44.7265 29.7666 45.2714C29.3428 45.8163 28.5575 45.9145 28.0125 45.4907C27.4205 45.0302 17.1098 36.9254 10.1267 22.0987C8.37823 18.3864 7.7325 15.5085 8.10324 13.3381C8.29411 12.2207 8.75578 11.2889 9.46359 10.5665C10.1634 9.85222 11.0417 9.40549 11.9756 9.14588C13.8081 8.63644 16.0164 8.80158 18.107 9.23877ZM27.7615 14.6543C28.1757 14.1021 28.9592 13.9901 29.5115 14.4043L29.9739 14.7511C30.5262 15.1653 30.6381 15.9488 30.2239 16.5011C29.8097 17.0534 29.0262 17.1653 28.4739 16.7511L28.0115 16.4043C27.4592 15.9901 27.3473 15.2066 27.7615 14.6543ZM34.7633 19.992C35.2538 19.5062 36.0452 19.5099 36.5311 20.0003C36.7496 20.2209 37.1122 20.5509 37.5898 20.9855C41.1436 24.2194 51.0621 33.2453 55.3298 46.0827C56.3557 49.1688 56.3404 51.6745 55.0962 53.4478C53.8509 55.2227 51.6825 55.8268 49.4693 55.8615C45.0317 55.9309 39.1165 53.7592 34.6998 51.1402C34.106 50.7881 33.91 50.0213 34.2622 49.4275C34.6143 48.8336 35.3811 48.6377 35.9749 48.9898C40.1986 51.4944 45.6452 53.421 49.4301 53.3618C51.3282 53.3321 52.4861 52.8151 53.0496 52.0119C53.6143 51.2071 53.8903 49.6776 52.9574 46.8714C48.9295 34.7548 39.6314 26.2467 35.9569 22.8844C35.4299 22.4022 35.0186 22.0258 34.755 21.7598C34.2692 21.2693 34.2729 20.4779 34.7633 19.992ZM15.5943 34.0535C16.1705 34.4338 16.3294 35.2091 15.9491 35.7853L15.6508 36.2374C15.2706 36.8136 14.4952 36.9725 13.919 36.5923C13.3428 36.2121 13.1839 35.4367 13.5642 34.8605L13.8625 34.4084C14.2427 33.8322 15.0181 33.6733 15.5943 34.0535ZM44.7425 34.8558C45.2818 35.2868 45.3697 36.0733 44.9387 36.6127C44.8265 36.7531 44.7259 36.8877 44.6196 37.0299C44.4085 37.3122 44.1752 37.6243 43.7843 38.0714C43.3299 38.5911 42.5402 38.644 42.0205 38.1896C41.5008 37.7352 41.4478 36.9455 41.9023 36.4258C42.2481 36.0303 42.3735 35.86 42.5325 35.6439C42.641 35.4966 42.7652 35.3279 42.9857 35.052C43.4166 34.5127 44.2032 34.4249 44.7425 34.8558ZM13.4577 37.7203C14.0634 38.0515 14.2859 38.8111 13.9547 39.4168C12.3384 42.3727 11.3301 45.7686 10.8395 47.4212C10.8004 47.5527 10.7647 47.6732 10.7321 47.7815C10.3557 49.4131 10.4156 50.64 10.7374 51.4986C11.0435 52.3151 11.6202 52.898 12.5501 53.2346C13.5258 53.5879 14.937 53.6812 16.842 53.3338C18.7354 52.9884 21.0354 52.2222 23.7293 50.9528C28.3109 48.7939 32.5796 45.5567 36.0716 42.3666C36.5813 41.901 37.3719 41.9367 37.8375 42.4464C38.3032 42.9561 38.2674 43.7467 37.7577 44.2124C34.1579 47.501 29.6812 50.9119 24.7949 53.2143C21.9691 54.5459 19.4574 55.398 17.2905 55.7932C15.1351 56.1863 13.2374 56.1423 11.699 55.5853C10.1145 55.0116 8.97181 53.911 8.39645 52.376C7.83925 50.8893 7.85428 49.1084 8.30644 47.1751C8.31241 47.1495 8.31918 47.1242 8.32675 47.0991C8.3609 46.9858 8.39981 46.8544 8.44354 46.7067C8.92884 45.068 10.0083 41.4231 11.7612 38.2173C12.0925 37.6116 12.852 37.3891 13.4577 37.7203Z" fill="#006BD6"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5 32.4365C36.5 34.9218 34.4853 36.9365 32 36.9365C29.5147 36.9365 27.5 34.9218 27.5 32.4365C27.5 29.9512 29.5147 27.9365 32 27.9365C34.4853 27.9365 36.5 29.9512 36.5 32.4365ZM35.9689 38.2034C34.841 38.9811 33.4737 39.4365 32 39.4365C28.134 39.4365 25 36.3025 25 32.4365C25 28.5705 28.134 25.4365 32 25.4365C35.866 25.4365 39 28.5705 39 32.4365C39 33.9258 38.5349 35.3064 37.7421 36.4411L43.1251 41.824C43.6133 42.3122 43.6133 43.1036 43.1251 43.5918C42.6369 44.0799 41.8455 44.0799 41.3573 43.5918L35.9689 38.2034Z" fill="#0ECAD4"/> </svg> </div> <div slot="top-nav-subtitle"> <span style="font-size:24px !important; font-family: Lora !important; margin-bottom:24px;">Discover solutions faster with AI assistance</span> </div> <div slot="conversation-icon"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5096 18C11.6533 18 11.7692 17.884 11.7692 17.7404V14.0616C11.7692 13.924 11.7147 13.7916 11.6169 13.6947L10.5361 12.6138C10.4383 12.5161 10.3067 12.4615 10.1691 12.4615H7.83C7.6924 12.4615 7.56 12.5161 7.46308 12.6138L6.38221 13.6947C6.28442 13.7925 6.2299 13.924 6.2299 14.0616V17.7404C6.2299 17.884 6.34587 18 6.48952 18H11.5096Z" fill="#0ECAD4"/> <path d="M13.6938 6.38308L12.613 7.46394C12.5152 7.56173 12.4607 7.69327 12.4607 7.83087V10.17C12.4607 10.3076 12.5152 10.44 12.613 10.5369L13.6938 11.6178C13.7916 11.7156 13.9232 11.7701 14.0608 11.7701H17.7395C17.8832 11.7701 17.9991 11.6541 17.9991 11.5105V6.49125C17.9991 6.3476 17.8832 6.23163 17.7395 6.23163H14.0608C13.9232 6.23163 13.7908 6.28615 13.6938 6.38394V6.38308Z" fill="#0ECAD4"/> <path d="M6.49038 0C6.34673 0 6.23077 0.115962 6.23077 0.259615V3.93837C6.23077 4.07596 6.28529 4.20837 6.38308 4.30529L7.46394 5.38615C7.56173 5.48394 7.69327 5.53846 7.83087 5.53846H10.17C10.3076 5.53846 10.44 5.48394 10.5369 5.38615L11.6178 4.30529C11.7156 4.2075 11.7701 4.07596 11.7701 3.93837V0.259615C11.7701 0.115962 11.6541 0 11.5105 0H6.49038Z" fill="#0ECAD4"/> <path d="M17.7404 12.4615H14.0616C13.924 12.4615 13.7916 12.5161 13.6947 12.6138L12.6138 13.6947C12.5161 13.7925 12.4615 13.924 12.4615 14.0616V17.7404C12.4615 17.884 12.5775 18 12.7212 18H17.7404C17.884 18 18 17.884 18 17.7404V12.7212C18 12.5775 17.884 12.4615 17.7404 12.4615Z" fill="#0ECAD4"/> <path d="M5.27885 0H1.6001C1.46163 0 1.3301 0.0545192 1.23231 0.152308L0.152308 1.23231C0.0545192 1.3301 0 1.46163 0 1.6001V5.27885C0 5.4225 0.115962 5.53846 0.259615 5.53846H3.93837C4.07596 5.53846 4.20837 5.48394 4.30529 5.38615L5.38615 4.30529C5.48394 4.2075 5.53846 4.07596 5.53846 3.93837V0.259615C5.53846 0.115962 5.4225 0 5.27885 0Z" fill="#0ECAD4"/> <path d="M12.4615 0.259615V3.93837C12.4615 4.07596 12.5161 4.20837 12.6138 4.30529L13.6947 5.38615C13.7925 5.48394 13.924 5.53846 14.0616 5.53846H17.7404C17.884 5.53846 18 5.4225 18 5.27885V0.259615C18 0.115962 17.884 0 17.7404 0H12.7212C12.5775 0 12.4615 0.115962 12.4615 0.259615Z" fill="#0ECAD4"/> <path d="M9 10.3846C8.235 10.3846 7.61538 9.765 7.61538 9C7.61538 8.235 8.23587 7.61538 9 7.61538C9.76413 7.61538 10.3846 8.235 10.3846 9C10.3846 9.765 9.76413 10.3846 9 10.3846Z" fill="#0ECAD4"/> <path d="M0 12.7212V17.7404C0 17.884 0.115962 18 0.259615 18H5.27885C5.4225 18 5.53846 17.884 5.53846 17.7404V14.0616C5.53846 13.924 5.48394 13.7916 5.38615 13.6947L4.30529 12.6138C4.2075 12.5161 4.07596 12.4615 3.93837 12.4615H0.259615C0.115962 12.4615 0 12.5775 0 12.7212Z" fill="#0ECAD4"/> <path d="M5.38615 7.46308L4.30529 6.38221C4.2075 6.28442 4.07596 6.2299 3.93837 6.2299H0.259615C0.115962 6.23077 0 6.34673 0 6.49038V11.5096C0 11.6533 0.115962 11.7692 0.259615 11.7692H3.99808C4.13567 11.7692 4.26808 11.7147 4.365 11.6169L5.38615 10.5966C5.48394 10.4988 5.53846 10.3673 5.53846 10.2297V7.83087C5.53846 7.69327 5.48394 7.56087 5.38615 7.46394V7.46308Z" fill="#0ECAD4"/> </svg> </div> <div slot="initial-message">How can we help you today?</div> <div slot="input-placeholder">I need help with...</div> <div slot="feedback-message">Was this response helpful?</div> </template> </embrace-chat></div><div id="block-11" class="widget widget--widget_block support-widget-area__widget support-widget-area__widget--widget_block"><style> .button-brand-navy{ color:white; border-width: 2px; display: inline-block; font-size: .875rem; font-weight: 700; line-height: 1; padding: 20px 40px; text-align: center; background:#002447; text-decoration:none; border-radius: 50px; transition: all .25s ease; } .button-brand-navy:hover{ color:white; background:#00366B; transition: all .25s ease; } </style> <div style="margin:auto; width:100%; text-align:center; background: var(--Gradient-Elevate-Light, radial-gradient(141.42% 141.42% at 0% 0%, #E7FAFB 0%, #F7F8FA 100%)); border-radius:32px; padding:40px;"> <div> <img decoding="async" src="https://wpengine.com/support/wp-content/uploads/2024/10/embrace-icon-search.png"> </div> <p style="font-family: lora, georgia, serif !important;font-weight: 500 !important;line-height: 1.2; font-size:24px; color: #002447;text-align:center;text-shadow:none;margin-bottom:24px; text-align:center;">Find <span style ="color:#7A45E5; font-style:italic; font-weight:800;">answers faster</span> with conversational search, powered by AI</p> <a href="https://wpengine.com/support/" style="margin-top:20px;border: 0px;font-weight:700;width:100%;" class="button-brand-navy">Ask Now</a> </div></div> </div> </div> </div><!-- .support-center-sidebar__container --> </aside> </div><!-- .entry-content --> </article><!-- #post-122585 --> </main> <!-- #main --> </div><!-- #primary --> <link rel='stylesheet' id='lwptoc-main-css' href='https://wpengine.com/support/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.css?ver=2.1.9' type='text/css' media='all' /> <style id='fl-builder-layout-120254-inline-css' type='text/css'> /* Grid ------------------------------------------------------ */ .fl-builder-content *, .fl-builder-content *:before, .fl-builder-content *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fl-row:before, .fl-row:after, .fl-row-content:before, .fl-row-content:after, .fl-col-group:before, .fl-col-group:after, .fl-col:before, .fl-col:after, .fl-module:before, .fl-module:after, .fl-module-content:before, .fl-module-content:after { display: table; content: " "; } .fl-row:after, .fl-row-content:after, .fl-col-group:after, .fl-col:after, .fl-module:after, .fl-module-content:after { clear: both; } .fl-clear { clear: both; } /* Utilities ------------------------------------------------------ */ .fl-clearfix:before, .fl-clearfix:after { display: table; content: " "; } .fl-clearfix:after { clear: both; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* Rows ------------------------------------------------------ */ .fl-row, .fl-row-content { margin-left: auto; margin-right: auto; min-width: 0; } .fl-row-content-wrap { position: relative; } /* Photo Bg */ .fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap { background-attachment: scroll; } /* Video and Embed Code Bg */ .fl-row-bg-video, .fl-row-bg-video .fl-row-content, .fl-row-bg-embed, .fl-row-bg-embed .fl-row-content { position: relative; } .fl-row-bg-video .fl-bg-video, .fl-row-bg-embed .fl-bg-embed-code { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .fl-row-bg-video .fl-bg-video video, .fl-row-bg-embed .fl-bg-embed-code video { bottom: 0; left: 0px; max-width: none; position: absolute; right: 0; top: 0px; } .fl-row-bg-video .fl-bg-video video { min-width: 100%; min-height: 100%; width: auto; height: auto; } .fl-row-bg-video .fl-bg-video iframe, .fl-row-bg-embed .fl-bg-embed-code iframe { pointer-events: none; width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ max-width: none; min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ } .fl-bg-video-fallback { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; } /* Slideshow Bg */ .fl-row-bg-slideshow, .fl-row-bg-slideshow .fl-row-content { position: relative; } .fl-row .fl-bg-slideshow { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 0; } .fl-builder-edit .fl-row .fl-bg-slideshow * { bottom: 0; height: auto !important; left: 0; position: absolute !important; right: 0; top: 0; } /* Row Bg Overlay */ .fl-row-bg-overlay .fl-row-content-wrap:after { border-radius: inherit; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .fl-row-bg-overlay .fl-row-content { position: relative; z-index: 1; } /* Full Height Rows */ .fl-row-default-height .fl-row-content-wrap, .fl-row-custom-height .fl-row-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; } .fl-row-overlap-top .fl-row-content-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .fl-row-default-height .fl-row-content-wrap, .fl-row-custom-height .fl-row-content-wrap { min-height: 0; } .fl-row-default-height .fl-row-content, .fl-row-full-height .fl-row-content, .fl-row-custom-height .fl-row-content { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fl-row-default-height .fl-row-full-width.fl-row-content, .fl-row-full-height .fl-row-full-width.fl-row-content, .fl-row-custom-height .fl-row-full-width.fl-row-content { max-width: 100%; width: 100%; } /* Full height align center */ .fl-row-default-height.fl-row-align-center .fl-row-content-wrap, .fl-row-full-height.fl-row-align-center .fl-row-content-wrap, .fl-row-custom-height.fl-row-align-center .fl-row-content-wrap { align-items: center; justify-content: center; -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; } /* Full height align bottom */ .fl-row-default-height.fl-row-align-bottom .fl-row-content-wrap, .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap, .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap { align-items: flex-end; justify-content: flex-end; -webkit-align-items: flex-end; -webkit-justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-align: end; -ms-flex-pack: end; } /* Column Groups ------------------------------------------------------ */ .fl-col-group-equal-height { display: flex; flex-wrap: wrap; width: 100%; } .fl-col-group-equal-height.fl-col-group-has-child-loading { flex-wrap: nowrap; } .fl-col-group-equal-height .fl-col, .fl-col-group-equal-height .fl-col-content { display: flex; flex: 1 1 auto; } .fl-col-group-equal-height .fl-col-content { flex-direction: column; flex-shrink: 1; min-width: 1px; max-width: 100%; width: 100%; } .fl-col-group-equal-height:before, .fl-col-group-equal-height .fl-col:before, .fl-col-group-equal-height .fl-col-content:before, .fl-col-group-equal-height:after, .fl-col-group-equal-height .fl-col:after, .fl-col-group-equal-height .fl-col-content:after{ content: none; } /* Equal height align top */ .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content, .fl-col-group-equal-height.fl-col-group-align-top .fl-col-content { justify-content: flex-start; } /* Equal height align center */ .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content, .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content { align-items: center; justify-content: center; } /* Equal height align bottom */ .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content, .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { justify-content: flex-end; } .fl-col-group-equal-height.fl-col-group-align-center .fl-module, .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group { width: 100%; } /* Columns ------------------------------------------------------ */ .fl-col { float: left; min-height: 1px; } /* Column Bg Overlay */ .fl-col-bg-overlay .fl-col-content { position: relative; } .fl-col-bg-overlay .fl-col-content:after { border-radius: inherit; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .fl-col-bg-overlay .fl-module { position: relative; z-index: 2; } /* Modules ------------------------------------------------------ */ .fl-module img { max-width: 100%; } /* Module Templates ------------------------------------------------------ */ .fl-builder-module-template { margin: 0 auto; max-width: 1100px; padding: 20px; } /* Buttons ------------------------------------------------------ */ .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; font-size: 16px; font-weight: normal; line-height: 18px; padding: 12px 24px; text-decoration: none; text-shadow: none; } .fl-builder-content .fl-button:hover { text-decoration: none; } .fl-builder-content .fl-button:active { position: relative; top: 1px; } .fl-builder-content .fl-button-width-full .fl-button { display: block; text-align: center; } .fl-builder-content .fl-button-width-custom .fl-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .fl-button-left { text-align: left; } .fl-builder-content .fl-button-center { text-align: center; } .fl-builder-content .fl-button-right { text-align: right; } .fl-builder-content .fl-button i { font-size: 1.3em; height: auto; margin-right:8px; vertical-align: middle; width: auto; } .fl-builder-content .fl-button i.fl-button-icon-after { margin-left: 8px; margin-right: 0; } .fl-builder-content .fl-button-has-icon .fl-button-text { vertical-align: middle; } /* Icons ------------------------------------------------------ */ .fl-icon-wrap { display: inline-block; } .fl-icon { display: table-cell; vertical-align: middle; } .fl-icon a { text-decoration: none; } .fl-icon i { float: right; height: auto; width: auto; } .fl-icon i:before { border: none !important; height: auto; width: auto; } .fl-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .fl-icon-text-empty { display: none; } .fl-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .fl-icon-text a { text-decoration: none; } .fl-icon-text span { display: block; } .fl-icon-text span.mce-edit-focus { min-width: 1px; } /* Photos ------------------------------------------------------ */ .fl-photo { line-height: 0; position: relative; } .fl-photo-align-left { text-align: left; } .fl-photo-align-center { text-align: center; } .fl-photo-align-right { text-align: right; } .fl-photo-content { display: inline-block; line-height: 0; position: relative; max-width: 100%; } .fl-photo-img-svg { width: 100%; } .fl-photo-content img { display: inline; height: auto; max-width: 100%; } .fl-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; } .fl-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .fl-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:opacity 0.3s ease-in; -moz-transition:opacity 0.3s ease-in; transition:opacity 0.3s ease-in; } .fl-photo-content:hover .fl-photo-caption-hover { opacity: 100; filter: alpha(opacity = 100); } /* Pagination ------------------------------------------------------ */ .fl-builder-pagination, .fl-builder-pagination-load-more { padding: 40px 0; } .fl-builder-pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; text-align: center; } .fl-builder-pagination li { display: inline-block; list-style: none; margin: 0; padding: 0; } .fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers { border: 1px solid #e6e6e6; display: inline-block; padding: 5px 10px; margin: 0 0 5px; } .fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current { background: #f5f5f5; text-decoration: none; } /* Slideshows ------------------------------------------------------ */ .fl-slideshow, .fl-slideshow * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fl-slideshow .fl-slideshow-image img { max-width: none !important; } .fl-slideshow-social { line-height: 0 !important; } .fl-slideshow-social * { margin: 0 !important; } /* Sliders ------------------------------------------------------ */ .fl-builder-content .bx-wrapper .bx-viewport { background: transparent; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; left: 0; } /* Lightbox ------------------------------------------------------ */ .mfp-wrap button.mfp-arrow, .mfp-wrap button.mfp-arrow:active, .mfp-wrap button.mfp-arrow:hover, .mfp-wrap button.mfp-arrow:focus { background: transparent !important; border: none !important; outline: none; position: absolute; top: 50%; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .mfp-wrap .mfp-close, .mfp-wrap .mfp-close:active, .mfp-wrap .mfp-close:hover, .mfp-wrap .mfp-close:focus { background: transparent !important; border: none !important; outline: none; position: absolute; top: 0; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .admin-bar .mfp-wrap .mfp-close, .admin-bar .mfp-wrap .mfp-close:active, .admin-bar .mfp-wrap .mfp-close:hover, .admin-bar .mfp-wrap .mfp-close:focus { top: 32px!important; } img.mfp-img { padding: 0; } .mfp-counter { display: none; } .mfp-wrap .mfp-preloader.fa { font-size: 30px; } /* Form Fields ------------------------------------------------------ */ .fl-form-field { margin-bottom: 15px; } .fl-form-field input.fl-form-error { border-color: #DD6420; } .fl-form-error-message { clear: both; color: #DD6420; display: none; padding-top: 8px; font-size: 12px; font-weight: lighter; } .fl-form-button-disabled { opacity: 0.5; } /* Animations ------------------------------------------------------ */ .fl-animation { opacity: 0; } .fl-builder-preview .fl-animation, .fl-builder-edit .fl-animation, .fl-animated { opacity: 1; } .fl-animated { animation-fill-mode: both; -webkit-animation-fill-mode: both; } /* Button Icon Animation */ .fl-button.fl-button-icon-animation i { width: 0 !important; opacity: 0; -ms-filter: "alpha(opacity=0)"; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; } .fl-button.fl-button-icon-animation:hover i { opacity: 1! important; -ms-filter: "alpha(opacity=100)"; } .fl-button.fl-button-icon-animation i.fl-button-icon-after { margin-left: 0px !important; } .fl-button.fl-button-icon-animation:hover i.fl-button-icon-after { margin-left: 10px !important; } .fl-button.fl-button-icon-animation i.fl-button-icon-before { margin-right: 0 !important; } .fl-button.fl-button-icon-animation:hover i.fl-button-icon-before { margin-right: 20px !important; margin-left: -10px; } /* Templates ------------------------------------------------------ */ .single:not(.woocommerce).single-fl-builder-template .fl-content { width: 100%; } /* Shapes & Patterns ------------------------------------------------------- */ .fl-builder-layer { position: absolute; top:0; left:0; right: 0; bottom: 0; z-index: 0; pointer-events: none; overflow: hidden; } .fl-builder-shape-layer { z-index: 0; } .fl-builder-shape-layer.fl-builder-bottom-edge-layer { z-index: 1; } .fl-row-bg-overlay .fl-builder-shape-layer { z-index: 1; } .fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer { z-index: 2; } .fl-row-has-layers .fl-row-content { z-index: 1; } .fl-row-bg-overlay .fl-row-content { z-index: 2; } .fl-builder-layer > * { display: block; position: absolute; top:0; left:0; width: 100%; } .fl-builder-layer + .fl-row-content { position: relative; } .fl-builder-layer .fl-shape { fill: #aaa; stroke: none; stroke-width: 0; width:100%; } /** Fix ipad parallax issue on safari https://core.trac.wordpress.org/ticket/48802 https://core.trac.wordpress.org/ticket/49285 https://github.com/WordPress/gutenberg/issues/17718 */ @supports (-webkit-touch-callout: inherit) { .fl-row.fl-row-bg-parallax .fl-row-content-wrap, .fl-row.fl-row-bg-fixed .fl-row-content-wrap { background-position: center !important; background-attachment: scroll !important; } } @supports (-webkit-touch-callout: none) { .fl-row.fl-row-bg-fixed .fl-row-content-wrap { background-position: center !important; background-attachment: scroll !important; } } /* Default button colors for non Beaver Builder themes. ------------------------------------------------------ */ .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited { background: #fafafa; border: 1px solid #ccc; color: #333; } .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * { color: #333; }@media (max-width: 1200px) { /** * Styles needed for the large breakpoint. */ }@media (max-width: 992px) { /* Columns ------------------------------------------------------ */ /* Reversed Responsive Stacking */ .fl-col-group.fl-col-group-medium-reversed { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; flex-direction: row-reverse; } }@media (max-width: 768px) { /* Rows ------------------------------------------------------ */ .fl-row-content-wrap { background-attachment: scroll !important; } .fl-row-bg-parallax .fl-row-content-wrap { background-attachment: scroll !important; background-position: center center !important; } /* Column Groups ------------------------------------------------------ */ /* Equal Heights */ .fl-col-group.fl-col-group-equal-height { display: block; } .fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width { display: -webkit-box; display: -webkit-flex; display: flex; } /* Reversed Responsive Stacking */ .fl-col-group.fl-col-group-responsive-reversed { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; flex-direction: row-reverse; } .fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) { flex-basis: 100%; width: 100% !important; } .fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) { display: unset; display: unset; -webkit-flex-wrap: unset; flex-wrap: unset; flex-direction: unset; } /* Columns ------------------------------------------------------ */ .fl-col { clear: both; float: none; margin-left: auto; margin-right: auto; width: auto !important; } .fl-col-small:not(.fl-col-small-full-width) { max-width: 400px; } .fl-block-col-resize { display:none; } /* Rows ------------------------------------------------------ */ .fl-row[data-node] .fl-row-content-wrap { margin: 0; padding-left: 0; padding-right: 0; } .fl-row[data-node] .fl-bg-video, .fl-row[data-node] .fl-bg-slideshow { left: 0; right: 0; } /* Columns ------------------------------------------------------ */ .fl-col[data-node] .fl-col-content { margin: 0; padding-left: 0; padding-right: 0; } }@media (min-width: 1201px) { html .fl-visible-large:not(.fl-visible-desktop), html .fl-visible-medium:not(.fl-visible-desktop), html .fl-visible-mobile:not(.fl-visible-desktop) { display: none; } } @media (min-width: 993px) and (max-width: 1200px) { html .fl-visible-desktop:not(.fl-visible-large), html .fl-visible-medium:not(.fl-visible-large), html .fl-visible-mobile:not(.fl-visible-large) { display: none; } } @media (min-width: 769px) and (max-width: 992px) { html .fl-visible-desktop:not(.fl-visible-medium), html .fl-visible-large:not(.fl-visible-medium), html .fl-visible-mobile:not(.fl-visible-medium) { display: none; } } @media (max-width: 768px) { html .fl-visible-desktop:not(.fl-visible-mobile), html .fl-visible-large:not(.fl-visible-mobile), html .fl-visible-medium:not(.fl-visible-mobile) { display: none; } } .fl-row-fixed-width { max-width: 1200px; } .fl-row-content-wrap { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .fl-module-content, :where(.fl-module:not(:has(> .fl-module-content))) { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .fl-node-615dc63d9a183 > .fl-row-content-wrap { padding-top:40px; padding-bottom:40px; } .fl-node-615dc63d9a187 { width: 100%; } @-webkit-keyframes slides{to{transform:translateX(-200%)}}@keyframes slides{to{transform:translateX(-200%)}}.fl-module-class-cta-block>.fl-module-content{margin:0 20px}.cta-block{height:auto;position:relative}.cta-block.cta-block--above-fold{margin:20px;padding-bottom:60px}.cta-block.cta-block--above-fold .cta-block__title{font-size:2.75rem;line-height:1.091}@media(min-width:768px){.cta-block.cta-block--above-fold{padding-bottom:80px}.cta-block.cta-block--above-fold .cta-block__title{font-size:3.5rem;line-height:1}}@media(min-width:960px){.cta-block.cta-block--above-fold{padding-bottom:120px}.cta-block.cta-block--above-fold .cta-block__title{font-size:4.5rem;line-height:1.111111}}.cta-block.cta-block--in-page-small{padding-bottom:0;padding-top:0}.cta-block.cta-block--in-page-small .cta-block__title{font-size:1.9rem}.cta-block.cta-block--in-page-small .cta-block__button-group{margin-top:20px}@media(min-width:768px){.cta-block.cta-block--in-page-small .cta-block__content--right{margin-left:0}.cta-block.cta-block--in-page-small .cta-block__content{display:flex;justify-content:space-evenly;max-width:100%}.cta-block.cta-block--in-page-small .cta-block__button-group,.cta-block.cta-block--in-page-small .cta-block__title-description{width:50%}.cta-block.cta-block--in-page-small .cta-block__title-description{padding-right:40px}.cta-block.cta-block--in-page-small .cta-block__button-group{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:0}.cta-block.cta-block--in-page-small .cta-block__button-group .button{margin-left:0;padding-left:20px;padding-right:20px;width:100%}.cta-block.cta-block--in-page-small a.button{margin-bottom:20px}}@media(min-width:960px){.cta-block.cta-block--in-page-small .cta-block__title-description{padding-right:60px}.cta-block.cta-block--in-page-small .cta-block__button-group{flex-wrap:nowrap}.cta-block.cta-block--in-page-small .cta-block__button-group .button{width:275px}.cta-block.cta-block--in-page-small .button-group>.button:not(:first-child){margin-left:20px}}.cta-block.cta-block--in-page-large .cta-block--button-group{margin-top:0}.cta-block__content{font-size:1.5rem}@media(min-width:768px){.cta-block__content{max-width:75%}.cta-block__content--right{margin-left:25%}}.cta-block__title{margin:0 0 30px}.cta-block__title:only-child{margin-bottom:0}.cta-block__title-description p{font-size:1.25rem}@media(min-width:960px){.cta-block__title-description p{font-size:1.375rem}}@media(min-width:1140px){.cta-block__title-description p{font-size:1.5rem}}.cta-block__button-group{margin-top:0;padding-top:40px}@media(min-width:768px){.cta-block__button-group{padding-top:60px}}@media(min-width:960px){.cta-block__button-group{padding-top:80px}} /* Start Global CSS */ /* End Global CSS */ /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ </style> <div class="fl-builder-content fl-builder-content-120254 fl-builder-template fl-builder-row-template fl-builder-global-templates-locked" data-post-id="120254"><div class="fl-row fl-row-full-width fl-row-bg-lazy-photo fl-node-615dc63d9a183 fl-row-default-height fl-row-align-center bg-scheme--light-text hero" data-node="615dc63d9a183"> <div class="fl-row-content-wrap"> <picture class="wpe-bb-background wpe-bb-background--hero wpe-bb-background--empty"> <source srcset="https://wpengine.com/support/wp-content/uploads/2021/10/logo-poof.jpeg" media="(min-width: 769px)"> <source srcset="https://supportcntr.wpengine.com/wp-content/uploads/2021/10/logo-poof.jpeg" media="(max-width: 992px) and (min-width: 769px)"> <source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" media="(max-width: 768px)"> <img decoding="async" src="https://supportcntr.wpengine.com/wp-content/uploads/2021/10/logo-poof.jpeg" alt="" loading="lazy"> </picture> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-615dc63d9a186" data-node="615dc63d9a186"> <div class="fl-col fl-node-615dc63d9a187 fl-col-bg-color" data-node="615dc63d9a187"> <div class="fl-col-content fl-node-content"><div class="fl-module fl-module-class-cta-block fl-node-615dc63d9a188 bg-scheme--dark-text" data-node="615dc63d9a188"> <div class="fl-module-content fl-node-content"> <div class="cta-block-wrapper" data-customers="[{"background_css":"","title":"","description":"","content_alignment":"left","variation":"in-page-small","customer_cta_primary":"","customer_cta_secondary":"","title_tag":"h1","customer_type":"","0":""}]"> <div class="cta-block cta-block--in-page-large"> <div class="content cta-block__content cta-block__content--left"> <div class="button-group cta-block__title-description"> <h2 class="title cta-block__title"> Geographically customize content </h2> <p>Customize page content for your users based on their location without compromising cache or performance using WP Engine's GeoTarget.</p> </div> <div class="button-group cta-block__button-group"> <a href="https://my.wpengine.com/modify_plan" class="button cta-block__button button--lapis-white" target="_blank" > <p>Get the Extension</p> </a> <a href="#sales" class="button cta-block__button button--hollow-white" target="_self" > <p>Talk to a specialist</p> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><!-- #content --> <footer id="colophon" class="site-footer site-footer--full" > <div class="site-footer__container"> <div class="site-footer__widget-areas"> <div class="site-footer__menu"> <div id="nav_menu-solutions" class="section-footer section-footer__menu"> <h2 class="section-footer__title">Solutions</h2> <div class="menu-footer-solutions-container"> <ul id="menu-footer-solutions" class="menu"> <li id="menu-item-managed" class="menu-item"> <a href="/managed-wordpress-hosting/">Managed WordPress Hosting</a> </li> <li id="menu-item-ecommerce" class="menu-item"> <a href="/woocommerce/">WooCommerce Hosting</a> </li> <li id="menu-item-smb" class="menu-item"> <a href="/small-business/">Small Business</a> </li> <li id="menu-item-agency" class="menu-item"> <a href="/agency/">Agency</a> </li> <li id="menu-item-enterprise" class="menu-item"> <a href="/enterprise/">Enterprise</a> </li> <li id="menu-item-affiliate" class="menu-item"> <a href="/partners/affiliate/">Affiliate</a> </li> <li id="menu-item-platform" class="menu-item"> <a href="/platform/">Our Platform</a> </li> </ul> </div> </div> <div id="nav_menu-insights" class="section-footer section-footer__menu"> <h2 class="section-footer__title">Insights</h2> <div class="menu-footer-insights-container"> <ul id="menu-footer-insights" class="menu"> <li id="menu-item-blog" class="menu-item"> <a href="/blog/">Blog</a> </li> <li id="menu-item-torque" class="menu-item"> <a target="_blank" rel="nofollow noopener" href="https://torquemag.io/?utm_source=wpengine&utm_medium=referral&utm_campaign=footer">Torque</a> </li> <li id="menu-item-velocitize" class="menu-item"> <a target="_blank" rel="nofollow noopener" href="https://velocitize.com/?utm_source=wpengine&utm_medium=referral&utm_campaign=footer">Velocitize</a> </li> </ul> </div> </div> <div id="nav_menu-about" class="section-footer section-footer__menu"> <h2 class="section-footer__title">About</h2> <div class="menu-footer-about-container"> <ul id="menu-footer-about" class="menu"> <li id="menu-item-company" class="menu-item"> <a href="/about-us/">Our Company</a> </li> <li id="menu-item-leadership" class="menu-item"> <a href="/newsroom/leadership-team/">Leadership Team</a> </li> <li id="menu-item-careers" class="menu-item"> <a target="_blank" rel="nofollow noopener" href="https://wpengine.careers/?utm_source=wpengine&utm_medium=referral&utm_campaign=footer">Careers</a> </li> <li id="menu-item-contact" class="menu-item"> <a href="/contact/">Contact</a> </li> <li id="menu-item-customers" class="menu-item"> <a href="/case-studies/">Case Studies</a> </li> <li id="menu-item-legal" class="menu-item"> <a href="/legal/">Legal</a> </li> <li id="menu-item-newsroom" class="menu-item"> <a href="/newsroom/">Newsroom</a> </li> <li id="menu-item-privacy" class="menu-item"> <a href="/legal/privacy/">Privacy Policy</a> </li> </ul> </div> </div> <div id="nav_menu-resources" class="section-footer section-footer__menu"> <h2 class="section-footer__title">Resources</h2> <div class="menu-footer-resources-container"> <ul id="menu-footer-resources" class="menu"> <li id="menu-item-resources" class="menu-item"> <a href="/resources/">Resource Center</a> </li> <li id="menu-item-support" class="menu-item"> <a href="/support/">Support Center</a> </li> <li id="menu-item-solutions" class="menu-item"> <a href="/solution-center/">Solution Center</a> </li> <li id="menu-item-partners" class="menu-item"> <a href="/partners/">Partner Programs</a> </li> <li id="menu-item-agencies" class="menu-item"> <a href="/agency-directory/">Agency Directory</a> </li> <li id="menu-item-status" class="menu-item"> <a target="_blank" rel="nofollow noopener" href="https://wpenginestatus.com/?utm_source=wpengine&utm_medium=referral&utm_campaign=footer">System Status</a> </li> <li id="menu-item-assets" class="menu-item"> <a href="/brand-assets/">Brand Assets</a> </li> </ul> </div> </div> </div> <div class="site-footer__info-widgets"> <div id="block-2" class="section-footer__widget section-footer__widget--widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="has-small-font-size wp-block-heading">WP Engine</h2> <p><span class="wpe-geo-address">504 Lavaca Street<span class="wpe-address-comma">,</span> Suite 1000<br>Austin, TX 78701</span></p> </div> </div><div id="block-3" class="section-footer__widget section-footer__widget--widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="has-small-font-size wp-block-heading">Sales</h2> <p><span class="wpe-geo-phone"><a href="tel:+1-512-273-3906">+1-512-273-3906</a></span></p> <p><a href="/cdn-cgi/l/email-protection#c3b0a2afa6b083b4b3a6ada4aaada6eda0acae" target="_blank" rel="noreferrer noopener"><span class="__cf_email__" data-cfemail="5724363b32241720273239303e39327934383a">[email protected]</span></a></p> <p><span class="wpe-geo-office-hours">7am–7pm CST</span></p> </div> </div> </div><div id="block-4" class="section-footer__widget section-footer__widget--widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="has-small-font-size wp-block-heading">Billing</h2> <p><a href="/cdn-cgi/l/email-protection#80e2e9ecece9eee7c0f7f0e5eee7e9eee5aee3efed" target="_blank" rel="noreferrer noopener"><span class="__cf_email__" data-cfemail="2f4d4643434641486f585f4a414846414a014c4042">[email protected]</span></a></p> </div> </div> </div> </div> <a href="https://my.wpengine.com" class="button button--hollow-white site-footer__sign-in" > Sign In </a> <div class="site-footer__legal"> <div class="site-footer__copyright"> © 2013–2024 WPEngine, Inc. All rights reserved. </div> <div class="site-footer__trademark"> WP ENGINE®, VELOCITIZE®, TORQUE®, EVERCACHE®, and the cog logo service marks are owned by WPEngine, Inc. </div> <div id="legal-disclaimer" class="site-footer__disclaimer"> <sup>1</sup>WP Engine is a proud member and supporter of the community of WordPress® users. The WordPress® trademarks are the intellectual property of the WordPress Foundation, and the Woo® and WooCommerce® trademarks are the intellectual property of WooCommerce, Inc. Uses of the WordPress®, Woo®, and WooCommerce® names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation or WooCommerce, Inc. WP Engine is not endorsed or owned by, or affiliated with, the WordPress Foundation or WooCommerce, Inc. </div> </div> </div><!--.site-footer__container --> </footer><!-- .site-footer --> </div><!-- #page --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> function genesisBlocksShare( url, title, w, h ){ var left = ( window.innerWidth / 2 )-( w / 2 ); var top = ( window.innerHeight / 2 )-( h / 2 ); return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=600, height=600, top='+top+', left='+left); } </script> <script type="text/html" id="tmpl-cta-chat"> <div class="cta-chat"> <div class="cta-chat__header"> <h3>Contact Sales</h3> <p>Discover why organizations of all types and sizes choose WP Engine — and how it can benefit you.</p> </div> <div class="cta-chat__chat"> <p class="label">Chat</p> <div class="cta-chat__imessage"> <div class="cta-chat__profile-image sales-chat"> <span class="cta-chat__alert">1</span> </div> <div class="cta-chat__bubble"> <p class="cta-chat__loading"> <span></span> <span></span> <span></span> </p> <p class="cta-chat__message" translate="no">I'm available right now to answer any of your questions!</p> </div> <p class="cta-chat__reply"> <a href="#">Reply</a> </p> </div> </div> <div class="cta-chat__call"> <p class="label">Call</p> <p class="cta-chat__phone"><span class="wpe-geo-phone"><a href="tel:+1-512-273-3906">+1-512-273-3906</a></span></p> </div> <div class="cta-chat__contact"> <p class="label">Contact</p> <p class="cta-chat__phone"><a href="/contact/">Request a quote</a></p> </div> </div> </script><script type="text/html" id="tmpl-notification-chat"> <div class="cta-chat__notification"> <div class="cta-chat__profile-image"> </div> <div class="cta-chat__loading"> <span></span> <span></span> <span></span> </div> <span class="cta-chat__alert">1</span> </div> </script><script type="text/html" id="tmpl-consent-chat"></script><aside class="opt-in-modal js-opt-in-modal" role="dialog" aria-labelledby="opt-in-modal-title" aria-describedby="opt-in-modal__text" style="background-color:#FF6C29; display: none;" > <div class="opt-in-modal__inner"> <h2 id="opt-in-modal-title" class="opt-in-modal__title"> Cookies & Privacy </h2> <p id="opt-in-modal__text" class="opt-in-modal__text js-modal-agreement-text"> WP Engine collects and stores your information to better customize your site experience and to optimize our website. However, your consent is required before we can provide this free service. <a href="https://wpengine.com/legal/privacy/">Privacy Policy</a> </p> <button class="opt-in-modal__consent-button js-opt-in-consent-button white-mirage" type="button" aria-label="I Agree" > I Agree </button> <button class="opt-in-modal__close js-opt-in-close-button" role="button" tabindex="0" aria-label="Close" > <svg viewBox="0 0 352 512" class="opt-in-modal__close__icon"> <path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path> </svg> </button> </div> </aside> <script type="text/html" id="tmpl-gdpr-form-field" translate="yes"> <div class="wpe-field wpe-field--checkbox" data-validation-label="" data-error-message="Agreement required." data-validated-message="Looks great." data-name="eu_opt_in"> <div role="group" class="wpe-field__fieldset group__eu_opt_in"> <div class="wpe-field__description"> <legend>Privacy Consent</legend> <p>I consent to the collection, storage and use of the information I have entered here. I understand that WP Engine may use this information to contact me, customize my site experience and optimize the WP Engine website in accordance with its <a href="https://wpengine.com/legal/privacy/">Privacy Policy</a>.</p> </div> <div class="wpe-field__controls"> <span class="wpe-field__option"> <input id="eu_opt_in" class="eu_opt_in" name="eu_opt_in" value="true" type="checkbox" required=""> <label for="eu_opt_in" class="eu_opt_in_label"> Yes, I agree. </label> </span> </div> </div> </div> </script> <script type="text/html" id="tmpl-hello-bar"> <aside class="hello"> <p class="hello__copy"> {{ data.copyBar }} <# if ( data.copyLegal ) { #> <sup><a class="hello__footnote" href="#hello-legal">*</a></sup> <# } #> </p> <# if ( data.ctaLink && data.ctaLabel ) { #> <p class="hello__cta"> <a href="{{{ data.ctaLink }}}" class="button button--hollow-white"> {{ data.ctaLabel }} </a> </p> <# } #> <a class="hello__close" href="#"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path d="M14.7,1.3a.967.967,0,0,0-1.4,0L8,6.6,2.7,1.3a.967.967,0,0,0-1.4,0,.967.967,0,0,0,0,1.4L6.6,8,1.3,13.3a.967.967,0,0,0,0,1.4A.908.908,0,0,0,2,15a.908.908,0,0,0,.7-.3L8,9.4l5.3,5.3a.967.967,0,0,0,1.4,0,.967.967,0,0,0,0-1.4L9.4,8l5.3-5.3A.967.967,0,0,0,14.7,1.3Z" transform="translate(-1 -1)"/> </svg> <span class="screen-reader-text">Close offer</span> </a> </aside> </script> <script type="text/html" id="tmpl-hello-legal"> <# if ( data.copyLegal ) { #> <aside class="hello-legal" id="hello-legal"> <p class="hello-legal__copy"> <sup>*</sup> {{ data.copyLegal }} </p> </aside> <# } #> </script> <script type="text/html" id="tmpl-bb-cta-block"> <div class="cta-block cta-block--{{ data.variation }}"> <div class="{{ data.content_alignment }}"> <div class="button-group cta-block__title-description"> <{{ data.title_tag }} class="title cta-block__title"> {{{ data.title }}} </{{ data.title_tag }}> <p>{{{ data.description }}}</p> </div> <# if ( ( data.customer_cta_primary_link && data.customer_cta_primary_text ) || ( data.customer_cta_secondary_link && data.customer_cta_secondary_text ) ) { #> <div class="button-group cta-block__button-group"> <# if ( data.customer_cta_primary_link && data.customer_cta_primary_text ) { #> <a aria-label="{{ data.customer_cta_primary_aria_label }}" href="{{ data.customer_cta_primary_link }}" class="button cta-block__button button--{{ data.customer_cta_primary_type }}" target="{{ data.customer_cta_primary_target ? data.customer_cta_primary_target : '' }}" > {{ data.customer_cta_primary_text }} </a> <# } #> <# if ( data.customer_cta_secondary_link && data.customer_cta_secondary_text ) { #> <a aria-label="{{ data.customer_cta_secondary_aria_label }}" href="{{ data.customer_cta_secondary_link }}" class="button cta-block__button button--{{ data.customer_cta_secondary_type }}" target="{{ data.customer_cta_secondary_target ? data.customer_cta_secondary_target : '' }}" > {{ data.customer_cta_secondary_text }} </a> <# } #> </div> <# } #> </div> </div> </script> <style id='core-block-supports-inline-css' type='text/css'> .wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-2{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-3{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-4{flex-wrap:nowrap;} </style> <link rel='stylesheet' id='fa-minimum-css' href='https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/fonts/fa-minimum.css?ver=0.1.0' type='text/css' media='all' /> <link rel='stylesheet' id='dx-awesome-css' href='https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/fonts/dx-awesome-v1.0/style.css?ver=0.1.0' type='text/css' media='all' /> <script type="text/javascript" id="wpengine-privacy-consent-js-extra"> /* <![CDATA[ */ var wpeConsentData = {"restRoot":"https:\/\/wpengine.com\/support\/wp-json\/","optInNonce":"547a42c8d2","isConsentRequired":"","countriesNeedingConsent":["EU"],"liveChatUser":"Dana Kleen","liveChatJobTitle":"Manager, Sales","liveChatImage":"https:\/\/wpengine.com\/wp-content\/uploads\/2018\/06\/WPE-Photo-DanaKleen.jpg","liveChatMessage":"By continuing, you understand that WP\u00a0Engine may use information shared in this chat to optimize its website and services, and you consent to receiving educational resources, event information and special offers from WP \u00a0Engine."}; /* ]]> */ </script> <script type="text/javascript" defer src="https://wpengine.com/support/wp-content/plugins/wpengine-privacy-consent/js/main.js?ver=1716325695" id="wpengine-privacy-consent-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" id="wpengine-library-js-extra"> /* <![CDATA[ */ var wpeLocalization = {"country":"SG","regions":[],"continent":"","is_emea":"","phone":"+1-512-273-3906"}; /* ]]> */ </script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/mu-plugins/wpengine-library/js/main.js?ver=1716325695" id="wpengine-library-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/plugins/genesis-blocks/dist/assets/js/dismiss.js?ver=1720784196" id="genesis-blocks-dismiss-js-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/plugins/wpengine-tag-manager/js/main.js?ver=1716325695" id="wpengine-tag-manager-js"></script> <script type="text/javascript" id="wpengine-main-js-extra"> /* <![CDATA[ */ var wpengine_main = {"ajax_url":"https:\/\/wpengine.com\/support\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/themes/wpengine-breakthrough/build/js/main.js?ver=6069891c39deed275b14" id="wpengine-main-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/plugins/wpengine-blocks/build/frontend.js?ver=79dba3cd4d1e38e5f4c5" id="wpengine-block-frontend-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.js?ver=2.1.9" id="lwptoc-main-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/plugins/wporg-glossary/includes/../js/popper.min.js?ver=1.3.2" id="popper-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/plugins/wporg-glossary/includes/../js/tippy.min.js?ver=1.3.2" id="tippy-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-includes/js/hoverintent-js.min.js?ver=2.2.1" id="hoverintent-js-js"></script> <script type="text/javascript" src="https://wpengine.com/support/wp-content/plugins/wporg-glossary/includes/../js/glossary-hovercards.js?ver=20200519" id="glossary-hovercards-js"></script> <style>.lwptoc .lwptoc_i A{color:#0a0a0a;}.lwptoc .lwptoc_i A:hover,.lwptoc .lwptoc_i A:focus,.lwptoc .lwptoc_i A:active{color:#0a0a0a;border-color:#0a0a0a;}.lwptoc .lwptoc_i A:visited{color:#0a0a0a;}</style><script>var wpAjaxUrl = 'https://wpengine.com/support/wp-admin/admin-ajax.php';var flBuilderUrl = 'https://wpengine.com/support/wp-content/plugins/bb-plugin/';var FLBuilderLayoutConfig = { anchorLinkAnimations : { duration : 1000, easing : 'swing', offset : 100 }, paths : { pluginUrl : 'https://wpengine.com/support/wp-content/plugins/bb-plugin/', wpAjaxUrl : 'https://wpengine.com/support/wp-admin/admin-ajax.php' }, breakpoints : { small : 768, medium : 992, large : 1200 }, waypoint: { offset: 80 }, emptyColWidth: '0%' }; (function($){ if(typeof FLBuilderLayout != 'undefined') { return; } /** * Helper class with generic logic for a builder layout. * * @class FLBuilderLayout * @since 1.0 */ FLBuilderLayout = { /** * Initializes a builder layout. * * @since 1.0 * @method init */ init: function() { // Destroy existing layout events. FLBuilderLayout._destroy(); // Init CSS classes. FLBuilderLayout._initClasses(); // Init backgrounds. FLBuilderLayout._initBackgrounds(); // Init row shape layer height. FLBuilderLayout._initRowShapeLayerHeight(); // Only init if the builder isn't active. if ( 0 === $('.fl-builder-edit').length ) { // Init module animations. FLBuilderLayout._initModuleAnimations(); // Init anchor links. FLBuilderLayout._initAnchorLinks(); // Init the browser hash. FLBuilderLayout._initHash(); // Init forms. FLBuilderLayout._initForms(); FLBuilderLayout._reorderMenu(); } else { FLBuilderLayout._initNestedColsWidth(); } }, /** * Public method for refreshing Wookmark or MosaicFlow galleries * within an element. * * @since 1.7.4 * @method refreshGalleries */ refreshGalleries: function( element ) { var $element = 'undefined' == typeof element ? $( 'body' ) : $( element ), mfContent = $element.find( '.fl-mosaicflow-content' ), wmContent = $element.find( '.fl-gallery' ), mfObject = null; if ( mfContent ) { mfObject = mfContent.data( 'mosaicflow' ); if ( mfObject ) { mfObject.columns = $( [] ); mfObject.columnsHeights = []; mfContent.data( 'mosaicflow', mfObject ); mfContent.mosaicflow( 'refill' ); } } if ( wmContent ) { wmContent.trigger( 'refreshWookmark' ); } }, /** * Public method for refreshing Masonry within an element * * @since 1.8.1 * @method refreshGridLayout */ refreshGridLayout: function( element ) { var $element = 'undefined' == typeof element ? $( 'body' ) : $( element ), msnryContent = $element.find('.masonry'); if ( msnryContent.length ) { msnryContent.masonry('layout'); } }, /** * Public method for reloading BxSlider within an element * * @since 1.8.1 * @method reloadSlider */ reloadSlider: function( content ) { var $content = 'undefined' == typeof content ? $('body') : $(content); // reload sliders. if ($content.find('.bx-viewport > div').length > 0) { $.each($content.find('.bx-viewport > div'), function (key, slider) { setTimeout(function () { $(slider).data('bxSlider').reloadSlider(); }, 100); }); } }, /** * Public method for resizing WP audio player * * @since 1.8.2 * @method resizeAudio */ resizeAudio: function( element ) { var $element = 'undefined' == typeof element ? $( 'body' ) : $( element ), audioPlayers = $element.find('.wp-audio-shortcode.mejs-audio'), player = null, mejsPlayer = null, rail = null, railWidth = 400; if ( audioPlayers.length && typeof mejs !== 'undefined' ) { audioPlayers.each(function(){ player = $(this); mejsPlayer = mejs.players[player.attr('id')]; rail = player.find('.mejs-controls .mejs-time-rail'); var innerMejs = player.find('.mejs-inner'), total = player.find('.mejs-controls .mejs-time-total'); if ( typeof mejsPlayer !== 'undefined' ) { railWidth = Math.ceil(player.width() * 0.8); if ( innerMejs.length ) { rail.css('width', railWidth +'px!important'); //total.width(rail.width() - 10); mejsPlayer.options.autosizeProgress = true; // webkit has trouble doing this without a delay setTimeout(function () { mejsPlayer.setControlsSize(); }, 50); player.find('.mejs-inner').css({ visibility: 'visible', height: 'inherit' }); } } }); } }, /** * Public method for preloading WP audio player when it's inside the hidden element * * @since 1.8.2 * @method preloadAudio */ preloadAudio: function(element) { var $element = 'undefined' == typeof element ? $( 'body' ) : $( element ), contentWrap = $element.closest('.fl-accordion-item'), audioPlayers = $element.find('.wp-audio-shortcode.mejs-audio'); if ( ! contentWrap.hasClass('fl-accordion-item-active') && audioPlayers.find('.mejs-inner').length ) { audioPlayers.find('.mejs-inner').css({ visibility : 'hidden', height: 0 }); } }, /** * Public method for resizing slideshow momdule within the tab * * @since 1.10.5 * @method resizeSlideshow */ resizeSlideshow: function(){ if(typeof YUI !== 'undefined') { YUI().use('node-event-simulate', function(Y) { Y.one(window).simulate("resize"); }); } }, /** * Public method for reloading an embedded Google Map within the tabs or hidden element. * * @since 2.2 * @method reloadGoogleMap */ reloadGoogleMap: function(element){ var $element = 'undefined' == typeof element ? $( 'body' ) : $( element ), googleMap = $element.find( 'iframe[src*="google.com/maps"]' ); if ( googleMap.length ) { googleMap.attr( 'src', function(i, val) { return val; }); } }, /** * Unbinds builder layout events. * * @since 1.0 * @access private * @method _destroy */ _destroy: function() { var win = $(window); win.off('scroll.fl-bg-parallax'); win.off('resize.fl-bg-video'); }, /** * Checks to see if the current device has touch enabled. * * @since 1.0 * @access private * @method _isTouch * @return {Boolean} */ _isTouch: function() { if(('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch)) { return true; } return false; }, /** * Checks to see if the current device is mobile. * * @since 1.7 * @access private * @method _isMobile * @return {Boolean} */ _isMobile: function() { return /Mobile|Android|Silk\/|Kindle|BlackBerry|Opera Mini|Opera Mobi|webOS/i.test( navigator.userAgent ); }, /** * Initializes builder body classes. * * @since 1.0 * @access private * @method _initClasses */ _initClasses: function() { var body = $( 'body' ), ua = navigator.userAgent; // Add the builder body class. if ( ! body.hasClass( 'archive' ) && $( '.fl-builder-content-primary' ).length > 0 ) { body.addClass('fl-builder'); } // Add the builder touch body class. if(FLBuilderLayout._isTouch()) { body.addClass('fl-builder-touch'); } // Add the builder mobile body class. if(FLBuilderLayout._isMobile()) { body.addClass('fl-builder-mobile'); } if ( $(window).width() < FLBuilderLayoutConfig.breakpoints.small ) { body.addClass( 'fl-builder-breakpoint-small' ); } if ( $(window).width() > FLBuilderLayoutConfig.breakpoints.small && $(window).width() < FLBuilderLayoutConfig.breakpoints.medium ) { body.addClass( 'fl-builder-breakpoint-medium' ); } if ( $(window).width() > FLBuilderLayoutConfig.breakpoints.medium && $(window).width() < FLBuilderLayoutConfig.breakpoints.large ) { body.addClass( 'fl-builder-breakpoint-large' ); } if ( $(window).width() > FLBuilderLayoutConfig.breakpoints.large ) { body.addClass( 'fl-builder-breakpoint-default' ); } // IE11 body class. if ( ua.indexOf( 'Trident/7.0' ) > -1 && ua.indexOf( 'rv:11.0' ) > -1 ) { body.addClass( 'fl-builder-ie-11' ); } }, /** * Initializes builder node backgrounds that require * additional JavaScript logic such as parallax. * * @since 1.1.4 * @access private * @method _initBackgrounds */ _initBackgrounds: function() { var win = $(window); // Init parallax backgrounds. if($('.fl-row-bg-parallax').length > 0 && !FLBuilderLayout._isMobile()) { FLBuilderLayout._scrollParallaxBackgrounds(); FLBuilderLayout._initParallaxBackgrounds(); win.on('resize.fl-bg-parallax', FLBuilderLayout._initParallaxBackgrounds); win.on('scroll.fl-bg-parallax', FLBuilderLayout._scrollParallaxBackgrounds); } // Init video backgrounds. if($('.fl-bg-video').length > 0) { FLBuilderLayout._initBgVideos(); FLBuilderLayout._resizeBgVideos(); // Ensure FLBuilderLayout._resizeBgVideos() is only called once on window resize. var resizeBGTimer = null; win.on('resize.fl-bg-video', function(e){ clearTimeout( resizeBGTimer ); resizeBGTimer = setTimeout(function() { FLBuilderLayout._resizeBgVideos(e); }, 100 ); }); } }, /** * Initializes all parallax backgrounds in a layout. * * @since 1.1.4 * @access private * @method _initParallaxBackgrounds */ _initParallaxBackgrounds: function() { $('.fl-row-bg-parallax').each(FLBuilderLayout._initParallaxBackground); }, /** * Initializes a single parallax background. * * @since 1.1.4 * @access private * @method _initParallaxBackgrounds */ _initParallaxBackground: function() { var row = $(this), content = row.find('> .fl-row-content-wrap'), winWidth = $(window).width(), screenSize = '', imageSrc = { default: '', medium: '', responsive: '', }; imageSrc.default = row.data('parallax-image') || ''; imageSrc.medium = row.data('parallax-image-medium') || imageSrc.default; imageSrc.responsive = row.data('parallax-image-responsive') || imageSrc.medium; if (winWidth > FLBuilderLayoutConfig.breakpoints.medium) { screenSize = 'default'; } else if (winWidth > FLBuilderLayoutConfig.breakpoints.small && winWidth <= FLBuilderLayoutConfig.breakpoints.medium ) { screenSize = 'medium'; } else if (winWidth <= FLBuilderLayoutConfig.breakpoints.small) { screenSize = 'responsive'; } content.css('background-image', 'url(' + imageSrc[screenSize] + ')'); row.data('current-image-loaded', screenSize ); }, /** * Fires when the window is scrolled to adjust * parallax backgrounds. * * @since 1.1.4 * @access private * @method _scrollParallaxBackgrounds */ _scrollParallaxBackgrounds: function() { $('.fl-row-bg-parallax').each(FLBuilderLayout._scrollParallaxBackground); }, /** * Fires when the window is scrolled to adjust * a single parallax background. * * @since 1.1.4 * @access private * @method _scrollParallaxBackground */ _scrollParallaxBackground: function() { var win = $(window), row = $(this), content = row.find('> .fl-row-content-wrap'), speed = row.data('parallax-speed'), offset = content.offset(), yPos = -((win.scrollTop() - offset.top) / speed), initialOffset = ( row.data('parallax-offset') != null ) ? row.data('parallax-offset') : 0, totalOffset = yPos - initialOffset; content.css('background-position', 'center ' + totalOffset + 'px'); }, /** * Initializes all video backgrounds. * * @since 1.6.3.3 * @access private * @method _initBgVideos */ _initBgVideos: function() { $('.fl-bg-video').each(FLBuilderLayout._initBgVideo); }, /** * Initializes a video background. * * @since 1.6.3.3 * @access private * @method _initBgVideo */ _initBgVideo: function() { var wrap = $( this ), width = wrap.data( 'width' ), height = wrap.data( 'height' ), mp4 = wrap.data( 'mp4' ), youtube = wrap.data( 'youtube'), vimeo = wrap.data( 'vimeo'), mp4Type = wrap.data( 'mp4-type' ), webm = wrap.data( 'webm' ), webmType = wrap.data( 'webm-type' ), fallback = wrap.data( 'fallback' ), loaded = wrap.data( 'loaded' ), videoMobile = wrap.data( 'video-mobile' ), fallbackTag = '', videoTag = null, mp4Tag = null, webmTag = null; // Return if the video has been loaded for this row. if ( loaded ) { return; } videoTag = $( '<video autoplay loop muted playsinline></video>' ); /** * Add poster image (fallback image) */ if( 'undefined' != typeof fallback && '' != fallback ) { videoTag.attr( 'poster', 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' ) videoTag.css({ backgroundImage: 'url("' + fallback + '")', backgroundColor: 'transparent', backgroundRepeat: 'no-repeat', backgroundSize: 'cover', backgroundPosition: 'center center', }) } // MP4 Source Tag if ( 'undefined' != typeof mp4 && '' != mp4 ) { mp4Tag = $( '<source />' ); mp4Tag.attr( 'src', mp4 ); mp4Tag.attr( 'type', mp4Type ); videoTag.append( mp4Tag ); } // WebM Source Tag if ( 'undefined' != typeof webm && '' != webm ) { webmTag = $( '<source />' ); webmTag.attr( 'src', webm ); webmTag.attr( 'type', webmType ); videoTag.append( webmTag ); } // This is either desktop, or mobile is enabled. if ( ! FLBuilderLayout._isMobile() || ( FLBuilderLayout._isMobile() && "yes" == videoMobile ) ) { if ( 'undefined' != typeof youtube ) { FLBuilderLayout._initYoutubeBgVideo.apply( this ); } else if ( 'undefined' != typeof vimeo ) { FLBuilderLayout._initVimeoBgVideo.apply( this ); } else { wrap.append( videoTag ); } } else { // if we are here, it means we are on mobile and NO is set so remove video src and use fallback videoTag.attr('src', '') wrap.append( videoTag ); } // Mark this video as loaded. wrap.data('loaded', true); }, /** * Initializes Youtube video background * * @since 1.9 * @access private * @method _initYoutubeBgVideo */ _initYoutubeBgVideo: function() { var playerWrap = $(this), videoId = playerWrap.data('video-id'), videoPlayer = playerWrap.find('.fl-bg-video-player'), enableAudio = playerWrap.data('enable-audio'), audioButton = playerWrap.find('.fl-bg-video-audio'), startTime = 'undefined' !== typeof playerWrap.data('start') ? playerWrap.data('start') : 0, startTime = 'undefined' !== typeof playerWrap.data('t') && startTime === 0 ? playerWrap.data('t') : startTime, endTime = 'undefined' !== typeof playerWrap.data('end') ? playerWrap.data('end') : 0, loop = 'undefined' !== typeof playerWrap.data('loop') ? playerWrap.data('loop') : 1, stateCount = 0, player,fallback_showing; if ( videoId ) { fallback = playerWrap.data('fallback') || false if( fallback ) { playerWrap.find('iframe').remove() fallbackTag = $( '<div></div>' ); fallbackTag.addClass( 'fl-bg-video-fallback' ); fallbackTag.css( 'background-image', 'url(' + playerWrap.data('fallback') + ')' ); fallbackTag.css( 'background-size', 'cover' ); fallbackTag.css( 'transition', 'background-image 1s') playerWrap.append( fallbackTag ); fallback_showing = true; } FLBuilderLayout._onYoutubeApiReady( function( YT ) { setTimeout( function() { player = new YT.Player( videoPlayer[0], { videoId: videoId, events: { onReady: function(event) { if ( "no" === enableAudio || FLBuilderLayout._isMobile() ) { event.target.mute(); } else if ( "yes" === enableAudio && event.target.isMuted ) { event.target.unMute(); } // Store an instance to a parent playerWrap.data('YTPlayer', player); FLBuilderLayout._resizeYoutubeBgVideo.apply(playerWrap); // Queue the video. event.target.playVideo(); if ( audioButton.length > 0 && ! FLBuilderLayout._isMobile() ) { audioButton.on( 'click', {button: audioButton, player: player}, FLBuilderLayout._toggleBgVideoAudio ); } }, onStateChange: function( event ) { if ( event.data === 1 ) { if ( fallback_showing ) { $( '.fl-bg-video-fallback' ).css( 'background-image', 'url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)' ) } } // Manual check if video is not playable in some browsers. // StateChange order: [-1, 3, -1] if ( stateCount < 4 ) { stateCount++; } // Comply with the audio policy in some browsers like Chrome and Safari. if ( stateCount > 1 && (-1 === event.data || 2 === event.data) && "yes" === enableAudio ) { player.mute(); player.playVideo(); audioButton.show(); } if ( event.data === YT.PlayerState.ENDED && 1 === loop ) { if ( startTime > 0 ) { player.seekTo( startTime ); } else { player.playVideo(); } } }, onError: function(event) { console.info('YT Error: ' + event.data) FLBuilderLayout._onErrorYoutubeVimeo(playerWrap) } }, playerVars: { playsinline: FLBuilderLayout._isMobile() ? 1 : 0, controls: 0, showinfo: 0, rel : 0, start: startTime, end: endTime, } } ); }, 1 ); } ); } }, /** * On youtube or vimeo error show the fallback image if available. * @since 2.0.7 */ _onErrorYoutubeVimeo: function(playerWrap) { fallback = playerWrap.data('fallback') || false if( ! fallback ) { return false; } playerWrap.find('iframe').remove() fallbackTag = $( '<div></div>' ); fallbackTag.addClass( 'fl-bg-video-fallback' ); fallbackTag.css( 'background-image', 'url(' + playerWrap.data('fallback') + ')' ); playerWrap.append( fallbackTag ); }, /** * Check if Youtube API has been downloaded * * @since 1.9 * @access private * @method _onYoutubeApiReady * @param {Function} callback Method to call when YT API has been loaded */ _onYoutubeApiReady: function( callback ) { if ( window.YT && YT.loaded ) { callback( YT ); } else { // If not ready check again by timeout.. setTimeout( function() { FLBuilderLayout._onYoutubeApiReady( callback ); }, 350 ); } }, /** * Initializes Vimeo video background * * @since 1.9 * @access private * @method _initVimeoBgVideo */ _initVimeoBgVideo: function() { var playerWrap = $(this), videoId = playerWrap.data('video-id'), videoPlayer = playerWrap.find('.fl-bg-video-player'), enableAudio = playerWrap.data('enable-audio'), audioButton = playerWrap.find('.fl-bg-video-audio'), player, width = playerWrap.outerWidth(), ua = navigator.userAgent; if ( typeof Vimeo !== 'undefined' && videoId ) { player = new Vimeo.Player(videoPlayer[0], { id : videoId, loop : true, title : false, portrait : false, background : true, autopause : false, muted : true }); playerWrap.data('VMPlayer', player); if ( "no" === enableAudio ) { player.setVolume(0); } else if ("yes" === enableAudio ) { // Chrome, Safari, Firefox have audio policy restrictions for autoplay videos. if ( ua.indexOf("Safari") > -1 || ua.indexOf("Chrome") > -1 || ua.indexOf("Firefox") > -1 ) { player.setVolume(0); audioButton.show(); } else { player.setVolume(1); } } player.play().catch(function(error) { FLBuilderLayout._onErrorYoutubeVimeo(playerWrap) }); if ( audioButton.length > 0 ) { audioButton.on( 'click', {button: audioButton, player: player}, FLBuilderLayout._toggleBgVideoAudio ); } } }, /** * Mute / unmute audio on row's video background. * It works for both Youtube and Vimeo. * * @since 2.1.3 * @access private * @method _toggleBgVideoAudio * @param {Object} e Method arguments */ _toggleBgVideoAudio: function( e ) { var player = e.data.player, control = e.data.button.find('.fl-audio-control'); if ( control.hasClass( 'fa-volume-off' ) ) { // Unmute control .removeClass( 'fa-volume-off' ) .addClass( 'fa-volume-up' ); e.data.button.find( '.fa-times' ).hide(); if ( 'function' === typeof player.unMute ) { player.unMute(); } else { player.setVolume( 1 ); } } else { // Mute control .removeClass( 'fa-volume-up' ) .addClass( 'fa-volume-off' ); e.data.button.find( '.fa-times' ).show(); if ( 'function' === typeof player.unMute ) { player.mute(); } else { player.setVolume( 0 ); } } }, /** * Fires when there is an error loading a video * background source and shows the fallback. * * @since 1.6.3.3 * @access private * @method _videoBgSourceError * @param {Object} e An event object * @deprecated 2.0.3 */ _videoBgSourceError: function( e ) { var source = $( e.target ), wrap = source.closest( '.fl-bg-video' ), vid = wrap.find( 'video' ), fallback = wrap.data( 'fallback' ), fallbackTag = ''; source.remove(); if ( vid.find( 'source' ).length ) { // Don't show the fallback if we still have other sources to check. return; } else if ( '' !== fallback ) { fallbackTag = $( '<div></div>' ); fallbackTag.addClass( 'fl-bg-video-fallback' ); fallbackTag.css( 'background-image', 'url(' + fallback + ')' ); wrap.append( fallbackTag ); vid.remove(); } }, /** * Fires when the window is resized to resize * all video backgrounds. * * @since 1.1.4 * @access private * @method _resizeBgVideos */ _resizeBgVideos: function() { $('.fl-bg-video').each( function() { FLBuilderLayout._resizeBgVideo.apply( this ); if ( $( this ).parent().find( 'img' ).length > 0 ) { $( this ).parent().imagesLoaded( $.proxy( FLBuilderLayout._resizeBgVideo, this ) ); } } ); }, /** * Fires when the window is resized to resize * a single video background. * * @since 1.1.4 * @access private * @method _resizeBgVideo */ _resizeBgVideo: function() { if ( 0 === $( this ).find( 'video' ).length && 0 === $( this ).find( 'iframe' ).length ) { return; } var wrap = $(this), wrapHeight = wrap.outerHeight(), wrapWidth = wrap.outerWidth(), vid = wrap.find('video'), vidHeight = wrap.data('height'), vidWidth = wrap.data('width'), newWidth = wrapWidth, newHeight = Math.round(vidHeight * wrapWidth/vidWidth), newLeft = 0, newTop = 0, iframe = wrap.find('iframe'), isRowFullHeight = $(this).closest('.fl-row-bg-video').hasClass('fl-row-full-height'), vidCSS = { top: '50%', left: '50%', transform: 'translate(-50%,-50%)', }; if ( vid.length ) { if(vidHeight === '' || typeof vidHeight === 'undefined' || vidWidth === '' || typeof vidWidth === 'undefined') { vid.css({ 'left' : '0px', 'top' : '0px', 'width' : newWidth + 'px' }); // Try to set the actual video dimension on 'loadedmetadata' when using URL as video source vid.on('loadedmetadata', FLBuilderLayout._resizeOnLoadedMeta); return; } if ( ! isRowFullHeight ) { if ( newHeight < wrapHeight ) { newHeight = wrapHeight; newLeft = -((newWidth - wrapWidth) / 2); newWidth = vidHeight ? Math.round(vidWidth * wrapHeight/vidHeight) : newWidth; } else { newTop = -((newHeight - wrapHeight)/2); } vidCSS = { left : newLeft + 'px', top : newTop + 'px', height : newHeight + 'px', width : newWidth + 'px', } } vid.css( vidCSS ); } else if ( iframe.length ) { // Resize Youtube video player within iframe tag if ( typeof wrap.data('youtube') !== 'undefined' ) { FLBuilderLayout._resizeYoutubeBgVideo.apply(this); } } }, /** * Fires when video meta has been loaded. * This will be Triggered when width/height attributes were not specified during video background resizing. * * @since 1.8.5 * @access private * @method _resizeOnLoadedMeta */ _resizeOnLoadedMeta: function(){ var video = $(this), wrapHeight = video.parent().outerHeight(), wrapWidth = video.parent().outerWidth(), vidWidth = video[0].videoWidth, vidHeight = video[0].videoHeight, newHeight = Math.round(vidHeight * wrapWidth/vidWidth), newWidth = wrapWidth, newLeft = 0, newTop = 0; if(newHeight < wrapHeight) { newHeight = wrapHeight; newWidth = Math.round(vidWidth * wrapHeight/vidHeight); newLeft = -((newWidth - wrapWidth)/2); } else { newTop = -((newHeight - wrapHeight)/2); } video.parent().data('width', vidWidth); video.parent().data('height', vidHeight); video.css({ 'left' : newLeft + 'px', 'top' : newTop + 'px', 'width' : newWidth + 'px', 'height' : newHeight + 'px' }); }, /** * Fires when the window is resized to resize * a single Youtube video background. * * @since 1.9 * @access private * @method _resizeYoutubeBgVideo */ _resizeYoutubeBgVideo: function() { var wrap = $(this), wrapWidth = wrap.outerWidth(), wrapHeight = wrap.outerHeight(), player = wrap.data('YTPlayer'), video = player ? player.getIframe() : null, aspectRatioSetting = '16:9', // Medium aspectRatioArray = aspectRatioSetting.split( ':' ), aspectRatio = aspectRatioArray[0] / aspectRatioArray[1], ratioWidth = wrapWidth / aspectRatio, ratioHeight = wrapHeight * aspectRatio, isWidthFixed = wrapWidth / wrapHeight > aspectRatio, width = isWidthFixed ? wrapWidth : ratioHeight, height = isWidthFixed ? ratioWidth : wrapHeight; if ( video ) { $(video).width( width ).height( height ); } }, /** * Initializes module animations. * * @since 1.1.9 * @access private * @method _initModuleAnimations */ _initModuleAnimations: function() { if(typeof jQuery.fn.waypoint !== 'undefined') { $('.fl-animation').each( function() { var node = $( this ), nodeTop = node.offset().top, winHeight = $( window ).height(), bodyHeight = $( 'body' ).height(), waypoint = FLBuilderLayoutConfig.waypoint, offset = '80%'; if ( typeof waypoint.offset !== undefined ) { offset = FLBuilderLayoutConfig.waypoint.offset + '%'; } if ( bodyHeight - nodeTop < winHeight * 0.2 ) { offset = '100%'; } node.waypoint({ offset: offset, handler: FLBuilderLayout._doModuleAnimation }); } ); } }, /** * Runs a module animation. * * @since 1.1.9 * @access private * @method _doModuleAnimation */ _doModuleAnimation: function() { var module = 'undefined' == typeof this.element ? $(this) : $(this.element), delay = parseFloat(module.data('animation-delay')), duration = parseFloat(module.data('animation-duration')); if ( ! isNaN( duration ) ) { module.css( 'animation-duration', duration + 's' ); } if(!isNaN(delay) && delay > 0) { setTimeout(function(){ module.addClass('fl-animated'); }, delay * 1000); } else { setTimeout(function(){ module.addClass('fl-animated'); }, 1); } }, /** * Opens a tab or accordion item if the browser hash is set * to the ID of one on the page. * * @since 1.6.0 * @access private * @method _initHash */ _initHash: function() { var hash = window.location.hash.replace( '#', '' ).split( '/' ).shift(), element = null, tabs = null, responsiveLabel = null, tabIndex = null, label = null; if ( '' !== hash ) { try { element = $( '#' + hash ); if ( element.length > 0 ) { if ( element.hasClass( 'fl-accordion-item' ) ) { setTimeout( function() { element.find( '.fl-accordion-button' ).trigger( 'click' ); }, 100 ); } if ( element.hasClass( 'fl-tabs-panel' ) ) { setTimeout( function() { tabs = element.closest( '.fl-tabs' ); responsiveLabel = element.find( '.fl-tabs-panel-label' ); tabIndex = responsiveLabel.data( 'index' ); label = tabs.find( '.fl-tabs-labels .fl-tabs-label[data-index=' + tabIndex + ']' ); label[0].click(); FLBuilderLayout._scrollToElement(element); }, 100 ); } } } catch( e ) {} } }, /** * Initializes all anchor links on the page for smooth scrolling. * * @since 1.4.9 * @access private * @method _initAnchorLinks */ _initAnchorLinks: function() { $( 'a' ).each( FLBuilderLayout._initAnchorLink ); }, /** * Initializes a single anchor link for smooth scrolling. * * @since 1.4.9 * @access private * @method _initAnchorLink */ _initAnchorLink: function() { var link = $( this ), href = link.attr( 'href' ), loc = window.location, id = null, element = null, flNode = false; if ( 'undefined' != typeof href && href.indexOf( '#' ) > -1 && link.closest('svg').length < 1 ) { if ( loc.pathname.replace( /^\//, '' ) == this.pathname.replace( /^\//, '' ) && loc.hostname == this.hostname ) { try { id = href.split( '#' ).pop(); // If there is no ID then we have nowhere to look // Fixes a quirk in jQuery and FireFox if( ! id ) { return; } element = $( '#' + id ); if ( element.length > 0 ) { flNode = element.hasClass( 'fl-row' ) || element.hasClass( 'fl-col' ) || element.hasClass( 'fl-module' ); if ( !element.hasClass( 'fl-no-scroll' ) && ( link.hasClass( 'fl-scroll-link' ) || flNode ) ) { $( link ).on( 'click', FLBuilderLayout._scrollToElementOnLinkClick ); } if ( element.hasClass( 'fl-accordion-item' ) ) { $( link ).on( 'click', FLBuilderLayout._scrollToAccordionOnLinkClick ); } if ( element.hasClass( 'fl-tabs-panel' ) ) { $( link ).on( 'click', FLBuilderLayout._scrollToTabOnLinkClick ); } } } catch( e ) {} } } }, /** * Scrolls to an element when an anchor link is clicked. * * @since 1.4.9 * @access private * @method _scrollToElementOnLinkClick * @param {Object} e An event object. * @param {Function} callback A function to call when the scroll is complete. */ _scrollToElementOnLinkClick: function( e, callback ) { var element = $( '#' + $( this ).attr( 'href' ).split( '#' ).pop() ); FLBuilderLayout._scrollToElement( element, callback ); e.preventDefault(); }, /** * Scrolls to an element. * * @since 1.6.4.5 * @access private * @method _scrollToElement * @param {Object} element The element to scroll to. * @param {Function} callback A function to call when the scroll is complete. */ _scrollToElement: function( element, callback ) { var config = FLBuilderLayoutConfig.anchorLinkAnimations, dest = 0, win = $( window ), doc = $( document ); if ( element.length > 0 ) { if ( 'fixed' === element.css('position') || 'fixed' === element.parent().css('position') ) { dest = element.position().top; } else if ( element.offset().top > doc.height() - win.height() ) { dest = doc.height() - win.height(); } else { dest = element.offset().top - config.offset; } $( 'html, body' ).animate( { scrollTop: dest }, config.duration, config.easing, function() { if ( 'undefined' != typeof callback ) { callback(); } if ( undefined != element.attr( 'id' ) ) { if ( history.pushState ) { history.pushState( null, null, '#' + element.attr( 'id' ) ); } else { window.location.hash = element.attr( 'id' ); } } } ); } }, /** * Scrolls to an accordion item when a link is clicked. * * @since 1.5.9 * @access private * @method _scrollToAccordionOnLinkClick * @param {Object} e An event object. */ _scrollToAccordionOnLinkClick: function( e ) { var element = $( '#' + $( this ).attr( 'href' ).split( '#' ).pop() ); if ( element.length > 0 ) { var callback = function() { if ( element ) { element.find( '.fl-accordion-button' ).trigger( 'click' ); element = false; } }; FLBuilderLayout._scrollToElementOnLinkClick.call( this, e, callback ); } }, /** * Scrolls to a tab panel when a link is clicked. * * @since 1.5.9 * @access private * @method _scrollToTabOnLinkClick * @param {Object} e An event object. */ _scrollToTabOnLinkClick: function( e ) { var element = $( '#' + $( this ).attr( 'href' ).split( '#' ).pop() ), tabs = null, label = null, responsiveLabel = null; if ( element.length > 0 ) { tabs = element.closest( '.fl-tabs' ); responsiveLabel = element.find( '.fl-tabs-panel-label' ); tabIndex = responsiveLabel.data( 'index' ); label = tabs.find( '.fl-tabs-labels .fl-tabs-label[data-index=' + tabIndex + ']' ); if ( responsiveLabel.is( ':visible' ) ) { var callback = function() { if ( element ) { responsiveLabel.trigger( $.Event( 'click', { which: 1 } ) ); } }; FLBuilderLayout._scrollToElementOnLinkClick.call( this, e, callback ); } else { label[0].click(); FLBuilderLayout._scrollToElement( element ); } e.preventDefault(); } }, /** * Initializes all builder forms on a page. * * @since 1.5.4 * @access private * @method _initForms */ _initForms: function() { if ( ! FLBuilderLayout._hasPlaceholderSupport ) { $( '.fl-form-field input' ).each( FLBuilderLayout._initFormFieldPlaceholderFallback ); } $( '.fl-form-field input' ).on( 'focus', FLBuilderLayout._clearFormFieldError ); }, /** * Checks to see if the current device has HTML5 * placeholder support. * * @since 1.5.4 * @access private * @method _hasPlaceholderSupport * @return {Boolean} */ _hasPlaceholderSupport: function() { var input = document.createElement( 'input' ); return 'undefined' != input.placeholder; }, /** * Initializes the fallback for when placeholders aren't supported. * * @since 1.5.4 * @access private * @method _initFormFieldPlaceholderFallback */ _initFormFieldPlaceholderFallback: function() { var field = $( this ), val = field.val(), placeholder = field.attr( 'placeholder' ); if ( 'undefined' != placeholder && '' === val ) { field.val( placeholder ); field.on( 'focus', FLBuilderLayout._hideFormFieldPlaceholderFallback ); field.on( 'blur', FLBuilderLayout._showFormFieldPlaceholderFallback ); } }, /** * Hides a fallback placeholder on focus. * * @since 1.5.4 * @access private * @method _hideFormFieldPlaceholderFallback */ _hideFormFieldPlaceholderFallback: function() { var field = $( this ), val = field.val(), placeholder = field.attr( 'placeholder' ); if ( val == placeholder ) { field.val( '' ); } }, /** * Shows a fallback placeholder on blur. * * @since 1.5.4 * @access private * @method _showFormFieldPlaceholderFallback */ _showFormFieldPlaceholderFallback: function() { var field = $( this ), val = field.val(), placeholder = field.attr( 'placeholder' ); if ( '' === val ) { field.val( placeholder ); } }, /** * Clears a form field error message. * * @since 1.5.4 * @access private * @method _clearFormFieldError */ _clearFormFieldError: function() { var field = $( this ); field.removeClass( 'fl-form-error' ); field.siblings( '.fl-form-error-message' ).hide(); }, /** * Init Row Shape Layer's height. * * @since 2.5.3 * @access private * @method _initRowShapeLayerHeight */ _initRowShapeLayerHeight: function () { FLBuilderLayout._adjustRowShapeLayerHeight(); $( window ).on( 'resize', FLBuilderLayout._adjustRowShapeLayerHeight ); }, /** * Set parent column width of nested columns when it's zero or blank. * * @since 2.7.4 * @access private * @method _initNestedColsWidth */ _initNestedColsWidth: function() { var nestedCols = $( '.fl-col-has-cols' ); if ( nestedCols.length <= 0 ) { return; } $( nestedCols ).each( function(index, col ){ if ( $( col ).width() <= 0 ) { $( col ).css( 'width', FLBuilderLayoutConfig.emptyColWidth ); } }); }, /** * Adjust Row Shape Layer's height to fix to remove the fine line that appears on certain screen sizes. * * @since 2.5.3 * @access private * @method _adjustRowShapeLayerHeight */ _adjustRowShapeLayerHeight: function() { var rowShapeLayers = $('.fl-builder-shape-layer'); $( rowShapeLayers ).each(function (index) { var rowShapeLayer = $(this), shape = $(rowShapeLayer).find('svg'), height = shape.height(), excludeShapes = '.fl-builder-shape-circle, .fl-builder-shape-dot-cluster, .fl-builder-shape-topography, .fl-builder-shape-rect'; if ( ! rowShapeLayer.is( excludeShapes ) ) { $(shape).css('height', Math.ceil( height ) ); } }); }, _string_to_slug: function( str ) { str = str.replace(/^\s+|\s+$/g, ''); // trim if ( 'undefined' == typeof window._fl_string_to_slug_regex ) { regex = new RegExp('[^a-zA-Z0-9\'":() !.,-_|]', 'g'); } else { regex = new RegExp('[^' + window._fl_string_to_slug_regex + '\'":\(\) !.,-_|\\\p{Letter}]', 'ug'); } str = str.replace(regex, '') // remove invalid chars .replace(/\s+/g, ' '); // collapse whitespace and replace by a space return str; }, _reorderMenu: function() { if ( $('#wp-admin-bar-fl-builder-frontend-edit-link-default li').length > 1 ) { $( '#wp-admin-bar-fl-builder-frontend-duplicate-link' ) .appendTo('#wp-admin-bar-fl-builder-frontend-edit-link-default') .css( 'padding-top', '5px' ) .css( 'border-top', '2px solid #1D2125' ) .css( 'margin-top', '5px' ) } } }; /* Initializes the builder layout. */ $(function(){ FLBuilderLayout.init(); }); })(jQuery); /* Start Global JS */ /* End Global JS */ ;!function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}var t=function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var s in i)i[s]&&(c+="; "+s,!0!==i[s]&&(c+="="+i[s].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var s=decodeURIComponent(i[0]);if(o[s]=n.read(c,s),e===s)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"}),n=t;document.addEventListener("DOMContentLoaded",(function(){document.body.classList.contains("fl-builder-edit")||void 0===wp.template||void 0===n||void 0===n.get("portal_user")||setTimeout((function(){const e=JSON.parse(n.get("portal_user")),t=document.querySelectorAll(".cta-block");t&&e.plan&&t.forEach((t=>{const n=t.parentNode.dataset.customers;if(!n)return;const o=JSON.parse(n).find((t=>null!==t.customer_type&&t.customer_type.includes(e.plan)));if(!o)return;const r=window.innerWidth>768,i=t.closest(".fl-row"),c=i.querySelector("video.background-video"),s=i.querySelector(".fl-row-content-wrap");o.background_css&&(c&&(c.style.transition=r?"left .4s, opacity .1s":"opacity .1s",c.style["transition-timing-function"]="ease-in-out",c.style.left=r?"100%":null,c.style.opacity=0,window.setTimeout((()=>{c.parentElement.removeChild(c),i.style.overflow="visible"}),400)),s.style.transition="background .5s",s.style.background=o.background_css);const a=t.querySelector(".cta-block__content").className,u=o.content_alignment,l=t.parentNode,d=wp.template("bb-cta-block");o.content_alignment=a,l.innerHTML=d(o);const p=(t=l.querySelector(".cta-block")).querySelector(".cta-block__content");p.style.transition="margin .4s",p.style["transition-timing-function"]="ease-in-out",window.setTimeout((()=>{r&&("left"===u?p.classList.remove("cta-block__content--right"):p.classList.add("cta-block__content--right"))}),20),document.dispatchEvent(new Event("wpeReattachListeners"))}))}),1e3)}))}(); /* Start Global Node Custom JS */ /* End Global Node Custom JS */ /* Start Layout Custom JS */ /* End Layout Custom JS */ </script> </body> </html>