html {background-color: var(--bg-mid)} body {background: none} .brxe-container {width: 1280px; row-gap: 24px; column-gap: 24px} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .brxe-section {padding-top: 80px; padding-right: 24px; padding-bottom: 80px; padding-left: 24px; row-gap: 24px; column-gap: 24px} body {color: var(--dark-text-t-2); font-family: "Lato"; font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Arvo"; color: var(--dark-text-t-3); font-size: var(--text-m)} .brxe-block {column-gap: 8px; row-gap: 8px} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {column-gap: 8px; row-gap: 8px} .bricks-button {font-size: 14px; text-transform: uppercase; font-family: "Lato"; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--light-text)} :root .bricks-button[class*="secondary"] {color: var(--dark-text-t-3)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)}@media (max-width: 767px) { .brxe-section {padding-top: 60px; padding-right: 12px; padding-bottom: 60px; padding-left: 12px}}h1,h2,h3,h4,h5,h6, p, ul, ol, li, figure {margin: 0;}ul, ol, blockquote, button {padding: 0;}