:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--accent)}:where(:root) .bricks-background-dark {background-color: var(--accent)} html {background-color: var(--secondary)} body {background: none; font-size: 1.6rem; font-family: "Open Sans"; color: var(--base)} #brx-content {margin-top: var(--section-space-s); margin-bottom: var(--space-xs)} .content-area {margin-top: var(--section-space-s); margin-bottom: var(--space-xs)} h2 {font-size: clamp(1.8rem, 1rem + 3vw, 3rem)} h1 {font-size: clamp(1.8rem, 0.5rem + 5.5vw, 4.8rem)} h1, h2, h3, h4, h5, h6 {color: var(--accent); font-family: "Nexa"; font-weight: 900; line-height: calc(6px + 2ex); text-wrap: pretty} h3 {font-size: clamp(1.8rem, calc(0.314814814vw + 1.7rem), 2.5rem)} h4 {font-size: clamp(1.8rem, calc(0.185185185vw + 1.740740741rem), 2rem)} h5 {font-size: clamp(1.5rem, calc(0.092592592vw + 1.470370370rem), 1.6rem)} h6 {font-size: clamp(1.25rem, calc(0.027777778vw + 1.241111111rem), 1.28rem)} .brxe-section {padding-top: var(--section-space-s); padding-right: var(--space-s); padding-bottom: var(--section-space-s); padding-left: var(--space-s)} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .bricks-button {font-family: "Nexa"; line-height: 1.6; letter-spacing: 0px; font-weight: 900; font-size: clamp(1.3rem, 1.2rem + 0.4vw, 1.6rem)} :root .bricks-button[class*="primary"] {color: var(--white)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--white)} :root .bricks-button[class*="secondary"] {color: var(--base)} :root .bricks-button[class*="secondary"]:hover {color: var(--primary)} .bricks-button.sm {padding-top: 0.3em; padding-bottom: 0.3em} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: inherit} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--primary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--base)} :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 {transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;; color: var(--primary)}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul), .brxe-post-content * + :is(ul), .brxe-accordion * + :is(ul) {margin-block-start: 1.5rem}.brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol), .brxe-post-content * + :is(ol), .brxe-accordion * + :is(ol) {margin-block-start: 1.5rem} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: 4.5rem} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p {margin-block-start: 2rem} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + * {margin-block-start: 1.5rem} .brxe-block {row-gap: var(--space-xs)}.brxe-svg {width: var(--space-xl)}@media (min-width: 768px) { body {font-size: 1.6rem} .bricks-button {font-size: clamp(1.3rem, 1.2rem + 0.4vw, 1.6rem)}}@media (min-width: 992px) { body {font-size: 1.6rem}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul), .brxe-post-content * + :is(ul), .brxe-accordion * + :is(ul) {margin-block-start: 1.5rem}.brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol), .brxe-post-content * + :is(ol), .brxe-accordion * + :is(ol) {margin-block-start: 1.5rem} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: 4.5rem} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p {margin-block-start: 2rem} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + * {margin-block-start: 1.5rem}}@media (min-width: 1200px) { body {color: var(--base); font-family: "Open Sans"; line-height: 1.8; font-size: 1.6rem} h1, h2, h3, h4, h5, h6 {color: var(--accent); font-family: "Nexa"; font-weight: 900; text-wrap: pretty} h1 {line-height: 1.2} h2 {line-height: 1.2} h3 {line-height: 1.2} :root .bricks-button[class*="primary"] {color: var(--white)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--white)} :root .bricks-button[class*="secondary"] {color: var(--base)} :root .bricks-button[class*="secondary"]:hover {color: var(--primary)}.brxe-accordion .accordion-title .title {font-family: "Nexa"; font-weight: 600} :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: inherit}.button-icon-arrow { position: relative; display: inline-block; overflow: hidden; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;}.button-icon-arrow::after { display: none;}.btn--swoosh { position: relative; overflow: hidden;}.btn--swoosh::after { content: ''; display: block; position: absolute; top: 0; left: -75px; width: 50px; height: 100%; background: rgba(255, 255, 255, 0.3); transform: skewX(-20deg); transition: left 0.5s ease;}.btn--swoosh::before { display: none;}.button-icon-arrow:active,.btn--swoosh:active { color: #fff; background-color: #4FC3F7;}@media screen and (min-width: 993px) {  .button-icon-arrow { padding-right: 15px; transition: text-decoration-color 0.3s ease-in-out, padding-right 0.3s ease, color 0.3s ease-in-out; }  .button-icon-arrow::after { content: '➔'; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: var(--primary); font-size: 1.2em; opacity: 0; transition: opacity 0.3s ease, right 0.3s ease; }}@media (hover: hover) and (pointer: fine) { .btn--swoosh:hover, .btn--swoosh:focus-visible { color: #fff; text-decoration-color: rgba(0, 0, 0, 0); background-color: #4FC3F7; } .btn--swoosh:hover::after, .btn--swoosh:focus-visible::after { left: 110%; }}@media screen and (min-width: 993px) and (hover: hover) and (pointer: fine) { .button-icon-arrow:hover, .button-icon-arrow:focus-visible { padding-right: 40px; } .button-icon-arrow:hover::after, .button-icon-arrow:focus-visible::after { opacity: 1; right: 15px; }}.btn--swoosh:focus-visible,.btn--pre-swoosh:focus-visible { outline: 2px solid #000000 !important;  outline-offset: 2px;}.button-icon-arrow:focus-visible { outline: 2px solid #000000 !important;  outline-offset: 2px;}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul), .brxe-post-content * + :is(ul), .brxe-accordion * + :is(ul) {margin-block-start: 1.5rem}.brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol), .brxe-post-content * + :is(ol), .brxe-accordion * + :is(ol) {margin-block-start: 1.5rem} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p {margin-block-start: 2rem} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + * {margin-block-start: 1.5rem} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: 4.5rem}.brxe-post-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {margin-block-start: 4.5rem}.brxe-post-content p:not(:first-child) {margin-block-start: 2rem}.brxe-post-content > * + * {margin-block-start: 1.5rem} .brxe-accordion :is(h1, h2, h3, h4, h5, h6):not(:first-child) {margin-block-start: 4.5rem} .brxe-accordion p:not(:first-child) {margin-block-start: 2rem} .brxe-accordion > * + * {margin-block-start: 1.5rem}}h1,h2,h3,h4,h5,h6, p, ul, ol {margin: 0;}