{"id":839,"date":"2026-09-29T09:58:17","date_gmt":"2026-09-29T09:58:17","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=839"},"modified":"2026-10-12T03:56:57","modified_gmt":"2026-10-12T03:56:57","slug":"search","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/search\/","title":{"rendered":"Search"},"content":{"rendered":"<style id=\"shapeblock-block-css-5-inline-css\">\n.shapeblock-layout-row-mum3s8 { justify-content:center;align-content:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-right:16px;padding-bottom:120px;padding-left:16px;background-color:#5933ff;background-image:url(https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/banner-shape.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-mum3s8 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-elv1eg { flex:0 1 calc(700px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 700 \/ 100) !important;max-width:calc(700px - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 700 \/ 100) !important; }\n.shapeblock-col-elv1eg > .shapeblock-column__inner { display:flex;flex-direction:column;align-items:center; }.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading .shapeblock-title { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-1-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#00000000;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-2-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button:hover { color:#ffffff;border-style:solid;border-color:#0067ff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-3-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-4-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-5-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-mum3s8 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-elv1eg wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <h1 style=\"margin-bottom:8px\" class=\"has-link-color wp-elements-1 wp-block-post-title has-text-color has-base-color has-xx-large-font-size has-text-align-center\">Search<\/h1> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-130a5c wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h4 class=\"shapeblock-title\">Build your Search With ShapeBlock<\/h4>\t<\/div> <\/div> <p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"margin-top:20px\">Help visitors find what they need instantly with a stylish Search widget for WordPress. Create a clean, user-friendly search experience with customizable input fields, icons, buttons, and flexible styling options that make it easy for visitors to discover content across your website.<\/p> <div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-211891db wp-block-group-is-layout-flex\" style=\"padding-top:14px\"> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-5240d5 wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-primary\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started Now<\/span> <\/a> <\/div> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-31oq4y wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_blank\" rel=\"noopener\"> <span class=\"shapeblock-button-text\">Documentation  <\/span> <\/a> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-8-inline-css\">\n.shapeblock-layout-row-vuhi1m { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:70px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-vuhi1m { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-vuhi1m { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-vuhi1m > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-4n1j02 { flex:0 1 calc(100% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }\n.shapeblock-col-4n1j02 > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center; }.shapeblock-heading-block-wrap.shapeblock-heading-3ffe32 .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-6-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-7-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-8-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-vuhi1m is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-4n1j02 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-3ffe32 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Search Default<\/h2>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-14-inline-css\">\n.shapeblock-layout-row-3ww3oj { flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:30px;padding-bottom:70px;--bp-cols:3;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-3ww3oj { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-3ww3oj { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-3ww3oj > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-3ww3oj > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-3ww3oj > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-jnht7z { flex:0 1 calc(33.33% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 33.33 \/ 100) !important;max-width:calc(33.33% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 33.33 \/ 100) !important; }\n.shapeblock-col-jnht7z > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center; }\n\/*# sourceURL=shapeblock-block-css-9-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-9gbxy2 { flex:0 1 calc(33.33% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 33.33 \/ 100) !important;max-width:calc(33.33% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 33.33 \/ 100) !important; }\n.shapeblock-col-9gbxy2 > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center; }\n@media (max-width: 1024px) { .shapeblock-col-9gbxy2 > .shapeblock-column__inner { align-items:center; } }#shapeblock-menu-2e8baa .shapeblock-menu-panel{display:contents;}#shapeblock-menu-2e8baa .shapeblock-menu-toggle,#shapeblock-menu-2e8baa .shapeblock-menu-close{display:none;}#shapeblock-menu-2e8baa .shapeblock-menu-overlay{display:none;}@media (max-width:782px){#shapeblock-menu-2e8baa .shapeblock-menu-toggle{display:flex;margin-left:0;margin-right:auto;}#shapeblock-menu-2e8baa .shapeblock-menu-close{display:flex;}#shapeblock-menu-2e8baa .shapeblock-menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:9998;}#shapeblock-menu-2e8baa.is-open .shapeblock-menu-overlay{opacity:1;visibility:visible;}#shapeblock-menu-2e8baa .shapeblock-menu-panel{display:block;box-sizing:border-box;position:fixed;top:0;bottom:0;right:0;width:320px;max-width:85vw;background:#ffffff;transform:translateX(100%);visibility:hidden;transition:transform 0.3s ease,visibility 0.3s ease;z-index:9999;overflow-y:auto;padding:56px 22px 28px;}#shapeblock-menu-2e8baa.is-open .shapeblock-menu-panel{transform:translateX(0);visibility:visible;}#shapeblock-menu-2e8baa .shapeblock-menu-list{flex-direction:column;align-items:stretch;width:100%;gap:6px;}#shapeblock-menu-2e8baa .shapeblock-menu-list li{position:relative;width:100%;}#shapeblock-menu-2e8baa .shapeblock-menu-list a{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:12px 14px;}#shapeblock-menu-2e8baa .shapeblock-menu-list .shapeblock-menu-sub-toggle{flex:0 0 auto;margin-left:auto;}#shapeblock-menu-2e8baa .shapeblock-menu-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;min-width:0;width:100%;padding:0 0 0 14px;max-height:0;overflow:hidden;transition:max-height 0.35s ease;}#shapeblock-menu-2e8baa .menu-item-has-children.is-sub-open > .sub-menu{max-height:1200px;}}\n\/*# sourceURL=shapeblock-block-css-10-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-11-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-v5yxrk { flex:0 1 calc(33.34% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 33.34 \/ 100) !important;max-width:calc(33.34% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 33.34 \/ 100) !important; }\n.shapeblock-col-v5yxrk > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center;align-items:center; }.shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-open-btn i, .shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-submit-btn i { font-size:16px;width:16px;height:16px;color:#171717; }\n.shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-open-btn svg, .shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-submit-btn svg { font-size:16px;width:16px;height:16px;fill:#171717; }\n.shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-open-btn .shapeblock-search-open-icon-img, .shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-submit-btn .shapeblock-search-open-icon-img { width:16px;height:16px;object-fit:contain;display:block; }\n.shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-style-2 .shapeblock-search-submit-btn { left:auto; }\n.shapeblock-search-block-wrap.shapeblock-search-hy4jlx .shapeblock-search-close-btn .shapeblock-search-close-icon-img { width:1em;height:1em;object-fit:contain;display:block; }\n\/*# sourceURL=shapeblock-block-css-12-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-13-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-14-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-3ww3oj is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-jnht7z wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"wp-block-site-logo\"><a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"29\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp\" class=\"custom-logo\" alt=\"ShapeBlock\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp 2088w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-300x44.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1024x150.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-768x113.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1536x225.webp 1536w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-2048x300.webp 2048w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-9gbxy2 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <nav class=\"shapeblock-menu shapeblock-menu--horizontal shapeblock-menu-align-left shapeblock-menu-has-mobile wp-block-shapeblock-menu\" id=\"shapeblock-menu-2e8baa\" data-breakpoint=\"782\"><button type=\"button\" class=\"shapeblock-menu-toggle\" aria-expanded=\"false\" aria-label=\"Toggle menu\"><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><\/button><div class=\"shapeblock-menu-overlay\" aria-hidden=\"true\"><\/div><div class=\"shapeblock-menu-panel\"><button type=\"button\" class=\"shapeblock-menu-close\" aria-label=\"Close menu\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 4 8 8\" \/><path d=\"m12 4-8 8\" \/><\/svg><\/button><ul class=\"shapeblock-menu-list\"><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Blocks<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Controls<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Responsive<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Performance<\/span><\/span><\/a><\/li><\/ul><\/div><\/nav> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-v5yxrk wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-search-block-wrap shapeblock-search-hy4jlx wp-block-shapeblock-search\"> <div class=\"shapeblock-search shapeblock-search-style-2\"> <form role=\"search\" method=\"get\" class=\"shapeblock-search-form\" action=\"https:\/\/shapekode.com\/product\/shapeblock\/\"> <input type=\"search\" class=\"shapeblock-search-field\" placeholder=\"Type keywords here...\" value=\"\" name=\"s\" \/> <button type=\"submit\" class=\"shapeblock-search-submit-btn\" aria-label=\"Submit Search\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/search_3917061.png\" alt=\"\" class=\"shapeblock-search-open-icon-img\" \/>\t\t\t\t<\/button> <\/form> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-17-inline-css\">\n.shapeblock-layout-row-r56x3y { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;--bp-cols:1;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-r56x3y { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-r56x3y { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-r56x3y > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-chflh1 { flex:0 1 calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important;max-width:calc(100.00% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 100 \/ 100) !important; }\n.shapeblock-col-chflh1 > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center; }.shapeblock-heading-block-wrap.shapeblock-heading-7fc33b .shapeblock-heading { text-align:center; }\n\/*# sourceURL=shapeblock-block-css-15-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-16-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-17-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-r56x3y is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-chflh1 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-7fc33b wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Search Popup<\/h2>\t<\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-23-inline-css\">\n.shapeblock-layout-row-2rk6so { flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:30px;padding-bottom:70px;background-color:#f2f2f2;--bp-cols:3;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-2rk6so { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-2rk6so { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-2rk6so > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-2rk6so > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-2rk6so > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(3){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-765dsx { flex:0 1 calc(30% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 30 \/ 100) !important;max-width:calc(30% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 30 \/ 100) !important; }\n.shapeblock-col-765dsx > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center; }\n\/*# sourceURL=shapeblock-block-css-18-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-a76b9p { flex:0 1 calc(40% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 40 \/ 100) !important;max-width:calc(40% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 40 \/ 100) !important; }\n.shapeblock-col-a76b9p > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center; }\n@media (max-width: 1024px) { .shapeblock-col-a76b9p > .shapeblock-column__inner { align-items:center; } }#shapeblock-menu-3437a1 .shapeblock-menu-panel{display:contents;}#shapeblock-menu-3437a1 .shapeblock-menu-toggle,#shapeblock-menu-3437a1 .shapeblock-menu-close{display:none;}#shapeblock-menu-3437a1 .shapeblock-menu-overlay{display:none;}@media (max-width:782px){#shapeblock-menu-3437a1 .shapeblock-menu-toggle{display:flex;margin-left:0;margin-right:auto;}#shapeblock-menu-3437a1 .shapeblock-menu-close{display:flex;}#shapeblock-menu-3437a1 .shapeblock-menu-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:9998;}#shapeblock-menu-3437a1.is-open .shapeblock-menu-overlay{opacity:1;visibility:visible;}#shapeblock-menu-3437a1 .shapeblock-menu-panel{display:block;box-sizing:border-box;position:fixed;top:0;bottom:0;right:0;width:320px;max-width:85vw;background:#ffffff;transform:translateX(100%);visibility:hidden;transition:transform 0.3s ease,visibility 0.3s ease;z-index:9999;overflow-y:auto;padding:56px 22px 28px;}#shapeblock-menu-3437a1.is-open .shapeblock-menu-panel{transform:translateX(0);visibility:visible;}#shapeblock-menu-3437a1 .shapeblock-menu-list{flex-direction:column;align-items:stretch;width:100%;gap:6px;}#shapeblock-menu-3437a1 .shapeblock-menu-list li{position:relative;width:100%;}#shapeblock-menu-3437a1 .shapeblock-menu-list a{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:12px 14px;}#shapeblock-menu-3437a1 .shapeblock-menu-list .shapeblock-menu-sub-toggle{flex:0 0 auto;margin-left:auto;}#shapeblock-menu-3437a1 .shapeblock-menu-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;min-width:0;width:100%;padding:0 0 0 14px;max-height:0;overflow:hidden;transition:max-height 0.35s ease;}#shapeblock-menu-3437a1 .menu-item-has-children.is-sub-open > .sub-menu{max-height:1200px;}}\n\/*# sourceURL=shapeblock-block-css-19-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-20-inline-css *\/\n\n\n.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-pdinv1 { flex:0 1 calc(30% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 30 \/ 100) !important;max-width:calc(30% - (var(--bp-cols, 1) - 1) * var(--bp-gap, 0px) * 30 \/ 100) !important; }\n.shapeblock-col-pdinv1 > .shapeblock-column__inner { display:flex;flex-direction:column;justify-content:center;align-items:center; }.shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-open-btn i, .shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-submit-btn i { color:#171717; }\n.shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-open-btn svg, .shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-submit-btn svg { fill:#171717; }\n.shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-open-btn .shapeblock-search-open-icon-img, .shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-submit-btn .shapeblock-search-open-icon-img { width:1em;height:1em;object-fit:contain;display:block; }\n.shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-style-2 .shapeblock-search-submit-btn { left:auto; }\n.shapeblock-search-block-wrap.shapeblock-search-aco49f .shapeblock-search-close-btn .shapeblock-search-close-icon-img { width:1em;height:1em;object-fit:contain;display:block; }\n\/*# sourceURL=shapeblock-block-css-21-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-22-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-23-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-2rk6so is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-765dsx wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"wp-block-site-logo\"><a href=\"https:\/\/shapekode.com\/product\/shapeblock\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"29\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp\" class=\"custom-logo\" alt=\"ShapeBlock\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black.webp 2088w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-300x44.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1024x150.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-768x113.webp 768w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-1536x225.webp 1536w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/logo_black-2048x300.webp 2048w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/div> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-a76b9p wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <nav class=\"shapeblock-menu shapeblock-menu--horizontal shapeblock-menu-align-left shapeblock-menu-has-mobile wp-block-shapeblock-menu\" id=\"shapeblock-menu-3437a1\" data-breakpoint=\"782\"><button type=\"button\" class=\"shapeblock-menu-toggle\" aria-expanded=\"false\" aria-label=\"Toggle menu\"><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><span class=\"shapeblock-menu-toggle-bar\"><\/span><\/button><div class=\"shapeblock-menu-overlay\" aria-hidden=\"true\"><\/div><div class=\"shapeblock-menu-panel\"><button type=\"button\" class=\"shapeblock-menu-close\" aria-label=\"Close menu\"><svg class=\"shapeblock-menu-svg\" viewbox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m4 4 8 8\" \/><path d=\"m12 4-8 8\" \/><\/svg><\/button><ul class=\"shapeblock-menu-list\"><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Blocks<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Controls<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Responsive<\/span><\/span><\/a><\/li><li class=\"menu-item\"><a href=\"#\"><span class=\"shapeblock-menu-text\"><span class=\"shapeblock-menu-label\">Performance<\/span><\/span><\/a><\/li><\/ul><\/div><\/nav> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-pdinv1 wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-search-block-wrap shapeblock-search-aco49f wp-block-shapeblock-search\"> <div class=\"shapeblock-search shapeblock-search-style-1\"> <a href=\"#\" role=\"button\" class=\"shapeblock-search-open-btn\" aria-label=\"Open Search\"> <img decoding=\"async\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/search_3917061.png\" alt=\"\" class=\"shapeblock-search-open-icon-img\" \/>\t\t\t<\/a> <div class=\"shapeblock-search-lightbox\"> <div class=\"shapeblock-search-overlay\"> <a href=\"#\" role=\"button\" class=\"shapeblock-search-close-btn\" aria-label=\"Close Search\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"><\/path><\/svg>\t\t\t\t\t<\/a> <\/div> <div class=\"shapeblock-search-content\"> <div class=\"shapeblock-search-title\">What are you looking for?<\/div> <form role=\"search\" method=\"get\" class=\"shapeblock-search-form\" action=\"https:\/\/shapekode.com\/product\/shapeblock\/\"> <input type=\"search\" class=\"shapeblock-search-field\" placeholder=\"Type keywords here...\" value=\"\" name=\"s\" \/> <button type=\"submit\" class=\"shapeblock-search-submit\" aria-label=\"Submit Search\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"currentColor\" d=\"M21 20l-5.6-5.6a7 7 0 10-1.4 1.4L20 21zM5 10.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0z\"><\/path><\/svg> <\/button> <\/form> <\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"_blockode_hide_title":true,"footnotes":""},"class_list":["post-839","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":19,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/839\/revisions"}],"predecessor-version":[{"id":1594,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/839\/revisions\/1594"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}