html {background-color: var(--surface)} body {background: none} html {font-size: 100%} body {font-family: "Poppins"; font-size: var(--text-m); line-height: 1.6; font-weight: 400; color: var(--sl-white)} h1, h2, h3, h4, h5, h6 {font-family: "Lora"; font-weight: 400; letter-spacing: 0.1em; line-height: 1.15; color: var(--sl-white); text-transform: uppercase} h1 {font-size: var(--text-3xl); line-height: 1.05} h2 {font-size: var(--text-2xl)} h3 {font-size: var(--text-xl)} h4 {font-size: var(--text-l)} h5 {font-size: var(--text-m); letter-spacing: 0.18em} h6 {font-size: var(--text-s); letter-spacing: 0.18em} .brxe-section {padding-top: var(--space-3xl); padding-right: var(--space-m); padding-bottom: var(--space-3xl); padding-left: var(--space-m)} .brxe-container {column-gap: var(--space-l); row-gap: var(--space-l); width: 1360px} .woocommerce main.site-main {width: 1360px} #brx-content.wordpress {width: 1360px} .bricks-button {font-family: "Poppins"; font-size: var(--text-s); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; line-height: 1; color: var(--primary); border: 1px solid var(--secondary); border-radius: 0; padding-top: var(--space-s); padding-right: var(--space-2xl); padding-bottom: var(--space-s); padding-left: var(--space-2xl); transition: background-color .25s ease, color .25s ease, border-color .25s ease} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary)} .bricks-button.outline {font-family: "Poppins"; font-size: var(--text-s); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; line-height: 1; color: var(--accent); background-color: transparent; border: 1px solid var(--accent); border-radius: 0} :root .bricks-button.bricks-background-primary, :root .bricks-button.bricks-color-primary {color: var(--primary); border: 1px solid var(--secondary); border-radius: 0} :root .bricks-button.bricks-background-primary:not(.outline) {background-color: var(--secondary)} :root .bricks-button.bricks-color-primary.outline {color: currentColor; background-color: transparent; border: 1px solid currentColor; border-radius: 0} :root .bricks-button.bricks-background-secondary, :root .bricks-button.bricks-color-secondary {color: var(--secondary); border: 1px solid var(--accent); border-radius: 0} :root .bricks-button.bricks-background-secondary:not(.outline) {background-color: var(--accent)} :root .bricks-button.bricks-color-secondary.outline {color: var(--accent); background-color: transparent; border: 1px solid var(--accent); border-radius: 0} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--accent)} .bricks-button:hover {color: var(--secondary); border-color: var(--accent)} :root .bricks-button.bricks-background-primary:not(.outline):hover {background-color: var(--accent)} :root .bricks-button.bricks-background-primary:hover, :root .bricks-button.bricks-color-primary:hover {color: var(--secondary); border-color: var(--accent)} :root .bricks-button.bricks-background-secondary:not(.outline):hover {background-color: var(--accent-strong)} :root .bricks-button.bricks-background-secondary:hover, :root .bricks-button.bricks-color-secondary:hover {border-color: var(--accent-strong)} .bricks-button.outline:hover {background-color: var(--accent); color: var(--secondary); border-color: var(--accent)} :root .bricks-button.bricks-color-primary.outline:hover {background-color: var(--accent); color: var(--secondary); border-color: var(--accent)} :root .bricks-button.bricks-color-secondary.outline:hover {background-color: var(--accent); color: var(--secondary); border-color: var(--accent)} .bricks-button.sm {padding-top: 0; padding-right: var(--space-m); padding-bottom: 0; padding-left: var(--space-m)} .brxe-block {column-gap: var(--space-xl); row-gap: var(--space-xl)} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-xl)} .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: var(--space-xl)} :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, .brxe-text-link {transition: ease 0.3s; border-bottom: 1px solid #ffffff00} :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, .brxe-text-link:hover {border-bottom: 1px solid var(--sl-white)}h1,h2,h3,h4,h5,h6, p {margin: 0;}