html {background-color: var(--main-bg)} body {background: none}:where(:root) .bricks-color-primary {color: var(--main-m100)}:where(:root) .bricks-background-primary {background-color: var(--main-m100)}:where(:root) .bricks-color-dark {color: var(--bricks-color-uuglzl)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-uuglzl)} .bricks-button {border-radius: var(--radius-md); color: #ffffff; font-weight: 500; line-height: 100%; transition: var(--global-transition-timing); padding-top: 0.75em; padding-right: 1.2em; padding-bottom: 0.75em; padding-left: 1.2em} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--main-m100)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--main-m100)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--main-m100)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--blue-dark-alt)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-azsdyn)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-ividho)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--blue-dark-alt)} body {font-size: 17px; font-family: "Fira Sans"; color: var(--dark-d100)} h1, h2, h3, h4, h5, h6 {font-family: "Afacad"; font-weight: 700; line-height: 100%; text-wrap: balance} h1 {font-size: 4em} h2 {font-size: 2.70em} h3 {font-size: 1.65em} .brxe-container {width: 1280px; padding-right: var(--spacing-md); padding-left: var(--spacing-md)} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px}