body {font-size: 1.8rem; line-height: 160%} h1, h2, h3, h4, h5, h6 {text-transform: uppercase; line-height: 105%; font-weight: 700} h1 {font-size: 12rem} h2 {font-size: 7.5rem; text-transform: uppercase; line-height: 105%} h3 {font-size: 3.6rem} h4 {font-size: 2.4rem; text-transform: none; font-weight: 600; font-variation-settings: 'wdth' 100} .brxe-container {width: 100%; max-width: 1600px; padding-right: 40px; padding-left: 40px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1600px} .bricks-button {font-size: 2.0rem; line-height: 105%; letter-spacing: 1px; text-transform: uppercase; font-variation-settings: 'wdth' 75; font-weight: 600; border-radius: 2px; padding-top: 16px; padding-right: 30px; padding-bottom: 16px; padding-left: 30px} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {font-size: 2.0rem; text-transform: uppercase; color: var(--white-color); border: 1px solid var(--purple)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--purple)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--black-bg-color); border: 1px solid hsla(270, 10%, 8%, 0.3)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--white-color)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--black-bg-color)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--white-color)} .bricks-button:where(.bricks-color-secondary.outline):hover {background-color: var(--black-bg-color)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {color: hsl(0, 0%, 100%); border: 1px solid rgba(255, 255, 255, .3)} .bricks-button:where(.bricks-background-muted):hover, .bricks-button:where(.bricks-color-muted):hover {color: var(--black-bg-color); border-color: var(--white-color)} .bricks-button:where(.bricks-background-muted:not(.outline)) {background-color: hsla(46, 100%, 65%, 0)} .bricks-button:where(.bricks-background-muted:not(.outline)):hover {background-color: var(--white-color)} :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(--purple); text-decoration: underline}@media (max-width: 1500px) { h1 {font-size: 9rem}}@media (max-width: 991px) { h1 {font-size: 8rem} h2 {font-size: 5.5rem} .brxe-container {padding-right: 30px; padding-left: 30px}}@media (max-width: 767px) { h1 {font-size: 7rem}}@media (max-width: 478px) { body {font-size: 1.7rem} h1 {font-size: 5.5rem} h2 {font-size: 4.4rem} h3 {font-size: 3.2rem} .brxe-container {padding-right: 20px; padding-left: 20px} .bricks-button {font-size: 1.8rem; padding-right: 16px; padding-left: 16px}}