html {font-size: 100%} body {font-family: "Inter"; font-size: var(--step-0); color: var(--ft-text-color); font-weight: 500} h1, h2, h3, h4, h5, h6 {font-weight: 900; color: var(--ft-text-color); font-size: var(--step-1)} h1 {font-size: var(--step-4)} h2 {font-size: var(--step-3)} h3 {font-size: var(--step-2)} h4 {font-size: var(--step-1)} h5 {font-size: var(--step-0)} h6 {font-size: var(--step--1)} html {background-color: var(--ft-page-bg)} body {background: none} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-section {width: 100%}.brxe-alert {color: var(--ft-text-color); font-size: var(--step-0); border: 1px solid var(--bricks-border-color); border-radius: var(--radius-xl); padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-xs)}.brxe-alert.info {background-color: var(--ft-info-bg); border-color: var(--ft-info-border)}.brxe-alert.success {background-color: var(--ft-success-bg); border-color: var(--fr-success-border)}.brxe-alert.warning {background-color: var(--ft-warning-bg); border-color: var(--ft-warning-border)}.brxe-alert.danger {background-color: var(--ft-error-bg); border-color: var(--ft-error-border)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--ft-button-primary-bg)} :root .bricks-button[class*="primary"] {color: var(--ft-button-primary-text)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--ft-button-primary-bg-hover)} :root .bricks-button[class*="primary"]:hover {color: var(--ft-button-primary-text)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--ft-button-primary-bg)} .bricks-button {border-radius: var(--radius-xl); color: var(--ft-text-color)} :root .bricks-button[class*="secondary"] {color: var(--ft-button-secondary-text); border: 1px solid var(--ft-button-border)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--ft-button-secondary-bg)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--ft-button-primary-bg-hover)} :root .bricks-button[class*="secondary"]:hover {color: var(--ft-button-secondary-text-hover)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--ft-button-secondary-bg-hover)} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--ft-button-primary-bg)} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: var(--ft-button-primary-bg-hover)}