:root .bricks-color-primary {color: var(--color-primary)}:root .bricks-background-primary {background-color: var(--color-primary)}:root .bricks-color-secondary {color: var(--color-action)}:root .bricks-background-secondary {background-color: var(--color-action)}:root .bricks-color-light {color: var(--color-primary-01)}:root .bricks-background-light {background-color: var(--color-primary-01)}:root .bricks-color-dark {color: var(--color-primary-09)}:root .bricks-background-dark {background-color: var(--color-primary-09)}:root .bricks-color-muted {color: var(--color-neutral-02)}:root .bricks-background-muted {background-color: var(--color-neutral-02)}:root * {border-color: var(--color-neutral-01)} .brxe-section {padding-top: var(--section-padding); padding-right: var(--site-gutter); padding-bottom: var(--section-padding); padding-left: var(--site-gutter)} .brxe-container {max-width: var(--site-max-width); width: 100%} #brx-content.wordpress {max-width: var(--site-max-width); width: 100%} .woocommerce main.site-main {width: 100%} body {font-family: "Roboto"; line-height: 1.5; letter-spacing: .25px; font-size: var(--text-body); color: var(--color-neutral)} h1, h2, h3, h4, h5, h6 {font-family: "Dosis"; text-transform: uppercase; line-height: 1.1; letter-spacing: 1px; text-wrap: balance; color: var(--color-primary)} 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)} .bricks-type-hero {font-size: var(--h-display)} .bricks-type-lead {font-size: var(--text-lead); text-transform: uppercase} .brxe-text {text-wrap: pretty} .brxe-text-basic {text-wrap: pretty} .bricks-button {text-transform: uppercase; border-radius: var(--radius-full)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-neutral-03)} :root .bricks-button[class*="primary"] {color: var(--color-neutral); font-size: var(--text-s)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-action)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--color-accent)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-cieeug)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-accent)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-cieeug)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--color-primary)}.brxe-image .icon {border-radius: var(--radius-m)}