body {font-family: "Open Sans"; font-size: var(--body--text-size-s); font-weight: 400; color: var(--color--black)} h1, h2, h3, h4, h5, h6 {color: var(--color--black)} h1 {font-size: var(--heading--h1--size); font-weight: 700; font-family: "Open Sans"} h2 {font-size: var(--heading--h2--size); font-weight: 600; font-family: "Open Sans"} h3 {font-size: var(--heading--h3--size); font-weight: 500; font-family: "Open Sans"} h4 {font-size: var(--heading--h4--size); font-weight: 500; font-family: "Open Sans"} h5 {font-size: var(--heading--h5--size); font-family: "Open Sans"; font-weight: 500} h6 {font-size: var(--heading--h6--size); font-family: "Open Sans"; font-weight: 500} .brxe-container {width: var(--page--content-width)} .woocommerce main.site-main {width: var(--page--content-width)} #brx-content.wordpress {width: var(--page--content-width)} .brxe-section {width: var(--full--percent)} :root .bricks-button[class*="primary"] {font-size: var(--button--text-size); color: var(--color--black)} :root .bricks-button[class*="secondary"] {font-size: var(--button--text-size); color: var(--color--black)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color--cta-primary-light)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color--cta-secondary-light)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--color--cta-primary--hover-light)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: hover} :root .bricks-button[class*="primary"]:not(.outline):active {background-color: var(--color--cta-primary--active-light)} :root .bricks-button[class*="secondary"]:not(.outline):active {background-color: var(--color--cta-secondary--active-light)} html {background-color: var(--bg-body)} body {background: none}