:where(:root) .bricks-color-primary {color: var(--color-primary)}:where(:root) .bricks-background-primary {background-color: var(--color-primary)}:where(:root) .bricks-color-secondary {color: var(--color-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--color-secondary)} .brxe-section {column-gap: var(--section-gap-column); row-gap: var(--section-gap-row); padding-top: var(--section-padding-y); padding-bottom: var(--section-padding-y)} .brxe-container {width: 100%; max-width: var(--container-width); padding-right: var(--container-padding-x); padding-left: var(--container-padding-x); column-gap: var(--container-gap-column-m); row-gap: var(--container-gap-row)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-width)} .brxe-block {column-gap: var(--block-gap-column); row-gap: var(--block-gap-row)}.brxe-svg {width: 100%} .bricks-button {font-size: 1.4rem; font-weight: 400; color: var(--color-tetriary); line-height: 2.1rem; text-transform: uppercase; padding-top: 10px; padding-right: 26px; padding-bottom: 10px; padding-left: 26px; border: 1px solid var(--color-primary); border-radius: var(--button-border-radius); transition: all 0.3s ease-in-out} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--color-tetriary); border: 1px solid var(--color-primary); border-radius: var(--button-border-radius)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-primary)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--color-tetriary); border: 1px solid var(--color-tetriary); border-radius: var(--button-border-radius)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: rgba(255, 255, 255, 0)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: #1d1d1d; border-color: var(--color-bg-red-light)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--color-bg-red-light)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--color-tetriary)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {border-color: var(--color-tetriary); color: var(--color-primary-dark)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--color-primary)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--color-bg-red-light)} .bricks-button:hover {border-color: var(--color-bg-red-light)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--color-secondary); border-color: var(--color-secondary)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: hsla(0, 0%, 0%, 0)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--color-primary)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--color-tetriary); border-color: var(--color-primary)} :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 {transition: all 0.3s ease-in-out} .brxe-div {width: 100%} html {background-color: var(--color-bg-red)} body {background: none} body {font-family: "Host Grotesk"; color: var(--color-tetriary); font-size: 1.6rem; font-style: normal; line-height: 2.4rem} h1, h2, h3, h4, h5, h6 {font-family: "Libre Caslon Text"; font-weight: 500} h1 {font-size: 6.4rem; line-height: 7.68rem} h2 {font-size: 4.8rem; line-height: 6.24rem} h3 {font-size: 3.2rem; line-height: 4.16rem}.brxe-counter {font-size: 6.4rem; font-family: "Libre Caslon Text"; font-weight: 700; line-height: 1}@media (max-width: 768px) { h1 {font-size: 4.48rem; line-height: 5.37rem} h2 {font-size: 3.36rem; line-height: 4.36rem} h3 {font-size: 2.24rem; line-height: 2.91rem}.brxe-counter {font-size: 4.48rem}}