html {background-color: var(--jf-color-bg)} body {background: none}:where(:root) .bricks-color-primary {color: var(--jf-color-primary)}:where(:root) .bricks-background-primary {background-color: var(--jf-color-primary)}:where(:root) .bricks-color-secondary {color: var(--jf-color-secondary)}:where(:root) .bricks-background-secondary {background-color: var(--jf-color-secondary)}:where(:root) .bricks-color-light {color: var(--jf-color-inverse)}:where(:root) .bricks-background-light {background-color: var(--jf-color-inverse)}:where(:root) .bricks-color-dark {color: var(--jf-color-heading)}:where(:root) .bricks-background-dark {background-color: var(--jf-color-heading)}:where(:root) .bricks-color-muted {color: var(--jf-color-muted)}:where(:root) .bricks-background-muted {background-color: var(--jf-color-muted)}:where(:root) * {border-color: var(--jf-color-border)}:where(:root) .bricks-color-success {color: var(--jf-color-success)}:where(:root) .bricks-background-success {background-color: var(--jf-color-success)}:where(:root) .bricks-color-warning {color: var(--jf-color-warning)}:where(:root) .bricks-background-warning {background-color: var(--jf-color-warning)}:where(:root) .bricks-color-danger {color: var(--jf-color-danger)}:where(:root) .bricks-background-danger {background-color: var(--jf-color-danger)} #brx-content {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} .content-area {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} html {font-size: 100%} body {font-family: "Manrope"; font-size: var(--jf-text-base); line-height: var(--jf-leading-body); color: var(--jf-color-text)} h1, h2, h3, h4, h5, h6 {font-family: "Livvic"; font-weight: 900; line-height: var(--jf-leading-heading); letter-spacing: var(--jf-tracking-heading); text-transform: uppercase; color: var(--jf-color-heading)} h1 {font-size: var(--jf-text-h1); font-family: "Epilogue"; margin-top: 0; margin-right: 0; margin-bottom: var(--jf-space-sm); margin-left: 0} h2 {font-size: var(--jf-text-h2); font-family: "Epilogue"; margin-top: 0; margin-right: 0; margin-bottom: var(--jf-space-xs); margin-left: 0} h3 {font-size: var(--jf-text-h3); font-family: "Epilogue"; margin-top: 0; margin-right: 0; margin-bottom: var(--jf-space-xs); margin-left: 0} h4 {font-size: var(--jf-text-h4); font-family: "Epilogue"; margin-top: 0; margin-right: 0; margin-bottom: var(--jf-space-2xs); margin-left: 0} h5 {font-size: var(--jf-text-h5); font-family: "Epilogue"; margin-top: 0; margin-right: 0; margin-bottom: var(--jf-space-2xs); margin-left: 0} h6 {font-size: var(--jf-text-h6); font-family: "Epilogue"; margin-top: 0; margin-right: 0; margin-bottom: var(--jf-space-2xs); margin-left: 0} .bricks-type-lead {font-size: var(--jf-text-lead); line-height: 1.45} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--jf-color-primary)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--jf-color-primary); }} :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 {color: var(--jf-color-heading); font-weight: 500; transition: all .2s ease} .brxe-section {display: flex; flex-direction: column; width: 100%; padding-top: var(--jf-section-padding-y); padding-right: 0; padding-bottom: var(--jf-section-padding-y); padding-left: 0} .brxe-container {display: flex; flex-direction: column; width: 100%; max-width: var(--jf-container-page); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--jf-container-page)} .bricks-button {font-family: "Lexend Deca"; font-size: var(--jf-text-button); font-weight: 700; line-height: 1; color: var(--jf-color-inverse); border: var(--jf-button-border-width) solid var(--jf-color-heading); border-radius: 8px; transition: all .2s ease; padding-top: var(--jf-space-button-y); padding-right: var(--jf-space-button-x); padding-bottom: var(--jf-space-button-y); padding-left: var(--jf-space-button-x)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--jf-color-heading)} :root .bricks-button[class*="primary"] {font-family: "Lexend Deca"; font-size: var(--jf-text-button); font-weight: 700; line-height: 1; color: var(--jf-color-heading); border: var(--jf-button-border-width) solid var(--jf-color-primary); border-radius: var(--jf-radius-button)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--jf-color-primary)} :root .bricks-button[class*="secondary"] {font-family: "Lexend Deca"; font-size: var(--jf-text-button); font-weight: 700; line-height: 1; color: var(--jf-color-inverse); border: var(--jf-button-border-width) solid var(--jf-color-secondary); border-radius: var(--jf-radius-button)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--jf-color-secondary)} .bricks-button.outline {font-family: "Lexend Deca"; font-size: var(--jf-text-button); font-weight: 700; line-height: 1; color: var(--jf-color-heading); border: var(--jf-button-border-width) solid var(--jf-color-heading); border-radius: var(--jf-radius-button)} .bricks-button.lg {padding-top: var(--jf-space-button-lg-y); padding-right: var(--jf-space-button-lg-x); padding-bottom: var(--jf-space-button-lg-y); padding-left: var(--jf-space-button-lg-x); font-family: "Lexend Deca"; font-size: var(--jf-text-button-lg); font-weight: 700; line-height: 1}