body {font-size: var(--text); font-family: "HankenGrotesk"; font-weight: 300} h1 {font-size: var(--h1); line-height: 110%; font-weight: 300} h2 {font-size: var(--h2); font-weight: 400; line-height: 110%} h3 {font-size: var(--h3); font-weight: 300; line-height: 110%} h4 {font-size: var(--h4); font-weight: 300; line-height: 110%} h5 {font-size: var(--h5); font-weight: 400; line-height: 110%} h6 {font-size: var(--h6); font-weight: 300; line-height: 110%} .brxe-text {font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.48rem) * 0.2083)), 1.8rem); line-height: 1.3} .brxe-text-basic {font-size: clamp(1.6rem, calc(1.6rem + ((1vw - 0.48rem) * 0.2083)), 1.8rem); line-height: 1.3} .brxe-container {width: 100%; max-width: 1440px; padding-top: var(--padding-top); padding-right: var(--padding-right); padding-bottom: var(--padding-bottom); padding-left: var(--padding-left)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px} :root .bricks-button[class*="primary"] {font-weight: 400} :root .bricks-button[class*="primary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} .bricks-button {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-pyvttf)} :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 {text-decoration: underline}