:root { --primary-rgb: 12, 119, 105; --secondary-rgb: 179, 252, 106; --tertiary-rgb: 105, 12, 119; --accent-rgb: 119, 105, 12; --neutral-rgb: 185, 172, 172; --white-rgb: 255, 255, 255; --black-rgb: 0, 0, 0; --text-line-height: calc(6px + 2ex);}.btn-accent { background: var(--base-accent) !important; color: var(--base-white) !important; border: 1px solid var(--base-accent) !important; border-radius: var(--radius-lg) !important;}.btn-accent:hover { background: var(--hover-accent) !important; border: 1px solid var(--hover-accent) !important;}.btn-accent.outline { border: 2px solid var(--base-accent) !important; color: var(--base-accent) !important; background-color: rgba(0, 0, 0, 0) !important;}.btn-accent.outline:hover { background-color: var(--accent-10) !important; border: 2px solid var(--hover-accent) !important; color: var(--hover-accent) !important;}.btn-tertiary { background: var(--base-tertiary) !important; color: var(--base-white) !important; border: 1px solid var(--base-tertiary) !important; border-radius: var(--radius-lg) !important;}.btn-tertiary:hover { background: var(--hover-tertiary) !important; border: 1px solid var(--hover-tertiary) !important;}.btn-tertiary.outline { border: 2px solid var(--base-tertiary) !important; color: var(--base-tertiary) !important; background-color: rgba(0, 0, 0, 0) !important;}.btn-tertiary.outline:hover { background-color: var(--tertiary-10) !important; border: 2px solid var(--hover-tertiary) !important; color: var(--hover-tertiary) !important;}.alt-shade, .alt-shade-hover:hover { --bg-primary: #042a25; --dark-primary: #f3f8f8; --surface-primary: #063c35; --heading-primary: #cee4e1; --subtle-primary: #084d44; --active-primary: #aacfcb; --border-primary: #09594f; --text-primary: #86bbb4; --muted-primary: #0a6559; --hover-primary: #6dada5; --base-primary: #0c7769; --bg-secondary: #3f5825; --dark-secondary: #fbfff8; --surface-secondary: #5a7e35; --heading-secondary: #f0fee1; --subtle-secondary: #74a445; --active-secondary: #e4fecb; --border-secondary: #86bd50; --text-secondary: #d9feb5; --muted-secondary: #98d65a; --hover-secondary: #d1fda6; --base-secondary: #b3fc6a; --bg-tertiary: #25042a; --dark-tertiary: #f8f3f8; --surface-tertiary: #35063c; --heading-tertiary: #e1cee4; --subtle-tertiary: #44084d; --active-tertiary: #cbaacf; --border-tertiary: #4f0959; --text-tertiary: #b486bb; --muted-tertiary: #590a65; --hover-tertiary: #a56dad; --base-tertiary: #690c77; --bg-accent: #2a2504; --dark-accent: #f8f8f3; --surface-accent: #3c3506; --heading-accent: #e4e1ce; --subtle-accent: #4d4408; --active-accent: #cfcbaa; --border-accent: #594f09; --text-accent: #bbb486; --muted-accent: #65590a; --hover-accent: #ada56d; --base-accent: #77690c; --bg-neutral: #150f0f; --dark-neutral: #f5f4f4; --surface-neutral: #291e1e; --heading-neutral: #eeecec; --subtle-neutral: #503f3f; --active-neutral: #e2dfdf; --border-neutral: #766060; --text-neutral: #d4cece; --muted-neutral: #998585; --hover-neutral: #c6bebe; --base-neutral: #b9acac; --base-white: #000000; --white-rgb: 0, 0, 0; --base-black: #ffffff; --black-rgb: 255, 255, 255;}.alt-shade .alt-shade, .alt-shade-hover:hover .alt-shade-hover { --bg-primary: #f3f8f8; --dark-primary: #042a25; --surface-primary: #cee4e1; --heading-primary: #063c35; --subtle-primary: #aacfcb; --active-primary: #084d44; --border-primary: #86bbb4; --text-primary: #09594f; --muted-primary: #6dada5; --hover-primary: #0a6559; --base-primary: #0c7769; --bg-secondary: #fbfff8; --dark-secondary: #3f5825; --surface-secondary: #f0fee1; --heading-secondary: #5a7e35; --subtle-secondary: #e4fecb; --active-secondary: #74a445; --border-secondary: #d9feb5; --text-secondary: #86bd50; --muted-secondary: #d1fda6; --hover-secondary: #98d65a; --base-secondary: #b3fc6a; --bg-tertiary: #f8f3f8; --dark-tertiary: #25042a; --surface-tertiary: #e1cee4; --heading-tertiary: #35063c; --subtle-tertiary: #cbaacf; --active-tertiary: #44084d; --border-tertiary: #b486bb; --text-tertiary: #4f0959; --muted-tertiary: #a56dad; --hover-tertiary: #590a65; --base-tertiary: #690c77; --bg-accent: #f8f8f3; --dark-accent: #2a2504; --surface-accent: #e4e1ce; --heading-accent: #3c3506; --subtle-accent: #cfcbaa; --active-accent: #4d4408; --border-accent: #bbb486; --text-accent: #594f09; --muted-accent: #ada56d; --hover-accent: #65590a; --base-accent: #77690c; --bg-neutral: #f5f4f4; --dark-neutral: #150f0f; --surface-neutral: #eeecec; --heading-neutral: #291e1e; --subtle-neutral: #e2dfdf; --active-neutral: #503f3f; --border-neutral: #d4cece; --text-neutral: #766060; --muted-neutral: #c6bebe; --hover-neutral: #998585; --base-neutral: #b9acac; --base-white: #ffffff; --white-rgb: 255, 255, 255; --base-black: #000000; --black-rgb: 0, 0, 0;}:where(:root) .bricks-color-primary {color: var(--base-primary)}:where(:root) .bricks-background-primary {background-color: var(--base-primary)}:where(:root) .bricks-color-secondary {color: var(--base-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--base-secondary)}:where(:root) .bricks-color-light {color: var(--base-white)}:where(:root) .bricks-background-light {background-color: var(--base-white)}:where(:root) .bricks-color-dark {color: var(--base-black)}:where(:root) .bricks-background-dark {background-color: var(--base-black)} .bricks-button.md {padding-top: var(--s3); padding-right: var(--s6); padding-bottom: var(--s3); padding-left: var(--s6); font-size: 18px} .bricks-button.lg {padding-top: var(--s4); padding-right: var(--s8); padding-bottom: var(--s4); padding-left: var(--s8); font-size: 20px} .bricks-button.xl {padding-top: var(--s5); padding-right: var(--s10); padding-bottom: var(--s5); padding-left: var(--s10); font-size: 20px} .bricks-button.sm {font-size: 14px; padding-top: calc(var(--s2) * 1.25); padding-right: var(--s5); padding-bottom: calc(var(--s2) * 1.25); padding-left: var(--s5)} :root .bricks-button[class*="primary"] {color: var(--base-white); border: 1px solid var(--base-primary); border-radius: var(--radius-lg)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--base-primary)} .bricks-button {font-weight: 500; line-height: 28px} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--hover-primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--base-secondary)} :root .bricks-button[class*="secondary"] {color: var(--base-white); border: 1px solid var(--base-secondary); border-radius: var(--radius-lg)} :root .bricks-button[class*="primary"]:hover {border: 1px solid var(--hover-primary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--hover-secondary)} :root .bricks-button[class*="secondary"]:hover {border: 1px solid var(--hover-secondary)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--base-black); border: 1px solid var(--base-white); border-radius: var(--radius-lg)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--base-white)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: var(--white-80)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {border: 1px solid var(--white-80)} :root .bricks-button[class*="dark"] {color: var(--base-white); border: 1px solid var(--base-black); border-radius: var(--radius-lg)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--base-black)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--black-80)} :root .bricks-button[class*="dark"]:hover {border: 1px solid var(--black-80)} :root .bricks-button[class*="primary"].outline {border: 2px solid var(--base-primary); color: var(--base-primary); background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary-10); border: 2px solid var(--hover-primary); color: var(--hover-primary)} :root .bricks-button[class*="secondary"].outline {background-color: rgba(0, 0, 0, 0); border: 2px solid var(--base-secondary); color: var(--base-secondary)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--secondary-10); border: 2px solid var(--hover-secondary); color: var(--hover-secondary)} :root .bricks-button[class*="light"].outline {background-color: rgba(0, 0, 0, 0); border: 2px solid var(--base-white); color: var(--base-white)} :root .bricks-button[class*="light"].outline:hover {background-color: var(--white-10); border: 2px solid var(--base-white); color: var(--base-white)} :root .bricks-button[class*="dark"].outline {background-color: rgba(0, 0, 0, 0); border: 2px solid var(--base-black); color: var(--base-black)} :root .bricks-button[class*="dark"].outline:hover {background-color: var(--black-10); border: 2px solid var(--base-black); color: var(--base-black)} body {font-size: 16px; font-family: "IBM Plex Sans"; letter-spacing: -1%} h1, h2, h3, h4, h5, h6 {font-family: "IBM Plex Sans"; font-weight: 600; line-height: var(--text-line-height)} h1 {font-size: var(--h1); letter-spacing: -3%} h2 {font-size: var(--h2); letter-spacing: -3%} h3 {font-size: var(--h3); letter-spacing: -2%} h4 {font-size: var(--h4); letter-spacing: -2%} h5 {font-size: var(--h5); letter-spacing: 0.5%} h6 {font-size: var(--h6); letter-spacing: 0%} .brxe-section {padding-top: var(--s20); padding-right: 60px; padding-bottom: var(--s20); padding-left: 60px} .brxe-container {width: 1320px} .woocommerce main.site-main {width: 1320px} #brx-content.wordpress {width: 1320px} .brxe-text {line-height: var(--text-line-height)} .brxe-text-basic {line-height: var(--text-line-height)}@media (max-width: 991px) { .brxe-section {padding-right: 40px; padding-left: 40px}}