html {font-size: 100%} body {font-family: "Cabin"; font-weight: 400; font-size: var(--body-md); color: var(--color-brand-secondary-80)} h1, h2, h3, h4, h5, h6 {font-family: "Cabin"; font-weight: 600; color: var(--color-brand-secondary-80); line-height: var(--line-height-md)} h1 {font-size: var(--display-2xl)} h2 {font-size: var(--display-xl)} h3 {font-size: var(--display-lg)} h4 {font-size: var(--display-md)} h5 {font-size: var(--display-sm)} h6 {font-size: var(--display-xs)} .brxe-section {padding-top: var(--section-padding-block); padding-right: var(--section-padding-inline); padding-bottom: var(--section-padding-block); padding-left: var(--section-padding-inline); column-gap: var(--section-gap); row-gap: var(--section-gap)} .brxe-container {column-gap: var(--container-gap); row-gap: var(--container-gap); width: 100%; max-width: var(--width-boxed-lg)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--width-boxed-lg)} .brxe-block {column-gap: var(--content-gap-sm); row-gap: var(--content-gap-sm)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-brand-primary-40)} :root .bricks-button[class*="primary"] {border-radius: var(--button-radius)}