.brxe-section {padding-top: var(--section-space); padding-bottom: var(--section-space)} .brxe-container {width: 100%; max-width: var(--container-max); padding-right: var(--container-gutter); padding-left: var(--container-gutter)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-max)} body {font-family: "Inter"; color: var(--color-ink); line-height: var(--line-body); font-size: var(--text-0); background: none} h1, h2, h3, h4, h5, h6 {font-family: "IBM Plex Serif"; color: var(--brand-indigo); text-wrap: balance; line-height: var(--line-heading)} h1 {line-height: var(--line-tight); font-size: calc(var(--text-hero) * 0.85); margin-bottom: 0.5em} h2 {font-size: var(--text-3); margin-bottom: 0.5em} h3 {font-size: var(--text-1); line-height: 1.2; margin-bottom: 0.5em} h4 {font-size: var(--text-3); margin-bottom: 0.5em} h5 {margin-bottom: 0.5em} h6 {margin-bottom: 0.5em} .bricks-button {text-transform: uppercase; font-weight: 600; border-radius: var(--radius); transition: .3s all ease-out} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--brand-orange)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--brand-indigo)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--white)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--brand-indigo)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--brand-indigo-d-5)} html {background-color: var(--color-page)} :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(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > 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(--brand-orange); transition: .3s all ease-out;} :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:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > 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(--brand-indigo)}