html {background-color: var(--bg-body)} body {background: none} body {font-size: var(--text-m); font-family: "Lato"; line-height: 1.4; color: var(--text-body)} h1, h2, h3, h4, h5, h6 {color: var(--text-title); line-height: 1.1} h1 {font-size: var(--text-4xl)} h2 {font-size: var(--text-3xl)} h3 {font-size: var(--text-2xl)} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-l)} h6 {font-size: var(--text-m)} .bricks-type-hero {font-size: var(--hero-title-size)} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--primary-l-1)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--primary-l-1); }} .brxe-section {padding-top: var(--space-2xl); padding-right: 2rem; padding-bottom: var(--space-2xl); padding-left: 2rem} .brxe-container {width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)}.brxe-post-title {font-size: var(--post-title-size)}.brxe-form .form-group label {text-transform: capitalize; font-family: "Lato"; font-size: var(--text-m); font-weight: 400; color: var(--text-body)}.brxe-form .form-group .label {text-transform: capitalize; font-family: "Lato"; font-size: var(--text-m); font-weight: 400; color: var(--text-body)}.brxe-form .form-group input {border-color: var(--border-primary)}.brxe-form .flatpickr {border-color: var(--border-primary)}.brxe-form select {border-color: var(--border-primary)}.brxe-form textarea {border-color: var(--border-primary)}.brxe-form .bricks-button {border-color: var(--border-primary)}.brxe-form .choose-files {border-color: var(--border-primary)}