.brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} html {font-size: 100%} body {color: var(--color-text); font-size: var(--text-body); line-height: var(--lh-paragraph---default); letter-spacing: var(--ls-paragraph---default); font-family: "neue-haas-grotesk-text"} h1, h2, h3, h4, h5, h6 {line-height: 1; color: var(--color-text); font-family: "neue-haas-grotesk-text"} h1 {font-size: var(--text-h1); line-height: var(--lh-heading---h1); letter-spacing: var(--ls-heading---h1); font-family: "neue-haas-grotesk-text"} h2 {font-size: var(--fs-heading---h2); line-height: var(--lh-heading---h2); letter-spacing: var(--ls-heading---h2); font-family: "neue-haas-grotesk-text"} h3 {font-size: var(--fs-heading---h3); line-height: var(--lh-heading---h3); letter-spacing: var(--ls-heading---h3); font-family: "neue-haas-grotesk-text"} h4 {font-size: var(--fs-heading---h4); line-height: var(--lh-heading---h4); letter-spacing: var(--ls-heading---h4); font-family: "neue-haas-grotesk-text"} h5 {font-size: var(--fs-heading---h5); text-transform: uppercase; line-height: var(--lh-heading---h5); font-weight: 700; letter-spacing: var(--ls-heading---h5); font-family: "neue-haas-grotesk-text"} h6 {font-size: var(--fs-heading---h6); text-transform: uppercase; line-height: var(--lh-heading---h6); letter-spacing: var(--ls-heading---h6); font-family: "neue-haas-grotesk-text"} .bricks-type-hero {font-size: var(--fs-heading--h1-hero); font-weight: 700; line-height: var(--lh-heading--h1-hero); letter-spacing: var(--ls-heading--h1-hero); font-family: "neue-haas-grotesk-text"} .brxe-section {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px} :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(--color-accent)} :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(--color-action)} .bricks-button {font-size: var(--fs-button-default); font-weight: 700; color: var(--white); border: var(--bw-button-default) none var(--black); border-radius: var(--br-button-default); padding-top: var(--py-button-default); padding-right: var(--px-button-default); padding-bottom: var(--py-button-default); padding-left: var(--px-button-default)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--color-action)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: rgba(0, 0, 0, 0)}@media (max-width: 991px) { h1 {font-size: var(--fs-heading---h1-tablet); line-height: var(--lh-heading---h1-tablet)} h2 {font-size: var(--fs-heading---h2-tablet); line-height: var(--lh-heading---h2-tablet)} .bricks-type-hero {font-size: var(--fs-heading--h1-hero-tablet); line-height: var(--lh-heading--h1-hero-tablet)}}@media (max-width: 767px) { h1 {font-size: var(--text-h1-mobile); line-height: var(--lh-heading---h1-mobile)} h2 {line-height: var(--lh-heading---h2-mobile); font-size: var(--fs-heading---h2-mobile)} .bricks-type-hero {font-size: var(--fs-heading--h1-hero-mobile); line-height: var(--lh-heading--h1-hero-mobile)}}@media (max-width: 478px) { .brxe-section {padding-top: 40px; padding-bottom: 40px}}