CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("https://wordpress.org/patterns/","20220925045257","http://web.archive.org/","web","https://web-static.archive.org/_static/", "1664081577"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Block Pattern Directory | WordPress.org</title> <meta name="robots" content="max-image-preview:large"/> <link rel="dns-prefetch" href="//web.archive.org/web/20220925045257/https://www.googletagmanager.com/"/> <link rel="alternate" type="application/rss+xml" title="Block Pattern Directory 禄 Feed" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/feed/"/> <link rel="alternate" type="application/rss+xml" title="Block Pattern Directory 禄 Comments Feed" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/comments/feed/"/> <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= 'http://web.archive.org/web/20220925045257/https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P24PF4B');</script> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"http:\/\/web.archive.org\/web\/20220925045257\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"http:\/\/web.archive.org\/web\/20220925045257\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/web.archive.org\/web\/20220925045257\/https:\/\/wordpress.org\/patterns\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.1-beta1-54298"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style 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="dashicons-css" href="http://web.archive.org/web/20220925045257cs_/https://s.w.org/wp-includes/css/dashicons.min.css?ver=6.1-beta1-54298" type="text/css" media="all"/> <link rel="stylesheet" id="admin-bar-css" href="http://web.archive.org/web/20220925045257cs_/https://wordpress.org/patterns/wp-includes/css/admin-bar.min.css?ver=6.1-beta1-54298" type="text/css" media="all"/> <link rel="stylesheet" id="wp-block-library-css" href="http://web.archive.org/web/20220925045257cs_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/style.css?ver=14.1.1" type="text/css" media="all"/> <style id="wp-block-library-inline-css" type="text/css"> .has-text-align-justify{text-align:justify;} </style> <style id="wporg-language-suggest-style-inline-css" type="text/css"> .wp-block-wporg-language-suggest{background-color:#eff2ff;color:#1e1e1e;font-size:12px;line-height:1;text-align:center}.wp-block-wporg-language-suggest>*{padding:10px 4px} </style> <style id="wporg-latest-news-style-inline-css" type="text/css"> .wporg-latest-news{list-style:none;margin:0;padding:0}.wporg-latest-news li:not(:last-child){padding-bottom:var(--wp--custom--latest-news--spacing,16px)}.wporg-latest-news li a{text-decoration:none}.wporg-latest-news li a:hover{text-decoration:underline}.wporg-latest-news li>a{color:var(--wp--custom--latest-news--link--color);display:block;font-family:var(--wp--custom--latest-news--title--font-family);font-size:var(--wp--custom--latest-news--title--font-size,24px);line-height:var(--wp--custom--latest-news--title--line-height);margin-bottom:var(--wp--custom--latest-news--link--spacing,4px)}.wporg-latest-news__details{font-size:var(--wp--custom--latest-news--link--details-font-size,14px)}.wporg-latest-news__details>:not(:last-child){margin-right:4px}.wporg-latest-news__category{text-transform:uppercase} </style> <link rel="stylesheet" id="mediaelement-css" href="http://web.archive.org/web/20220925045257cs_/https://wordpress.org/patterns/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.16" type="text/css" media="all"/> <link rel="stylesheet" id="wp-mediaelement-css" href="http://web.archive.org/web/20220925045257cs_/https://wordpress.org/patterns/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.1-beta1-54298" type="text/css" media="all"/> <style id="global-styles-inline-css" type="text/css"> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('/web/20220925045257im_/https://wordpress.org/patterns/#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;}body { margin: 0;--wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1000px;}.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; }.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }.wp-site-blocks > * + * { margin-block-start: 24px; }body { --wp--style--block-gap: 24px; }body .is-layout-flow > *{margin-block-start: 0;margin-block-end: 0;}body .is-layout-flow > * + *{margin-block-start: 24px;margin-block-end: 0;}body .is-layout-constrained > *{margin-block-start: 0;margin-block-end: 0;}body .is-layout-constrained > * + *{margin-block-start: 24px;margin-block-end: 0;}body .is-layout-flex{gap: 24px;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}.wp-element-button, .wp-block-button__link{background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} </style> <link rel="stylesheet" id="open-sans-css" href="http://web.archive.org/web/20220925045257cs_/https://fonts.googleapis.com/css2?family=Open+Sans%3Aital%2Cwght%400%2C300%3B0%2C400%3B0%2C600%3B1%2C300%3B1%2C400%3B1%2C600&display=swap" type="text/css" media="all"/> <link rel="stylesheet" id="wporg-style-css" href="http://web.archive.org/web/20220925045257cs_/https://s.w.org/wp-content/themes/pub/wporg-patterns/css/style.css?ver=1658371915" type="text/css" media="all"/> <style id="wporg-style-inline-css" type="text/css"> .entry-content > *{margin-block-start:0;margin-block-end:0;}.entry-content.entry-content > * + *{margin-block-start:24px;margin-block-end:0;} </style> <link rel="stylesheet" id="wp-components-css" href="http://web.archive.org/web/20220925045257cs_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/components/style.css?ver=14.1.1" type="text/css" media="all"/> <link rel="stylesheet" id="wporg-global-fonts-css" href="http://web.archive.org/web/20220925045257cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/global-fonts/style.css?ver=1663691117" type="text/css" media="all"/> <link rel="stylesheet" id="wporg-global-header-footer-css" href="http://web.archive.org/web/20220925045257cs_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/build/style.css?ver=1663781847" type="text/css" media="all"/> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=regenerator-runtime,wp-polyfill&ver=6.1-beta1-54298"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/blocks/navigation/view.min.js?ver=d8b4322c6e0cdc1fc353" id="wp-block-navigation-view-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-library/blocks/navigation/view-modal.min.js?ver=a308a84545a768017eeb" id="wp-block-navigation-view-modal-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/hooks/index.min.js?ver=da24a732bf5c2bfffa4b" id="wp-hooks-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/i18n/index.min.js?ver=6fdf6f309c3796e73a49" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/vendors/react.min.js?ver=6.1-beta1-54298" id="react-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/vendors/react-dom.min.js?ver=6.1-beta1-54298" id="react-dom-js"></script> <link rel="https://api.w.org/" href="https://wordpress.org/patterns/wp-json/"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://wordpress.org/patterns/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://wordpress.org/patterns/wp-includes/wlwmanifest.xml"/> <meta name="generator" content="WordPress 6.1-beta1-54298"/> <link rel="canonical" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/"> <link rel="next" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/page/2/"> <link rel="preconnect" href="http://web.archive.org/web/20220925045257/https://fonts.googleapis.com/"><link rel="preconnect" href="http://web.archive.org/web/20220925045257/https://fonts.gstatic.com/" crossorigin>  <style> @media screen and (max-width: 782px) { #wpadminbar li#wp-admin-bar-log-in, #wpadminbar li#wp-admin-bar-register { display: block; } #wpadminbar li#wp-admin-bar-log-in a, #wpadminbar li#wp-admin-bar-register a { padding: 0 8px; } } </style> <style type="text/css">img#wpstats{display:none}</style> <meta property="og:title" content="Block Pattern Directory"/> <meta property="og:description" content="Add a beautifully designed, ready to go layout to any WordPress site with a simple copy/paste."/> <meta property="og:site_name" content="WordPress.org"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns"/> <meta property="og:image" content="http://web.archive.org/web/20220925045257im_/https://wordpress.org/patterns/wp-content/themes/pub/wporg-patterns/images/social-image.png"/> <meta name="description" content="Add a beautifully designed, ready to go layout to any WordPress site with a simple copy/paste."/> <style type="text/css" media="print">#wpadminbar { display:none; }</style> <link rel="icon" href="http://web.archive.org/web/20220925045257im_/https://s.w.org/favicon.ico?2" sizes="32x32"/> <link rel="icon" href="http://web.archive.org/web/20220925045257im_/https://s.w.org/images/wmark.png" sizes="192x192"/> <link rel="apple-touch-icon" href="http://web.archive.org/web/20220925045257im_/https://s.w.org/images/wmark.png"/> <meta name="msapplication-TileImage" content="https://s.w.org/images/wmark.png"/> </head> <body class="home blog admin-bar no-customize-support is-classic-theme"> <a id="wporg-skip-link" class="skip-link screen-reader-text" href="#content" data-selector="#content">Skip to content</a> <div id="wpadminbar" class="nojq nojs"> <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Toolbar"> <ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu"><li id="wp-admin-bar-log-in"><a class="ab-item" href="http://web.archive.org/web/20220925045257/https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fpatterns%2F&locale=en_US">Log In</a></li><li id="wp-admin-bar-register"><a class="ab-item" href="http://web.archive.org/web/20220925045257/https://login.wordpress.org/register?locale=en_US">Register</a></li></ul> </div> </div> <noscript><iframe src="http://web.archive.org/web/20220925045257if_/https://www.googletagmanager.com/ns.html?id=GTM-P24PF4B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-dark-grayscale"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 0.49803921568627"/><fefuncg type="table" tablevalues="0 0.49803921568627"/><fefuncb type="table" tablevalues="0 0.49803921568627"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-grayscale"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 1"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0 1"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-yellow"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.54901960784314 0.98823529411765"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0.71764705882353 0.25490196078431"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-red"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 1"/><fefuncg type="table" tablevalues="0 0.27843137254902"/><fefuncb type="table" tablevalues="0.5921568627451 0.27843137254902"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-midnight"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0 0"/><fefuncg type="table" tablevalues="0 0.64705882352941"/><fefuncb type="table" tablevalues="0 1"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-magenta-yellow"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.78039215686275 1"/><fefuncg type="table" tablevalues="0 0.94901960784314"/><fefuncb type="table" tablevalues="0.35294117647059 0.47058823529412"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-purple-green"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.65098039215686 0.40392156862745"/><fefuncg type="table" tablevalues="0 1"/><fefuncb type="table" tablevalues="0.44705882352941 0.4"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;"><defs><filter id="wp-duotone-blue-orange"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "/><fecomponenttransfer color-interpolation-filters="sRGB"><fefuncr type="table" tablevalues="0.098039215686275 1"/><fefuncg type="table" tablevalues="0 0.66274509803922"/><fefuncb type="table" tablevalues="0.84705882352941 0.41960784313725"/><fefunca type="table" tablevalues="1 1"/></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in"/></filter></defs></svg> <header class="wp-container-8 wp-block-group alignfull global-header has-text-color has-background has-white-color has-charcoal-2-background-color"> <figure class="wp-block-image global-header__wporg-logo-mark"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="28" height="28" viewbox="0 0 28 28"> <title>WordPress.org</title> <path fill="currentColor" d="M13.6052 0.923525C16.1432 0.923525 18.6137 1.67953 20.7062 3.09703C22.7447 4.47403 24.3512 6.41803 25.3097 8.68603C26.9837 12.6415 26.5382 17.164 24.1352 20.7145C22.7582 22.753 20.8142 24.3595 18.5462 25.318C14.5907 26.992 10.0682 26.5465 6.51772 24.1435C4.47922 22.7665 2.87272 20.8225 1.91422 18.5545C0.240225 14.599 0.685725 10.0765 3.08872 6.52603C4.46572 4.48753 6.40973 2.88103 8.67772 1.92253C10.2302 1.26103 11.9177 0.923525 13.6052 0.923525ZM13.6052 0.113525C6.15322 0.113525 0.105225 6.16153 0.105225 13.6135C0.105225 21.0655 6.15322 27.1135 13.6052 27.1135C21.0572 27.1135 27.1052 21.0655 27.1052 13.6135C27.1052 6.16153 21.0572 0.113525 13.6052 0.113525Z"/> <path fill="currentColor" d="M2.36011 13.6133C2.36011 17.9198 4.81711 21.8618 8.70511 23.7383L3.33211 9.03684C2.68411 10.4813 2.36011 12.0338 2.36011 13.6133ZM21.2061 13.0463C21.2061 11.6558 20.7066 10.6973 20.2746 9.94134C19.8426 9.18534 19.1676 8.22684 19.1676 7.30884C19.1676 6.39084 19.9506 5.31084 21.0576 5.31084H21.2061C16.6296 1.11234 9.51511 1.42284 5.31661 6.01284C4.91161 6.45834 4.53361 6.93084 4.20961 7.43034H4.93861C6.11311 7.43034 7.93561 7.28184 7.93561 7.28184C8.54311 7.24134 8.61061 8.13234 8.00311 8.21334C8.00311 8.21334 7.39561 8.28084 6.72061 8.32134L10.8111 20.5118L13.2681 13.1273L11.5131 8.32134C10.9056 8.28084 10.3386 8.21334 10.3386 8.21334C9.73111 8.17284 9.79861 7.25484 10.4061 7.28184C10.4061 7.28184 12.2691 7.43034 13.3626 7.43034C14.4561 7.43034 16.3596 7.28184 16.3596 7.28184C16.9671 7.24134 17.0346 8.13234 16.4271 8.21334C16.4271 8.21334 15.8196 8.28084 15.1446 8.32134L19.2081 20.4173L20.3691 16.7453C20.8821 15.1388 21.1926 14.0048 21.1926 13.0328L21.2061 13.0463ZM13.7946 14.5853L10.4196 24.3998C12.6876 25.0613 15.1041 25.0073 17.3316 24.2243L17.2506 24.0758L13.7946 14.5853ZM23.4741 8.21334C23.5281 8.59134 23.5551 8.98284 23.5551 9.37434C23.5551 10.5218 23.3391 11.8043 22.7046 13.3973L19.2621 23.3333C24.5271 20.2688 26.4036 13.5593 23.4741 8.21334Z"/> </svg> </a> </figure> <nav class="wp-container-2 is-responsive global-header__navigation wp-block-navigation" aria-label=""><button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-micromodal-trigger="modal-1"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5"/><rect x="4" y="15" width="16" height="1.5"/></svg></button> <div class="wp-block-navigation__responsive-container " style="" id="modal-1"> <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close> <div class="wp-block-navigation__responsive-dialog" aria-label="Menu"> <button aria-label="Close menu" data-micromodal-close class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button> <div class="wp-block-navigation__responsive-container-content" id="modal-1-content"> <ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/news/"><span class="wp-block-navigation-item__label">News</span></a></li><li class=" wp-block-navigation-item has-child open-on-hover-click current-menu-item wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/download/">Download & Extend</a><button aria-label="Download & Extend submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/download/"><span class="wp-block-navigation-item__label">Get WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/themes/"><span class="wp-block-navigation-item__label">Themes</span></a></li><li class=" wp-block-navigation-item current-menu-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/"><span class="wp-block-navigation-item__label">Patterns</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/plugins/"><span class="wp-block-navigation-item__label">Plugins</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/openverse/"><span class="wp-block-navigation-item__label">Openverse</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/mobile/"><span class="wp-block-navigation-item__label">Mobile</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/hosting/"><span class="wp-block-navigation-item__label">Hosting</span></a></li></ul></li><li class=" wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://learn.wordpress.org/">Learn</a><button aria-label="Learn submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://learn.wordpress.org/"><span class="wp-block-navigation-item__label">Learn WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/support/"><span class="wp-block-navigation-item__label">Support</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/support/forums/"><span class="wp-block-navigation-item__label">Forums</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.tv/"><span class="wp-block-navigation-item__label">WordPress.tv</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://developer.wordpress.org/"><span class="wp-block-navigation-item__label">Developers</span></a></li></ul></li><li class=" wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://make.wordpress.org/">Community</a><button aria-label="Community submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://make.wordpress.org/"><span class="wp-block-navigation-item__label">Make WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://central.wordcamp.org/"><span class="wp-block-navigation-item__label">WordCamp</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://www.meetup.com/pro/wordpress/"><span class="wp-block-navigation-item__label">Meetups</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/photos/"><span class="wp-block-navigation-item__label">Photo Directory</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://jobs.wordpress.net/"><span class="wp-block-navigation-item__label">Job Board</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/five-for-the-future/"><span class="wp-block-navigation-item__label">Five for the Future</span></a></li></ul></li><li class=" wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/about/">About</a><button aria-label="About submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul class="wp-block-navigation__submenu-container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/about/"><span class="wp-block-navigation-item__label">About WordPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/showcase/"><span class="wp-block-navigation-item__label">Showcase</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/gutenberg/"><span class="wp-block-navigation-item__label">Gutenberg</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/enterprise/"><span class="wp-block-navigation-item__label">Enterprise</span></a></li></ul></li><li class=" wp-block-navigation-item global-header__mobile-get-wordpress global-header__get-wordpress wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/download/"><span class="wp-block-navigation-item__label">Get WordPress</span></a></li></ul> </div> </div> </div> </div></nav><style></style>  <nav class="wp-container-6 is-responsive is-vertical global-header__search wp-block-navigation" aria-label=""><button aria-haspopup="true" aria-label="Open menu" class="wp-block-navigation__responsive-container-open always-shown" data-micromodal-trigger="modal-5"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="4" y="7.5" width="16" height="1.5"/><rect x="4" y="15" width="16" height="1.5"/></svg></button> <div class="wp-block-navigation__responsive-container hidden-by-default " style="" id="modal-5"> <div class="wp-block-navigation__responsive-close" tabindex="-1" data-micromodal-close> <div class="wp-block-navigation__responsive-dialog" aria-label="Menu"> <button aria-label="Close menu" data-micromodal-close class="wp-block-navigation__responsive-container-close"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></button> <div class="wp-block-navigation__responsive-container-content" id="modal-5-content"> <form role="search" method="get" action="http://web.archive.org/web/20220925045257/https://wordpress.org/search/do-search.php" class="wp-block-search__button-inside wp-block-search__icon-button wp-block-search"><label for="wp-block-search__input-4" class="wp-block-search__label">Search</label><div class="wp-block-search__inside-wrapper "><input type="search" id="wp-block-search__input-4" class="wp-block-search__input wp-block-search__input " name="s" value="" placeholder="Search WP.org..." required/><button type="submit" class="wp-block-search__button has-icon wp-element-button" aria-label="Search"><svg class="search-icon" viewbox="0 0 24 24" width="24" height="24"> <path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"></path> </svg></button></div></form> </div> </div> </div> </div></nav><style>.wp-container-6{flex-direction:column;align-items:flex-start;}</style>  <div class="wp-container-7 global-header__desktop-get-wordpress-container"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/download/" class="global-header__desktop-get-wordpress global-header__get-wordpress"> Get WordPress </a> </div> <style></style> </header> <style></style> <div id="page" class="site"> <div id="content" class="site-content"> <header id="masthead" class="site-header home" role="banner"> <div class="site-branding"> <div> <h1 class="site-title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/" rel="home">Patterns</a></h1> <p class="site-description">Add a beautifully designed, ready to go layout to any WordPress site with a simple copy/paste.</p> <form role="search" method="get" action="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/" class="pattern-search"> <label for="s" class="screen-reader-text">Search for:</label> <input type="search" id="s" value="" name="s" placeholder="Search patterns" required/> <button type="submit" class="pattern-search__button"> <span class="screen-reader-text"> Search </span> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" width="24" height="24" role="img" aria-hidden="true" focusable="false"><path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"></path></svg> </button> </form> <a class="site-link" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/favorites/">Favorites</a> <a class="site-link" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/new-pattern/">Create a new pattern</a> </div> </div> </header> <main id="main" class="site-main" role="main"> <div id="patterns__container"> <div class="pattern-grid"> <div id="post-178918" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/service-section-2/" rel="bookmark">Service Section</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/38c60e5d671c58ad6ca111a923d1de7b?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/38c60e5d671c58ad6ca111a923d1de7b?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-178624" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/client-reviews/" rel="bookmark">Client Reviews</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/18b02e68a0217cdbd43cd2db4a57a109?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/18b02e68a0217cdbd43cd2db4a57a109?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-178326" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/faq-block-design/" rel="bookmark">FAQ Block Design</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/8d11343319492159c16e5f3f05042c14?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/8d11343319492159c16e5f3f05042c14?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-175082" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/what-we-do-team-section-services-section-3-column-single-item-services/" rel="bookmark">What we do, Team section, Services section, 3 column single item services</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-176785" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/gridbox-with-heading-and-text/" rel="bookmark">Gridbox with Heading and Text</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/e5266d3401228e31116b30879816ae5e?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/e5266d3401228e31116b30879816ae5e?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-176251" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/what-we-can-do/" rel="bookmark">What We Can Do?</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/fc1cb5c8683889855c733e31b965e130?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/fc1cb5c8683889855c733e31b965e130?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-176077" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/work-process-section-block/" rel="bookmark">Work Process Section Block</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/e3777cd15eecb807ce26a58461c2229e?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/e3777cd15eecb807ce26a58461c2229e?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-173529" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/404-section-design-no-results-found-not-found-section/" rel="bookmark">404 section design, No Results Found, Not found section</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-175142" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/about-about-us-destination-section-design/" rel="bookmark">About, about us, destination section design</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> <div id="post-173566" class="pattern-grid__pattern"> <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div> <h2 class="pattern-grid__title"><a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/pattern/hero-destination-section-design-title-description-button-with-background-image-overlay/" rel="bookmark">Hero, destination section design title, description, button with background image overlay</a></h2> <p class="pattern-grid__meta"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar"> <img alt="" src="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=32&d=mm&r=g" srcset="http://web.archive.org/web/20220925045257im_/https://secure.gravatar.com/avatar/d17b782e9736fc64c658bfbc5fdfb1ba?s=64&d=mm&r=g 2x" class="avatar avatar-32 photo" height="32" width="32" loading="lazy" decoding="async"/> </a> </p> </div> </div> </div> </main> </div> </div> <footer class="wp-container-23 wp-block-group alignfull global-footer has-text-color has-background has-white-color has-charcoal-2-background-color"> <div class="wp-container-19 wp-block-group global-footer__navigation-container"> <nav class="wp-container-10 global-footer__navigation-important wp-block-navigation" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/about/"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/news/"><span class="wp-block-navigation-item__label">News</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/hosting/"><span class="wp-block-navigation-item__label">Hosting</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpressfoundation.org/donate/"><span class="wp-block-navigation-item__label">Donate</span></a></li></ul></nav><style></style> <nav class="wp-container-12 global-footer__navigation-information wp-block-navigation" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/support/"><span class="wp-block-navigation-item__label">Support</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://developer.wordpress.org/"><span class="wp-block-navigation-item__label">Developers</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://make.wordpress.org/"><span class="wp-block-navigation-item__label">Get Involved</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://learn.wordpress.org/"><span class="wp-block-navigation-item__label">Learn</span></a></li></ul></nav><style></style> <nav class="wp-container-14 global-footer__navigation-resources wp-block-navigation" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/showcase/"><span class="wp-block-navigation-item__label">Showcase</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/plugins/"><span class="wp-block-navigation-item__label">Plugins</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/themes/"><span class="wp-block-navigation-item__label">Themes</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/"><span class="wp-block-navigation-item__label">Patterns</span></a></li></ul></nav><style></style> <nav class="wp-container-16 global-footer__navigation-community wp-block-navigation" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://central.wordcamp.org/"><span class="wp-block-navigation-item__label">WordCamp</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.tv/"><span class="wp-block-navigation-item__label">WordPress.TV</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://buddypress.org/"><span class="wp-block-navigation-item__label">BuddyPress</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://bbpress.org/"><span class="wp-block-navigation-item__label">bbPress</span></a></li></ul></nav><style></style> <nav class="wp-container-18 global-footer__navigation-external wp-block-navigation" aria-label=""><ul class="wp-block-navigation__container"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.com/?ref=wporg-footer"><span class="wp-block-navigation-item__label">WordPress.com</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://ma.tt/"><span class="wp-block-navigation-item__label">Matt</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://wordpress.org/about/privacy/"><span class="wp-block-navigation-item__label">Privacy</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="http://web.archive.org/web/20220925045257/https://publiccode.eu/"><span class="wp-block-navigation-item__label">Public Code</span></a></li></ul></nav><style></style> </div> <style></style> <div class="wp-container-22 wp-block-group global-footer__logos-container"> <div class="wp-container-20 wp-block-group">  <figure class="wp-block-image global-footer__wporg-logo-mark"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="28" height="28" viewbox="0 0 28 28"> <title>WordPress.org</title> <path fill="currentColor" d="M13.6052 0.923525C16.1432 0.923525 18.6137 1.67953 20.7062 3.09703C22.7447 4.47403 24.3512 6.41803 25.3097 8.68603C26.9837 12.6415 26.5382 17.164 24.1352 20.7145C22.7582 22.753 20.8142 24.3595 18.5462 25.318C14.5907 26.992 10.0682 26.5465 6.51772 24.1435C4.47922 22.7665 2.87272 20.8225 1.91422 18.5545C0.240225 14.599 0.685725 10.0765 3.08872 6.52603C4.46572 4.48753 6.40973 2.88103 8.67772 1.92253C10.2302 1.26103 11.9177 0.923525 13.6052 0.923525ZM13.6052 0.113525C6.15322 0.113525 0.105225 6.16153 0.105225 13.6135C0.105225 21.0655 6.15322 27.1135 13.6052 27.1135C21.0572 27.1135 27.1052 21.0655 27.1052 13.6135C27.1052 6.16153 21.0572 0.113525 13.6052 0.113525Z"/> <path fill="currentColor" d="M2.36011 13.6133C2.36011 17.9198 4.81711 21.8618 8.70511 23.7383L3.33211 9.03684C2.68411 10.4813 2.36011 12.0338 2.36011 13.6133ZM21.2061 13.0463C21.2061 11.6558 20.7066 10.6973 20.2746 9.94134C19.8426 9.18534 19.1676 8.22684 19.1676 7.30884C19.1676 6.39084 19.9506 5.31084 21.0576 5.31084H21.2061C16.6296 1.11234 9.51511 1.42284 5.31661 6.01284C4.91161 6.45834 4.53361 6.93084 4.20961 7.43034H4.93861C6.11311 7.43034 7.93561 7.28184 7.93561 7.28184C8.54311 7.24134 8.61061 8.13234 8.00311 8.21334C8.00311 8.21334 7.39561 8.28084 6.72061 8.32134L10.8111 20.5118L13.2681 13.1273L11.5131 8.32134C10.9056 8.28084 10.3386 8.21334 10.3386 8.21334C9.73111 8.17284 9.79861 7.25484 10.4061 7.28184C10.4061 7.28184 12.2691 7.43034 13.3626 7.43034C14.4561 7.43034 16.3596 7.28184 16.3596 7.28184C16.9671 7.24134 17.0346 8.13234 16.4271 8.21334C16.4271 8.21334 15.8196 8.28084 15.1446 8.32134L19.2081 20.4173L20.3691 16.7453C20.8821 15.1388 21.1926 14.0048 21.1926 13.0328L21.2061 13.0463ZM13.7946 14.5853L10.4196 24.3998C12.6876 25.0613 15.1041 25.0073 17.3316 24.2243L17.2506 24.0758L13.7946 14.5853ZM23.4741 8.21334C23.5281 8.59134 23.5551 8.98284 23.5551 9.37434C23.5551 10.5218 23.3391 11.8043 22.7046 13.3973L19.2621 23.3333C24.5271 20.2688 26.4036 13.5593 23.4741 8.21334Z"/> </svg> </a> </figure> <figure class="wp-block-image global-footer__wporg-logo-full"> <a href="http://web.archive.org/web/20220925045257/https://wordpress.org/"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="329" height="52" viewbox="0 0 329 52"> <title>WordPress.org</title> <path fill="currentColor" d="M4.33 26a21.68 21.68 0 0 0 12.22 19.5L6.21 17.18A21.66 21.66 0 0 0 4.33 26ZM26.38 27.89l-6.5 18.89a21.31 21.31 0 0 0 6.12.89 21.77 21.77 0 0 0 7.2-1.23 1.429 1.429 0 0 1-.16-.3l-6.66-18.25Z"/> <path fill="currentColor" d="M26 0a26 26 0 1 0 0 52 26 26 0 0 0 0-52Zm20.27 39.66a24.47 24.47 0 0 1-29.78 8.86 24.49 24.49 0 0 1-13-13 24.4 24.4 0 0 1 5.23-26.8 24.46 24.46 0 0 1 26.79-5.24 24.49 24.49 0 0 1 13 13 24.42 24.42 0 0 1-2.25 23.17l.01.01Z"/> <path fill="currentColor" d="M45 15.61c.103.736.153 1.477.15 2.22a20.38 20.38 0 0 1-1.65 7.76l-6.61 19.14A21.65 21.65 0 0 0 45 15.61ZM40.63 24.91a11.45 11.45 0 0 0-1.79-6c-1.1-1.78-2.13-3.29-2.13-5.08A3.76 3.76 0 0 1 40.35 10h.28A21.65 21.65 0 0 0 7.9 14.1h1.39c2.27 0 5.78-.27 5.78-.27a.9.9 0 0 1 .13 1.79s-1.17.13-2.47.2l7.88 23.47 4.75-14.22L22 15.84c-1.17-.07-2.27-.2-2.27-.2a.9.9 0 0 1 .14-1.79s3.57.27 5.7.27c2.13 0 5.78-.27 5.78-.27a.9.9 0 0 1 .14 1.79s-1.18.13-2.48.2l7.83 23.29 2.23-7.08a25.171 25.171 0 0 0 1.56-7.14ZM145.83 19.3h-10.34v1.1c3.23 0 3.75.69 3.75 4.79v7.4c0 4.1-.52 4.85-3.75 4.85-2.48-.35-4.16-1.68-6.47-4.22l-2.66-2.89c3.58-.63 5.49-2.89 5.49-5.43 0-3.18-2.72-5.6-7.8-5.6h-10.17v1.1c3.24 0 3.76.69 3.76 4.79v7.4c0 4.1-.52 4.85-3.76 4.85v1.1h11.5v-1.1c-3.24 0-3.76-.75-3.76-4.85v-2.08h1l6.42 8h16.81c8.26 0 11.85-4.39 11.85-9.65 0-5.26-3.61-9.56-11.87-9.56Zm-24.21 9.42V21H124a3.551 3.551 0 0 1 3.76 3.87 3.536 3.536 0 0 1-3.76 3.85h-2.38Zm24.38 8h-.4c-2.08 0-2.37-.52-2.37-3.18V21H146c6 0 7.11 4.39 7.11 7.8S152 36.75 146 36.75v-.03ZM93.49 13.52H82.62v1.16c3.7 0 4.22 1 3.07 4.39l-4 11.78L76 13.52h-1.1l-5.85 17.33-3.87-11.78c-1.22-3.59-.29-4.39 3.12-4.39v-1.16H55.47v1.16c3.35 0 4.28.86 5.66 5.08l6.42 19.76h.75l6-18.08 5.9 18.08h.8l6.59-19.76c1.44-4.22 2.31-5.08 5.95-5.08l-.05-1.16ZM101.34 18.55c-6.35 0-11.55 4.68-11.55 10.34s5.2 10.4 11.55 10.4c6.35 0 11.56-4.68 11.56-10.4 0-5.72-5.2-10.34-11.56-10.34Zm0 18.89c-5.31 0-7.16-4.74-7.16-8.55 0-3.81 1.85-8.55 7.16-8.55 5.31 0 7.23 4.79 7.23 8.55 0 3.76-1.85 8.55-7.23 8.55ZM170.67 13.52h-12v1.16c3.88 0 4.57.92 4.57 6.7v9.24c0 5.78-.69 6.76-4.57 6.76v1.16H172v-1.16c-3.88 0-4.57-1-4.57-6.76v-2.83h3.29c6 0 9.25-3.12 9.25-7.11s-3.35-7.16-9.3-7.16Zm0 12.13h-3.29v-10h3.29c3.24 0 4.74 2.31 4.74 5.08s-1.5 4.92-4.74 4.92ZM219.32 34.15c-.52 1.9-1.15 2.6-5.26 2.6h-.81c-3 0-3.52-.7-3.52-4.8v-2.66c4.51 0 4.85.41 4.85 3.41h1.1v-8.61h-1.1c0 3-.34 3.41-4.85 3.41V21h3.18c4.1 0 4.74.69 5.26 2.6l.28 1.1h.93l-.38-5.4h-17v1.1c3.23 0 3.75.69 3.75 4.79v7.4c0 3.75-.44 4.69-3 4.83-2.42-.37-4.09-1.69-6.37-4.2l-2.65-2.89c3.58-.63 5.49-2.89 5.49-5.43 0-3.18-2.72-5.6-7.8-5.6h-10.17v1.1c3.23 0 3.75.69 3.75 4.79v7.4c0 4.1-.52 4.85-3.75 4.85v1.1h11.49v-1.1c-3.23 0-3.75-.75-3.75-4.85v-2.08h1l6.41 8h23.75l.35-5.43h-.87l-.31 1.07ZM189 28.72V21h2.37a3.542 3.542 0 0 1 3.75 3.87 3.532 3.532 0 0 1-.998 2.77 3.532 3.532 0 0 1-2.752 1.05l-2.37.03ZM234.52 27.91l-3.18-1.56c-2.78-1.27-4-2.08-4-3.59 0-1.51 1.5-2.36 3.12-2.36 3.06 0 4.57 2.25 5 5h1.21v-6.85h-1.09a3.415 3.415 0 0 1-.75 1.56 7.25 7.25 0 0 0-4.51-1.5c-3.58 0-6.18 2.36-6.18 5.14 0 2.54 1.73 4.45 4 5.54l3.29 1.56c2.37 1.1 3.7 2.26 3.7 3.76 0 1.73-1.5 2.77-3.35 2.77-3.41 0-6.07-2.25-6.53-6.06h-1.15v8h1.09a4.194 4.194 0 0 1 .93-2 8.481 8.481 0 0 0 5.2 2c3.87 0 7-2.54 7-6.18.07-1.77-1.03-3.9-3.8-5.23ZM252 27.91l-3.18-1.56c-2.78-1.27-4-2.08-4-3.59 0-1.51 1.5-2.36 3.12-2.36 3.06 0 4.57 2.25 5 5h1.21v-6.85H253a3.415 3.415 0 0 1-.75 1.56 7.25 7.25 0 0 0-4.51-1.5c-3.58 0-6.18 2.36-6.18 5.14 0 2.54 1.73 4.45 4 5.54l3.29 1.56c2.37 1.1 3.7 2.26 3.7 3.76 0 1.73-1.5 2.77-3.35 2.77-3.41 0-6.07-2.25-6.53-6.06h-1.15v8h1.09a4.194 4.194 0 0 1 .93-2 8.481 8.481 0 0 0 5.2 2c3.87 0 7.05-2.54 7.05-6.18.07-1.77-1.03-3.9-3.79-5.23ZM277.56 18.75a10.481 10.481 0 0 0-10.68 10.17 10.47 10.47 0 0 0 10.68 10.16c5.9 0 10.71-4.58 10.71-10.16s-4.81-10.17-10.71-10.17Zm0 19c-5.52 0-7.63-4.91-7.63-8.88 0-3.97 2.07-8.87 7.63-8.87 5.56 0 7.66 4.94 7.66 8.92 0 3.98-2.11 8.88-7.66 8.88v-.05ZM301.71 33.79l-3.14-3.69c3.63-.38 5.71-2.59 5.71-5.38 0-3-2.44-5.42-6.89-5.42h-8.47v.7c2.66 0 3.05.51 3.05 3.72v10.39c0 3.21-.39 3.76-3.05 3.76v.67h8.66v-.67c-2.66 0-3.05-.55-3.05-3.76v-4H296l6.35 8.44h5.29v-.67c-1.88-.24-4.03-1.88-5.93-4.09ZM294.53 29v-8.52h2.82c2.79 0 4.08 1.93 4.08 4.24 0 2.31-1.29 4.28-4.08 4.28h-2.82ZM319.6 30.59v.64c2.21 0 3 .7 3 2.08 0 2.89-2.5 4.39-5.29 4.39-5.93 0-7.6-4.81-7.6-8.78 0-3.97 1.86-8.92 7-8.92 3.59 0 6.09 2.54 7 6.7h.64v-7h-.64a3.281 3.281 0 0 1-1.09 1.83 8.203 8.203 0 0 0-6-2.73 10.167 10.167 0 0 0-9.851 10.165 10.169 10.169 0 0 0 9.851 10.165c3.34 0 4.78-1.66 8.34-1.66V35c0-3.21.39-3.75 3.05-3.75v-.64l-8.41-.02ZM261.9 34.77a2.061 2.061 0 1 0 .288 4.112 2.061 2.061 0 0 0-.288-4.112Z"/> </svg> </a> </figure> </div> <style>.wp-container-20{flex-wrap:nowrap;justify-content:flex-start;}</style> <ul class="wp-container-21 wp-block-social-links is-style-logos-only"> <li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="http://web.archive.org/web/20220925045257/https://www.facebook.com/WordPress/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Visit our Facebook page</span></a></li> <li class="wp-social-link wp-social-link-twitter wp-block-social-link"><a href="http://web.archive.org/web/20220925045257/https://twitter.com/WordPress" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Visit our Twitter account</span></a></li> </ul> <style></style>  <figure class="wp-block-image is-resized global-footer__code_is_poetry"> <img src="http://web.archive.org/web/20220925045257im_/https://s.w.org/style/images/code-is-poetry-for-dark-bg.svg" alt="Code is Poetry" width="188" height="13"/> </figure> </div> <style></style> </footer> <style></style> <style id="core-block-supports-inline-css" type="text/css"> .wp-container-6{flex-direction:column;align-items:flex-start;}.wp-container-20{flex-wrap:nowrap;justify-content:flex-start;} .entry-content > *{margin-block-start:0;margin-block-end:0;}.entry-content.entry-content > * + *{margin-block-start:24px;margin-block-end:0;} </style> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=hoverintent-js,admin-bar&ver=6.1-beta1-54298"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/themes/pub/wporg/js/skip-link-focus-fix.min.js?ver=20151215" id="wporg-plugins-skip-link-focus-fix-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/lodash.min.js?ver=4.17.19" id="lodash-js"></script> <script type="text/javascript" id="lodash-js-after"> window.lodash = _.noConflict(); </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/dom-ready/index.min.js?ver=222ad38e3e5e302c8bbf" id="wp-dom-ready-js"></script> <script type="text/javascript" id="wp-dom-ready-js-after"> wp.galleryBlockV2Enabled = true; </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/a11y/index.min.js?ver=aefdd2523cc4b947d519" id="wp-a11y-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/url/index.min.js?ver=34e7e0c4d3b761959a2f" id="wp-url-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/api-fetch/index.min.js?ver=0d58403d8384e3a0620a" id="wp-api-fetch-js"></script> <script type="text/javascript" id="wp-api-fetch-js-after"> wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "c66f892f80" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "http://web.archive.org/web/20220925045257/https://wordpress.org/patterns/wp-admin/admin-ajax.php?action=rest-nonce"; </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/deprecated/index.min.js?ver=a6c6d4c69fd417744058" id="wp-deprecated-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/dom/index.min.js?ver=c62201fde3e5b6448e99" id="wp-dom-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/escape-html/index.min.js?ver=fbad781820bda8333f76" id="wp-escape-html-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/element/index.min.js?ver=28132a4116d0584032cb" id="wp-element-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/is-shallow-equal/index.min.js?ver=5299ef30233b42ce5199" id="wp-is-shallow-equal-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/keycodes/index.min.js?ver=5c7019bda9994f9f391c" id="wp-keycodes-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/priority-queue/index.min.js?ver=8cf0154fbcd6282ac16e" id="wp-priority-queue-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/compose/index.min.js?ver=f70191f4dafd04120d4b" id="wp-compose-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-includes/js/dist/vendor/moment.min.js?ver=2.29.4" id="moment-js"></script> <script type="text/javascript" id="moment-js-after"> moment.updateLocale( 'en_US', {"months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"week":{"dow":1},"longDateFormat":{"LT":"g:i a","LTS":null,"L":null,"LL":"F j, Y","LLL":"F j, Y g:i a","LLLL":null}} ); </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/date/index.min.js?ver=00b02d01569a86053adc" id="wp-date-js"></script> <script type="text/javascript" id="wp-date-js-after"> wp.date.setSettings( {"l10n":{"locale":"en_US","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"meridiem":{"am":"am","pm":"pm","AM":"AM","PM":"PM"},"relative":{"future":"%s from now","past":"%s ago"},"startOfWeek":1},"formats":{"time":"g:i a","date":"F j, Y","datetime":"F j, Y g:i a","datetimeAbbreviated":"M j, Y g:i a"},"timezone":{"offset":"0","string":"","abbr":""}} ); </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/primitives/index.min.js?ver=9bab352d0620a6132df8" id="wp-primitives-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/redux-routine/index.min.js?ver=a7f0e6c052b3e3e1fe82" id="wp-redux-routine-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/data/index.min.js?ver=967e2297dd5da2ca3996" id="wp-data-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/rich-text/index.min.js?ver=35373441cfa24b837896" id="wp-rich-text-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/warning/index.min.js?ver=24c7e8a7f6d5d3062b74" id="wp-warning-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/components/index.min.js?ver=3a34d2c8c290154a04d2" id="wp-components-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/autop/index.min.js?ver=b1a2f86387be4fa46f89" id="wp-autop-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/blob/index.min.js?ver=bccaf46e493181a8db9a" id="wp-blob-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/block-serialization-default-parser/index.min.js?ver=85caf70ca9c44b78c211" id="wp-block-serialization-default-parser-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/html-entities/index.min.js?ver=e9ce7ebd2e4bd93c7be1" id="wp-html-entities-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/shortcode/index.min.js?ver=1f251a0e4c2916f008a5" id="wp-shortcode-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/blocks/index.min.js?ver=bcbe1daa83d72d2da9d5" id="wp-blocks-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/core-data/index.min.js?ver=bb67bb3593924b9ec1bb" id="wp-core-data-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/plugins/gutenberg/build/data-controls/index.min.js?ver=80ac19b2e6b52d853950" id="wp-data-controls-js"></script> <script type="text/javascript" id="wporg-pattern-script-js-before"> var wporgLocale = JSON.parse( decodeURIComponent( '%7B%22id%22%3A%22en_US%22%2C%22displayName%22%3A%22%22%7D' ) ) var wporgPatternsData = JSON.parse( decodeURIComponent( '%7B%22userId%22%3A0%2C%22currentAuthorName%22%3A%22%22%7D' ) ) var wporgPatternsUrl = JSON.parse( decodeURIComponent( '%7B%22assets%22%3A%22https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-content%5C%2Fthemes%5C%2Fpub%5C%2Fwporg-patterns%22%2C%22site%22%3A%22https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%22%2C%22login%22%3A%22https%3A%5C%2F%5C%2Flogin.wordpress.org%5C%2F%3Fredirect_to%3Dhttps%253A%252F%252Fwordpress.org%252Fpatterns%252F%26%23038%3Blocale%3Den_US%22%2C%22register%22%3A%22https%3A%5C%2F%5C%2Flogin.wordpress.org%5C%2Fregister%3Flocale%3Den_US%22%7D' ) ) window.__editorStyles = JSON.parse( decodeURIComponent( '%7B%22html%22%3A%22%3Clink%20rel%3D%27stylesheet%27%20id%3D%27wp-block-library-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-content%5C%2Fplugins%5C%2Fgutenberg%5C%2Fbuild%5C%2Fblock-library%5C%2Fstyle.css%3Fver%3D14.1.1%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%3Cstyle%20id%3D%27wp-block-library-inline-css%27%20type%3D%27text%5C%2Fcss%27%3E%5Cn.has-text-align-justify%7Btext-align%3Ajustify%3B%7D%5Cn%3C%5C%2Fstyle%3E%5Cn%3Cstyle%20id%3D%27global-styles-inline-css%27%20type%3D%27text%5C%2Fcss%27%3E%5Cnbody%7B--wp--preset--color--black%3A%20%23000000%3B--wp--preset--color--cyan-bluish-gray%3A%20%23abb8c3%3B--wp--preset--color--white%3A%20%23ffffff%3B--wp--preset--color--pale-pink%3A%20%23f78da7%3B--wp--preset--color--vivid-red%3A%20%23cf2e2e%3B--wp--preset--color--luminous-vivid-orange%3A%20%23ff6900%3B--wp--preset--color--luminous-vivid-amber%3A%20%23fcb900%3B--wp--preset--color--light-green-cyan%3A%20%237bdcb5%3B--wp--preset--color--vivid-green-cyan%3A%20%2300d084%3B--wp--preset--color--pale-cyan-blue%3A%20%238ed1fc%3B--wp--preset--color--vivid-cyan-blue%3A%20%230693e3%3B--wp--preset--color--vivid-purple%3A%20%239b51e0%3B--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple%3A%20linear-gradient%28135deg%2Crgba%286%2C147%2C227%2C1%29%200%25%2Crgb%28155%2C81%2C224%29%20100%25%29%3B--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan%3A%20linear-gradient%28135deg%2Crgb%28122%2C220%2C180%29%200%25%2Crgb%280%2C208%2C130%29%20100%25%29%3B--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange%3A%20linear-gradient%28135deg%2Crgba%28252%2C185%2C0%2C1%29%200%25%2Crgba%28255%2C105%2C0%2C1%29%20100%25%29%3B--wp--preset--gradient--luminous-vivid-orange-to-vivid-red%3A%20linear-gradient%28135deg%2Crgba%28255%2C105%2C0%2C1%29%200%25%2Crgb%28207%2C46%2C46%29%20100%25%29%3B--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray%3A%20linear-gradient%28135deg%2Crgb%28238%2C238%2C238%29%200%25%2Crgb%28169%2C184%2C195%29%20100%25%29%3B--wp--preset--gradient--cool-to-warm-spectrum%3A%20linear-gradient%28135deg%2Crgb%2874%2C234%2C220%29%200%25%2Crgb%28151%2C120%2C209%29%2020%25%2Crgb%28207%2C42%2C186%29%2040%25%2Crgb%28238%2C44%2C130%29%2060%25%2Crgb%28251%2C105%2C98%29%2080%25%2Crgb%28254%2C248%2C76%29%20100%25%29%3B--wp--preset--gradient--blush-light-purple%3A%20linear-gradient%28135deg%2Crgb%28255%2C206%2C236%29%200%25%2Crgb%28152%2C150%2C240%29%20100%25%29%3B--wp--preset--gradient--blush-bordeaux%3A%20linear-gradient%28135deg%2Crgb%28254%2C205%2C165%29%200%25%2Crgb%28254%2C45%2C45%29%2050%25%2Crgb%28107%2C0%2C62%29%20100%25%29%3B--wp--preset--gradient--luminous-dusk%3A%20linear-gradient%28135deg%2Crgb%28255%2C203%2C112%29%200%25%2Crgb%28199%2C81%2C192%29%2050%25%2Crgb%2865%2C88%2C208%29%20100%25%29%3B--wp--preset--gradient--pale-ocean%3A%20linear-gradient%28135deg%2Crgb%28255%2C245%2C203%29%200%25%2Crgb%28182%2C227%2C212%29%2050%25%2Crgb%2851%2C167%2C181%29%20100%25%29%3B--wp--preset--gradient--electric-grass%3A%20linear-gradient%28135deg%2Crgb%28202%2C248%2C128%29%200%25%2Crgb%28113%2C206%2C126%29%20100%25%29%3B--wp--preset--gradient--midnight%3A%20linear-gradient%28135deg%2Crgb%282%2C3%2C129%29%200%25%2Crgb%2840%2C116%2C252%29%20100%25%29%3B--wp--preset--duotone--dark-grayscale%3A%20url%28%27%23wp-duotone-dark-grayscale%27%29%3B--wp--preset--duotone--grayscale%3A%20url%28%27%23wp-duotone-grayscale%27%29%3B--wp--preset--duotone--purple-yellow%3A%20url%28%27%23wp-duotone-purple-yellow%27%29%3B--wp--preset--duotone--blue-red%3A%20url%28%27%23wp-duotone-blue-red%27%29%3B--wp--preset--duotone--midnight%3A%20url%28%27%23wp-duotone-midnight%27%29%3B--wp--preset--duotone--magenta-yellow%3A%20url%28%27%23wp-duotone-magenta-yellow%27%29%3B--wp--preset--duotone--purple-green%3A%20url%28%27%23wp-duotone-purple-green%27%29%3B--wp--preset--duotone--blue-orange%3A%20url%28%27%23wp-duotone-blue-orange%27%29%3B--wp--preset--font-size--small%3A%2013px%3B--wp--preset--font-size--medium%3A%2020px%3B--wp--preset--font-size--large%3A%2036px%3B--wp--preset--font-size--x-large%3A%2042px%3B--wp--preset--spacing--20%3A%200.44rem%3B--wp--preset--spacing--30%3A%200.67rem%3B--wp--preset--spacing--40%3A%201rem%3B--wp--preset--spacing--50%3A%201.5rem%3B--wp--preset--spacing--60%3A%202.25rem%3B--wp--preset--spacing--70%3A%203.38rem%3B--wp--preset--spacing--80%3A%205.06rem%3B%7Dbody%20%7B%20margin%3A%200%3B--wp--style--global--content-size%3A%20800px%3B--wp--style--global--wide-size%3A%201000px%3B%7D.wp-site-blocks%20%3E%20.alignleft%20%7B%20float%3A%20left%3B%20margin-right%3A%202em%3B%20%7D.wp-site-blocks%20%3E%20.alignright%20%7B%20float%3A%20right%3B%20margin-left%3A%202em%3B%20%7D.wp-site-blocks%20%3E%20.aligncenter%20%7B%20justify-content%3A%20center%3B%20margin-left%3A%20auto%3B%20margin-right%3A%20auto%3B%20%7D.wp-site-blocks%20%3E%20%2A%20%7B%20margin-block-start%3A%200%3B%20margin-block-end%3A%200%3B%20%7D.wp-site-blocks%20%3E%20%2A%20%2B%20%2A%20%7B%20margin-block-start%3A%2024px%3B%20%7Dbody%20%7B%20--wp--style--block-gap%3A%2024px%3B%20%7Dbody%20.is-layout-flow%20%3E%20%2A%7Bmargin-block-start%3A%200%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-flow%20%3E%20%2A%20%2B%20%2A%7Bmargin-block-start%3A%2024px%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-constrained%20%3E%20%2A%7Bmargin-block-start%3A%200%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-constrained%20%3E%20%2A%20%2B%20%2A%7Bmargin-block-start%3A%2024px%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-flex%7Bgap%3A%2024px%3B%7Dbody%20.is-layout-flow%20%3E%20.alignleft%7Bfloat%3A%20left%3Bmargin-inline-start%3A%200%3Bmargin-inline-end%3A%202em%3B%7Dbody%20.is-layout-flow%20%3E%20.alignright%7Bfloat%3A%20right%3Bmargin-inline-start%3A%202em%3Bmargin-inline-end%3A%200%3B%7Dbody%20.is-layout-flow%20%3E%20.aligncenter%7Bmargin-left%3A%20auto%20%21important%3Bmargin-right%3A%20auto%20%21important%3B%7Dbody%20.is-layout-constrained%20%3E%20.alignleft%7Bfloat%3A%20left%3Bmargin-inline-start%3A%200%3Bmargin-inline-end%3A%202em%3B%7Dbody%20.is-layout-constrained%20%3E%20.alignright%7Bfloat%3A%20right%3Bmargin-inline-start%3A%202em%3Bmargin-inline-end%3A%200%3B%7Dbody%20.is-layout-constrained%20%3E%20.aligncenter%7Bmargin-left%3A%20auto%20%21important%3Bmargin-right%3A%20auto%20%21important%3B%7Dbody%20.is-layout-constrained%20%3E%20%3Awhere%28%3Anot%28.alignleft%29%3Anot%28.alignright%29%3Anot%28.alignfull%29%29%7Bmax-width%3A%20var%28--wp--style--global--content-size%29%3Bmargin-left%3A%20auto%20%21important%3Bmargin-right%3A%20auto%20%21important%3B%7Dbody%20.is-layout-constrained%20%3E%20.alignwide%7Bmax-width%3A%20var%28--wp--style--global--wide-size%29%3B%7Dbody%20.is-layout-flex%7Bdisplay%3A%20flex%3B%7Dbody%20.is-layout-flex%7Bflex-wrap%3A%20wrap%3Balign-items%3A%20center%3B%7Dbody%20.is-layout-flex%20%3E%20%2A%7Bmargin%3A%200%3B%7Dbody%7Bpadding-top%3A%200px%3Bpadding-right%3A%200px%3Bpadding-bottom%3A%200px%3Bpadding-left%3A%200px%3B%7Da%3Awhere%28%3Anot%28.wp-element-button%29%29%7Btext-decoration%3A%20underline%3B%7D.wp-element-button%2C%20.wp-block-button__link%7Bbackground-color%3A%20%2332373c%3Bborder-width%3A%200%3Bcolor%3A%20%23fff%3Bfont-family%3A%20inherit%3Bfont-size%3A%20inherit%3Bline-height%3A%20inherit%3Bpadding%3A%20calc%280.667em%20%2B%202px%29%20calc%281.333em%20%2B%202px%29%3Btext-decoration%3A%20none%3B%7D.has-black-color%7Bcolor%3A%20var%28--wp--preset--color--black%29%20%21important%3B%7D.has-cyan-bluish-gray-color%7Bcolor%3A%20var%28--wp--preset--color--cyan-bluish-gray%29%20%21important%3B%7D.has-white-color%7Bcolor%3A%20var%28--wp--preset--color--white%29%20%21important%3B%7D.has-pale-pink-color%7Bcolor%3A%20var%28--wp--preset--color--pale-pink%29%20%21important%3B%7D.has-vivid-red-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-red%29%20%21important%3B%7D.has-luminous-vivid-orange-color%7Bcolor%3A%20var%28--wp--preset--color--luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-amber-color%7Bcolor%3A%20var%28--wp--preset--color--luminous-vivid-amber%29%20%21important%3B%7D.has-light-green-cyan-color%7Bcolor%3A%20var%28--wp--preset--color--light-green-cyan%29%20%21important%3B%7D.has-vivid-green-cyan-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-green-cyan%29%20%21important%3B%7D.has-pale-cyan-blue-color%7Bcolor%3A%20var%28--wp--preset--color--pale-cyan-blue%29%20%21important%3B%7D.has-vivid-cyan-blue-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-cyan-blue%29%20%21important%3B%7D.has-vivid-purple-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-purple%29%20%21important%3B%7D.has-black-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--black%29%20%21important%3B%7D.has-cyan-bluish-gray-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--cyan-bluish-gray%29%20%21important%3B%7D.has-white-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--white%29%20%21important%3B%7D.has-pale-pink-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--pale-pink%29%20%21important%3B%7D.has-vivid-red-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-red%29%20%21important%3B%7D.has-luminous-vivid-orange-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-amber-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--luminous-vivid-amber%29%20%21important%3B%7D.has-light-green-cyan-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--light-green-cyan%29%20%21important%3B%7D.has-vivid-green-cyan-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-green-cyan%29%20%21important%3B%7D.has-pale-cyan-blue-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--pale-cyan-blue%29%20%21important%3B%7D.has-vivid-cyan-blue-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-cyan-blue%29%20%21important%3B%7D.has-vivid-purple-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-purple%29%20%21important%3B%7D.has-black-border-color%7Bborder-color%3A%20var%28--wp--preset--color--black%29%20%21important%3B%7D.has-cyan-bluish-gray-border-color%7Bborder-color%3A%20var%28--wp--preset--color--cyan-bluish-gray%29%20%21important%3B%7D.has-white-border-color%7Bborder-color%3A%20var%28--wp--preset--color--white%29%20%21important%3B%7D.has-pale-pink-border-color%7Bborder-color%3A%20var%28--wp--preset--color--pale-pink%29%20%21important%3B%7D.has-vivid-red-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-red%29%20%21important%3B%7D.has-luminous-vivid-orange-border-color%7Bborder-color%3A%20var%28--wp--preset--color--luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-amber-border-color%7Bborder-color%3A%20var%28--wp--preset--color--luminous-vivid-amber%29%20%21important%3B%7D.has-light-green-cyan-border-color%7Bborder-color%3A%20var%28--wp--preset--color--light-green-cyan%29%20%21important%3B%7D.has-vivid-green-cyan-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-green-cyan%29%20%21important%3B%7D.has-pale-cyan-blue-border-color%7Bborder-color%3A%20var%28--wp--preset--color--pale-cyan-blue%29%20%21important%3B%7D.has-vivid-cyan-blue-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-cyan-blue%29%20%21important%3B%7D.has-vivid-purple-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-purple%29%20%21important%3B%7D.has-vivid-cyan-blue-to-vivid-purple-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple%29%20%21important%3B%7D.has-light-green-cyan-to-vivid-green-cyan-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan%29%20%21important%3B%7D.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-orange-to-vivid-red-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--luminous-vivid-orange-to-vivid-red%29%20%21important%3B%7D.has-very-light-gray-to-cyan-bluish-gray-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray%29%20%21important%3B%7D.has-cool-to-warm-spectrum-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--cool-to-warm-spectrum%29%20%21important%3B%7D.has-blush-light-purple-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--blush-light-purple%29%20%21important%3B%7D.has-blush-bordeaux-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--blush-bordeaux%29%20%21important%3B%7D.has-luminous-dusk-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--luminous-dusk%29%20%21important%3B%7D.has-pale-ocean-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--pale-ocean%29%20%21important%3B%7D.has-electric-grass-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--electric-grass%29%20%21important%3B%7D.has-midnight-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--midnight%29%20%21important%3B%7D.has-small-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--small%29%20%21important%3B%7D.has-medium-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--medium%29%20%21important%3B%7D.has-large-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--large%29%20%21important%3B%7D.has-x-large-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--x-large%29%20%21important%3B%7D%5Cn.wp-block-pullquote%7Bfont-size%3A%201.5em%3Bline-height%3A%201.6%3B%7D%5Cn.wp-block-navigation%20a%3Awhere%28%3Anot%28.wp-element-button%29%29%7Bcolor%3A%20inherit%3B%7D%5Cnbody%7B--wp--preset--color--black%3A%20%23000000%3B--wp--preset--color--cyan-bluish-gray%3A%20%23abb8c3%3B--wp--preset--color--white%3A%20%23ffffff%3B--wp--preset--color--pale-pink%3A%20%23f78da7%3B--wp--preset--color--vivid-red%3A%20%23cf2e2e%3B--wp--preset--color--luminous-vivid-orange%3A%20%23ff6900%3B--wp--preset--color--luminous-vivid-amber%3A%20%23fcb900%3B--wp--preset--color--light-green-cyan%3A%20%237bdcb5%3B--wp--preset--color--vivid-green-cyan%3A%20%2300d084%3B--wp--preset--color--pale-cyan-blue%3A%20%238ed1fc%3B--wp--preset--color--vivid-cyan-blue%3A%20%230693e3%3B--wp--preset--color--vivid-purple%3A%20%239b51e0%3B--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple%3A%20linear-gradient%28135deg%2Crgba%286%2C147%2C227%2C1%29%200%25%2Crgb%28155%2C81%2C224%29%20100%25%29%3B--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan%3A%20linear-gradient%28135deg%2Crgb%28122%2C220%2C180%29%200%25%2Crgb%280%2C208%2C130%29%20100%25%29%3B--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange%3A%20linear-gradient%28135deg%2Crgba%28252%2C185%2C0%2C1%29%200%25%2Crgba%28255%2C105%2C0%2C1%29%20100%25%29%3B--wp--preset--gradient--luminous-vivid-orange-to-vivid-red%3A%20linear-gradient%28135deg%2Crgba%28255%2C105%2C0%2C1%29%200%25%2Crgb%28207%2C46%2C46%29%20100%25%29%3B--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray%3A%20linear-gradient%28135deg%2Crgb%28238%2C238%2C238%29%200%25%2Crgb%28169%2C184%2C195%29%20100%25%29%3B--wp--preset--gradient--cool-to-warm-spectrum%3A%20linear-gradient%28135deg%2Crgb%2874%2C234%2C220%29%200%25%2Crgb%28151%2C120%2C209%29%2020%25%2Crgb%28207%2C42%2C186%29%2040%25%2Crgb%28238%2C44%2C130%29%2060%25%2Crgb%28251%2C105%2C98%29%2080%25%2Crgb%28254%2C248%2C76%29%20100%25%29%3B--wp--preset--gradient--blush-light-purple%3A%20linear-gradient%28135deg%2Crgb%28255%2C206%2C236%29%200%25%2Crgb%28152%2C150%2C240%29%20100%25%29%3B--wp--preset--gradient--blush-bordeaux%3A%20linear-gradient%28135deg%2Crgb%28254%2C205%2C165%29%200%25%2Crgb%28254%2C45%2C45%29%2050%25%2Crgb%28107%2C0%2C62%29%20100%25%29%3B--wp--preset--gradient--luminous-dusk%3A%20linear-gradient%28135deg%2Crgb%28255%2C203%2C112%29%200%25%2Crgb%28199%2C81%2C192%29%2050%25%2Crgb%2865%2C88%2C208%29%20100%25%29%3B--wp--preset--gradient--pale-ocean%3A%20linear-gradient%28135deg%2Crgb%28255%2C245%2C203%29%200%25%2Crgb%28182%2C227%2C212%29%2050%25%2Crgb%2851%2C167%2C181%29%20100%25%29%3B--wp--preset--gradient--electric-grass%3A%20linear-gradient%28135deg%2Crgb%28202%2C248%2C128%29%200%25%2Crgb%28113%2C206%2C126%29%20100%25%29%3B--wp--preset--gradient--midnight%3A%20linear-gradient%28135deg%2Crgb%282%2C3%2C129%29%200%25%2Crgb%2840%2C116%2C252%29%20100%25%29%3B--wp--preset--duotone--dark-grayscale%3A%20url%28%27%23wp-duotone-dark-grayscale%27%29%3B--wp--preset--duotone--grayscale%3A%20url%28%27%23wp-duotone-grayscale%27%29%3B--wp--preset--duotone--purple-yellow%3A%20url%28%27%23wp-duotone-purple-yellow%27%29%3B--wp--preset--duotone--blue-red%3A%20url%28%27%23wp-duotone-blue-red%27%29%3B--wp--preset--duotone--midnight%3A%20url%28%27%23wp-duotone-midnight%27%29%3B--wp--preset--duotone--magenta-yellow%3A%20url%28%27%23wp-duotone-magenta-yellow%27%29%3B--wp--preset--duotone--purple-green%3A%20url%28%27%23wp-duotone-purple-green%27%29%3B--wp--preset--duotone--blue-orange%3A%20url%28%27%23wp-duotone-blue-orange%27%29%3B--wp--preset--font-size--small%3A%2013px%3B--wp--preset--font-size--medium%3A%2020px%3B--wp--preset--font-size--large%3A%2036px%3B--wp--preset--font-size--x-large%3A%2042px%3B--wp--preset--spacing--20%3A%200.44rem%3B--wp--preset--spacing--30%3A%200.67rem%3B--wp--preset--spacing--40%3A%201rem%3B--wp--preset--spacing--50%3A%201.5rem%3B--wp--preset--spacing--60%3A%202.25rem%3B--wp--preset--spacing--70%3A%203.38rem%3B--wp--preset--spacing--80%3A%205.06rem%3B%7Dbody%20%7B%20margin%3A%200%3B--wp--style--global--content-size%3A%20800px%3B--wp--style--global--wide-size%3A%201000px%3B%20%7D.wp-site-blocks%20%3E%20.alignleft%20%7B%20float%3A%20left%3B%20margin-right%3A%202em%3B%20%7D.wp-site-blocks%20%3E%20.alignright%20%7B%20float%3A%20right%3B%20margin-left%3A%202em%3B%20%7D.wp-site-blocks%20%3E%20.aligncenter%20%7B%20justify-content%3A%20center%3B%20margin-left%3A%20auto%3B%20margin-right%3A%20auto%3B%20%7D.wp-site-blocks%20%3E%20%2A%20%7B%20margin-block-start%3A%200%3B%20margin-block-end%3A%200%3B%20%7D.wp-site-blocks%20%3E%20%2A%20%2B%20%2A%20%7B%20margin-block-start%3A%2024px%3B%20%7Dbody%20%7B%20--wp--style--block-gap%3A%2024px%3B%20%7Dbody%20.is-layout-flow%20%3E%20%2A%7Bmargin-block-start%3A%200%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-flow%20%3E%20%2A%20%2B%20%2A%7Bmargin-block-start%3A%2024px%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-constrained%20%3E%20%2A%7Bmargin-block-start%3A%200%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-constrained%20%3E%20%2A%20%2B%20%2A%7Bmargin-block-start%3A%2024px%3Bmargin-block-end%3A%200%3B%7Dbody%20.is-layout-flex%7Bgap%3A%2024px%3B%7Dbody%20.is-layout-flow%20%3E%20.alignleft%7Bfloat%3A%20left%3Bmargin-inline-start%3A%200%3Bmargin-inline-end%3A%202em%3B%7Dbody%20.is-layout-flow%20%3E%20.alignright%7Bfloat%3A%20right%3Bmargin-inline-start%3A%202em%3Bmargin-inline-end%3A%200%3B%7Dbody%20.is-layout-flow%20%3E%20.aligncenter%7Bmargin-left%3A%20auto%20%21important%3Bmargin-right%3A%20auto%20%21important%3B%7Dbody%20.is-layout-constrained%20%3E%20.alignleft%7Bfloat%3A%20left%3Bmargin-inline-start%3A%200%3Bmargin-inline-end%3A%202em%3B%7Dbody%20.is-layout-constrained%20%3E%20.alignright%7Bfloat%3A%20right%3Bmargin-inline-start%3A%202em%3Bmargin-inline-end%3A%200%3B%7Dbody%20.is-layout-constrained%20%3E%20.aligncenter%7Bmargin-left%3A%20auto%20%21important%3Bmargin-right%3A%20auto%20%21important%3B%7Dbody%20.is-layout-constrained%20%3E%20%3Awhere%28%3Anot%28.alignleft%29%3Anot%28.alignright%29%3Anot%28.alignfull%29%29%7Bmax-width%3A%20var%28--wp--style--global--content-size%29%3Bmargin-left%3A%20auto%20%21important%3Bmargin-right%3A%20auto%20%21important%3B%7Dbody%20.is-layout-constrained%20%3E%20.alignwide%7Bmax-width%3A%20var%28--wp--style--global--wide-size%29%3B%7Dbody%20.is-layout-flex%7Bdisplay%3A%20flex%3B%7Dbody%20.is-layout-flex%7Bflex-wrap%3A%20wrap%3Balign-items%3A%20center%3B%7Dbody%20.is-layout-flex%20%3E%20%2A%7Bmargin%3A%200%3B%7Dbody%7Bpadding-top%3A%200px%3Bpadding-right%3A%200px%3Bpadding-bottom%3A%200px%3Bpadding-left%3A%200px%3B%7Da%3Awhere%28%3Anot%28.wp-element-button%29%29%7Btext-decoration%3A%20underline%3B%7D.wp-element-button%2C%20.wp-block-button__link%7Bbackground-color%3A%20%2332373c%3Bborder-width%3A%200%3Bcolor%3A%20%23fff%3Bfont-family%3A%20inherit%3Bfont-size%3A%20inherit%3Bline-height%3A%20inherit%3Bpadding%3A%20calc%280.667em%20%2B%202px%29%20calc%281.333em%20%2B%202px%29%3Btext-decoration%3A%20none%3B%7D.wp-block-pullquote%7Bfont-size%3A%201.5em%3Bline-height%3A%201.6%3B%7D.wp-block-navigation%20a%3Awhere%28%3Anot%28.wp-element-button%29%29%7Bcolor%3A%20inherit%3B%7D.has-black-color%7Bcolor%3A%20var%28--wp--preset--color--black%29%20%21important%3B%7D.has-cyan-bluish-gray-color%7Bcolor%3A%20var%28--wp--preset--color--cyan-bluish-gray%29%20%21important%3B%7D.has-white-color%7Bcolor%3A%20var%28--wp--preset--color--white%29%20%21important%3B%7D.has-pale-pink-color%7Bcolor%3A%20var%28--wp--preset--color--pale-pink%29%20%21important%3B%7D.has-vivid-red-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-red%29%20%21important%3B%7D.has-luminous-vivid-orange-color%7Bcolor%3A%20var%28--wp--preset--color--luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-amber-color%7Bcolor%3A%20var%28--wp--preset--color--luminous-vivid-amber%29%20%21important%3B%7D.has-light-green-cyan-color%7Bcolor%3A%20var%28--wp--preset--color--light-green-cyan%29%20%21important%3B%7D.has-vivid-green-cyan-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-green-cyan%29%20%21important%3B%7D.has-pale-cyan-blue-color%7Bcolor%3A%20var%28--wp--preset--color--pale-cyan-blue%29%20%21important%3B%7D.has-vivid-cyan-blue-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-cyan-blue%29%20%21important%3B%7D.has-vivid-purple-color%7Bcolor%3A%20var%28--wp--preset--color--vivid-purple%29%20%21important%3B%7D.has-black-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--black%29%20%21important%3B%7D.has-cyan-bluish-gray-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--cyan-bluish-gray%29%20%21important%3B%7D.has-white-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--white%29%20%21important%3B%7D.has-pale-pink-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--pale-pink%29%20%21important%3B%7D.has-vivid-red-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-red%29%20%21important%3B%7D.has-luminous-vivid-orange-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-amber-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--luminous-vivid-amber%29%20%21important%3B%7D.has-light-green-cyan-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--light-green-cyan%29%20%21important%3B%7D.has-vivid-green-cyan-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-green-cyan%29%20%21important%3B%7D.has-pale-cyan-blue-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--pale-cyan-blue%29%20%21important%3B%7D.has-vivid-cyan-blue-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-cyan-blue%29%20%21important%3B%7D.has-vivid-purple-background-color%7Bbackground-color%3A%20var%28--wp--preset--color--vivid-purple%29%20%21important%3B%7D.has-black-border-color%7Bborder-color%3A%20var%28--wp--preset--color--black%29%20%21important%3B%7D.has-cyan-bluish-gray-border-color%7Bborder-color%3A%20var%28--wp--preset--color--cyan-bluish-gray%29%20%21important%3B%7D.has-white-border-color%7Bborder-color%3A%20var%28--wp--preset--color--white%29%20%21important%3B%7D.has-pale-pink-border-color%7Bborder-color%3A%20var%28--wp--preset--color--pale-pink%29%20%21important%3B%7D.has-vivid-red-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-red%29%20%21important%3B%7D.has-luminous-vivid-orange-border-color%7Bborder-color%3A%20var%28--wp--preset--color--luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-amber-border-color%7Bborder-color%3A%20var%28--wp--preset--color--luminous-vivid-amber%29%20%21important%3B%7D.has-light-green-cyan-border-color%7Bborder-color%3A%20var%28--wp--preset--color--light-green-cyan%29%20%21important%3B%7D.has-vivid-green-cyan-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-green-cyan%29%20%21important%3B%7D.has-pale-cyan-blue-border-color%7Bborder-color%3A%20var%28--wp--preset--color--pale-cyan-blue%29%20%21important%3B%7D.has-vivid-cyan-blue-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-cyan-blue%29%20%21important%3B%7D.has-vivid-purple-border-color%7Bborder-color%3A%20var%28--wp--preset--color--vivid-purple%29%20%21important%3B%7D.has-vivid-cyan-blue-to-vivid-purple-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple%29%20%21important%3B%7D.has-light-green-cyan-to-vivid-green-cyan-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan%29%20%21important%3B%7D.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange%29%20%21important%3B%7D.has-luminous-vivid-orange-to-vivid-red-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--luminous-vivid-orange-to-vivid-red%29%20%21important%3B%7D.has-very-light-gray-to-cyan-bluish-gray-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray%29%20%21important%3B%7D.has-cool-to-warm-spectrum-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--cool-to-warm-spectrum%29%20%21important%3B%7D.has-blush-light-purple-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--blush-light-purple%29%20%21important%3B%7D.has-blush-bordeaux-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--blush-bordeaux%29%20%21important%3B%7D.has-luminous-dusk-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--luminous-dusk%29%20%21important%3B%7D.has-pale-ocean-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--pale-ocean%29%20%21important%3B%7D.has-electric-grass-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--electric-grass%29%20%21important%3B%7D.has-midnight-gradient-background%7Bbackground%3A%20var%28--wp--preset--gradient--midnight%29%20%21important%3B%7D.has-small-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--small%29%20%21important%3B%7D.has-medium-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--medium%29%20%21important%3B%7D.has-large-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--large%29%20%21important%3B%7D.has-x-large-font-size%7Bfont-size%3A%20var%28--wp--preset--font-size--x-large%29%20%21important%3B%7D%5Cn%3C%5C%2Fstyle%3E%5Cn%3Clink%20rel%3D%27stylesheet%27%20id%3D%27wporg-global-fonts-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-content%5C%2Fmu-plugins%5C%2Fpub-sync%5C%2Fglobal-fonts%5C%2Fstyle.css%3Fver%3D1663691117%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%3Clink%20rel%3D%27stylesheet%27%20id%3D%27wporg-global-header-footer-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-content%5C%2Fmu-plugins%5C%2Fpub-sync%5C%2Fblocks%5C%2Fglobal-header-footer%5C%2Fbuild%5C%2Fstyle.css%3Fver%3D1663781847%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%3Cstyle%20id%3D%27wporg-language-suggest-style-inline-css%27%20type%3D%27text%5C%2Fcss%27%3E%5Cn.wp-block-wporg-language-suggest%7Bbackground-color%3A%23eff2ff%3Bcolor%3A%231e1e1e%3Bfont-size%3A12px%3Bline-height%3A1%3Btext-align%3Acenter%7D.wp-block-wporg-language-suggest%3E%2A%7Bpadding%3A10px%204px%7D%5Cn%3C%5C%2Fstyle%3E%5Cn%3Cstyle%20id%3D%27wporg-latest-news-style-inline-css%27%20type%3D%27text%5C%2Fcss%27%3E%5Cn.wporg-latest-news%7Blist-style%3Anone%3Bmargin%3A0%3Bpadding%3A0%7D.wporg-latest-news%20li%3Anot%28%3Alast-child%29%7Bpadding-bottom%3Avar%28--wp--custom--latest-news--spacing%2C16px%29%7D.wporg-latest-news%20li%20a%7Btext-decoration%3Anone%7D.wporg-latest-news%20li%20a%3Ahover%7Btext-decoration%3Aunderline%7D.wporg-latest-news%20li%3Ea%7Bcolor%3Avar%28--wp--custom--latest-news--link--color%29%3Bdisplay%3Ablock%3Bfont-family%3Avar%28--wp--custom--latest-news--title--font-family%29%3Bfont-size%3Avar%28--wp--custom--latest-news--title--font-size%2C24px%29%3Bline-height%3Avar%28--wp--custom--latest-news--title--line-height%29%3Bmargin-bottom%3Avar%28--wp--custom--latest-news--link--spacing%2C4px%29%7D.wporg-latest-news__details%7Bfont-size%3Avar%28--wp--custom--latest-news--link--details-font-size%2C14px%29%7D.wporg-latest-news__details%3E%3Anot%28%3Alast-child%29%7Bmargin-right%3A4px%7D.wporg-latest-news__category%7Btext-transform%3Auppercase%7D%5Cn%3C%5C%2Fstyle%3E%5Cn%3Clink%20rel%3D%27stylesheet%27%20id%3D%27mediaelement-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-includes%5C%2Fjs%5C%2Fmediaelement%5C%2Fmediaelementplayer-legacy.min.css%3Fver%3D4.2.16%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%3Clink%20rel%3D%27stylesheet%27%20id%3D%27wp-mediaelement-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-includes%5C%2Fjs%5C%2Fmediaelement%5C%2Fwp-mediaelement.min.css%3Fver%3D6.1-beta1-54298%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%3Clink%20rel%3D%27stylesheet%27%20id%3D%27dashicons-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fs.w.org%5C%2Fwp-includes%5C%2Fcss%5C%2Fdashicons.min.css%3Fver%3D6.1-beta1-54298%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%3Clink%20rel%3D%27stylesheet%27%20id%3D%27wp-components-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-content%5C%2Fplugins%5C%2Fgutenberg%5C%2Fbuild%5C%2Fcomponents%5C%2Fstyle.css%3Fver%3D14.1.1%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%3Clink%20rel%3D%27stylesheet%27%20id%3D%27wp-block-editor-css%27%20%20href%3D%27https%3A%5C%2F%5C%2Fwordpress.org%5C%2Fpatterns%5C%2Fwp-content%5C%2Fplugins%5C%2Fgutenberg%5C%2Fbuild%5C%2Fblock-editor%5C%2Fstyle.css%3Fver%3D14.1.1%27%20type%3D%27text%5C%2Fcss%27%20media%3D%27all%27%20%5C%2F%3E%5Cn%22%7D' ) ); </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/themes/pub/wporg-patterns/build/index.js?ver=f9ec2e38b84d294059c5" id="wporg-pattern-script-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/themes/pub/wporg/js/navigation.min.js?ver=20210331" id="wporg-navigation-js"></script> <script type="text/javascript" id="wporg-global-header-script-js-extra"> /* <![CDATA[ */ var wporgGlobalHeaderI18n = {"openSearchLabel":"Open Search","closeSearchLabel":"Close Search","overflowMenuLabel":"More menu"}; /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20220925045257js_/https://wordpress.org/patterns/wp-content/mu-plugins/pub-sync/blocks/global-header-footer/js/view.js?ver=1659374792" id="wporg-global-header-script-js"></script> <script src="http://web.archive.org/web/20220925045257js_/https://stats.wp.com/e-202238.js" defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',j:'1:10.2.1',blog:'186263034',post:'0',tz:'0',srv:'wordpress.org'} ]); _stq.push([ 'clickTrackerInit', '186263034', '0' ]); </script> </body> </html>