html {background-color: var(--clr-body)} body {background: none} .brxe-container {width: 100%; max-width: var(--content-width)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--content-width)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column; width: auto; min-width: unset} .brxe-section {padding-top: var(--sp-m); padding-right: var(--gutter); padding-bottom: var(--sp-m); padding-left: var(--gutter)} body {color: var(--clr-text); font-family: "Maison Neue"; font-weight: 300; line-height: var(--lh-body); letter-spacing: var(--ls-body); font-size: var(--font-body); font-style: normal} h1, h2, h3, h4, h5, h6 {font-family: "Druk"; font-weight: 700; text-transform: uppercase; text-wrap: balance} h1 {font-size: var(--h1); line-height: var(--text-body-lh)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .bricks-type-hero {font-size: var(--heading-display-hero); text-transform: uppercase; font-family: "Druk"; font-weight: 700; line-height: var(--lh-display-hero); letter-spacing: var(--ls-display-hero)} .bricks-type-lead {font-size: var(--lead-display-large)} .bricks-button {border: 3px solid var(--bricks-border-color); border-radius: var(--radius-xl); line-height: var(--lh-btn); letter-spacing: var(--ls-btn); font-size: var(--font-btn); font-weight: 700; font-family: "Maison Neue"; padding-top: calc(1.3 * var(--btn-sp-block)); padding-right: var(--btn-sp-inline); padding-bottom: calc(1 * var(--btn-sp-block)); padding-left: var(--btn-sp-inline)}