.brxe-container {width: 90vw; max-width: 1312px} .woocommerce main.site-main {width: 90vw} #brx-content.wordpress {width: 90vw; max-width: 1312px} .brxe-section {padding-top: var(--section-padding-y); padding-bottom: var(--section-padding-y); column-gap: clamp(6.4rem, 5vw + 1.44rem, 8rem); row-gap: clamp(4.8rem, 3.226vw + 3.768rem, 8rem)} html {background-color: var(--gray-50)} body {background: none} html {font-size: 100%} body {font-size: var(--text-lg); color: var(--body); line-height: var(--lh-text-lg)} h1, h2, h3, h4, h5, h6 {color: var(--headings)} h1 {font-size: var(--h1); line-height: var(--lh-h1)} h2 {font-size: var(--h2); line-height: var(--lh-h2)} h3 {line-height: var(--lh-h3); font-size: var(--h3)} h4 {line-height: var(--lh-h4); font-size: var(--h4)} h5 {font-size: var(--h5); line-height: var(--lh-h5)} h6 {font-size: var(--h6); line-height: var(--lh-h6)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-500)} :root .bricks-button[class*="primary"] {color: var(--primary-50); border-color: var(--primary-500)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-600)} .bricks-button {border: 1px solid var(--bricks-border-color)} :root .bricks-button[class*="primary"]:hover {border-color: var(--primary-600)} :root .bricks-button[class*="primary"].outline {border-color: var(--primary-50)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--primary-200)} :root .bricks-button[class*="secondary"] {color: var(--gray-950); border-color: var(--primary-200)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary-300)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--primary-300)}.brxe-icon-box h1 {font-size: var(--h5)}.brxe-icon-box h2 {font-size: var(--h5)}.brxe-icon-box h3 {font-size: var(--h5)}.brxe-icon-box h4 {font-size: var(--h5)}.brxe-icon-box h5 {font-size: var(--h5)}.brxe-icon-box h6 {font-size: var(--h5)}