body {font-size: var(--text-m); font-weight: 300; font-style: normal; line-height: 1.6; color: var(--text); font-family: "Inter"; background: none} h1 {font-size: var(--text-3xl); color: var(--primary); line-height: 1.1; letter-spacing: -.02em; font-family: "Lato"; font-weight: 300} h2 {font-size: var(--text-2xl); color: var(--deepestAccent); line-height: 1.2; letter-spacing: -.02em; font-family: "Lato"; font-weight: 300} h3 {font-size: var(--text-2xl); color: var(--deepestAccent); line-height: 1.3; font-family: "Lato"; font-weight: 300; letter-spacing: -.02em} h4 {font-size: var(--text-l); color: var(--deepestAccent); line-height: 1.4; font-family: "Lato"; font-weight: 400} h5 {color: var(--secondary); font-size: var(--text-m); line-height: 1.4; letter-spacing: .02em; font-family: "Lato"} h6 {color: var(--text); font-size: var(--text-s); line-height: 1.4; letter-spacing: .02em; font-family: "Lato"} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"] {font-family: "Lato"; font-weight: 400; color: var(--background)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="secondary"] {color: var(--deepestAccent); font-size: var(--text-m); text-align: center; font-family: "Lato"; font-weight: 400; font-style: normal; border: 1px solid var(--secondary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--background)} .bricks-button {padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em} :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 {color: var(--secondary)} .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: 1em} html {background-color: var(--background)}: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(--neutral-light)}:where(:root) .bricks-background-light {background-color: var(--neutral-light)}:where(:root) .bricks-color-dark {color: var(--deepestAccent)}:where(:root) .bricks-background-dark {background-color: var(--deepestAccent)}:where(:root) .bricks-color-muted {color: var(--neutral-light)}:where(:root) .bricks-background-muted {background-color: var(--neutral-light)} .brxe-section {padding-right: var(--space-2xl); padding-bottom: var(--space-l); padding-left: var(--space-2xl); max-width: 100vw} .brxe-container {width: 100%; max-width: 1440px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px} .brxe-text {line-height: 1.6; font-size: var(--text-m)} .brxe-text-basic {line-height: 1.6; font-size: var(--text-m)}@media (max-width: 1440px) { .brxe-container {max-width: 1220px} #brx-content.wordpress {max-width: 1220px}}@media (max-width: 1279px) { .brxe-section {padding-right: var(--space-section-m); padding-left: var(--space-section-m)} .brxe-container {max-width: 1220px} #brx-content.wordpress {max-width: 1220px}}@media (max-width: 1199px) { .brxe-section {padding-right: var(--space-2xl); padding-left: var(--space-2xl)}}