: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(--surface-alt)}:where(:root) .bricks-background-light {background-color: var(--surface-alt)}:where(:root) .bricks-color-dark {color: var(--surface-inverse)}:where(:root) .bricks-background-dark {background-color: var(--surface-inverse)}:where(:root) .bricks-color-muted {color: var(--text-muted)}:where(:root) .bricks-background-muted {background-color: var(--text-muted)}:where(:root) * {border-color: var(--border)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--error)}:where(:root) .bricks-background-danger {background-color: var(--error)} html {background-color: var(--surface)} body {background: none} .pswp .pswp__bg {background-color: var(--surface-inverse)} .pswp.brx .pswp__top-bar button.pswp__button--close svg {color: var(--text-inverse)} body {font-size: var(--text-m); color: var(--text); font-weight: 400; line-height: 1.6} h1, h2, h3, h4, h5, h6 {color: var(--heading); font-weight: 700; line-height: 1.2} h1 {font-size: var(--heading-3xl); font-family: "Akaya Kanadaka"} h2 {font-size: var(--heading-2xl)} h3 {font-size: var(--heading-xl)} h4 {font-size: var(--heading-l)} h5 {font-size: var(--heading-m)} h6 {font-size: var(--text-m)} .bricks-type-hero {font-size: var(--display-l); font-weight: 700; line-height: 1.05; color: var(--heading)} .bricks-type-lead {font-size: var(--text-l); color: var(--text); font-weight: 400; line-height: 1.5} body.bricks-is-frontend :focus-visible {outline: 0.2rem solid var(--focus-ring)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 0.2rem solid var(--focus-ring); }} :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(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > 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 {color: var(--primary); text-decoration: underline} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: var(--primary-d-1)} .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-xl)} .brxe-text * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), .brxe-post-content:not([data-source=bricks]) * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-s)} .brxe-text * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), .brxe-post-content:not([data-source=bricks]) * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), body:not(.woocommerce-checkout) [class*=woocommerce] * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-m)}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul) {margin-block-start: var(--space-m)}.brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol) {margin-block-start: var(--space-m)}.brxe-text * + :is(figure), .brxe-post-content:not([data-source=bricks]) * + :is(figure), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(figure) {margin-block-start: var(--space-l)}.brxe-text * + :is(blockquote), .brxe-post-content:not([data-source=bricks]) * + :is(blockquote), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(blockquote) {margin-block-start: var(--space-l)} .brxe-section {padding-top: var(--space-4xl); padding-right: var(--space-m); padding-bottom: var(--space-4xl); padding-left: var(--space-m)} .brxe-container {width: 100%; max-width: var(--container-max)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-max)} .bricks-button {font-size: var(--text-m); font-weight: 600; line-height: 1.2; text-decoration: none; border: 0.2rem solid hsla(0, 0%, 100%, 0); border-radius: var(--radius-m); transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; padding-top: var(--space-s); padding-right: var(--space-l); padding-bottom: var(--space-s); padding-left: var(--space-l)} .bricks-button:where(.outline) {background-color: hsla(0, 0%, 100%, 0)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--on-primary)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--on-primary)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--primary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--primary-d-1)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--primary); background-color: hsla(0, 0%, 100%, 0); border-color: var(--primary)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--on-primary); background-color: var(--primary); border-color: var(--primary)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--on-secondary)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--secondary)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--secondary-l-1)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--secondary); background-color: hsla(0, 0%, 100%, 0); border-color: var(--secondary)} .bricks-button:where(.bricks-color-secondary.outline):hover {color: var(--on-secondary); background-color: var(--secondary); border-color: var(--secondary)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--heading)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--surface-alt)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--border)} .bricks-button:where(.bricks-color-light.outline) {color: var(--text-inverse); background-color: hsla(0, 0%, 100%, 0); border-color: var(--text-inverse)} .bricks-button:where(.bricks-color-light.outline):hover {color: var(--surface-inverse); background-color: var(--text-inverse); border-color: var(--text-inverse)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {color: var(--text-inverse)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: var(--surface-inverse)} .bricks-button:where(.bricks-background-dark:not(.outline)):hover {background-color: var(--surface-inverse-hover)} .bricks-button:where(.bricks-color-dark.outline) {color: var(--surface-inverse); background-color: hsla(0, 0%, 100%, 0); border-color: var(--surface-inverse)} .bricks-button:where(.bricks-color-dark.outline):hover {color: var(--text-inverse); background-color: var(--surface-inverse-hover); border-color: var(--surface-inverse)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {color: var(--text-inverse)} .bricks-button:where(.bricks-background-muted:not(.outline)) {background-color: var(--text-muted)} .bricks-button:where(.bricks-background-muted:not(.outline)):hover {background-color: var(--muted-hover)} .bricks-button:where(.bricks-color-muted.outline) {color: var(--text-muted); background-color: hsla(0, 0%, 100%, 0); border-color: var(--text-muted)} .bricks-button:where(.bricks-color-muted.outline):hover {color: var(--text-inverse); background-color: var(--text-muted); border-color: var(--text-muted)} .bricks-button:where(.bricks-background-info), .bricks-button:where(.bricks-color-info) {color: var(--text-inverse)} .bricks-button:where(.bricks-background-info:not(.outline)) {background-color: var(--info)} .bricks-button:where(.bricks-background-info:not(.outline)):hover {background-color: var(--info-hover)} .bricks-button:where(.bricks-color-info.outline) {color: var(--info); background-color: hsla(0, 0%, 100%, 0); border-color: var(--info)} .bricks-button:where(.bricks-color-info.outline):hover {color: var(--text-inverse); background-color: var(--info-hover); border-color: var(--info-hover)} .bricks-button:where(.bricks-background-success), .bricks-button:where(.bricks-color-success) {color: var(--text-inverse)} .bricks-button:where(.bricks-background-success:not(.outline)) {background-color: var(--success)} .bricks-button:where(.bricks-background-success:not(.outline)):hover {background-color: var(--success-hover)} .bricks-button:where(.bricks-color-success.outline) {color: var(--success); background-color: hsla(0, 0%, 100%, 0); border-color: var(--success)} .bricks-button:where(.bricks-color-success.outline):hover {color: var(--text-inverse); background-color: var(--success-hover); border-color: var(--success-hover)} .bricks-button:where(.bricks-background-warning), .bricks-button:where(.bricks-color-warning) {color: var(--text-inverse)} .bricks-button:where(.bricks-background-warning:not(.outline)) {background-color: var(--warning)} .bricks-button:where(.bricks-background-warning:not(.outline)):hover {background-color: var(--warning-hover)} .bricks-button:where(.bricks-color-warning.outline) {color: var(--warning); background-color: hsla(0, 0%, 100%, 0); border-color: var(--warning)} .bricks-button:where(.bricks-color-warning.outline):hover {color: var(--text-inverse); background-color: var(--warning-hover); border-color: var(--warning-hover)} .bricks-button:where(.bricks-background-danger), .bricks-button:where(.bricks-color-danger) {color: var(--text-inverse)} .bricks-button:where(.bricks-background-danger:not(.outline)) {background-color: var(--error)} .bricks-button:where(.bricks-background-danger:not(.outline)):hover {background-color: var(--error-hover)} .bricks-button:where(.bricks-color-danger.outline) {color: var(--error); background-color: hsla(0, 0%, 100%, 0); border-color: var(--error)} .bricks-button:where(.bricks-color-danger.outline):hover {color: var(--text-inverse); background-color: var(--error-hover); border-color: var(--error-hover)} .bricks-button:where(.sm) {padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m); font-size: var(--text-s)} .bricks-button:where(.md) {padding-top: var(--space-s); padding-right: var(--space-l); padding-bottom: var(--space-s); padding-left: var(--space-l); font-size: var(--text-m)} .bricks-button:where(.lg) {padding-top: var(--space-m); padding-right: var(--space-xl); padding-bottom: var(--space-m); padding-left: var(--space-xl); font-size: var(--text-l)} .bricks-button:where(.xl) {padding-top: var(--space-l); padding-right: var(--space-2xl); padding-bottom: var(--space-l); padding-left: var(--space-2xl); font-size: var(--text-xl)}.brxe-form .form-group label {font-size: var(--text-s); font-weight: 600; line-height: 1.4; color: var(--heading); text-transform: none}.brxe-form .form-group .label {font-size: var(--text-s); font-weight: 600; line-height: 1.4; color: var(--heading); text-transform: none}.brxe-form .form-group input {font-size: var(--text-m); font-weight: 400; line-height: 1.4; color: var(--text); background-color: var(--surface); border: 0.1rem solid var(--border-strong); border-radius: var(--radius-m); padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form select {font-size: var(--text-m); font-weight: 400; line-height: 1.4; color: var(--text); background-color: var(--surface); border: 0.1rem solid var(--border-strong); border-radius: var(--radius-m); padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form textarea {font-size: var(--text-m); font-weight: 400; line-height: 1.4; color: var(--text); background-color: var(--surface); border: 0.1rem solid var(--border-strong); border-radius: var(--radius-m); padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form .flatpickr {background-color: var(--surface); border: 0.1rem solid var(--border-strong); border-radius: var(--radius-m); padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form .form-field-richtext + .tox-tinymce {background-color: var(--surface); border: 0.1rem solid var(--border-strong); border-radius: var(--radius-m); padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)}.brxe-form .bricks-button {border: 0.1rem solid var(--border-strong); border-radius: var(--radius-m); border: 0.2rem solid hsla(0, 0%, 100%, 0)}.brxe-form .choose-files {border: 0.1rem solid var(--border-strong); border-radius: var(--radius-m)}.brxe-form .form-group {padding-bottom: var(--space-m)}h1,h2,h3,h4,h5,h6, p, ul, ol, blockquote, figure {margin: 0;}