.brxe-section {row-gap: var(--container-gap); padding-top: var(--section-padding-block); padding-right: var(--section-padding-inline); padding-bottom: var(--section-padding-block); padding-left: var(--section-padding-inline)} .brxe-container {width: var(--container-width); row-gap: var(--content-gap)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} body {font-size: var(--text-m); line-height: var(--text-m-lh); font-weight: 400; font-style: normal; font-family: "Mona Sans Static"; color: var(--text-colour)} h1, h2, h3, h4, h5, h6 {color: var(--heading-colour); font-family: "Libre Baskerville"; font-weight: 700; font-style: normal} h1 {font-size: var(--h1); line-height: var(--h1-lh); letter-spacing: -1px} h2 {font-size: var(--h2); line-height: var(--h2-lh); letter-spacing: -0.75px} h3 {font-size: var(--h3); line-height: var(--h3-lh); letter-spacing: -0.5px} h4 {font-size: var(--h4); line-height: var(--h4-lh)} h5 {font-size: var(--h5); line-height: var(--h5-lh)} h6 {font-size: var(--h6); line-height: var(--h6-lh)} .bricks-type-hero {font-size: calc(var(--h1) * 1.2); line-height: var(--h1-lh); color: var(--white)} .bricks-type-lead {color: var(--white); font-family: "Libre Baskerville"; font-weight: 600} body.bricks-is-frontend :focus-visible {outline: var(--focus-width) solid var(--focus-colour)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-width) solid var(--focus-colour); }}h1,h2,h3,h4,h5,h6, p, ul, ol, li, figure, blockquote {margin: 0;}ul, ol, blockquote, button {padding: 0;}