CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Interactions – Bricks</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="description" content="Perform various actions in response to user and browser events. All without touching a single line of code."><link rel="alternate" type="application/rss+xml" title="Bricks » Feed" href="https://bricksbuilder.io/feed/" /> <link rel="alternate" type="application/rss+xml" title="Bricks » Comments Feed" href="https://bricksbuilder.io/comments/feed/" /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='bricks-frontend-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/frontend-light.min.css?ver=1741251946' media='all' /> <style id='bricks-frontend-inline-css'> @font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(https://bricksbuilder.io/wp-content/uploads/2024/11/Manrope-VariableFont_wght.woff2) format("woff2");} </style> <link rel='stylesheet' id='bricks-color-palettes-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/color-palettes.min.css?ver=1741252203' media='all' /> <link rel='stylesheet' id='bricks-global-variables-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/global-variables.min.css?ver=1741252204' media='all' /> <link rel='stylesheet' id='bricks-global-custom-css-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/global-custom-css.min.css?ver=1741252203' media='all' /> <link rel='stylesheet' id='bricks-theme-style-brx23-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/theme-style-brx23.min.css?ver=1741252204' media='all' /> <link rel='stylesheet' id='bricks-post-3581-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-3581.min.css?ver=1741252206' media='all' /> <link rel='stylesheet' id='bricks-post-231-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-231.min.css?ver=1741252207' media='all' /> <link rel='stylesheet' id='bricks-post-1162-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-1162.min.css?ver=1741252208' media='all' /> <link rel='stylesheet' id='bricks-post-135-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-135.min.css?ver=1741252207' media='all' /> <link rel='stylesheet' id='bricks-post-3367-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-3367.min.css?ver=1741252206' media='all' /> <style id='bricks-frontend-inline-inline-css'> html {scroll-behavior: smooth}.notice_wrapper {padding-top: var(--size-xxsmall); padding-bottom: var(--size-xxsmall)}@media (max-width: 478px) {.notice_wrapper {padding-right: var(--size-medium); padding-left: var(--size-medium)}}.cursor-pointer {cursor: pointer}.background-color-secondary-600 {background-color: var(--color-secondary-600)}.notice_inner {justify-content: center; align-items: center; column-gap: var(--gap-content); row-gap: var(--gap-content); flex-direction: row}.text-size-small {font-size: var(--text-size-small)}.text-color-white {color: var(--color-white)}.text-weight-bold {font-weight: 700; font-variation-settings: "wght" 700}.text-weight-bold { font-weight: var(--text-weight-bold);}.text-align-center {text-align: center}.navbar {padding-top: var(--size-small); padding-bottom: var(--size-small); background-color: var(--color-white)}@media (max-width: 991px) {.navbar {border-bottom: 1px solid var(--color-gray-100)}}@media (max-width: 767px) {.navbar {padding-top: var(--size-xsmall); padding-bottom: var(--size-xsmall); position: relative}}.navbar_wrapper {flex-direction: row; width: 100%; align-items: center; column-gap: var(--gap-grid); justify-content: space-between; display: grid; align-items: initial; grid-template-columns: 1fr auto 1fr; grid-gap: var(--gap-grid)}@media (max-width: 991px) {.navbar_wrapper {justify-content: space-between; grid-template-columns: 1fr auto}}.navbar_logo .bricks-site-logo {width: var(--size-xlarge); height: var(--size-xlarge)}.navbar_logo {display: inline-block}.navbar_logo img { border-radius: var(--radius-tiny); transition: transform .25s ease;} .navbar_logo:hover img { transform: scale(.95);}.nav_megamenu-content {padding-top: var(--size-medium); padding-right: var(--size-xxlarge); padding-bottom: var(--size-medium); padding-left: var(--size-xxlarge); background-color: var(--color-white); border-top: 1px solid var(--color-gray-100)}@media (max-width: 991px) {.nav_megamenu-content {padding-right: var(--size-medium); padding-left: var(--size-medium); border-style: none; border-radius: var(--radius-tiny); background-color: var(--color-gray-50); margin-top: var(--size-xsmall)}}@media (max-width: 767px) {.nav_megamenu-content {padding-right: var(--size-small); padding-left: var(--size-small)}}.nav_dropdown-item-list {row-gap: var(--size-small); padding-left: 0; margin-top: 0; margin-bottom: 0}@media (max-width: 767px) {.nav_dropdown-item-list {row-gap: var(--size-small)}}.nav_column-title {color: var(--color-medium); font-size: var(--text-size-tiny); text-transform: uppercase; letter-spacing: 1px; font-variation-settings: "wght" 800; align-self: stretch; margin-bottom: var(--size-xsmall)}.nav_item-link {flex-direction: row; column-gap: var(--size-small); align-items: flex-start; flex-shrink: 0; font-weight: 500; color: var(--color-gray-500)}@media (max-width: 991px) {.nav_item-link {align-items: flex-start; column-gap: var(--size-xsmall)}}@media (max-width: 767px) {.nav_item-link {width: 100%; flex-wrap: nowrap}}.nav_item-link {align-items: flex-start; flex-shrink: 0; font-weight: 500; color: var(--color-gray-500)}@media (max-width: 991px) {.nav_item-link {align-items: flex-start}}@media (max-width: 767px) {.nav_item-link {width: 100%}}.nav_item-icon {border: 1px solid var(--bricks-border-color); border-radius: var(--radius-tiny); flex-shrink: 0}.nav_megamenu-item-link-label {padding-top: var(--size-xxsmall); padding-bottom: var(--size-xxsmall); display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; row-gap: var(--size-tiny)}@media (max-width: 767px) {.nav_megamenu-item-link-label {width: 100%}}.nav_item-link-title {line-height: 1.3; font-size: var(--text-size-regular); color: var(--color-gray-600); font-variation-settings: "wght" 700; align-items: center}.nav_item-link-description {font-size: var(--text-size-small); color: var(--color-gray-500); line-height: 1.2; font-variation-settings: "wght" 500; display: block}.list-none {padding-left: 0; margin-top: 0; margin-bottom: 0; flex-direction: row}.list-none { list-style-type: none;}.button_group {flex-direction: row; align-items: center; column-gap: var(--size-xsmall); row-gap: var(--size-medium)}.button_group .brxe-button { white-space: nowrap;}@media (max-width: 991px) {.button_group {column-gap: var(--size-xsmall)}}@media (max-width: 767px) {.button_group {flex-wrap: nowrap}}@media (max-width: 478px) {.button_group {flex-wrap: wrap}}.is-rounded::before {content: ""; width: var(--radius-large); height: var(--radius-large); position: absolute; left: 0px; border-bottom-left-radius: var(--radius-large); top: -3rem}.is-dim {background-color: var(--color-gray-100)}.feature_card {border: 1px solid var(--color-subtle); border-radius: var(--radius-small); row-gap: var(--gap-content); color: var(--color-body); position: relative; overflow: hidden; flex-grow: 1}.heading_eyebrow {font-size: var(--text-size-small); color: var(--color-medium-muted); text-transform: uppercase; letter-spacing: 1px; font-variation-settings: "wght" 700; margin-bottom: var(--size-xsmall); display: block}.max-width-heading-medium {max-width: var(--max-width-heading-medium)}.gap-content {column-gap: var(--gap-content); row-gap: var(--gap-content)}.text_link {color: var(--color-dark); line-height: 1.5; text-decoration: none; font-variation-settings: "wght" 700; margin-top: auto; transition: color .35s ease}.text_link:hover {color: var(--color-gray-500)}.text_link::after { content: "\027E9"; font-size: var(--text-size-tiny); margin-left: var(--gap-content);} .text_link .icon { display: none;}.feature_card-media-wrapper {padding-top: var(--size-small); padding-right: var(--size-small); padding-bottom: var(--size-small); padding-left: var(--size-small)}.feature_card-media {width: 100%; min-height: 100%; overflow: hidden; border-radius: var(--radius-xsmall)}.feature_card-media:not(.tag), .feature_card-media img {object-fit: cover}.feature_card-media { mask-image: radial-gradient(white,black); -webkit-mask-image: -webkit-radial-gradient(white, black);} .feature_card-media video { aspect-ratio: 16/9; width: 100%; height: auto; background-color: transparent;}.feature_card-body {padding-top: var(--size-large); padding-right: var(--size-large); padding-bottom: var(--size-large); padding-left: var(--size-large); row-gap: var(--gap-content); flex-grow: 1}.feature_card-icon {padding-top: var(--size-xsmall); padding-right: var(--size-xsmall); padding-bottom: var(--size-xsmall); padding-left: var(--size-xsmall); border: 1px solid var(--color-muted); border-radius: var(--radius-xsmall); color: var(--color-muted); line-height: 1; margin-bottom: var(--size-medium)}.feature_card-icon { aspect-ratio: 1;} .feature_card-icon .brxe-icon { stroke-width: 1.5;} .feature_card-icon .brxe-icon.icon-fill { fill: currentColor;}.feature_card-title {text-wrap: balance; max-width: var(--max-width-heading-medium)}.align-items-center {align-items: center}.gap-grid {column-gap: var(--gap-grid); row-gap: var(--gap-grid)}.max-width-medium {max-width: var(--max-width-medium)}.justify-content-center {justify-content: center}.element {border: 1px solid var(--color-subtle); border-radius: var(--radius-small); position: relative; display: flex; flex-direction: column; justify-content: center; min-width: var(--size-xhuge)}.element { --color-muted: var(--color-gray-500);} .is-dark .element { --color-muted: var(--color-gray-400);}.element_icon-wrapper {padding-top: var(--size-medium); padding-right: var(--size-medium); padding-bottom: var(--size-medium); padding-left: var(--size-medium); text-align: center; line-height: 1; font-size: var(--size-large); color: var(--color-muted); width: 100%; display: flex; flex-shrink: 0; flex-direction: column; align-items: center}.element_title {padding-top: var(--size-small); padding-right: var(--size-xsmall); padding-bottom: var(--size-small); padding-left: var(--size-xsmall); text-align: center; color: var(--color-muted); border-top: 1px solid var(--color-subtle); width: 100%; display: flex; flex-direction: column; justify-content: center; flex-grow: 1}.text-weight-semibold {font-weight: 600; font-variation-settings: "wght" 600}.text-weight-semibold { font-weight: var(--text-weight-semibold);}.is-dark {background-color: var(--color-gray-900)}.is-dark { --color-white: hsl(228, 6%, 16%); --color-subtle: hsl(235, 6%, 34%); --color-muted: hsl(240, 6%, 65%); --color-medium-muted: hsl(240, 6%, 65%); --color-medium: hsl(240, 6%, 83%); --color-dark: hsl(0, 0%, 99%); --color-black: hsl(0, 0%, 0%); .filter-button .bricks-button { background-color: var(--color-gray-25); } .filter-button__show-filters { color: var(--color-gray-400); border-color: currentColor; &:hover { color: var(--color-gray-25); } } .brxe-filter-checkbox label { color: var(--color-gray-300); } .brxe-filter-checkbox label.brx-option-active { color: var(--color-gray-25); } .active-filters-mobile { background-color: var(--color-gray-900); } }.feature_media-wrapper {overflow: hidden; border-top-left-radius: var(--radius-small); border-top-right-radius: var(--radius-small); position: relative; padding-top: var(--size-medium); padding-right: var(--size-medium); padding-left: var(--size-medium); background-image: linear-gradient(var(--color-subtle) 0%, rgba(255, 255, 255, 0) 80%); width: 100%}.feature_media-wrapper > * { border-radius: var(--radius-small) var(--radius-small) 0 0; overflow: hidden;}.feature_media {width: 100%}.feature_media { mask-image: linear-gradient(to top, transparent 4%, black 25%); -webkit-mask-image: linear-gradient(to top, transparent 4%, black 25%);}@media (max-width: 991px) {.feature_media:not(.tag), .feature_media img {object-fit: cover}.feature_media {width: 100%; min-height: 100%}}.is-brand {background-color: var(--color-brand-400)}.is-brand { --color-background: hsl(46, 96%, 53%); --color-body: hsl(240, 6%, 10%); --color-eyebrow: hsl(240, 6%, 10%); --color-heading: hsl(240, 6%, 10%); --color-muted: hsl(240, 6%, 10%); --color-subtle: hsl(240, 6%, 10%); .brxw-text-basic { color: var(--color-body); }}.cta-row {display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-3-2)}@media (max-width: 767px) {.cta-row {grid-template-columns: var(--grid-1)}}.max-width-content-large {max-width: var(--max-width-content-large)}.max-width-content-large { text-wrap: pretty;}.text-no-wrap { white-space: nowrap;}.footer {color: var(--color-gray-25); padding-top: var(--size-huge); padding-bottom: var(--size-xlarge); row-gap: var(--size-xlarge)}.footer_cta-row {padding-bottom: var(--size-large); display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-2); align-items: flex-start}@media (max-width: 767px) {.footer_cta-row {grid-template-columns: var(--grid-1)}}.text-color-gray-25 {color: var(--color-gray-25)}.footer_cta-form .form-group input {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form .flatpickr {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); background-color: var(--color-gray-800)}.footer_cta-form select {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: var(--color-gray-300); font-size: var(--text-size-small); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form textarea {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form .bricks-button:not([type=submit]) {border-color: var(--color-gray-700); border-radius: var(--radius-tiny)}.footer_cta-form .choose-files {border-color: var(--color-gray-700); border-radius: var(--radius-tiny)}.footer_cta-form ::placeholder {color: var(--color-gray-300); font-size: var(--text-size-small)}.footer_cta-form {max-width: var(--max-width-content-medium)}.footer_cta-form { gap: var(--size-xsmall); justify-self: end;} .footer_cta-form .form-group { width: auto; padding-bottom: 0; display: grid; flex-grow: 1;} .footer_cta-form .form-group.submit-button-wrapper { flex-grow: 0;} .footer_cta-form .bricks-button.bricks-background-light { --color-white: white;} .footer_cta-form .form-group.captcha { flex-grow: 0;}@media (max-width: 767px) {.footer_cta-form {justify-content: flex-start}.footer_cta-form { justify-self: start;}}@media (max-width: 478px) {.footer_cta-form .submit-button-wrapper {width: 100%}.footer_cta-form .form-group { width: 100%;}}.footer_row {flex-direction: row; justify-content: space-between; column-gap: var(--gap-grid); row-gap: var(--gap-grid); padding-top: var(--size-xlarge); border-top: 1px solid var(--color-gray-600)}.align-items-start {align-items: flex-start}.text-color-gray-400 {color: var(--color-gray-400)}.footer_nav .bricks-nav-menu {flex-direction: column; gap: var(--gap-content)}.footer_nav .bricks-nav-menu > li {margin-left: 0}.footer_nav .bricks-nav-menu > li > a {font-variation-settings: "wght" 600; font-weight: 500; padding-top: var(--size-tiny); padding-bottom: var(--size-tiny)}.footer_nav .bricks-nav-menu > li > .brx-submenu-toggle > * {font-variation-settings: "wght" 600; font-weight: 500; padding-top: var(--size-tiny); padding-bottom: var(--size-tiny)}.footer_nav {margin-top: var(--size-small)}.footer_social-icons {flex-direction: row; column-gap: var(--size-small); flex-wrap: nowrap; width: auto; align-items: center; line-height: 1}@media (max-width: 478px) {.footer_social-icons {display: none}}.footer_social-icon {font-size: var(--size-large); color: var(--color-gray-25); fill: var(--color-gray-25)} </style> <link rel="https://api.w.org/" href="https://bricksbuilder.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://bricksbuilder.io/wp-json/wp/v2/pages/1162" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bricksbuilder.io/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://bricksbuilder.io/interactions/" /> <link rel='shortlink' href='https://bricksbuilder.io/?p=1162' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://bricksbuilder.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricksbuilder.io%2Finteractions%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://bricksbuilder.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricksbuilder.io%2Finteractions%2F&format=xml" /> <meta name="viewport" content="initial-scale=1, viewport-fit=cover" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://bricksbuilder.io/wp-content/uploads/2023/11/Social-Share.jpg"> <script defer data-domain="bricksbuilder.io" src="https://plausible.io/js/script.js"></script> <link rel="icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-270x270.png" />  <meta property="og:url" content="https://bricksbuilder.io/interactions/" /> <meta property="og:site_name" content="Bricks" /> <meta property="og:title" content="Create dynamic user experiences with interactions | Bricks Interactions" /> <meta property="og:description" content="Perform various actions in response to user and browser events. All without touching a single line of code." /> <meta property="og:image" content="https://bricksbuilder.io/wp-content/uploads/2023/11/Social-Share.jpg" /> <meta property="og:type" content="website" /> </head> <body class="page-template-default page page-id-1162 brx-body bricks-is-frontend wp-embed-responsive"> <a class="skip-link" href="#brx-content">Skip to main content</a> <a class="skip-link" href="#brx-footer">Skip to footer</a> <header id="brx-header" class="sticky on-scroll" data-slide-up-after="200"><section id="brxe-limgfm" class="brxe-div notice_wrapper cursor-pointer background-color-secondary-600 bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><div class="brxe-block notice_inner bricks-lazy-hidden"><a id="brxe-cxmunl" class="brxe-text-basic text-size-small text-color-white text-weight-bold text-align-center" href="https://bricksbuilder.io/experts/">[NOW Live] Bricks Experts Directory 🎉</a></div></div></section><section class="brxe-section navbar bricks-lazy-hidden"><div class="brxe-container navbar_wrapper bricks-lazy-hidden"><div id="brxe-pudowi" class="brxe-div bricks-lazy-hidden"><a class="brxe-logo navbar_logo" href="https://bricksbuilder.io"><img src="https://bricksbuilder.io/wp-content/uploads/2023/07/bricks-logo.svg" class="bricks-site-logo css-filter" alt="Bricks" data-bricks-logo="https://bricksbuilder.io/wp-content/uploads/2023/07/bricks-logo.svg" loading="eager" decoding="async" /></a></div><nav id="brxe-fcijjb" data-script-id="fcijjb" class="brxe-nav-nested bricks-lazy-hidden" aria-label="Menu" data-toggle="tablet_portrait"><ul id="brxe-ipbzru" class="brxe-block brx-nav-nested-items bricks-lazy-hidden"><li id="brxe-tvapyw" data-script-id="tvapyw" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Features</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-fxirjc" class="brxe-container grid-auto-3 bricks-lazy-hidden"><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Overview</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-xcoonu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.75 6.5V22"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 10.75h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 14.25h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 17.75h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 10h6.5s.75 0 .75.75v7s0 .75-.75.75h-6.5s-.75 0-.75-.75v-7s0-.75.75-.75"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 14h8"></path><g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 2h19.5s1.5 0 1.5 1.5v17s0 1.5-1.5 1.5H2.25s-1.5 0-1.5-1.5v-17S.75 2 2.25 2"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.75 6.5h22.5"></path></g></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Builder</span><span class="brxe-text-basic nav_item-link-description">Ultimate control and creativity</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/design/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-jenrhu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M5.25 23.25h0a3 3 0 0 1-3-3V6.53a3 3 0 0 1 .32-1.34l2-4a.75.75 0 0 1 1.34 0l2 4a3 3 0 0 1 .32 1.34v13.72a3 3 0 0 1-2.98 3Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25.75h6s1.5 0 1.5 1.5v19.5s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5V2.25s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 5.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 9.75h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 14.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 18.75h3.5"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Design</span><span class="brxe-text-basic nav_item-link-description">Revolutionary design features</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/performance-seo/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-iakkcm" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="m22.5 1.567-2.158.24a7.5 7.5 0 0 0-4.475 2.151L6.06 13.765l4.24 4.242L20.109 8.2a7.494 7.494 0 0 0 2.151-4.475Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m6.06 13.765-3.622-1.208a.749.749 0 0 1-.293-1.241l.232-.232a6 6 0 0 1 6.14-1.45l1.255.418Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m6.06 13.765-3.622-1.208a.749.749 0 0 1-.293-1.241l.232-.232a6 6 0 0 1 6.14-1.45l1.255.418Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.3 18.007 1.208 3.622a.749.749 0 0 0 1.241.293l.233-.232a6 6 0 0 0 1.449-6.14l-.416-1.25Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.3 18.007 1.208 3.622a.749.749 0 0 0 1.241.293l.233-.232a6 6 0 0 0 1.449-6.14l-.416-1.25Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.779 18.538a2.243 2.243 0 0 1-.659 1.591c-.878.878-5.3 2.121-5.3 2.121s1.243-4.425 2.121-5.3a2.246 2.246 0 0 1 1.444-.655" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Performance and SEO</span><span class="brxe-text-basic nav_item-link-description">Unmatched Speed</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/elements/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-rvveuu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75.75h7.231s1 0 1 1v7.231s0 1-1 1H1.75s-1 0-1-1V1.75s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.019.75h7.231s1 0 1 1v7.231s0 1-1 1h-7.231s-1 0-1-1V1.75s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75 14.019h7.231s1 0 1 1v7.231s0 1-1 1H1.75s-1 0-1-1v-7.231s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.635 15.173v6.923"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.096 18.635h-6.923"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Elements</span><span class="brxe-text-basic nav_item-link-description">Explore all elements</span></div></a></li></ul><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Power features</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/query-loop-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-mhzenr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M13.9 15.5a5.61 5.61 0 0 0 4.1 2.248 5.25 5.25 0 0 0 0-10.5c-3.75 0-6 5.25-6 5.25s-2.25 5.25-6 5.25a5.25 5.25 0 0 1 0-10.5A5.617 5.617 0 0 1 10.1 9.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Query Loop Builder</span><p class="brxe-text-basic nav_item-link-description">Retrieve any data</p></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/menu-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-tpujen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M2.25 18.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 12.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 6.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Menu Builder</span><span class="brxe-text-basic nav_item-link-description">Navigate with ease</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/popup-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-cqszys" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M6.76 11.253v-9a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v10.5a1.5 1.5 0 0 1-1.5 1.5h-4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.76 5.253h16.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.76 20.253h9v3h-9Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m7.135 16.878 7.125-7.125" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.76 9.753h4.5v4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Popup Builder</span><span class="brxe-text-basic nav_item-link-description">Build popups that convert</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/woocommerce-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-gpqreb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M3.25 4.25a2.5 2.5 0 0 0-2.5 2.5v7.5a2.5 2.5 0 0 0 2.5 2.5H11l5.5 3-1-3h5.25a2.5 2.5 0 0 0 2.5-2.5v-7.5a2.5 2.5 0 0 0-2.5-2.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.6 7.77c.62 3.56 1.16 5.67 1.16 5.67L7.25 9a7.71 7.71 0 0 0 1.93 4.44 11.16 11.16 0 0 1 1.09-5.91" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.913 12.846a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.128 12.85a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">WooCommerce Builder</span><p class="brxe-text-basic nav_item-link-description">Build your entire shop visually</p></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/forms/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-vedsll" xmlns="http://www.w3.org/2000/svg" viewBox="-0.75 -0.75 24 24" height="24" width="24"><defs></defs><title>paragraph-bullets</title><path d="M2.109375 0.70125h18.28125s1.40625 0 1.40625 1.40625v18.28125s0 1.40625 -1.40625 1.40625H2.109375s-1.40625 0 -1.40625 -1.40625v-18.28125s0 -1.40625 1.40625 -1.40625" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 4.92 -4.21875 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 9.13875 -5.625 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 13.3575 -5.625 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m16.171875 17.57625 -4.21875 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M4.921875 4.92h4.21875v4.21875h-4.21875Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M4.921875 13.3575h4.21875v4.21875h-4.21875Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Forms</span><p class="brxe-text-basic nav_item-link-description">Customized forms made simple</p></div></a></li></ul><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Dynamic Features</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/dynamic-data/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-dilafm" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m20.35 9.25-5.9 7.4c-.1.1-.1.3-.1.4.1.1.2.2.3.2h2.6v6l5.9-7.4c.1-.1.1-.3.1-.4-.1-.1-.2-.2-.3-.2h-2.6v-6Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8.55 7.55c4.308 0 7.8-1.522 7.8-3.4S12.858.75 8.55.75.75 2.272.75 4.15s3.492 3.4 7.8 3.4Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.75 4.15v5.2c0 1.9 3.5 3.4 7.8 3.4 2.15 0 4.099-.375 5.511-.987M16.35 9.35v-5.2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.75 9.35v5.2c0 1.9 3.5 3.4 7.8 3.4 1.1 0 2.1-.1 3-.3"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Dynamic Data</span><span class="brxe-text-basic nav_item-link-description">Render dynamic content effortlessly</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/conditions/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-tyjzhu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M23 7.35s-3.5 7-11 7-11-7-11-7"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m1.375 12.537 2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m7.628 16.4 1.2-2.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m22.625 12.537-2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16.372 16.4-1.2-2.5"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Conditions</span><span class="brxe-text-basic nav_item-link-description">Take personalization to new heights</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/interactions/" aria-current="page" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ztlalt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m10.607 10.104 1.017 12.522c.003.608.792.736 1.267.306l2.876-3.385 4.456.01c.608-.003.933-.76.586-1.12l-8.906-8.833c-.513-.59-1.382-.223-1.296.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12 .815v4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 3.915 2.9 2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.5 11.315h4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 18.715 2.9-2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.5 11.315h-4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m19.5 3.915-2.9 2.8"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Interactions</span><span class="brxe-text-basic nav_item-link-description">Create dynamic user experiences</span></div></a></li></ul></li></ul></li><li data-script-id="tqujml" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Product</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-xgykyp" class="brxe-container bricks-lazy-hidden"><ul id="brxe-mvjgtj" class="brxe-block mobile-portrait:grid-1 grid-auto-6 nav_dropdown-item-list mobile-landscape:grid-2 bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/testimonials/" title="Browse through real Bricks user experiences" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-nyqytn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><g><path d="M18.56 3.93a4.94 4.94 0 1 0 0 9.88 4.5 4.5 0 0 0 1.11 -0.14 0.26 0.26 0 0 1 0.26 0.1 0.24 0.24 0 0 1 0.07 0.23 6.83 6.83 0 0 1 -5.88 3.52 1.25 1.25 0 1 0 0 2.5 9.71 9.71 0 0 0 9.43 -9.94V8.87a5 5 0 0 0 -4.99 -4.94Z" fill="currentColor" stroke-width="1"></path><path d="M6.24 3.93a4.94 4.94 0 1 0 0 9.88 4.56 4.56 0 0 0 1.11 -0.14 0.26 0.26 0 0 1 0.26 0.1 0.24 0.24 0 0 1 0 0.27 6.84 6.84 0 0 1 -5.88 3.52 1.25 1.25 0 0 0 0 2.5 9.71 9.71 0 0 0 9.43 -9.94V8.87a5 5 0 0 0 -4.92 -4.94Z" fill="currentColor" stroke-width="1"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Testimonials</span><span class="brxe-text-basic nav_item-link-description">Real user quotes</span></div></a></li><li id="brxe-npgpet" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/showcase" title="Explore real user experiences" class="brxe-block nav_item-link bricks-lazy-hidden"><svg id="brxe-kllpaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="brxe-icon nav_item-icon feather feather-monitor"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Showcase</span><span class="brxe-text-basic nav_item-link-description"> #builtwithbricks</span></div></a></li><li id="brxe-trefts" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/experts" title="Find Bricks experts to elevate your next project" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ffpate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM18 21.5L15.0611 23.0451L15.6224 19.7725L13.2447 17.4549L16.5305 16.9775L18 14L19.4695 16.9775L22.7553 17.4549L20.3776 19.7725L20.9389 23.0451L18 21.5Z"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Experts</span><span class="brxe-text-basic nav_item-link-description">Find Bricks experts</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/roadmap/" title="See what's next on the roadmap" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-lczfaw" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25.75a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.75.75 0 0 1-1.182 0C3.438 10.827.75 7.171.75 5.25a4.5 4.5 0 0 1 4.5-4.5v0Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.75 11.324a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.749.749 0 0 1-1.182 0c-1.221-1.562-3.909-5.217-3.909-7.138a4.5 4.5 0 0 1 4.5-4.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 15.75v3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 21.75a1.5 1.5 0 0 0 1.5 1.5h1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.25 23.25h1.5"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 1 0-.75"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 0 0-.75"></path><g><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 0 0-.75"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Roadmap</span><span class="brxe-text-basic nav_item-link-description">See what's next</span></div></a></li><li id="brxe-chnlbs" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/changelog/" title="See what's changed so far" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-uwague" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 23.123a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 14.123v6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25 17.123h6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 2.123h15"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 8.123h15"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.123h3"></path><path stroke="currentColor" d="M1.125 8.498a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M1.125 8.498a.375.375 0 0 0 0-.75"></path><path stroke="currentColor" d="M1.125 14.498a.375.375 0 1 1 0-.75"></path><path stroke="currentColor" d="M1.125 14.498a.375.375 0 1 0 0-.75"></path><g><path stroke="currentColor" d="M1.125 2.498a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M1.125 2.498a.375.375 0 0 0 0-.75"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Changelog</span><span class="brxe-text-basic nav_item-link-description">See what's changed</span></div></a></li><li id="brxe-ziotye" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/ideas/" title="Submit your ideas to the idea board" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-wbwtzx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M20.25 23.25a1.934 1.934 0 0 0-.75-1.572 11.239 11.239 0 0 0-7.5-2.357 11.239 11.239 0 0 0-7.5 2.357 1.934 1.934 0 0 0-.75 1.572" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.5 23.071 1.5-3.75 1.5 3.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18 6.75a6 6 0 0 0-12 0 5.846 5.846 0 0 0 3.429 5.493V15h5.142v-2.757A5.846 5.846 0 0 0 18 6.75Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15v1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.938 12h6.124" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 12V9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 6.75 12 9 9.75 6.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.75 6.75h1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.439 10.189 22.5 11.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.439 3.31 22.5 2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 6.75H.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.561 10.189 1.5 11.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.561 3.31 1.5 2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Idea board</span><span class="brxe-text-basic nav_item-link-description">Submit your ideas</span></div></a></li></ul></li></ul></li><li data-script-id="kehatw" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Resources</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-hpyike" class="brxe-container bricks-lazy-hidden"><ul id="brxe-uejihy" class="brxe-block nav_dropdown-item-list grid-auto-5 mobile-landscape:grid-2 mobile-portrait:grid-1 bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://academy.bricksbuilder.io/" rel="external" title="Check out the Bricks academy" aria-label="Check out the Bricks academy" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ecqydu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M17.25 6a5.25 5.25 0 0 1-10.5 0V.75h10.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 23.25a9.75 9.75 0 0 1 19.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.75.75h22.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.75 5.25h10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25.75v7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.013 14.871 12 18.75l4.987-3.879" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Academy</span><span class="brxe-text-basic nav_item-link-description">Master Bricks with concise documentation.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://forum.bricksbuilder.io/" rel="external" title="Become a part of the Bricks Community" aria-label="Become a part of the Bricks Community" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-nrajfo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.728 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.38 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path d="M16.4 23.125v-6.734a6.347 6.347 0 0 1-5.441-4.32l-.842-2.525a1.468 1.468 0 0 1 1.167-1.915 1.523 1.523 0 0 1 1.642 1.062l.818 2.453a3.42 3.42 0 0 0 3.247 2.338h4.3a1.956 1.956 0 0 1 1.958 1.956v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.453 10.548-.2.594A3.424 3.424 0 0 1 7 13.484H2.705A1.956 1.956 0 0 0 .75 15.436v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.6 23.125v-6.734A6.347 6.347 0 0 0 12 14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.5.875v2"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.414 2.961 14 4.375"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.586 2.961 9 4.375"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Forum</span><span class="brxe-text-basic nav_item-link-description">Contribute to the Bricks community.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/contact/" title="Get in touch via email" aria-label="Get in touch via email" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-xughqg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="mail-send--send-email-envelope-dash"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.607142857142858 3.25h-6.5a0.9285714285714286 0.9285714285714286 0 0 0 -0.9285714285714286 0.9285714285714286v4.642857142857143a0.9285714285714286 0.9285714285714286 0 0 0 0.9285714285714286 0.9285714285714286h6.5a0.9285714285714286 0.9285714285714286 0 0 0 0.9285714285714286 -0.9285714285714286v-4.642857142857143a0.9285714285714286 0.9285714285714286 0 0 0 -0.9285714285714286 -0.9285714285714286Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.178571428571429 4.206428571428572 8.357142857142858 6.964285714285714l4.178571428571429 -2.757857142857143" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 3.25H1.8571428571428572" stroke-width="1"></path><path id="Vector_4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 6.035714285714286H1.8571428571428572" stroke-width="1"></path><path id="Vector_5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 8.821428571428571H1.8571428571428572" stroke-width="1"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Email-Support</span><span class="brxe-text-basic nav_item-link-description">Get in touch by email for customer support.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://www.facebook.com/groups/brickscommunity" rel="external" title="Join our Facebook Group" aria-label="Join our Facebook Group" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-wyxzfh" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M12.15 23.25H1.75a1 1 0 0 1-1-1V1.75a1 1 0 0 1 1-1h20.5a1 1 0 0 1 1 1v20.5a1 1 0 0 1-1 1h-6.1v-8.5h2.56a.5.5 0 0 0 .5-.44l.38-3a.5.5 0 0 0-.5-.56h-2.94V9.69A1.69 1.69 0 0 1 17.84 8h1.81a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-1.81a5.69 5.69 0 0 0-5.69 5.69v1.06h-2.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h2.5v8.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Facebook Group</span><span class="brxe-text-basic nav_item-link-description">Join the Bricks Facebook Group</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://www.youtube.com/@bricksbuilder" rel="external" title="Check out our YouTube Channel" aria-label="Check out our YouTube Channel" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-rofnph" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M23.25 7.44A3.44 3.44 0 0 0 19.81 4H4.19A3.44 3.44 0 0 0 .75 7.44v9.12A3.44 3.44 0 0 0 4.19 20h15.62a3.44 3.44 0 0 0 3.44-3.44ZM9.5 15.94V7.28l6.77 4.33Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">YouTube</span><span class="brxe-text-basic nav_item-link-description">Subscribe to the official Bricks YouTube Channel</span></div></a></li></ul></li></ul></li><li id="brxe-wrkpto" class="brxe-block bricks-lazy-hidden"><a class="brxe-text-link nav_item-link" href="https://my.bricksbuilder.io" title="Your Bricks Account">Account</a><ul id="brxe-peifef" class="brxe-block list-none button_group bricks-lazy-hidden"><li class="brxe-block bricks-lazy-hidden"><a id="brxe-cuohpi" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://try.bricksbuilder.io" rel="external" target="_blank" title="Test Bricks for free on the Bricks playground">Try Bricks</a></li><li class="brxe-block bricks-lazy-hidden"><a id="brxe-cokbkh" class="brxe-button bricks-button sm bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks">Get Bricks</a></li></ul></li></ul><button id="brxe-aitbyv" data-script-id="aitbyv" class="brxe-toggle brxa--squeeze" aria-label="Open" aria-expanded="false" data-selector="#brxe-fcijjb"><span class="brxa-wrap"><span class="brxa-inner"></span></span></button></nav><ul id="brxe-elxcpz" class="brxe-block list-none button_group tablet:display-hide bricks-lazy-hidden"><li id="brxe-kuxmqe" class="brxe-div bricks-lazy-hidden"><a id="brxe-nyqmok" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://my.bricksbuilder.io" title="Your account"><span>Account</span><svg class="fill" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="user-circle-single--circle-geometric-human-person-single-user"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.5 7.428571428571429c1.2820878571428573 0 2.3214285714285716 -1.0393407142857143 2.3214285714285716 -2.3214285714285716S7.782087857142858 2.7857142857142856 6.5 2.7857142857142856 4.178571428571429 3.8250550000000003 4.178571428571429 5.107142857142858 5.217912142857143 7.428571428571429 6.5 7.428571428571429Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.5349814285714287 11.05c0.41436571428571434 -0.6801785714285715 0.9967378571428571 -1.2423357142857143 1.6911235714285715 -1.6323357142857144 0.6943857142857143 -0.3900835714285715 1.4774314285714287 -0.5949728571428572 2.2738764285714286 -0.5949728571428572 0.796445 0 1.5794907142857144 0.20488928571428575 2.2738764285714286 0.5949728571428572 0.6944135714285714 0.39 1.2767207142857142 0.9521571428571429 1.691142142857143 1.6323357142857144" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.5 12.535714285714286c3.3334785714285715 0 6.035714285714286 -2.702235714285714 6.035714285714286 -6.035714285714286C12.535714285714286 3.1665678571428573 9.833478571428572 0.4642857142857143 6.5 0.4642857142857143 3.1665678571428573 0.4642857142857143 0.4642857142857143 3.1665678571428573 0.4642857142857143 6.5c0 3.3334785714285715 2.702282142857143 6.035714285714286 6.035714285714286 6.035714285714286Z" stroke-width="1"></path></g></svg></a></li><li class="brxe-div bricks-lazy-hidden"><a id="brxe-yfduth" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://try.bricksbuilder.io" rel="external" target="_blank" title="Try Bricks">Try Bricks</a></li><li class="brxe-div bricks-lazy-hidden"><a id="brxe-zhurwo" class="brxe-button bricks-button sm bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks">Get Bricks</a></li></ul></div></section></header><main id="brx-content"><section class="brxe-section page_header bricks-lazy-hidden"><div class="brxe-container page_header-inner bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Interactions</span><div class="brxe-block page-intro_grid bricks-lazy-hidden"><h1 class="brxe-heading page_title">Create dynamic user experiences with interactions</h1><p class="brxe-text-basic text-size-medium">Perform various actions in response to user and browser events. All without touching a single line of code.</p></div></div></section><section class="brxe-section is-rounded is-dim bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Interaction Essentials</span><div class="brxe-block grid-2 mobile-landscape:grid-1 bricks-lazy-hidden"><h2 class="brxe-heading max-width-heading-medium">Triggers, actions and targets</h2><div class="brxe-block gap-content bricks-lazy-hidden"><p class="brxe-text-basic">Each interaction consists of a trigger, an action and a target. All set through an easy-to-use visual interface. Typical interactions are open a popup, show or hide content, toggle classes or attributes on scroll, click, hover, viewport enter or leave, and more.</p><a class="brxe-text-link text_link" href="https://academy.bricksbuilder.io/article/interactions/" rel="help" target="_blank" title="Learn more about Interactions in the Academy" aria-label="Learn more about Interactions in the Academy">Learn more about Interactions</a></div></div></div><div class="brxe-container grid-auto-3 bricks-lazy-hidden"><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="A collage showing the interaction trigger dropdown content containing click, hover, focus, blur and more triggers along some product cards." decoding="async" fetchpriority="high" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Trigger.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Trigger.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Trigger-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Trigger-768x576.png 768w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-9aee4e" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m10.607 10.104 1.017 12.522c.003.608.792.736 1.267.306l2.876-3.385 4.456.01c.608-.003.933-.76.586-1.12l-8.906-8.833c-.513-.59-1.382-.223-1.296.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12 .815v4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 3.915 2.9 2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.5 11.315h4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 18.715 2.9-2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.5 11.315h-4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m19.5 3.915-2.9 2.8"></path></svg></span><h3 class="brxe-heading feature_card-title">Interaction Trigger</h3><p class="brxe-text-basic feature_card-text">Choose from a vast selection of user and browser events that you want to create an interaction for. Such as responding to clicks, hovers, scrolls,  content loaded, and many more.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="A collage showing the interaction action dropdown content containing show/hide element, set/remove/toggle attribute, start animation and more actions along some product cards." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Action.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Action.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Action-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Action-768x576.png 768w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-tdaicz" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M23 7.35s-3.5 7-11 7-11-7-11-7"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m1.375 12.537 2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m7.628 16.4 1.2-2.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m22.625 12.537-2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16.372 16.4-1.2-2.5"></path></svg></span><h3 class="brxe-heading feature_card-title">Interaction Action</h3><p class="brxe-text-basic feature_card-text">Perform specific and highly customizable actions in response to your interaction trigger. Actions like show/hide an element or popup, setting HTML attributes, running animations, or dynamically loading query loop results.</p></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-full bricks-lazy-hidden" alt="A collage showing a product popup containing the product image, product information and an add to cart button besides a popup settings screenshot." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Target.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Target.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Target-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Target-768x576.png 768w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-rfbiao" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M12.002 17.247v6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.002.747v6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.752 11.997h-6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M23.252 11.997h-6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.752 11.998a8.25 8.25 0 1 0 16.5 0 8.25 8.25 0 1 0-16.5 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><h3 class="brxe-heading feature_card-title">Interaction Target</h3><p class="brxe-text-basic feature_card-text">Specify the element that your interaction should target. Whether it's the element itself, a custom CSS selector, or a popup – you control the impact of your interactions with absolute precision.</p></div></div></div></section><section id="brxe-spmeje" class="brxe-section bricks-lazy-hidden"><div class="brxe-container align-items-center text-align-center gap-grid bricks-lazy-hidden"><div class="brxe-block max-width-medium bricks-lazy-hidden"><h2 class="brxe-heading">A small but fine selection of common  interactions</h2></div><div id="brxe-gwrupo" class="brxe-block justify-content-center bricks-lazy-hidden"><div id="brxe-5d4825" class="brxe-div element bricks-lazy-hidden" data-interactions="[{"id":"iidkoo","trigger":"mouseover","action":"startAnimation","animationType":"tada"}]" data-interaction-id="b1288c"><div class="brxe-div element_icon-wrapper bricks-lazy-hidden"><svg class="fill brxe-icon" id="brxe-cc89ac" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="mouse-wireless--remote-wireless-device-electronics-mouse-computer"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.678571428571429 4.642857142857143a4.178571428571429 4.178571428571429 0 0 0 -8.357142857142858 0v3.7142857142857144a4.178571428571429 4.178571428571429 0 1 0 8.357142857142858 0V4.642857142857143Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.5 3.25V4.642857142857143" stroke-width="1"></path></g></svg></div><div class="brxe-div element_title bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-size-small">Hover me<br>(animate)</span></div></div><div id="brxe-ipjrak" class="brxe-div element bricks-lazy-hidden" data-interactions="[{"id":"mcquux","trigger":"click","action":"startAnimation","target":"popup","templateId":"3367","animationType":"fadeIn"}]" data-interaction-id="7a1e08"><div class="brxe-div element_icon-wrapper bricks-lazy-hidden"><svg class="fill brxe-icon" id="brxe-exivdf" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="left-click"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.678571428571429 6.035714285714286a3.25 3.25 0 1 0 -6.5 0V9.285714285714286a3.25 3.25 0 1 0 6.5 0V6.035714285714286Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.428571428571429 2.7857142857142856v3.25a0.9285714285714286 0.9285714285714286 0 0 1 -0.9285714285714286 0.9285714285714286H4.178571428571429" stroke-width="1"></path><path id="Ellipse 1010" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.3214285714285716 4.178571428571429a3.7142857142857144 3.7142857142857144 0 0 1 3.7142857142857144 -3.7142857142857144" stroke-width="1"></path></g></svg></div><div class="brxe-div element_title bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-size-small">Click me<br>(open popup)</span></div></div><div id="brxe-didjbe" class="brxe-div element bricks-lazy-hidden" data-interactions="[{"id":"mcquux","trigger":"click","action":"toggleAttribute","actionAttributeKey":"style","actionAttributeValue":"display: block","target":"custom","targetSelector":"#brxe-clyqcg"}]" data-interaction-id="0a6628"><div class="brxe-div element_icon-wrapper bricks-lazy-hidden"><svg class="fill brxe-icon" id="brxe-oeyetf" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="horizontal-toggle-button--toggle-adjustment-adjust-button-off-on-horizontal-settings-controls"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.214285714285715 7.660714285714286H2.7857142857142856a2.3214285714285716 2.3214285714285716 0 0 0 0 4.642857142857143h7.428571428571429a2.3214285714285716 2.3214285714285716 0 0 0 0 -4.642857142857143Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.25 10.446428571428571a0.4642857142857143 0.4642857142857143 0 1 0 0 -0.9285714285714286 0.4642857142857143 0.4642857142857143 0 0 0 0 0.9285714285714286Z" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.7857142857142856 5.339285714285714 7.428571428571429 0a2.3214285714285716 2.3214285714285716 0 0 0 0 -4.642857142857143l-7.428571428571429 0a2.3214285714285716 2.3214285714285716 0 0 0 0 4.642857142857143Z" stroke-width="1"></path><path id="Vector_4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.75 3.482142857142857a0.4642857142857143 0.4642857142857143 0 1 0 0 -0.9285714285714286 0.4642857142857143 0.4642857142857143 0 0 0 0 0.9285714285714286Z" stroke-width="1"></path></g></svg></div><div class="brxe-div element_title bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-size-small">Click to show/hide<br>(toggle attribute)</span></div></div></div><div id="brxe-clyqcg" class="brxe-alert alert info"><div class="content"><p>I am an alert. Visible as you’ve clicked on the toggle interaction above. Click the toggle again to hide me.</p> </div></div></div></section><section class="brxe-section is-dark bricks-lazy-hidden"><div class="brxe-container grid-2 tablet:grid-1 align-items-center bricks-lazy-hidden"><div class="brxe-block bricks-lazy-hidden"><div class="brxe-div feature_media-wrapper bricks-lazy-hidden"><img width="1024" height="768" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201024%20768'%3E%3C/svg%3E" class="brxe-image feature_media css-filter size-full bricks-lazy-hidden" alt="A collage showing the interaction conditions: if the browser storage key matches a certain value, the popup is displayed." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Conditions.png" data-type="string" data-sizes="(max-width: 1024px) 100vw, 1024px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Conditions.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Conditions-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Interaction-Conditions-768x576.png 768w" /></div></div><div class="brxe-block gap-grid bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Interaction Conditions</span><h2 class="brxe-heading">Get even more granular with interaction conditions</h2></div><div class="brxe-text" data-interactions="[{"id":"lcbnmv","interactionConditions":[{"id":"reixdj"}]}]" data-interaction-id="f66295"><p>Not only can you set up unlimited interactions, you can also define interaction conditions. So your interactions are only performed when those conditions are met.</p> <p>Unlock advanced capabilities by setting conditions based on browser storage (window, sessionStorage, localStorage).</p> </div><a class="brxe-text-link text_link" href="https://academy.bricksbuilder.io/article/interactions/#conditions" rel="help" target="_blank" title="Learn more in the Academy" data-brx-anchor="true">Learn more about interaction conditions</a></div></div></section></main><footer id="brx-footer"><section class="brxe-section is-brand is-rounded bricks-lazy-hidden"><div class="brxe-container cta-row bricks-lazy-hidden"><div id="brxe-jwiigp" class="brxe-block gap-content bricks-lazy-hidden"><h2 class="brxe-heading">Ready to make your sites pop?</h2><p class="brxe-text-basic max-width-content-large">Experience Bricks and its capabilities yourself before purchasing it over at the free playground. Or become part of our community of passionate builders today by getting your own license and take your website building journey to the next level!</p></div><div id="brxe-ldiajh" class="brxe-div button_group bricks-lazy-hidden"><a id="brxe-otgrdn" class="brxe-button text-no-wrap bricks-button lg outline bricks-color-dark" href="https://try.bricksbuilder.io/" rel="external" target="_blank" title="Try Bricks for free" aria-label="Try Bricks for free">Try Bricks</a><a id="brxe-sziinq" class="brxe-button text-no-wrap bricks-button lg bricks-background-dark" href="https://bricksbuilder.io/pricing/">Get Bricks</a></div></div></section><section class="brxe-section footer is-rounded is-dark bricks-lazy-hidden"><div id="newsletter" class="brxe-container footer_cta-row bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><h2 class="brxe-heading text-color-gray-25">Join our newsletter</h2><p class="brxe-text-basic">Occasional important updates straight to your inbox. No Spam.</p></div> <form data-script-id="urfowq" class="brxe-form footer_cta-form" method="post" data-element-id="urfowq"> <div class="form-group" role="group"> <input id="form-field-ea7e88" name="form-field-b51034" aria-label="Email" type="email" value placeholder="Enter your email address" maxlength="320" required> </div> <div class="form-group captcha"><div id="turnstile-urfowq" class="cf-turnstile" data-sitekey="0x4AAAAAAANW70IRyydzURwe"></div></div> <div class="form-group submit-button-wrapper"> <button type="submit" class="bricks-button bricks-background-light"> <span class="text">Subscribe</span><span class="loading"><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke-linecap="round" stroke-width="1" stroke="currentColor" fill="none" stroke-linejoin="round"><path d="M0.927,10.199l2.787,4.151l3.205,-3.838"></path><path d="M23.5,14.5l-2.786,-4.15l-3.206,3.838"></path><path d="M20.677,10.387c0.834,4.408 -2.273,8.729 -6.509,9.729c-2.954,0.699 -5.916,-0.238 -7.931,-2.224"></path><path d="M3.719,14.325c-1.314,-4.883 1.969,-9.675 6.538,-10.753c3.156,-0.747 6.316,0.372 8.324,2.641"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg> </span> </button> </div> </form> </div><div class="brxe-container footer_row grid-auto-5 align-items-start bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Features</span><div id="brxe-bqkhji" data-script-id="bqkhji" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-features" class="bricks-nav-menu"><li id="menu-item-1389" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1389 bricks-menu-item"><a href="https://bricksbuilder.io/builder/">Builder</a></li> <li id="menu-item-1390" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1390 bricks-menu-item"><a href="https://bricksbuilder.io/design/">Design</a></li> <li id="menu-item-1391" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1391 bricks-menu-item"><a href="https://bricksbuilder.io/dynamic-data/">Dynamic Data</a></li> <li id="menu-item-1392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1392 bricks-menu-item"><a href="https://bricksbuilder.io/performance-seo/">Performance & SEO</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Resources</span><div id="brxe-lxypwi" data-script-id="lxypwi" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-resources" class="bricks-nav-menu"><li id="menu-item-1393" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1393 bricks-menu-item"><a href="https://academy.bricksbuilder.io/">Academy</a></li> <li id="menu-item-1394" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1394 bricks-menu-item"><a href="https://forum.bricksbuilder.io">Forum</a></li> <li id="menu-item-1395" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1395 bricks-menu-item"><a href="https://www.youtube.com/@bricksbuilder">YouTube</a></li> <li id="menu-item-1396" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1396 bricks-menu-item"><a href="https://www.facebook.com/groups/brickscommunity">Facebook</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Product</span><div id="brxe-ozioha" data-script-id="ozioha" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-product" class="bricks-nav-menu"><li id="menu-item-1397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1397 bricks-menu-item"><a href="https://bricksbuilder.io/pricing/">Pricing</a></li> <li id="menu-item-9579" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9579 bricks-menu-item"><a href="https://bricksbuilder.io/roadmap/">Roadmap</a></li> <li id="menu-item-9581" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9581 bricks-menu-item"><a href="https://bricksbuilder.io/changelog/">Changelog</a></li> <li id="menu-item-9580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9580 bricks-menu-item"><a href="https://bricksbuilder.io/ideas/">Idea board</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Company</span><div id="brxe-xvhhiy" data-script-id="xvhhiy" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-company" class="bricks-nav-menu"><li id="menu-item-2490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2490 bricks-menu-item"><a href="https://bricksbuilder.io/contact/">Contact</a></li> <li id="menu-item-1403" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1403 bricks-menu-item"><a href="https://bricksbuilder.io/affiliate-program/">Affiliate Program</a></li> <li id="menu-item-1404" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1404 bricks-menu-item"><a href="https://bricksbuilder.io/bricks-builder-brand-assets.zip">Media Kit</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Legal</span><div id="brxe-imcksj" data-script-id="imcksj" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-legal" class="bricks-nav-menu"><li id="menu-item-4032" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4032 bricks-menu-item"><a href="https://bricksbuilder.io/terms-of-service/">Terms of Service</a></li> <li id="menu-item-1409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1409 bricks-menu-item"><a href="https://bricksbuilder.io/privacy-policy/">Privacy Policy</a></li> </ul></nav></div></div></div><div class="brxe-container footer_row align-items-center bricks-lazy-hidden"><svg class="brxe-svg" id="brxe-feyghe" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512px" height="512px" viewBox="0 0 512 512" version="1.1"><title>bricks-favicon-512x512</title><desc>Created with Sketch.</desc><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><image id="bricks-favicon-512x512" x="0" y="0" width="512" height="512" xlink:href="data:image/png;base64,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Im0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JFHs2XoaLAAIGBLp7BmRRU58sWNwnC9Wf8xv7pLG5Tzq6BqSze0C61Ffnqt9/+PfePpHyMpHK8kL1VbDKV6FUlBVIVYX6eUXBR9/rn40YVigbjCuWUXVFBkZOEwggYEqAAGBKknYQcEygvWNA3nivR2bN7pZZ7/bIBwt7ZcES9Yavvppa+q2PVgeGiWNL1FeRTGgoVqFgxfcTxxbL2FHFUlBgfUh0iEDUAgSAqMvP5EMReG9eb+pNfta76s1+do+8rr7eX9ArAw5NsL1zQI2rW319fFBlJQWy3piiVCj45IRi2W7TMtn2U2VSU8VRyo9r8RMEzAgQAMw40goCVgX0p/knX+5UX13y1Cudave9/U/0JifcpQ5J/OeD3tTXI8+KXPnnVilUewQ2mVQi0zYvl+03K0t9Da8hEJh0p624BQgAcdef2XsioI/PP/lSp3qz70q98X+wSB2MD3zpV7svZr7Tk/q6/u5W0UcINp5YkgoCqVCg9hKMrCMQBL4ZML0EBQgACeLSNAJDEdCf8mc83iH3/bMt9SY4lLZCeK0+nKHPadBft8xYnprShuNLZM8dyuXg3apk8gYlIUyTOSBgTYAAYI2ajhBIL6DPyp/xeLvMeKJDXnqjK/0LIl/jnbk9ctUd+qtVHS4oVUGgUg7YuVIaRnLFQeSbBtPPQIAAkAESqyCQpMCSpSve9O9Tn/b/9VqXUyfuJTlv022vOMGwW351w1LZYQu1V2DXStlnxwqpruQwgWlr2gtDgAAQRh2ZhYcCL6tP+Dff16Y+7beLvi6fxYyAPndgxQmSnXLmb0X2mFYhh+xWLbtMLZPiYq41NKNMKyEIEABCqCJz8EagR73R36/e8G+6d7m89Ga3N+P2daBdPaK8O1JfdeoKgiP2q5ajDqqRulr2CvhaU8ZtToAAYM6SlhAYVECfxf+7+5fLHx5oS91xb9AV+UViAs2t/fKbP7WIvqLgiH2r5bhDa7mKIDFtGvZBgADgQ5UYo7cC+kz+S//QInc/1i49vezmd6GQ+oZE1/ylVR1+aZXD96mW4w+r5aRBFwrDGKwLEACsk9NhDAL6dru/+WOL3PZQG2/8jhZcHx7Qh2L0XpnD9qiUb36xVt2NkP8SHS0Xw0pAgK09AVSajFdAn9Gv72J364xW0W8wLO4L6BMwdQi4XYW1g3atkm99qUYmqfsLsCAQugABIPQKMz8rAi3L++XqO1vlxntaRe9iZvFPQD/p8I5H2uQvf9dBoFLOOHq4OkeA+wn4V0lGnKkAASBTKdZDYC0C/eoW/Dfft1wu/t0yaWnz+378a5lelD/SlxH+5dF2+ftznfL9o4bL9L2ronRg0uELcC1M+DVmhgkJvPRGtxz4nQXys6ubefNPyDifzS5Te3XOuKxJpn9vkbw9h+M5+awFfScjQABIxpVWAxZYpi4n++FvmuSwUxfKa+phNSxhCzw3s0v2P2mhXHTrMm7YFHapo5sdASC6kjPhoQjc8XCb7HH8/NRJYxzpH4qkX6/VJwpepq7q2PfbC+Qp9RhmFgRCEOAcgBCqyBwSF5itHjpzuNoV/Kz6NMgSr8Dseb1yxA8b1WWDVfKDY4ZzR8F4N4UgZs4egCDKyCSSFnjgyQ7e/JNG9qh9fbXAnt+Yrx7V3O7RqBkqAqsLEABW9+BvCCCAQEYCTS39cuJ5S+Ssq5qll7s8ZmTGSm4JEADcqgejQQABzwT03QS//INGnvHgWd0YrggBgK0AAQQQGKLA86+pKwVOXCDPc47IECV5uU0BAoBNbfpCAIFgBRqb+1MnCOo9AiwI+CBAAPChSowRAQS8ENBPfNTnBJxyQZN0dnGhqBdFi3iQBICIi8/UEUAgGYG7HlVPGDxtkcyZ35tMB7SKgAEBAoABRJpAAAEE1hR4ffaKW0U/+lzHmr/i7wg4IUAAcKIMDAIBBEIUaGkbkON+tjj1qOEQ58ec/BYgAPhdP0aPAAKOC+inC37/kia5dQYnBzpequiGRwCIruRMGAEEbAvo0wF/fEWzXHtnq+2u6Q+BQQUIAIPS8AsEEEDArMAvr18ql/+pxWyjtIZAjgIEgBzheBkCCCCQi8AFtyyTC25elstLeQ0CRgUIAEY5aQwBBBBIL3D5bS3yi2uXpl+RNRBIUIAAkCAuTSOAAAKDCVx3V6uceXnzYL/m5wgkLkAASJyYDhBAAIG1C/zur8vluxc3yQA3DVw7ED9NVIAAkCgvjSOAAALrFvjzw21y6oVN616J3yKQgAABIAFUmkQAAQSyEdC3Dr5QnRzIgoBNAQKATW36QgABBAYR+I26PFAHARYEbAkQAGxJ0w8CCCCQRuCMS5vlX691pVmLXyNgRoAAYMaRVhBAAIEhC3T1DMjxP18s7y/gKYJDxqSBtAIEgLRErIAAAgjYE2hq6ZdjzmqU1rZ+e53SU5QCBIAoy86kEUDAZYG33++VE85dIn19Lo+SsfkuQADwvYKMHwEEghR4/MVO+emV3CgoyOI6MikCgCOFYBgIIIDAmgL6RkE33sNjhNd04e9mBAgAZhxpBQEEEEhE4BfXNstjz3cm0jaNxi1AAIi7/sweAQQcF+hT5wKeesESaWzmhADHS+Xd8AgA3pWMASOAQGwCza39qWcGxDZv5pusAAEgWV9aRwABBIwI/ONfnXLrDM4HMIJJIykBAgAbAgIIIOCJwDnXL5XZc3s8GS3DdF2AAOB6hRgfAggg8KFAR9eAenJgM/cHYIswIkAAMMJIIwgggIAdgZfe6JLL1YODWBAYqgABYKiCvB4BBBCwLPCbPy2TV97sttwr3YUmQAAIraLMBwEEghfoVVcEnqIuDexUhwRYEMhVgACQqxyvQwABBPIo8M7cXjn3hmV5HAFd+y5AAPC9gowfAQSiFbjlvlZ5Qj0zgAWBXAQIALmo8RoEEEDAAQF9AOCsq7gqwIFSeDkEAoCXZWPQCCCAwAqB/3zQK394gBsEsT1kL0AAyN6MVyCAAAJOCVzy+xZZ3q4eGsCCQBYCBIAssFgVAQQQcFFgybI++e1t3BvAxdq4PCYCgMvVYWwIIIBAhgI33N0q8xp5YmCGXKymBAgAbAYIIIBAAAJd6hEB59+0NICZMAVbAgQAW9L0gwACCCQscM9j7dwhMGHjkJovDmkyzAUBBD4uUKB+VFdbKFUVhVJZXiAVZQVS+eH3pSUiXeqOsu2d/dLRpf7s6P/o++aWPunnRnMfB3X4J7pcv7xuqfzxV6MdHiVDc0WAAOBKJRgHAkMUqKkslK0ml8qk8SUyoaFIJo5Vf44tkvXHFEu5etPPdunuGZC5i/pkzoJeeW9ej/pTf98jr73Tq44192bbHOtbEnh2Zpf87ckO2fszFZZ6pBtfBQgAvlaOcUcvMLquSLbdtFS237Rcttu0TKZMKpGC7N/nB3UsLSlQYaI49SVTy1dbT59s9uy/O+X517rlOfWG8/acHmFnwWpEef3Lr25cKntsXy7FxQY3iLzOiM6TECAAJKFKmwgkJDB+VJHsv3OlHLhLlWyyodp/n6dlnBrHwbtVpb70EJpb+uXBp9rlnn+0yzOvdnHoIE91Wdntu/N65S+PtssX96xa+SP+ROBjAgSAj5HwAwTcEqgftuJNf//PVsjUT5W5NbgPR6PPMZi+d3Xqa1FTn9z3zxVh4JW3eGRtvgp24z3LCQD5wvekXwKAJ4VimPEJTGgoluMOrVH/iVeLPlnPl2X0iCI5+uCa1Nes2T2pG9Tc/0Q7ewUsF/D12d3y9CtdssMWboZGyxx0txYBLgNcCwo/QiCfApuoY/mXnF4vf796rByxn19v/mu66fMSLv1evTx81ViZvle1lHBMek2iRP+ubw7EgsBgAgSAwWT4OQKWBfTZ+lefOVJmXNYgB+xSKYUB/evcYFyxnHNinTx2TYMcsW+1FHJumpWt65FnO+R9dRUHCwJrEwjov5i1TY+fIeC+QJk62/5/D6+VB69okM9NC/vSrbGjiuXsb9fJHb8eLZvm8SRG97cKMyPU93G4+T6eFGhGM7xWCADh1ZQZeSSwi7q87oHLG+TkrwyTstJ4PhZvOblM7r64QX507HB1g6J45p2PTfP2h9rUDZ64SDMf9q73SQBwvUKML0gBfUe+C06plxvOGiUT1e7xGBd9iEOfLPjQFWNFByGWZARa2vrlzw+zFyAZXb9bJQD4XT9G76HAxhNK5O6LGuSQ3Ss9HL35ITeMLEoFoZO+XCvsCzDvq1u86V4CQDKyfrdKAPC7fozeM4HD9qiSuy4aI59YP85P/esq10lfHibX/XSUDKvmv6V1OeXyu9nqxkCPPteRy0t5TcAC/EsLuLhMzR0Bffnbr04aIeefPCKn+/K7M5NkR7LrtuVyz8VjRF8KyWJWQN8YiAWBVQUIAKtq8D0CCQjop+9doy7v47asmeGur26AdMevx8hnt+a8gMzEMlvriRc7ZT4PccoMK5K1CACRFJpp5kdA786+9RejZWdOcsuqAPrphdf8eKR6oE3Yl0VmhTLElfV1AA8+3TnEVnh5SAIEgJCqyVycEhijbon7J/Vc9q2nlDo1Ll8Go59GeMUP6mXfHTlZ0lTN/qpuycyCwEoBAsBKCf5EwKDA+NHFcvv5o2XjiRzLHgqrfpztpd+tV08/JAQMxXHla59/rUuWLO1b+Vf+jFyAABD5BsD0zQvUVhXKdT8ZKeupW/uyDF2gqEjkotPqZZ/PcDhgqJr6zoAPP8NhgKE6hvJ6AkAolWQeTgjos/0vP6OeT/6Gq1GgbhBw4an13D7YgOtf/4/DAAYYg2iCABBEGZmEKwI/V/e533Erzl5Poh4rTgwcJaPr1C4BlpwFnlKPCG5t49bAOQMG9EICQEDFZCr5FThhei2X+iVcAn3XQP3ExPKInptgmrSnd0D0UwJZECAAsA0gYEBAX7N+yleHGWiJJtIJbLFxaeqGSunW4/eDCzzAYYDBcSL6DQEgomIz1WQEhtcU8oaUDO2grX7+s5Vy+N5Vg/6eX6xb4J8vdEpHJ4cB1q0U/m8JAOHXmBkmLKCP+49W1/yz2BX40bF1sj5XWuSE3tk9II89z2GAnPACehEBIKBiMhX7AofsVin77cQ16vblRSorClJ7XniCYG76XA6Ym1tIryIAhFRN5mJVYPyoIjnrm3VW+6Sz1QW236xMjj64ZvUf8reMBPRNgVjiFiAAxF1/Zj8EgR8cM1yqK/knNARCIy89/WvDZcPx3HQpW8z3F/bK4mbuCpitW0jr879XSNVkLtYEpm5SJvuy69+a97o6KlV3W9ZhjCV7gZfe7M7+RbwiGAECQDClZCI2BXjDsamdvq/d1VMDp6nDASzZCbw4iwCQnVhYaxMAwqons7EgoE/64wl/FqCz7OL7Rw0TTgjMDu2F1zkPIDuxsNYmAIRVT2aTsIC+1//pR3LDn4SZc2p+y8ll6ooMHhiUDd6rb3dLf382r2DdkAQIACFVk7kkLnDQrpUycRwnnCUOnWMH+oRAHdJYMhNoVzcDeuPdnsxWZq3gBAgAwZWUCSUpcOT+1Uk2T9tDFJgwtpi9AFkavjCLwwBZkgWzOgEgmFIykaQFtplSKpttVJp0N7Q/RIEj9+e+ANkQvkgAyIYrqHUJAEGVk8kkKfC1A3hjSdLXVNv6BM3NCWoZc770BocAMsYKbEUCQGAFZTrJCIyqK5R9d+QEs2R0zbfKoZrMTd+Z2yNLWzkTMHOxcNYkAIRTS2aSoMD0vaqlmJPLEhQ22/QBu1TJiFr+e8tU9dW3uB9AplYhrce/kJCqyVwSE+DyssRoE2lY3x3w0D14XHCmuO/N7810VdYLSIAAEFAxmUoyAvqRs1MmcfJfMrrJtbrXDhyyyVT3A/VcAJb4BAgA8dWcGWcpsCdvJFmKubH61E+VycjhRW4MxvFRfLCIAOB4iRIZHgEgEVYaDUmAAOBnNQvU/YD2UM8IYEkv8MFCngqYXim8NQgA4dWUGRkUqKsplO025SEzBkmtNrXnDuVW+/O1Mw4B+Fq5oY2bADA0P14duMDOU8ulkH8l3lZ5p60rpLKcWwOnK2BTS7+0dwykW43fBybAf22BFZTpmBXYejIn/5kVtduavhqAPTiZmXMeQGZOIa1FAAipmszFuIB+whyL3wJbEeIyKiCHATJiCmolAkBQ5WQyJgVKSwpkk0nqIySL1wJbbkyIy6SABIBMlMJahwAQVj2ZjUGBKRuUiA4BLH4LbLkxh3EyqeDcRq4EyMQppHUIACFVk7kYFeCNwyhn3hqrU7cEntBQnLf+fen4/QXcC8CXWpkaJwHAlCTtBCfAE+XCKSnnAaSvJfcCSG8U2hoEgNAqynyMCUwcx6dGY5h5bmjyRM7lSFcCfSkgS1wCBIC46s1ssxAYN4oAkAWX06uOH00t0xWovZMAkM4otN8TAEKrKPMxIlCk/mU01HMfeSOYDjQyfjS1TFeGDgJAOqLgfk8ACK6kTMiEwOgRRVLEe4YJSifaYA9A+jJ09YgMcDPA9FABrUEACKiYTMWcAG8Y5ixdaGmM2ptTUswlnelq0dFJAkhnFNLvCQAhVZO5GBMYN4qP/8YwHWhIPxlw7Ehqmq4UHV2cB5DOKKTfEwBCqiZzMSbAc+SNUTrTEOd0pC9FZ3f6dVgjHAECQDi1ZCYGBSrK2F1skNOJpngqYPoycCJgeqOQ1iAAhFRN5mJMoJwAYMzSlYYqyvnvLl0t2jkHIB1RUL/nX0RQ5WQypgTYA2BK0p12ynkkQNpidHZzEmBapIBWIAAEVEymYk6APQDmLF1piT0A6SvR0UUASK8UzhoEgHBqyUwMClSU8U/DIKcTTbFXJ30Z2ju4CiC9Ujhr8L9cOLVkJgYF2F1sENORpggA6QvBVQDpjUJagwAQUjWZCwIIIIAAAhkKEAAyhGK1uAT4JBRevTm+nb6m7PlKbxTSGgSAkKrJXIwJcEc0Y5TONEQASF+KygreEtIrhbMG1Q6nlszEoEAnZ0Mb1HSjKW5yk74OnCeR3iikNQgAIVWTuRgT4NOiMUpnGuKwTvpSlJdyB8z0SuGsQQAIp5bMxKAAewAMYjrSVCcPuklbCW6XnJYoqBUIAEGVk8mYEmAPgClJd9pp6+AmN+mqwc2S0gmF9XsCQFj1ZDaGBBYv7TPUEs24IrCwiZqmqwVXAaQTCuv3BICw6slsDAnMa+TNwhClM83MX0xN0xWjkgcmpSMK6vcEgKDKyWRMCcxd1GuqKdpxQGCR+vTf3cMhgHSl4BkY6YTC+j0BIKx6MhtDAguX9EkfHxgNaea/mbmLKGa6KugrAAq4CCAdU1C/JwAEVU4mY0qgX31YXKBCAEsYAvMa2aOTrpLcAyCdUHi/JwCEV1NmZEiAwwCGIB1ohj0A6YvAFQDpjUJbgwAQWkWZjzGB9+bzqdEYZp4beuPdnjyPwP3u62rY/+9+lcyOkABg1pPWAhJ45c3ugGYT91ReppZpN4D1xhSnXYcVwhIgAIRVT2ZjUOCVtwgABjnz1lRr24DMnssegHQFWL+BAJDOKLTfEwBCqyjzMSYwS+027uZ9w5hnvhp6+c0u4QLA9PrrjSYApFcKaw0CQFj1ZDYGBXp6B+S1d9gLYJA0L02xJycz9vXGFGW2ImsFI0AACKaUTCQJAY4dJ6Fqt82X3yDEZSLOOQCZKIW1DgEgrHoyG8MCL7zeZbhFmrMp0Kv24jzzb2qYifn6nASYCVNQ6xAAgionkzEt8M8XOrkjoGlUi+09/WqXtLT1W+zRz65G1BZKRTmXAfpZvdxHTQDI3Y5XRiCwbHm/+gTZGcFMw5ziw89Qu0wqyxUAmSiFtw4BILyaMiPDAg89zZuIYVJrzT30dLu1vnzuaPxoTgD0uX65jp0AkKscr4tG4KGnO6KZa0gT/ffb3cIjgDOrKMf/M3MKbS0CQGgVZT7GBfSDZPSbCYtfAg8+RXDLtGJcAZCpVFjrEQDCqiezSUjg/ifYlZwQbSLN6kc53/5QWyJth9joxLHcBCjEuqabEwEgnRC/R0AJ3PZgG3cF9GhL+Jv69L+wicc5Z1qyzTYqzXRV1gtIgAAQUDGZSnICTS39cs9jfKJMTthsyzff22q2wYBbmzSuWIbX8FYQcIkHnRpVH5SGXyCwusBNvKmsDuLo3/Sjf5+dyc1/Mi3P1lP49J+pVWjrEQBCqyjzSUxg5js98jxvLIn5mmr4lhnLTTUVRTtbTymLYp5M8uMCBICPm/ATBAYVYC/AoDRO/GLhkj658xEO1WRTjG0IANlwBbUuASCocjKZpAX++n8dMms2lwQm7Zxr+xfdukw6u3n4b6Z+ler2v5M3KMl0ddYLTIAAEFhBmU6yAv3qveWc65cl2wmt5yTw1pweuYNP/1nZbfHJUinkXSArs5BWpvQhVZO5WBF4/MVO+ce/uD2wFewsOjn/pmXSx3N/shAT2WYTjv9nBRbYygSAwArKdOwInHPdUunnzcYOdga9PKdOznz4Ge78lwHVaqtsPZkAsBpIZH8hAERWcKZrRuBNtbtZ3xyIJf8Cvb0DctZVzfkfiIcj2Goyx/89LJuxIRMAjFHSUGwC5920VBZxt7m8l/2yP7bIa+oSTZbsBCY0FEv9cJ4CmJ1aWGsTAMKqJ7OxKLC0tV9Ou7DJYo90tabAq291yxW3t6z5Y/6egcDUTbgBUAZMQa9CAAi6vEwuaYEnXuqU6+/itrNJO6+t/W71of/UC5dIL7f8XxtP2p99blpF2nVYIWwBAkDY9WV2FgT02ef69rMsdgUuuGWpvP1+r91OA+mtvLRAdt2WABBIOXOeBgEgZzpeiMAKga6eATn510t4WqDFDeKhpzvk2jvZ85Ir+S5Ty6VC3QSIJW4BAkDc9Wf2hgRmqT0Ap1ywRAa4CZ0h0cGbmTW7JxW4oB7cKN1v9vkMn/7TGcXwewJADFVmjlYE7n+iXX6p7g/AkpzA4uY+OfZni6W9k7f/XJVLSwpk9+0JALn6hfQ6AkBI1WQueRe4Tp0QeNO9PI0uiUJ0q0Mtx/98scxr5Lj/UHx33LJMaqr4r38ohqG8lq0glEoyD2cEzr66WR58irvSmSyIPrRy+kVN8uIbPIhpqK777Fg51CZ4fSACBIBACsk03BHQDwz6zvlL5An1zACWoQvoWy7r8yvu/Wf70BuLvIVidd+fPXdg93/km8FH0ycAfETBNwiYE9CPpNXHqtkTMDTTPnWN/0nnLZa7H+PNf2iSK149bbNyGV7Df/smLENogy0hhCoyBycF9DHrE85dLHc9yjMDcimQvsf///5qscx4gsMpufit7TX77Min/7W5xPozAkCslWfeVgT0XepOvaBJfnc/JwZmA96l9qB865zF8sCTvPln47audQvVZf97fZoAsC6j2H5HAIit4szXuoC+YO3M3zbLBTcv4z4BGejPXdQnXzhtoXq8L+dQZMCV8Sqf3aZcRtXx8J+MwSJYkQAQQZGZohsCl9/WIl87s1GalnHz+sEqok+cPPCkBTKTp/sNRpTzz486sCbn1/LCMAUIAGHWlVk5KqAfHnTASQvlxVlczrZmia5UT/X7+o8bpVk9ZZHFrMBG6xfLzur2vywIrCpAAFhVg+8RsCAwf3GfHP79RXLD3dzLXnMvXNIn/3P2YjlPPVRJX0LJYl7g63z6N48aQIsEgACKyBT8E+hRZ7iffc1SOezUhaLvbR/jom/uc7O6a+Ke31igjvdzsl9S24C+7O/Q3auSap52PRYgAHhcPIbuv4C+s90B6pj3L65dKu0d8Xz8fV0d4z9UhZ+fXtUsyzvY5Z/klnz43lVSXsaT/5I09rVtAoCvlWPcwQj0qfc//QyBPb85X+5Td7sL+YmCenf/WepN/8DvLJCX3+Q8iKQ3Yn3nvyP35+S/pJ19bb/Y14EzbgRCE9DnBpx43hK55PfL5BtfqJWDdq2U4uIwPrm9v6BXrvxzi9zxSLvoGySx2BHY5zOV0jCSS//saPvXCwHAv5ox4sAF/vNBr5x+cZNc/PsWOe6Qapm+d7WUlfoZBN6e0yNX3N6q7uPfJvqmSCx2BY4+mE//dsX96o0A4Fe9GG1EAnMX9apj5EvVHoEW2W+nSjlQ7RHYbtMy5wUWN/fLfY+3q/v3t7GbP4/V2npyqWylvlgQGEyAADCYDD9HwBEBfV387/66PPU1fnSx7P/ZCnV4oEqmTCpxZIQiS9UYH1Fn8uuH9jz1Sqfo8xpY8itw1EF8+s9vBdzvnQDgfo0YIQIfCei9Alfd0Zr6GlVXmNojsP2m5ak/dSAosHSkYH5jrzw3s1t9daW+3lK7+jmy/1GZ8v7NxhNKUnuN8j4QBuC0AAHA6fIwOAQGF2hUu9rvV0/K0196qa0qlC03LpVJ40tkQkORTByr/hxbpL4vzukcgh51st4HKnDMWdAn783rSf05Z0GP6Ev45jZyQH/wyuT/Nz84ZrgUco1X/gvh+AgIAI4XiOEhkKlAS1u/PK7upa+/Vl30ToG62kKpLC+QqopCqVDXhFeqP/XfS9VRhC51NV57Z790dKk/1TX5K79vbunjznyrQnry/c7qoT/c9teTYuV5mASAPBeA7hFIWkDvmm9q6Vdfuic+uSftnc/2i9Sn/h8eOzyfQ6BvjwTYSeRRsRgqAgggsC4BfcnoJ9XxfxYEMhEgAGSixDoIIICA4wI1lYVy8hG1jo+S4bkkQABwqRqMBQEEEMhR4JtfrJH64dz1L0e+KF9GAIiy7EwaAQRCElhvdJEcfTCf/kOqqY25EABsKNMHAgggkKDAd78+PHVFR4Jd0HSAAgSAAIvKlBBAIB6BbaaUyv47V8YzYWZqTIAAYIyShhBAAAG7Avpxvz/+nzq7ndJbMAIEgGBKyUQQQCA2gW9Pr5Ut1N0fWRDIRYAAkIsar0EAAQTyLLCVeuM/YfqwPI+C7n0WIAD4XD3GjgACUQro2zhfdFq9FHHVX5T1NzVpAoApSdpBAAEELAmceVydTBzHndwtcQfbDQEg2NIyMQQQCFHgc9PKZfreVSFOjTlZFiAAWAanOwQQQCBXgVF1RXLuiSNyfTmvQ2A1AQLAahz8BQEEEHBX4NwT62TEMA78u1shv0ZGAPCrXowWAQQiFThi32rZbbuKSGfPtJMQIAAkoUqbCCCAgEGBDccXyw+PHW6wRZpCQIQAwFaAAAIIOCxQVVEgl31vpJSXFTg8SobmowABwMeqMWYEEIhCoFC9519yer1ssmFJFPNlknYFCAB2vekNAQQQyFjgTHWf/92357h/xmCsmJUAASArLlZGAAEE7Ah87YBq0V8sCCQlQABISpZ2EUAAgRwFdldn++u7/bEgkKQAASBJXdpGAAEEshT4lDref+l366WQ/52zlGP1bAXYxLIVY30EEEAgIYGG+iK57iejpFKd+c+CQNICBICkhWkfAQQQyEBAP+HvWvXmP0aFABYEbAgQAGwo0wcCCCCwDoGVl/vp3f8sCNgSIADYkqYfBBBAYBCBn36jTvaYxuV+g/Dw44QEeKB0QrA0iwACCKQT0Ef6z/52nXxZ3eefBQHbAgQA2+L0hwACCCiBIrX/VT/a97DPVeGBQF4ECAB5YadTBBCIWaBYned34an1sv/OlTEzMPc8C3AOQJ4LQPf5E1hvNGdb508/3p5LSwrk8jNG8uYf7ybgzMwJAM6UgoHYFvj9OaNl841KbXdLfxELlKmT/K/60UjZcwdO+It4M3Bm6gQAZ0rBQGwL1A8rkt+fM0o+vUWZ7a7pL0IBfZ3/9T8dJbtMLY9w9kzZRQECgItVYUzWBKoqCuWGs0bJ3p/mE5k19Ag7qqkslBvVdvbpLXnzj7D8zk6ZAOBsaRiYLYGVx2Sn78WlWLbMY+pnWHWh3Hz2SNl2U/Y0xVR3H+ZKAPChSowxcQH94JVzTqyT4w+rSbwvOohH4BPrFcsdvx4jW07mzT+eqvszUwKAP7VipBYEvnfUcDnj6OEWeqKL0AX23bFS7rpojGyoQgALAi4KsGW6WBXGlFeB4w6tkbqaQjnjsibp68/rUOjcQwF9g5/Tjhwux3+BvUkeli+qIRMAoio3k81U4At7VknDyCI5+ddNsmRZX6YvY73IBUbUFsol362XHbfiZL/INwUvps8hAC/KxCDzIbDT1uVy36VjZNtPcfw2H/6+9bnFJ0vlnovH8ObvW+EiHi8BIOLiM/X0AvrZ7H9QNww67hB256bXineNL6k9RredN1rGjWanarxbgX8zJwD4VzNGbFmgSN0x+Ixjhss1Z46S2ir9/DYWBFYI6EtIf3nCCDn3pBGiv2dBwCcBAoBP1WKseRXYY5o+JNDA7YPzWgV3Ot9o/WL507mj5PB9eJqfO1VhJNkIEACy0WLd6AXWG1Mst58/Wr76eW4aFOvGUKY+6Z98xDCZocIg1/fHuhWEMW8OWIVRR2ZhUUDv6j3rm3Wynbqz248ub5KWtgGLvdNVPgV22LxMfnFCnUwar57qw4KA5wLsAfC8gAw/fwL6We6PXDVWDtmNZ7rnrwp2etb3hThPHefXT5Dkzd+OOb0kL0AASN6YHgIWqB9eJBecWp+6UkDf9pUlPIFDdquSh65sEH1vCBYEQhIgAIRUTeaSN4Fpatfw/Zc1qDvADZPyUs4Gz1shDHY8cWyx3PLzUSrgjZAR6tHRLAiEJkAACK2izCdvAiXq3IBvfalWHryiQXbfjscL560QQ+y4oqxATpheKw9c3sBNfYZoycvdFmCfpdv1YXQeCugrBa79yUh58KkO+dnVS2VeY6+Hs4hvyNUVhfKVz1fJseqmT3zij6/+Mc6YABBj1ZmzFYG9Pl0hO6l7wt94b6vccPdynilgRT37TvTNnb5+YI0cpb6GqZP9WBCIRYAAEEulmWdeBCorVhwWOPqgGvnDA8vlmjtbZcESHi6Ul2Ks0ak+s//og2vkawdUS3Ulb/xr8PDXCAQIABEUmSnmX6BcHVc+SoWAr+xXLXc80i5X/rlF5izg0EA+KjOqrii1m1/XoqKcEzbzUQP6dEOAAOBGHRhFJAL6REF969gv7VUl9/yjTa64vVXemtMTyezzO831RhfJMYfUyuF7V0kZV2rktxj07oQAAcCJMjCI2AQK1R7ng9X15frrb092yFVqj8BLb3bHxpD4fPXx/f12qpRDdq9K3bkx8Q7pAAGPBAgAHhWLoYYpsPdnKkR/zZ7bK3/5e5vaM9DO4YEhlFrfqnnXqeUqXFXK7ttX8JS+IVjy0rAFCABh15fZeSQwaXyxnPLVYamvF17vkrsebZcZj7dLc2u/R7PIz1D1kfxt1bMZDt61MvWJn7P581MHevVLoGBg5s48ycSvmjHaiAR6ewfkH//qVGGgTR55tlM6u/nnurL8+k1/yqSS1Bv+QeqNX99/gQUBBDIXIABkbsWaCORVYHl7v/xdhYCnX+2UZ//dLe/MjevkwSJ13sSmnyiV7Tcrk2mblatj+qVSW83le3ndKOncawECgNflY/AxCyxu7pdn/q3DQJc882pX6mqCkPYPlBQXyOYblax4w9+8XKZuUsr1+jFv8MzduAABwDgpDSKQH4Hmlv4Pw0CnPDezS/7zQa83hwz0A5T0w3f01+QNVrzpbzOljOv087Mp0WskAgSASArNNOMUWKjuOvje/F51hUFP6s/35vfJu/NWfN/eaXd/gb7X/oSxRbLBuJIP3+z/+/2Yep62F+cWyqzzKUAAyKc+fSOQR4HGZh0GemXeol5pU2FAB4L2jgFp6+hf8X3nyj8//J36fVd3v+i7GlapN3P91LwVf4pUlheqr4L//qlugbzy7/XDClNv+CPVHfhYEEDAHQECgDu1YCQIIIAAAghYE+AUWmvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7Av8PjxaSor/Tn1YAAAAASUVORK5CYII="></image></g></svg><div class="brxe-text-basic">© 2025 Bricks. All rights reserved.</div><div class="brxe-block footer_social-icons bricks-lazy-hidden"><a href="https://www.facebook.com/groups/brickscommunity" rel="external" target="_blank" title="Join the Bricks Facebook Group" aria-label="Join the Bricks Facebook Group"><svg class="fill brxe-icon footer_social-icon" id="brxe-xldsps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M59.5 1h-55C2.5 1 1 2.6 1 4.5v55c0 2 1.6 3.5 3.5 3.5h29.6V38.9h-8v-9.3h8v-6.9c0-8 4.8-12.4 12-12.4 2.4 0 4.8.1 7.2.4V19h-4.8c-3.8 0-4.6 1.8-4.6 4.5v5.9H53l-1.3 9.4h-8v23.8h15.8c2 0 3.5-1.5 3.5-3.5V4.5c-.1-2-1.7-3.5-3.5-3.5Z"></path></svg></a><a href="https://www.youtube.com/@bricksbuilder" rel="external" target="_blank" title="Subscribe to the Bricks YouTube Channel" aria-label="Subscribe to the Bricks YouTube Channel"><svg class="fill brxe-icon footer_social-icon" id="brxe-fffdyu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M61.7 17.1c-.7-2.7-2.8-4.8-5.5-5.5-4.8-1.3-24.2-1.3-24.2-1.3s-19.4 0-24.2 1.3c-2.7.7-4.8 2.8-5.5 5.5C1 22 1 32 1 32s0 10.1 1.3 14.9c.7 2.7 2.8 4.8 5.5 5.5 4.8 1.3 24.2 1.3 24.2 1.3s19.4 0 24.2-1.3c2.7-.7 4.8-2.8 5.5-5.5C63 42.1 63 32 63 32s0-10-1.3-14.9ZM25.8 41.3V22.7L41.9 32l-16.1 9.3Z"></path></svg></a></div></div></section></footer><div data-popup-id="3367" class="brx-popup brxe-popup-3367 hide"><div class="brx-popup-content brxe-container"><div id="brxe-axtwql" class="brxe-block bricks-lazy-hidden"><button id="brxe-bgutap" data-script-id="bgutap" class="brxe-toggle" data-interactions="[{"id":"tajyvk","trigger":"click","action":"hide","target":"popup","templateId":"3367"}]" data-interaction-id="873758" aria-label="Open" aria-expanded="false"><svg class="" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="delete-1--remove-add-button-buttons-delete-cross-x-mathematics-multiply-math"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.607142857142858 1.3928571428571428 -10.214285714285715 10.214285714285715" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m1.3928571428571428 1.3928571428571428 10.214285714285715 10.214285714285715" stroke-width="1"></path></g></svg></button><div id="brxe-pzxniz" class="brxe-block bricks-lazy-hidden"></div><div class="brxe-block gap-grid padding-xlarge bricks-lazy-hidden"><h2 class="brxe-heading">Just a popup</h2><p class="brxe-text-basic">Triggered by a "click" interaction. Click the close icon, popup backdrop or press ESC to close this popup.</p><a class="brxe-button bricks-button outline bricks-color-dark" href="https://bricksbuilder.io/popup-builder/">Explore popups</a></div></div></div><div class="brx-popup-backdrop"></div></div><style> /* BREAKPOINT: Desktop (BASE) */ .brxe-popup-3367 .brx-popup-content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} /* BREAKPOINT: Desktop (BASE) */ #brxe-bgutap svg {height: 40px; width: 40px} #brxe-bgutap {position: absolute; right: 24px; top: 24px} /* BREAKPOINT: Desktop (BASE) */ #brxe-pzxniz {background-image: url(https://bricksbuilder.io/wp-content/uploads/2023/07/scott-rodgerson-z0mdyylvy1k-683x1024.jpg); background-size: cover; min-height: 40vh} /* BREAKPOINT: Desktop (BASE) */ #brxe-axtwql {position: relative; flex-direction: row; align-items: stretch} </style><link rel='stylesheet' id='bricks-prettify-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/prettify.min.css?ver=1741251946' media='all' /> <link rel='stylesheet' id='bricks-animate-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/animate.min.css?ver=1741251946' media='all' /> <style id='bricks-global-classes-inline-inline-css'> /* BREAKPOINT: Desktop (BASE) */ .page_header {position: relative; overflow: hidden; padding-top: var(--size-xxlarge); padding-bottom: var(--size-xxlarge)} /* BREAKPOINT: Desktop (BASE) */ .page_header-inner::after {content: ""; background-image: url(https://bricksbuilder.io/wp-content/uploads/2023/10/Bricks-Logo-Abstract.png); background-size: cover; position: absolute; top: -2.2rem; width: var(--max-width-small); height: var(--max-width-small); right: 18vw; z-index: -1} /* BREAKPOINT: Tablet portrait */ @media (max-width: 991px) { .page_header-inner::after {right: 4vw} } /* BREAKPOINT: Mobile portrait */ @media (max-width: 478px) { .page_header-inner::after {right: -8vw} } /* BREAKPOINT: Desktop (BASE) */ .page-intro_grid {display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-3-2); position: relative} /* BREAKPOINT: Tablet portrait */ @media (max-width: 991px) { .page-intro_grid {grid-template-columns: var(--grid-auto-2)} } /* BREAKPOINT: Desktop (BASE) */ .page_title {max-width: var(--max-width-heading-small)} /* BREAKPOINT: Desktop (BASE) */ .text-size-medium {font-size: var(--text-size-medium)} </style> <script id="bricks-scripts-js-extra"> var bricksData = {"debug":"","locale":"en_US","ajaxUrl":"https:\/\/bricksbuilder.io\/wp-admin\/admin-ajax.php","restApiUrl":"https:\/\/bricksbuilder.io\/wp-json\/bricks\/v1\/","nonce":"418744a2ac","formNonce":"99e93b3caa","wpRestNonce":"b4c3836a53","postId":"1162","recaptchaIds":[],"animatedTypingInstances":[],"videoInstances":[],"splideInstances":[],"tocbotInstances":[],"swiperInstances":[],"queryLoopInstances":[],"interactions":[],"filterInstances":[],"isotopeInstances":[],"mapStyles":{"ultraLightWithLabels":{"label":"Ultra light with labels","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e9e9e9\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 29 }, { \"weight\": 0.2 } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 18 } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 21 } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#dedede\" }, { \"lightness\": 21 } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"saturation\": 36 }, { \"color\": \"#333333\" }, { \"lightness\": 40 } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f2f2f2\" }, { \"lightness\": 19 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 17 }, { \"weight\": 1.2 } ] } ]"},"blueWater":{"label":"Blue water","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#444444\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2f2f2\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"saturation\": -100 }, { \"lightness\": 45 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#46bcec\" }, { \"visibility\": \"on\" } ] } ]"},"lightDream":{"label":"Light dream","style":"[ { \"featureType\": \"landscape\", \"stylers\": [ { \"hue\": \"#FFBB00\" }, { \"saturation\": 43.400000000000006 }, { \"lightness\": 37.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.highway\", \"stylers\": [ { \"hue\": \"#FFC200\" }, { \"saturation\": -61.8 }, { \"lightness\": 45.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.arterial\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 51.19999999999999 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.local\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 52 }, { \"gamma\": 1 } ] }, { \"featureType\": \"water\", \"stylers\": [ { \"hue\": \"#0078FF\" }, { \"saturation\": -13.200000000000003 }, { \"lightness\": 2.4000000000000057 }, { \"gamma\": 1 } ] }, { \"featureType\": \"poi\", \"stylers\": [ { \"hue\": \"#00FF6A\" }, { \"saturation\": -1.0989010989011234 }, { \"lightness\": 11.200000000000017 }, { \"gamma\": 1 } ] } ]"},"blueEssence":{"label":"Blue essence","style":"[ { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#e0efef\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"hue\": \"#1900ff\" }, { \"color\": \"#c0e8e8\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"lightness\": 100 }, { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit.line\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 700 } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#7dcdcd\" } ] } ]"},"appleMapsesque":{"label":"Apple maps-esque","style":"[ { \"featureType\": \"landscape.man_made\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f7f1df\" } ] }, { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#d0e3b4\" } ] }, { \"featureType\": \"landscape.natural.terrain\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.business\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.medical\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbd3da\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#bde6ab\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffe15f\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#efd151\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"black\" } ] }, { \"featureType\": \"transit.station.airport\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#cfb2db\" } ] }, { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#a2daf2\" } ] } ]"},"paleDawn":{"label":"Pale dawn","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 33 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2e5d4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5dac6\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5c6c6\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e4d7c6\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbfaf7\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#acbcc9\" } ] } ]"},"neutralBlue":{"label":"Neutral blue","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#193341\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#29768a\" }, { \"lightness\": -37 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#3e606f\" }, { \"weight\": 2 }, { \"gamma\": 0.84 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry\", \"stylers\": [ { \"weight\": 0.6 }, { \"color\": \"#1a3541\" } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] } ]"},"avocadoWorld":{"label":"Avocado world","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#aee2e0\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#abce83\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#769E72\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#7B8758\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"color\": \"#8dab68\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#5B5B3F\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ABCE83\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#A4C67D\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#9BBF72\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"transit\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#87ae79\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#7f2200\" }, { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"visibility\": \"on\" }, { \"weight\": 4.1 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#495421\" } ] }, { \"featureType\": \"administrative.neighborhood\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] } ]"},"gowalla":{"label":"Gowalla","style":"[ { \"featureType\": \"administrative.land_parcel\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"landscape.man_made\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#f49935\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#fad959\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"hue\": \"#a1cdfc\" }, { \"saturation\": 30 }, { \"lightness\": 49 } ] } ]"}},"facebookAppId":"","headerPosition":"top","offsetLazyLoad":"300","baseUrl":"https:\/\/bricksbuilder.io\/interactions\/","useQueryFilter":"1","pageFilters":[],"language":"","wpmlUrlFormat":"","multilangPlugin":"","i18n":{"openAccordion":"Open accordion","openMobileMenu":"Open mobile menu","closeMobileMenu":"Close mobile menu","showPassword":"Show password","hidePassword":"Hide password","prevSlide":"Previous slide","nextSlide":"Next slide","firstSlide":"Go to first slide","lastSlide":"Go to last slide","slideX":"Go to slide %s","play":"Start autoplay","pause":"Pause autoplay","splide":{"carousel":"carousel","select":"Select a slide to show","slide":"slide","slideLabel":"%1$s of %2$s"},"swiper":{"slideLabelMessage":"{{index}} \/ {{slidesLength}}"}},"selectedFilters":[],"filterNiceNames":[]}; </script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/bricks.min.js?ver=1741251946" id="bricks-scripts-js"></script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/prettify.min.js?ver=6.7.2" id="bricks-prettify-js"></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?ver=1" id="bricks-turnstile-js"></script> <script> // Function to update the CSS variable with the height of #brx-header function updateHeaderHeight() { const header = document.querySelector('#brx-header'); if (header) { const headerHeight = header.offsetHeight; document.body.style.setProperty('--brx-header-height', `${headerHeight}px`); } } // Function to handle video playback and fullscreen events function handleVideos() { if (window.matchMedia('(min-width: 768px)').matches) { const videos = document.querySelectorAll('.brxe-video video'); videos.forEach(video => { video.play(); // Add an event listener for the fullscreenchange event video.addEventListener("fullscreenchange", () => { if (document.fullscreenElement === video) { video.style.objectFit = "contain"; } else { video.style.objectFit = "cover"; } }); // For better cross-browser compatibility video.addEventListener("webkitfullscreenchange", () => { if (document.webkitFullscreenElement === video) { video.style.objectFit = "contain"; } else { video.style.objectFit = "cover"; } }); }); } } // On window load window.addEventListener('load', () => { handleVideos(); updateHeaderHeight(); }); // Update the height on window resize window.addEventListener('resize', updateHeaderHeight); </script> </body></html>