html {font-size: var(--root-font-size)} body {font-family: "Switzer", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: var(--text-m); font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; color: var(--color-text)} h1, h2, h3, h4, h5, h6 {font-family: "Switzer", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 600; color: var(--color-text)} h1 {font-size: var(--h1); line-height: 1.15} h2 {font-size: var(--h2); line-height: 1.2} h3 {font-size: var(--h3); line-height: 1.3} h4 {font-size: var(--h4); line-height: 1.3} h5 {font-size: var(--h5); line-height: 1.4} h6 {font-size: var(--h6); line-height: 1.4} body.bricks-is-frontend :focus-visible {outline: var(--focus-width) solid var(--focus-color)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-width) solid var(--focus-color); }} html {background-color: var(--color-bg)} body {background: none} .brxe-container.root {width: var(--content-width)} .brxe-container.root.stretch > .brxe-container {width: var(--content-width)} .brxe-container.root.stretch > .brxe-div {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} :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(--color-link)} :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(--color-link-hover)} .brxe-section {padding-top: var(--section-space-m); padding-right: var(--gutter); padding-bottom: var(--section-space-m); padding-left: var(--gutter)} .brxe-container {row-gap: var(--content-gap); width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .brxe-block {row-gap: var(--content-gap)} .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: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 * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul) {margin-block-start: var(--space-s)}.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-s)}.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-s)}.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-s)}.brxe-text * + :is(form), .brxe-post-content:not([data-source=bricks]) * + :is(form), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(form) {margin-block-start: var(--space-s)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--color-text-on-accent); font-weight: 500} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-accent)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--color-accent-hover)}h1,h2,h3,h4,h5,h6, p, ul, ol, figure, blockquote {margin: 0;}