:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--accent)}:where(:root) .bricks-background-secondary {background-color: var(--accent)}:where(:root) * {border-color: var(--primary)} .bricks-button {color: var(--white); border-radius: 99px; padding-right: 2em; padding-left: 2em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button.lg {padding-right: 2.25em; padding-left: 2.25em} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--accent)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--primary-ultra-dark)} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} body {color: #222222; font-size: 16px} h1 {margin-bottom: var(--space-xs)} h2 {margin-bottom: var(--space-xs)} h3 {margin-bottom: var(--space-xs)} h4 {margin-bottom: var(--space-xs)} h5 {margin-bottom: var(--space-xs)} h6 {margin-bottom: var(--space-xs)}