html {background-color: #f5f5f5} body {background: none} html {font-size: 100%} body {font-size: var(--fs-regular); text-align: left; color: var(--color-text); font-family: "Inter"} h1, h2, h3, h4, h5, h6 {text-align: left; font-family: "Outfit"; font-weight: 700; line-height: 1.2; color: var(--color-heading)} h1 {font-size: var(--fs-4xl); font-weight: 600} h2 {font-size: var(--fs-2xl)} h4 {font-size: var(--fs-large)} h5 {font-size: var(--fs-md)} .brxe-container {max-width: 1240px; width: 100%; column-gap: 60px; row-gap: 20px} #brx-content.wordpress {max-width: 1240px; width: 100%} .woocommerce main.site-main {width: 100%} .bricks-button {font-size: 1rem; text-align: center; text-transform: capitalize; font-family: "Outfit"; font-weight: 500; border: 0; border-style: none; border-radius: 100px; padding-top: .8em; padding-right: 2em; padding-bottom: .8em; padding-left: 2em} :root .bricks-button[class*="primary"] {color: var(--color-white)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-primary)} :root .bricks-button[class*="secondary"] {color: var(--color-heading)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-secondary)} .brxe-block {column-gap: 20px; row-gap: 20px}