html {font-size: 100%} body {color: var(--body-color); font-size: 16px; line-height: 26px; font-family: "Inter"; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--heading-color); font-family: "Montserrat"; font-weight: 600} h1 {font-size: 44px; line-height: 52px; font-weight: 700; letter-spacing: -0.01em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} h2 {font-size: 36px; line-height: 44px; font-weight: 600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} h3 {font-size: 24px; line-height: 32px; font-weight: 600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} h4 {font-size: 20px; line-height: 28px; font-weight: 600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} h5 {font-size: 18px; line-height: 26px; font-weight: 600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} h6 {font-size: 16px; line-height: 24px; font-weight: 600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px} .bricks-type-hero {font-size: 56px; line-height: 64px; font-weight: 700; letter-spacing: -0.01em} .bricks-type-lead {font-size: 18px; line-height: 30px; font-weight: 400} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--teal-500)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--teal-500); }} .bricks-button {font-family: "Inter"; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--on-accent); text-decoration: none; border: 1px solid transparent; border-radius: var(--radius-pill); transition: background-color 150ms cubic-bezier(0.2,0.8,0.2,1), color 150ms cubic-bezier(0.2,0.8,0.2,1), border-color 150ms cubic-bezier(0.2,0.8,0.2,1); padding-top: 9px; padding-right: 22px; padding-bottom: 9px; padding-left: 22px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--accent)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--accent-hover)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--navy-900)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--teal-500)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--teal-400)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--white)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--navy-900)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--navy-600)} .bricks-button:where(.sm) {padding-top: 7px; padding-right: 16px; padding-bottom: 7px; padding-left: 16px; font-size: 14px; line-height: 20px; font-weight: 600} .bricks-button:where(.md) {padding-top: 9px; padding-right: 22px; padding-bottom: 9px; padding-left: 22px; font-size: 16px; line-height: 24px; font-weight: 600} .bricks-button:where(.lg) {padding-top: 13px; padding-right: 28px; padding-bottom: 13px; padding-left: 28px; font-size: 16px; line-height: 24px; font-weight: 600} .brxe-container {width: 100%; max-width: var(--container)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container)} .brxe-section {padding-top: 96px; padding-right: 40px; padding-bottom: 96px; padding-left: 40px} :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(--link-color); text-decoration: none; transition: color 150ms cubic-bezier(0.2,0.8,0.2,1)} :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(--navy-900)}.brxe-form .form-group label {font-family: "Inter"; font-size: 14px; line-height: 22px; font-weight: 500; color: var(--navy-900); text-transform: none}.brxe-form .form-group .label {font-family: "Inter"; font-size: 14px; line-height: 22px; font-weight: 500; color: var(--navy-900); text-transform: none}.brxe-form ::placeholder {color: var(--gray-500)}.brxe-form select {color: var(--gray-500); font-family: "Inter"; font-size: 16px; line-height: 24px; font-weight: 400; color: var(--navy-900); background-color: var(--white); border: 1px solid var(--gray-300); border-radius: var(--radius-md); padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px}.brxe-form .form-group input {font-family: "Inter"; font-size: 16px; line-height: 24px; font-weight: 400; color: var(--navy-900); background-color: var(--white); border: 1px solid var(--gray-300); border-radius: var(--radius-md); padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px}.brxe-form textarea {font-family: "Inter"; font-size: 16px; line-height: 24px; font-weight: 400; color: var(--navy-900); background-color: var(--white); border: 1px solid var(--gray-300); border-radius: var(--radius-md); padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px}.brxe-form .flatpickr {background-color: var(--white); border: 1px solid var(--gray-300); border-radius: var(--radius-md); padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px}.brxe-form .form-field-richtext + .tox-tinymce {background-color: var(--white); border: 1px solid var(--gray-300); border-radius: var(--radius-md)}.brxe-form .bricks-button {border: 1px solid var(--gray-300); border-radius: var(--radius-md); padding-top: 13px; padding-right: 28px; padding-bottom: 13px; padding-left: 28px; font-family: "Inter"; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--navy-900); background-color: var(--teal-500); border: 1px solid transparent; border-radius: var(--radius-pill)}.brxe-form .choose-files {border: 1px solid var(--gray-300); border-radius: var(--radius-md)}.brxe-form .form-group {padding-bottom: 16px}.brxe-form .form-field-richtext + .tox-tinymce .tox-edit-area__iframe {padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px}.brxe-form .bricks-button:hover {background-color: var(--teal-400)}@media (max-width: 991px) { .brxe-section {padding-top: 96px; padding-right: 32px; padding-bottom: 96px; padding-left: 32px}}@media (max-width: 767px) { h1 {font-size: 32px; line-height: 40px; font-weight: 700} h2 {font-size: 28px; line-height: 36px; font-weight: 600} h3 {font-size: 20px; line-height: 28px; font-weight: 600} h4 {font-size: 18px; line-height: 26px; font-weight: 600} .bricks-type-hero {font-size: 36px; line-height: 44px; font-weight: 700} .brxe-section {padding-top: 64px; padding-right: 16px; padding-bottom: 64px; padding-left: 16px}}