html {background-color: var(--bg-body)} body {background: none} body {color: var(--text-body); font-size: var(--text-base); font-family: "Roboto"; font-weight: 400} h1 {color: var(--title-text-black); line-height: var(--text-4xl); font-family: "Roboto"; font-weight: 900; font-size: var(--text-h1)} h2 {font-size: var(--text-h2); color: var(--text-blue); font-family: "Roboto"; font-weight: 900; line-height: var(--text-3xl)} h3 {font-size: var(--text-h3); font-family: "Roboto"; font-weight: 700; line-height: var(--text-2xl); color: var(--text-blue)} h4 {color: var(--text-title-orange); font-family: "Roboto"; font-weight: 700; font-size: var(--text-h4)} h5 {font-size: var(--text-h5); color: var(--title-text-black); font-family: "Roboto"; font-weight: 700; line-height: var(--text-l)} .brxe-container {min-width: var(--min-screen-width); width: var(--max-screen-width); max-width: 1440px} #brx-content.wordpress {min-width: var(--min-screen-width); width: var(--max-screen-width); max-width: 1440px} .woocommerce main.site-main {width: var(--max-screen-width)}:where(:root) .bricks-color-primary {color: var(--obx-blue)}:where(:root) .bricks-background-primary {background-color: var(--obx-blue)}:where(:root) .bricks-color-secondary {color: var(--gold)}:where(:root) .bricks-background-secondary {background-color: var(--gold)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) .bricks-color-light {color: var(--bg-body)}:where(:root) .bricks-background-light {background-color: var(--bg-body)}:where(:root) * {border-color: var(--border-primary)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--error)}:where(:root) .bricks-background-warning {background-color: var(--error)}:where(:root) .bricks-color-danger {color: var(--error-dark)}:where(:root) .bricks-background-danger {background-color: var(--error-dark)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bright-blue)} .bricks-button {color: var(--text-white); font-family: "Roboto"; font-weight: 900; line-height: 22px; font-size: var(--text-cta); border-radius: 25px} :root .bricks-button[class*="primary"] {font-size: var(--text-cta); color: var(--text-white); border-radius: 25px} :root .bricks-button[class*="secondary"] {font-size: var(--text-cta); color: var(--title-text-black); border-radius: 25px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bright-blue)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--gold)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--glacier)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--text-title)}