html {background-color: var(--secondary-ultra-light)} body {background: none}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)} html {font-size: 100%} body {font-family: "Baloo Bhai 2"; font-size: var(--text-m); line-height: var(--text-line-height); color: var(--base)} h1, h2, h3, h4, h5, h6 {font-family: "BDStreetSign"; line-height: var(--heading-line-height); color: var(--base-ultra-dark)} h1 {font-size: var(--h1); line-height: 1.15; margin-top: 0} h2 {font-size: var(--h2); line-height: 1.15; margin-top: 0} h3 {font-size: var(--h3); line-height: 1.2; margin-top: 0} h4 {font-size: var(--h4); line-height: 1.25; margin-top: 0} h5 {font-size: var(--h5); line-height: 1.35; margin-top: 0} h6 {font-size: var(--h6); line-height: 1.5; margin-top: 0} blockquote {margin-top: var(--space-l); margin-bottom: var(--space-l); padding-left: var(--space-s); border-left: 4px solid var(--primary); font-size: var(--text-m); font-family: "Baloo Bhai 2"; font-weight: 500; font-style: italic; color: var(--base-ultra-dark)} .brxe-section {padding-top: var(--padding-section); padding-right: var(--space-m); padding-bottom: var(--padding-section); padding-left: var(--space-m)} .brxe-container {width: 100%; max-width: var(--container-width)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-width)} .bricks-button {font-family: "BDStreetSign"; font-weight: normal; letter-spacing: 0.1em; line-height: 1; text-transform: uppercase; text-decoration: none; padding-top: var(--space-xs); padding-right: var(--space-s); padding-bottom: var(--space-xs); padding-left: var(--space-s)} .bricks-button.md {padding-top: var(--space-xs); padding-right: var(--space-s); padding-bottom: var(--space-xs); padding-left: var(--space-s)} .bricks-button.sm {padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-xs)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {border: 2px solid var(--primary); border-radius: var(--radius-btn)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-dark)} :root .bricks-button[class*="primary"]:hover {border-color: var(--primary-dark)} :root .bricks-button[class*="secondary"] {color: var(--primary); border: 2px solid var(--primary); border-radius: var(--radius-btn)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: transparent} :root .bricks-button[class*="secondary"]:hover {color: var(--white); border-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--base-ultra-dark); border: 2px solid var(--neutral-light); border-radius: var(--radius-btn)} :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(--neutral-ultra-light)} :root .bricks-button[class*="dark"] {color: var(--white); border: 2px solid var(--secondary-ultra-dark); border-radius: var(--radius-btn)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--secondary-ultra-dark)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--secondary-dark)} :root .bricks-button[class*="dark"]:hover {border-color: var(--secondary-dark)}