body {font-family: "QuickSand"; font-weight: 400; color: var(--w-text-body); font-size: var(--w-text-m); line-height: 1.5} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 700; color: var(--w-community); line-height: 1.1} h1 {font-size: var(--w-text-3xl); line-height: .96} h2 {font-size: var(--w-text-3xl)} h3 {font-size: var(--w-text-2xl); font-family: "Playfair Display"} h4 {font-size: var(--w-text-xl)} h5 {font-size: var(--w-text-l)} .bricks-type-hero {font-size: var(--w-hero-title-size)} .brxe-section {padding-top: var(--w-section-padding-block); padding-right: var(--w-space-m); padding-bottom: var(--w-section-padding-block); padding-left: var(--w-space-m)} .brxe-container {width: var(--w-max-screen-width); column-gap: var(--w-space-m); row-gap: var(--w-space-l)} .woocommerce main.site-main {width: var(--w-max-screen-width)} #brx-content.wordpress {width: var(--w-max-screen-width)} .brxe-block {column-gap: var(--w-space-m); row-gap: var(--w-space-m)} .brxe-div {column-gap: var(--w-space-m); row-gap: var(--w-space-m)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--w-cta-d-1)} .bricks-button.outline:focus {border: 3px solid var(--w-cta-d-1)}.brxe-form .bricks-button:hover {background-color: var(--w-primary-d-1)}