body {font-size: var(--text-m); font-family: "Lato"} h1, h2, h3, h4, h5, h6 {font-family: "Open Sans"} html {font-size: 100%} h1 {font-size: var(--h1)} 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)} .brxe-container {width: 1400px; row-gap: var(--val-xxl); column-gap: var(--val-xxl); padding-top: var(--val-xxl); padding-right: var(--val-l); padding-bottom: var(--val-xxl); padding-left: var(--val-l)} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .brxe-block {column-gap: var(--val-m); row-gap: var(--val-m)} .brxe-section {padding-top: var(--val-xxl); padding-bottom: var(--val-xxl); row-gap: var(--val-xxl)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--text-bright)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-d-1)}