html {background-color: var(--clr-body)} body {background: none} body {color: var(--clr-text); font-size: var(--fs-body); font-family: "Manrope"; font-weight: 400; line-height: var(--lh-body)} h1 {font-size: var(--fs-h1); color: var(--clr-text); font-family: "Manrope"; font-weight: 700; line-height: var(--lh-headings)} h2 {font-size: var(--fs-h2); color: var(--clr-text); line-height: var(--lh-headings)} h3 {font-size: var(--fs-h3); color: var(--clr-text); line-height: var(--lh-headings); font-family: "Manrope"; font-weight: 600} h4 {font-size: var(--fs-h4); font-family: "Manrope"; font-weight: 400; line-height: var(--lh-body)} .bricks-type-hero {color: var(--clr-text); font-family: "Manrope"; font-weight: 600} .brxe-section {width: 100%; margin-top: var(--gap-2xl); margin-bottom: var(--gap-2xl); padding-top: var(--gap-l); padding-right: var(--gap-l); padding-bottom: var(--gap-l); padding-left: var(--gap-l); display: flex} .brxe-container {width: 100%; max-width: 1400px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1400px}.woocommerce .button, body:not(.woocommerce) .product_type_variable, body:not(.woocommerce) .product_type_grouped, body:not(.woocommerce) .product_type_external, body:not(.woocommerce) .product_type_simple, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button, body:not(.woocommerce) .brxe-woocommerce-mini-cart .woocommerce-mini-cart__buttons .button {padding-top: var(--gap-s); padding-right: var(--gap-m); padding-bottom: var(--gap-s); padding-left: var(--gap-m); background-color: var(--clr-primary); border-radius: var(--br-s); font-size: var(--fs-body); color: var(--clr-white); font-weight: 600; font-family: "Manrope"}.woocommerce .button:hover, body:not(.woocommerce) .product_type_variable:hover, body:not(.woocommerce) .product_type_grouped:hover, body:not(.woocommerce) .product_type_external:hover, body:not(.woocommerce) .product_type_simple:hover, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button:hover, body:not(.woocommerce) .brxe-woocommerce-mini-cart .woocommerce-mini-cart__buttons .button:hover {background-color: var(--clr-primary-hover)}button, .button { transition: background-color .3s, color 0.3s;} .bricks-button {font-size: var(--fs-body); color: var(--clr-white); font-family: "Manrope"; font-weight: 600; border-radius: var(--br-s); transition: background-color .3s, color .3s} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--clr-primary)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--clr-primary-hover)} :root .bricks-button[class*="secondary"] {color: var(--clr-white); border-radius: var(--br-s)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--clr-secondary)} :root .bricks-button[class*="dark"] {color: var(--clr-white); border-radius: var(--br-s)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--clr-secondary)}