.brxe-container {width: 100%; max-width: 1100px; padding-right: 20px; padding-left: 20px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1100px} .brxe-block {column-gap: 20px; row-gap: 20px} html {background-color: color-mix(in srgb, var(--surface-color), transparent 50%)} body {background: none} html {font-size: 100%} body {color: var(--default-color); font-size: 12px; font-family: "Inter"} h1, h2, h3, h4, h5, h6 {color: var(--heading-color)} h1 {font-size: 2.1em} h2 {font-size: 1.9em} h3 {font-size: 1.6em} h4 {font-size: 1.4em} h5 {font-size: 1.2em} h6 {font-size: 1em} .bricks-button {border-radius: 5px; padding-right: 2em; padding-left: 2em; font-size: 1.1em; color: var(--button-color); transition: all 0.3s ease} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--text-dark)} :root .bricks-button[class*="light"].outline {border-color: var(--accent-color); color: var(--default-color)} :root .bricks-button[class*="muted"].outline {color: var(--default-color)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--accent-color)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--text-dark)} .brxe-section {padding-top: 90px; padding-bottom: 60px}