html {background-color: var(--heading-text); font-size: 100%} body {background: none; color: var(--body-text)} h1, h2, h3, h4, h5, h6 {color: var(--heading-text)} h2 {font-weight: 400; line-height: 1.2} h3 {font-weight: 400; line-height: 1.2} h4 {font-weight: 400; line-height: 1.2} h5 {font-weight: 400; line-height: 1.2} h6 {font-weight: 400; line-height: 1.2} body.bricks-is-frontend :focus-visible {outline: thin dotted var(--accent-purple-light)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: thin dotted var(--accent-purple-light); }} h1 {line-height: 1.2} .brxe-container {width: 100%; max-width: 90rem; padding-top: 4rem; padding-right: 5%; padding-bottom: 4rem; padding-left: 5%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 90rem} .bricks-button {text-transform: uppercase; font-size: 0.7rem; font-weight: 900; padding-top: 0.7rem; padding-right: 1.5rem; padding-bottom: 0.7rem; padding-left: 1.5rem; border: 2px solid rgba(15, 11, 24, 0); border-radius: var(--radius-primary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--primary); border: 2px solid rgba(15, 11, 24, 0); border-radius: var(--radius-sm)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--heading-text)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: #ffffff} :root .bricks-button[class*="primary"] {color: var(--heading-text); border: 2px solid rgba(15, 11, 24, 0); border-radius: var(--radius-primary)}@media (min-width: 600px) { .brxe-section {padding-right: 5%; padding-left: 5%}}@media (min-width: 801px) { .brxe-container {padding-top: 6rem; padding-bottom: 6rem}}