html {background-color: var(--col-light)} body {background: none} body {font-size: var(--fs-text-m); font-family: "Basis Grotesque Pro"; font-weight: 400; color: var(--col-dark); line-height: var(--lh-text-m)} h1, h2, h3, h4, h5, h6 {color: var(--col-dark); font-family: "Ivy Presto Display"; font-weight: 300; line-height: 1.2; letter-spacing: var(--ls-headings)} h1 {font-size: var(--fs-h1); color: var(--col-hero-text); letter-spacing: 0.02em; font-family: "Ivy Presto Display"; font-weight: 300} h2 {font-size: var(--fs-h2)} h3 {font-size: var(--fs-h3); text-transform: uppercase} h4 {font-size: var(--fs-h4)} h5 {font-size: var(--fs-h5); line-height: var(--lh-h5); font-family: "Basis Grotesque Pro"; text-transform: uppercase} .brxe-section {padding-right: var(--section-psides); padding-left: var(--section-psides); justify-content: center; align-items: center} .brxe-container {flex-direction: row; width: 1280px; justify-content: space-between; align-items: flex-start} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .bricks-button {text-transform: uppercase; text-align: center; font-family: "Ivy Presto Display"; color: var(--col-light); font-size: var(--fs-button-primary_nav); font-weight: 300; letter-spacing: 0.1em; line-height: 1.6em; text-wrap: balance; border-style: none; border-radius: 32px; transition: 0.3s; padding-top: clamp(12px, 10.667px + 0.37vw, 16px); padding-right: clamp(16px, 13.333px + 0.741vw, 24px); padding-bottom: clamp(12px, 10.667px + 0.37vw, 16px); padding-left: clamp(16px, 13.333px + 0.741vw, 24px)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--col-accent)} :root .bricks-button[class*="secondary"] {text-transform: uppercase; line-height: 1.2em; letter-spacing: -0.02em; text-wrap: balance; text-align: center; font-family: "Basis Grotesque Pro"; font-weight: 400; color: var(--col-light); font-size: var(--fs-button-secondary); border-style: none; border-radius: 50%} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--col-accent)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--col-dark)} :root .bricks-button[class*="primary"] {color: var(--col-light); font-family: "Ivy Presto Display"; font-weight: 300; font-size: var(--fs-button-primary_nav); line-height: 1.6em; letter-spacing: 0.1em; text-wrap: balance} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--col-accent)} .bricks-button.sm {padding-top: clamp(35px, 37.621px + -0.172vw, 37px); padding-right: clamp(16px, 19.931px + -0.259vw, 19px); padding-bottom: clamp(35px, 37.621px + -0.172vw, 37px); padding-left: clamp(16px, 19.931px + -0.259vw, 19px)} :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 {padding-bottom: 0px !important}.brxe-divider.horizontal .line {border-top-color: var(--col-line-light)}.brxe-divider.vertical .line {border-right-color: var(--col-line-light)}.brxe-divider .icon i {color: var(--col-line-light)}.brxe-form ::placeholder {text-transform: capitalize; line-height: 1.6em; color: rgba(10, 25, 52, 0.5); font-size: 16px; font-family: "Basis Grotesque Pro"}.brxe-form select {text-transform: capitalize; line-height: 1.6em; color: rgba(10, 25, 52, 0.5); font-size: 16px; font-family: "Basis Grotesque Pro"}@media (max-width: 767px) { h5 {letter-spacing: var(--ls-h5-mobile)} h1 {letter-spacing: var(--ls-h1-mobile)} .brxe-container {flex-direction: column; justify-content: flex-start}}