:where(:root) .bricks-color-primary {color: var(--red)}:where(:root) .bricks-background-primary {background-color: var(--red)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--grey)}:where(:root) .bricks-background-dark {background-color: var(--grey)}:where(:root) .bricks-color-secondary {color: var(--brown)}:where(:root) .bricks-background-secondary {background-color: var(--brown)}:where(:root) .bricks-color-muted {color: rgba(255, 255, 255, 0.66)}:where(:root) .bricks-background-muted {background-color: rgba(255, 255, 255, 0.66)} html {font-size: 100%} body {font-size: var(--font-body); font-weight: 500; font-family: "Barlow"; line-height: 1.4} h1, h2, h3, h4, h5, h6 {color: var(--blue-dark); font-family: "Barlow Condensed"} h1 {color: var(--blue-dark); font-weight: 700; font-size: var(--font-h1); line-height: 1} h2 {color: var(--blue-dark); font-weight: 700; font-size: var(--font-h2); line-height: 1} h3 {color: var(--blue-dark); font-weight: 700; font-size: var(--font-h3); line-height: 1} h4 {color: var(--blue-dark); font-weight: 700; font-size: var(--font-h4); line-height: 1} h5 {font-size: var(--font-h5); color: var(--blue-dark); font-weight: 700} h6 {font-size: var(--font-h6); color: var(--blue-dark); font-family: ""; font-weight: 700} .brxe-container {max-width: 1400px; width: 100%; row-gap: var(--gap-s); column-gap: var(--gap-s)} #brx-content.wordpress {max-width: 1400px; width: 100%} .woocommerce main.site-main {width: 100%} :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-top: .1rem; padding-right: .2rem; padding-bottom: .5rem; padding-left: .2rem; transition: .5s; color: var(--blue-dark)} :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 {color: var(--blue)} .bricks-button {color: var(--white); font-weight: 700; font-family: "Barlow"; border-radius: .75rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--blue-dark)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--black); border-radius: .5rem} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--white)} :root .bricks-button[class*="primary"] {border-radius: .75rem; color: var(--white)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--blue-dark)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--mint)} :root .bricks-button[class*="secondary"] {color: var(--color-12)} :root .bricks-button[class*="dark"] {color: var(--white)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--color-9)} :root .bricks-button[class*="muted"] {color: var(--darker-mint)} :root .bricks-button[class*="muted"]:not(.outline) {background-color: var(--mint-superlight)} .bricks-button.sm {font-size: var(--smaller-text); line-height: 1; text-transform: uppercase; padding-top: var(--gap-3xs); padding-right: var(--gap-2xs); padding-bottom: var(--gap-3xs); padding-left: var(--gap-2xs)} .brxe-section {padding-top: var(--gap-2xl); padding-right: var(--gap-m); padding-bottom: var(--gap-2xl); padding-left: var(--gap-m)} .brxe-text {text-align: left; line-height: 1.4} .brxe-text-basic {text-align: left; line-height: 1.4} .brxe-div {flex-direction: row}.brxe-nav-menu .bricks-nav-menu > li > a {font-family: ""; font-weight: 500}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {font-family: ""; font-weight: 500}@media (max-width: 1200px) { .brxe-section {padding-top: var(--gap-xl); padding-bottom: var(--gap-xl)}}@media (max-width: 900px) { .brxe-section {padding-top: var(--gap-l); padding-bottom: var(--gap-l)}}@media (max-width: 767px) { html {font-size: 100%} body {font-size: 1rem} .brxe-section {padding-top: var(--gap-l); padding-bottom: var(--gap-l)}}@media (max-width: 478px) { .bricks-button.sm {padding-top: var(--gap-3xs); padding-right: var(--gap-3xs); padding-bottom: var(--gap-3xs); padding-left: var(--gap-3xs)} .bricks-button.md {padding-top: var(--gap-xs); padding-right: var(--gap-xs); padding-bottom: var(--gap-xs); padding-left: var(--gap-xs); font-size: var(--smaller-text)} .brxe-section {padding-top: var(--gap-l); padding-bottom: var(--gap-l)}}