:where(:root) .bricks-color-primary {color: var(--sl-brand)}:where(:root) .bricks-background-primary {background-color: var(--sl-brand)}:where(:root) .bricks-color-secondary {color: var(--sl-accent)}:where(:root) .bricks-background-secondary {background-color: var(--sl-accent)}:where(:root) .bricks-color-light {color: var(--sl-surface-100)}:where(:root) .bricks-background-light {background-color: var(--sl-surface-100)}:where(:root) .bricks-color-dark {color: var(--sl-ink)}:where(:root) .bricks-background-dark {background-color: var(--sl-ink)}:where(:root) .bricks-color-muted {color: var(--sl-ink-muted)}:where(:root) .bricks-background-muted {background-color: var(--sl-ink-muted)}:where(:root) * {border-color: var(--sl-line)}:where(:root) .bricks-color-info {color: var(--sl-brand)}:where(:root) .bricks-background-info {background-color: var(--sl-brand)}:where(:root) .bricks-color-success {color: var(--sl-success)}:where(:root) .bricks-background-success {background-color: var(--sl-success)}:where(:root) .bricks-color-warning {color: var(--sl-accent-text)}:where(:root) .bricks-background-warning {background-color: var(--sl-accent-text)}:where(:root) .bricks-color-danger {color: var(--sl-danger)}:where(:root) .bricks-background-danger {background-color: var(--sl-danger)} html {background-color: var(--sl-surface-100)} body {background: none} .brxe-container.root {width: 1120px} .brxe-container.root.stretch > .brxe-container {width: 1120px} .brxe-container.root.stretch > .brxe-div {width: 1120px} .woocommerce main.site-main {width: 1120px} #brx-content.wordpress {width: 1120px} html {font-size: 100%} body {font-family: "Roboto"; font-size: 17px; line-height: 24px; font-weight: 400; color: var(--sl-ink)} h1 {font-family: "Roboto"; font-size: 35px; line-height: 42px; font-weight: 300; color: var(--sl-ink)} h2 {font-family: "Roboto"; font-size: 22px; line-height: 28px; font-weight: 400; color: var(--sl-ink)} h3 {font-family: "Roboto"; font-size: 21px; line-height: 26px; font-weight: 400; color: var(--sl-ink)} h4 {font-family: "Roboto"; font-size: 17px; line-height: 22px; font-weight: 500; color: var(--sl-brand)} h5 {font-family: "Roboto"; font-size: 14px; line-height: 18px; font-weight: 500} h6 {font-family: "Roboto"; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--sl-focus)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--sl-focus); }} :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, :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-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(--sl-brand); text-decoration: none} :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, :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:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) 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, :where(.brxe-text-link):hover {color: var(--sl-brand-deep); text-decoration: underline} :where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :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)):active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-team-members) .description a:active, :where(.brxe-testimonials) .testimonial-content-wrapper a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active, :where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :where(.brxe-post-content):not([data-source=bricks]) a:active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active, :where(.brxe-text-link):active {color: var(--sl-accent-text)} .brxe-section {row-gap: var(--sl-space-6); max-width: 100%; padding-top: var(--sl-space-8); padding-right: var(--sl-space-4); padding-bottom: var(--sl-space-8); padding-left: var(--sl-space-4)} .brxe-container {row-gap: var(--sl-space-4); width: 100%; max-width: var(--sl-content-width)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--sl-content-width)} .brxe-block {column-gap: var(--sl-space-4); row-gap: var(--sl-space-4)} .bricks-button {font-family: "Roboto"; font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; text-align: center; text-decoration: none; color: var(--sl-ink-on-brand); border: 2px solid var(--sl-surface-brand); border-radius: var(--sl-radius-md); box-shadow: 0 0 0 0 transparent; transition: background-color .15s ease, border-color .15s ease, color .15s ease; padding-top: 10px; padding-right: var(--sl-space-4); padding-bottom: 10px; padding-left: var(--sl-space-4)} .bricks-button:hover {color: var(--sl-ink-on-brand); border-color: var(--sl-brand-deep)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--sl-surface-brand)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--sl-brand-deep)} .bricks-button:where(.outline) {color: var(--sl-brand); background-color: transparent; border: 2px solid var(--sl-brand); border-radius: var(--sl-radius-md)} .bricks-button:where(.outline):hover {color: var(--sl-brand-deep); background-color: var(--sl-brand-tint); border-color: var(--sl-brand-deep)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--sl-ink-on-brand); border: 2px solid var(--sl-surface-brand); border-radius: var(--sl-radius-md)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--sl-ink-on-brand); border-color: var(--sl-brand-deep)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--sl-surface-brand)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--sl-brand-deep)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--sl-brand); background-color: transparent; border: 2px solid var(--sl-brand); border-radius: var(--sl-radius-md)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--sl-brand-deep); background-color: var(--sl-brand-tint); border-color: var(--sl-brand-deep)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--sl-brand); border: 2px solid var(--sl-line-strong); border-radius: var(--sl-radius-md)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--sl-brand); border-color: var(--sl-brand)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--sl-surface-200)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--sl-brand-tint)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--sl-accent-text); background-color: transparent; border: 2px solid var(--sl-accent-soft); border-radius: var(--sl-radius-md)} .bricks-button:where(.bricks-color-secondary.outline):hover {color: var(--sl-accent-text); background-color: var(--sl-accent-tint); border-color: var(--sl-accent)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--sl-brand-title); border: 2px solid var(--sl-brand-tint); border-radius: var(--sl-radius-md)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--sl-brand-title); border-color: var(--sl-surface-300)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--sl-brand-tint)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--sl-surface-300)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {color: var(--sl-surface-100); border: 2px solid var(--sl-brand-title); border-radius: var(--sl-radius-md)} .bricks-button:where(.bricks-background-dark):hover, .bricks-button:where(.bricks-color-dark):hover {color: var(--sl-surface-100); border-color: var(--sl-brand-deep)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: var(--sl-brand-title)} .bricks-button:where(.bricks-background-dark:not(.outline)):hover {background-color: var(--sl-brand-deep)} .bricks-button:where(.sm) {padding-top: 6px; padding-right: var(--sl-space-3); padding-bottom: 6px; padding-left: var(--sl-space-3); font-size: 12px} .bricks-button:where(.md) {padding-top: 10px; padding-right: var(--sl-space-4); padding-bottom: 10px; padding-left: var(--sl-space-4); font-size: 14px} .bricks-button:where(.lg) {padding-top: 14px; padding-right: var(--sl-space-5); padding-bottom: 14px; padding-left: var(--sl-space-5); font-size: 15px} .bricks-button:where(.xl) {padding-top: 18px; padding-right: var(--sl-space-6); padding-bottom: 18px; padding-left: var(--sl-space-6); font-size: 17px}.brxe-form .form-group label {font-family: "Roboto"; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--sl-ink)}.brxe-form .form-group .label {font-family: "Roboto"; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--sl-ink)}.brxe-form ::placeholder {color: var(--sl-ink-muted)}.brxe-form select {color: var(--sl-ink-muted); font-family: "Roboto"; font-size: 17px; line-height: 24px; color: var(--sl-ink); background-color: var(--sl-surface-200); border: 1px solid var(--sl-line-strong); border-radius: var(--sl-radius-sm); padding-top: 10px; padding-right: var(--sl-space-3); padding-bottom: 10px; padding-left: var(--sl-space-3)}.brxe-form .form-group input {font-family: "Roboto"; font-size: 17px; line-height: 24px; color: var(--sl-ink); background-color: var(--sl-surface-200); border: 1px solid var(--sl-line-strong); border-radius: var(--sl-radius-sm); padding-top: 10px; padding-right: var(--sl-space-3); padding-bottom: 10px; padding-left: var(--sl-space-3)}.brxe-form textarea {font-family: "Roboto"; font-size: 17px; line-height: 24px; color: var(--sl-ink); background-color: var(--sl-surface-200); border: 1px solid var(--sl-line-strong); border-radius: var(--sl-radius-sm); padding-top: 10px; padding-right: var(--sl-space-3); padding-bottom: 10px; padding-left: var(--sl-space-3)}.brxe-form .flatpickr {background-color: var(--sl-surface-200); border: 1px solid var(--sl-line-strong); border-radius: var(--sl-radius-sm); padding-top: 10px; padding-right: var(--sl-space-3); padding-bottom: 10px; padding-left: var(--sl-space-3)}.brxe-form .bricks-button {border: 1px solid var(--sl-line-strong); border-radius: var(--sl-radius-sm); padding-top: 10px; padding-right: var(--sl-space-4); padding-bottom: 10px; padding-left: var(--sl-space-4); font-family: "Roboto"; font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; text-align: center; text-decoration: none; color: var(--sl-ink-on-brand); background-color: var(--sl-surface-brand); border: 2px solid var(--sl-surface-brand); border-radius: var(--sl-radius-md)}.brxe-form .choose-files {border: 1px solid var(--sl-line-strong); border-radius: var(--sl-radius-sm)} blockquote {margin-top: var(--sl-space-5); margin-right: 0; margin-bottom: var(--sl-space-5); margin-left: 0; padding-top: 4px; padding-right: 0; padding-bottom: 4px; padding-left: var(--sl-space-5); border-left: 3px solid var(--sl-accent); font-family: "Roboto"; font-size: 22px; line-height: 30px; font-weight: 300; color: var(--sl-brand-deep); font-style: normal}