html {background-color: var(--base-white)} body {background: none}:where(:root) .bricks-color-primary {color: var(--brand-1)}:where(:root) .bricks-background-primary {background-color: var(--brand-1)}:where(:root) .bricks-color-light {color: var(--base-white)}:where(:root) .bricks-background-light {background-color: var(--base-white)}:where(:root) .bricks-color-dark {color: var(--brand-3)}:where(:root) .bricks-background-dark {background-color: var(--brand-3)} html {font-size: 100%} body {color: var(--brand-3); font-size: 20px; font-family: "Helvetica"; font-weight: 400; line-height: 1.6} h1, h2, h3, h4, h5, h6 {font-family: "Helvetica"; font-weight: 700; line-height: 1.2} h1 {font-size: var(--text-36-64)} h2 {font-size: var(--text-30-44)} .brxe-container {width: calc(100% - 80px); max-width: 1200px} .woocommerce main.site-main {width: calc(100% - 80px)} #brx-content.wordpress {width: calc(100% - 80px); max-width: 1200px} .bricks-button {padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px; font-weight: 700; font-family: "Helvetica"; font-size: clamp(16px, 14px + 0.4167vw, 20px); line-height: 1.6; border-radius: 8px; transition: .3s} :root .bricks-button[class*="primary"] {color: var(--base-white)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--brand-3)}@media (max-width: 768px) { .brxe-container {width: calc(100% - 40px)} .woocommerce main.site-main {width: calc(100% - 40px)} #brx-content.wordpress {width: calc(100% - 40px)}}@media (max-width: 480px) { body {font-size: 18px}}