body {font-family: "Poppins"; color: var(--text); font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Poppins"; color: var(--heading); line-height: var(--line-height-s)} h1 {font-size: var(--h1); color: var(--heading)} h2 {font-size: var(--h2); color: var(--heading)} h3 {font-size: var(--h3); color: var(--heading)} h4 {font-size: var(--h4); color: var(--heading)} h5 {font-size: var(--h5); color: var(--heading)} h6 {color: var(--heading); font-size: var(--h6)} .brxe-section {row-gap: var(--container-gap); padding-top: var(--section-space-s); padding-right: var(--gutter); padding-bottom: var(--section-space-s); padding-left: var(--gutter)} .brxe-container {row-gap: var(--content-gap); width: 100%; max-width: var(--content-width); margin-right: auto; margin-left: auto} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--content-width)}.brxe-list .separator {display: none} .brxe-block {column-gap: var(--space-m)} .brxe-div {column-gap: var(--space-s)} html {background-color: var(--background)} body {background: none} .bricks-button {color: var(--light)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--primary)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--primary)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--action)}@media (max-width: 991px) { .brxe-section {row-gap: var(--space-m)} .brxe-container {row-gap: var(--space-m)}}