header { background: linear-gradient(to bottom, color-mix(in srgb, var(--c-black) 45%, transparent), transparent); transition: background var(--t-fast), box-shadow var(--t-fast);}header.scrolling { background: var(--c-secondary); box-shadow: var(--sh-nav); transition: background var(--t-fast), box-shadow var(--t-fast);}address { font-style: normal;} html {font-size: 100%} body {font-size: var(--fs-m); line-height: 1.65; color: var(--c-text); font-family: "Plus Jakarta Sans"; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--c-heading)} h1 {font-size: var(--fs-4xl); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em} h2 {font-size: var(--fs-3xl); letter-spacing: -0.02em; line-height: 1.2; font-weight: 800} h3 {font-size: var(--fs-xl)} h4 {font-size: var(--fs-l)} h5 {color: var(--fs-m)} h6 {font-size: var(--fs-s)} .brxe-container {gap: var(--s-xl); column-gap: var(--s-xl); row-gap: var(--s-xl); align-items: center; width: var(--s-container)} .woocommerce main.site-main {width: var(--s-container)} #brx-content.wordpress {width: var(--s-container)} .brxe-section {gap: var(--s-l); column-gap: var(--s-l); row-gap: var(--s-l); padding-top: var(--s-section-block); padding-bottom: var(--s-section-block)} .brxe-block:where(:not(.accordion-content-wrapper):not(.accordion-title-wrapper)) {gap: var(--s-m)} .brxe-block {column-gap: var(--s-m); row-gap: var(--s-m)} .bricks-button {font-weight: 700; line-height: 1.2; font-size: var(--fs-m); border: var(--bw-2) solid var(--bricks-border-color); border-radius: var(--r-md); transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast); padding-top: var(--s-xs); padding-right: var(--s-m); padding-bottom: var(--s-xs); padding-left: var(--s-m)} .bricks-button:where(.outline) {border: var(--bw-2) solid var(--bricks-border-color); border-radius: var(--r-md)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--c-accent-contrast); border-color: var(--c-accent)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--c-accent-contrast); border-color: var(--c-accent-hover); box-shadow: 0 4px 16px 0 color-mix(in srgb, var(--c-accent) 40%, transparent)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--c-accent)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--c-accent-hover)} .bricks-button:where(.bricks-color-primary.outline) {border-color: var(--c-accent)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--c-primary-contrast); border-color: var(--c-primary)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--c-primary-contrast); border-color: var(--c-primary-hover); box-shadow: 0 4px 16px 0 color-mix(in srgb, var(--c-primary) 35%, transparent)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--c-primary)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--c-primary-hover)} .bricks-button:where(.bricks-color-secondary.outline) {color: var(--c-primary); background-color: transparent; border-color: var(--c-primary)} .bricks-button:where(.bricks-color-secondary.outline):hover {color: var(--c-primary-contrast); background-color: var(--c-primary)} .bricks-button:where(.bricks-color-light.outline) {color: var(--c-text-invert); background-color: color-mix(in srgb, var(--c-text-invert) 12%, transparent); border-color: color-mix(in srgb, var(--c-text-invert) 55%, transparent)} .bricks-button:where(.bricks-color-light.outline):hover {color: var(--c-text-invert); background-color: color-mix(in srgb, var(--c-text-invert) 22%, transparent); border-color: var(--c-text-invert)} .bricks-button:where(.sm) {padding-top: var(--s-2xs); padding-right: var(--s-s); padding-bottom: var(--s-2xs); padding-left: var(--s-s); font-size: var(--fs-s)} .bricks-button:where(.md) {padding-top: var(--s-2xs); padding-right: var(--s-m); padding-bottom: var(--s-2xs); padding-left: var(--s-m); font-size: var(--fs-m)} .bricks-button:where(.lg) {padding-top: var(--s-xs); padding-right: var(--s-l); padding-bottom: var(--s-xs); padding-left: var(--s-l)}