 html {background-color: var(--off-white)} body {background: none} .brx-boxed {max-width: 1366px} .brx-boxed #brx-header.brx-sticky {max-width: 1366px; margin-left: auto; margin-right: auto} .brxe-container {width: 1366px; column-gap: var(--space-xs); padding-top: var(--space-3xs); padding-bottom: var(--space-3xs)} .woocommerce main.site-main {width: 1366px} #brx-content.wordpress {width: 1366px} :root .bricks-button[class*="secondary"] {font-size: var(--text-s); text-transform: uppercase; font-family: "Work Sans"; font-weight: 600; color: var(--primary); border-radius: 5px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--off-white)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bg-body)} .bricks-button:hover {transition: ease-in} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: var(--text-m); font-family: "Work Sans"; font-weight: 600; text-transform: uppercase; color: var(--primary); box-shadow: 0 0 5px 0 var(--text-body); border: 15px hidden var(--bricks-border-color)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--white)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--white); box-shadow: 0 0 10px 0 var(--text-body)} .bricks-button.lg {padding-top: 0.8em; padding-right: 2em; padding-bottom: 0.8em; padding-left: 2em} .bricks-button.md {padding-top: 0.7em; padding-right: 1.5em; padding-bottom: 0.7em; padding-left: 1.5em} :root .bricks-button[class*="secondary"]:hover {box-shadow: 0 0 5px 0 var(--text-body)} :root .bricks-button[class*="dark"] {font-size: var(--text-xs); color: var(--off-white); font-family: "Work Sans"; font-weight: 500; text-transform: uppercase} :root .bricks-button[class*="dark"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="dark"]:hover {color: var(--white)} :root .bricks-button[class*="primary"] {font-size: var(--text-l); text-transform: uppercase; font-family: "Work Sans"; font-weight: 600; font-style: normal; letter-spacing: 0.2px; color: var(--light); box-shadow: 0 0 5px 0 var(--border-primary); border-radius: 5px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--white)} :root .bricks-button[class*="primary"]:hover {color: var(--primary); box-shadow: 0 0 10px 0 var(--shadow-primary)}.brxe-nav-menu .bricks-nav-menu > li > a {font-size: var(--text-s); text-transform: uppercase; font-family: ""; font-weight: 600}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {font-size: var(--text-s); text-transform: uppercase; font-family: ""; font-weight: 600} .brxe-section {padding-top: var(--space-3xs); padding-right: var(--space-xs); padding-bottom: var(--space-3xs); padding-left: var(--space-xs)} .brxe-block {padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m); row-gap: var(--space-s); column-gap: var(--space-s)} body {font-family: "Work Sans"; font-weight: 600; line-height: var(--text-l)} h2 {font-family: "Oswald"; font-weight: 700; font-size: var(--text-2xl); text-transform: uppercase} h3 {font-family: "Oswald"; text-transform: uppercase; letter-spacing: 0.5px} h4 {font-size: var(--text-m); text-transform: uppercase; font-family: "Work Sans"; font-weight: 700} h5 {font-size: var(--text-xs); font-family: "Work Sans"; font-weight: 700; text-transform: uppercase; color: var(--secondary)} h6 {font-size: 15px; font-family: "Work Sans"; font-weight: 600; line-height: var(--text-l)}.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(--space-3xs); padding-right: var(--space-s); padding-bottom: var(--space-3xs); padding-left: var(--space-s); border-radius: 4px; font-size: var(--text-m); font-family: "Work Sans"; text-transform: uppercase; font-weight: 600; color: var(--white); background-color: var(--secondary)}@media (max-width: 478px) { .brxe-container {padding-right: var(--space-4xs); padding-left: var(--space-4xs)} .brxe-section {padding-right: 0; padding-left: 0} .brxe-block {padding-right: var(--space-xs); padding-left: var(--space-xs)} h3 {font-size: var(--text-xl)} body {font-weight: 500}}