.brxe-container {width: 100%; max-width: var(--content-width); column-gap: var(--content-gap); row-gap: var(--content-gap)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--content-width)} body {font-family: "Roboto"; font-size: var(--text-m); line-height: 1.4; color: var(--muted)} h1, h2, h3, h4, h5, h6 {line-height: 1.2; color: var(--secondary); font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 500} h1 {line-height: 1.2; font-size: var(--h1); font-family: "Roboto"; margin-top: var(--space-xs)} h2 {font-size: var(--h2); margin-top: var(--space-xs)} h3 {font-size: var(--h3); margin-top: var(--space-xs)} h4 {font-size: var(--h4); margin-top: var(--space-xs)} h5 {font-size: var(--h5); margin-top: var(--space-xs)} h6 {font-size: var(--h6); margin-top: var(--space-xs)} body.bricks-is-frontend :focus-visible {outline: var(--at-focus-outline-width) solid var(--at-focus-outline-color)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--at-focus-outline-width) solid var(--at-focus-outline-color); }}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--black)}:where(:root) .bricks-background-dark {background-color: var(--black)}:where(:root) * {border-color: var(--border-color--light)} html {background-color: var(--bg-body)} body {background: none} .bricks-button {font-size: var(--btn-large-font-size); color: var(--base); text-align: center; font-style: normal; line-height: 1; text-decoration: none; border: var(--btn-border-width) solid var(--btn-primary-border-color); border-radius: var(--btn-border-radius) !important; box-shadow: var(--btn-shadow); transition: var(--btn-transition); padding-top: var(--btn-medium-block); padding-right: var(--btn-medium-inline); padding-bottom: var(--btn-medium-block); padding-left: var(--btn-medium-inline)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button.outline {background-color: var(--btn-primary-outline-background); border: var(--btn-outline-border-width) solid var(--btn-primary-outline-border-color); border-radius: var(--btn-outline-border-radius); color: var(--base)} :root .bricks-button[class*="primary"] {color: var(--base); border-color: var(--btn-primary-border-color)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--btn-primary-background)} :root .bricks-button[class*="primary"].outline {background-color: var(--btn-primary-outline-background); color: var(--base)} :root .bricks-button[class*="secondary"] {color: var(--btn-secondary-color); border-color: var(--btn-secondary-border-color)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--btn-secondary-background)} :root .bricks-button[class*="secondary"].outline {background-color: var(--btn-secondary-outline-background); border-color: var(--btn-secondary-outline-border-color); color: var(--btn-secondary-outline-color)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--btn-light-color); border-color: var(--btn-light-border-color)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--btn-light-background)} :root .bricks-button[class*="light"].outline {background-color: var(--btn-light-outline-background); border-color: var(--btn-light-outline-border-color); color: var(--btn-light-outline-color)} :root .bricks-button[class*="dark"] {color: var(--btn-dark-color); border-color: var(--btn-dark-border-color)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--btn-dark-background)} :root .bricks-button[class*="dark"].outline {background-color: var(--btn-dark-outline-background); border-color: var(--btn-dark-outline-border-color); color: var(--btn-dark-outline-color)} .bricks-button.sm {padding-top: var(--btn-small-block); padding-right: var(--btn-small-inline); padding-bottom: var(--btn-small-block); padding-left: var(--btn-small-inline); font-size: var(--btn-small-font-size)} .bricks-button.md {padding-top: var(--btn-medium-block); padding-right: var(--btn-medium-inline); padding-bottom: var(--btn-medium-block); padding-left: var(--btn-medium-inline); font-size: var(--btn-medium-font-size)} .bricks-button.lg {padding-top: var(--btn-large-block); padding-right: var(--btn-large-inline); padding-bottom: var(--btn-large-block); padding-left: var(--btn-large-inline); color: var(--btn-large-font-size); font-size: var(--btn-large-font-size)} .bricks-button.xl {padding-top: var(--btn-x-large-block); padding-right: var(--btn-x-large-inline); padding-bottom: var(--btn-x-large-block); padding-left: var(--btn-x-large-inline); font-size: var(--btn-x-large-font-size)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--base)} .bricks-button:hover {color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-l-8)} :root .bricks-button[class*="primary"]:hover {color: var(--neutral-d-1)} .bricks-button.outline:hover {color: var(--neutral); background-color: var(--primary-t-3)} :root .bricks-button[class*="primary"].outline:hover {color: var(--neutral); background-color: var(--primary-t-3)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source=bricks]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, :where(.brxe-text-link) {color: var(--link-color)} .brxe-section {padding-top: calc(var(--section-space-m) / 2); padding-right: var(--gutter); padding-bottom: calc(var(--section-space-m) / 2); padding-left: var(--gutter)} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: var(--space-l)} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-m)} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + *:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-m)} .brxe-block {column-gap: var(--space-s); row-gap: var(--space-s)}h1,h2,h3,h4,h5,h6, p {margin: 0;}ul {padding: 0;}