 .brxe-container {width: var(--max-screen-width); column-gap: var(--space-m); row-gap: var(--space-m)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} body {font-size: var(--text-m); line-height: var(--body-line-height); font-family: "Epilogue"; color: var(--text-col-1); letter-spacing: -0.01em} h1, h2, h3, h4, h5, h6 {font-weight: 700; line-height: var(--heading-line-height); font-family: "Fraunces"; color: var(--text-col-1)} h1 {font-size: var(--heading-1)} h2 {font-size: var(--heading-2)} h3 {font-size: var(--heading-3)} h4 {font-size: var(--heading-4)} h5 {font-size: var(--heading-5)} h6 {font-size: var(--heading-6)} .brxe-section {padding-top: var(--section-space-m); padding-right: var(--gutter); padding-bottom: var(--section-space-m); padding-left: var(--gutter); column-gap: var(--space-l); row-gap: var(--space-l)} .bricks-button {line-height: var(--btn-line-height); font-size: var(--text-m); font-weight: 500; border-radius: 99rem; padding-top: 1.3rem; padding-right: 2rem; padding-bottom: 1.3rem; padding-left: 2rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--brand)} :root .bricks-button[class*="primary"] {color: var(--brand-l-7)} :root .bricks-button[class*="primary"].outline {border-color: var(--brand); color: var(--brand); background-color: var(--brand-l-7)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--brand-l-1)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--accent-600)} :root .bricks-button[class*="secondary"] {color: var(--text-col-1)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--brand)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--brand)} .bricks-button.outline {border: 1px solid var(--bricks-border-color)} :root .bricks-button[class*="primary"]:hover {color: var(--brand-l-7)} :root .bricks-button[class*="secondary"]:hover {color: var(--brand-l-7)} .bricks-button:hover {transition: 0.3s ease-in-out} html {background-color: var(--bg-body)} body {background: none} .brxe-block {column-gap: var(--space-xs); row-gap: var(--space-xs)} :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-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a, a:not(.bricks-button) {color: var(--secondary); font-weight: 500; text-decoration: underline} :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-product-content a:hover, .brxe-product-short-description a:hover, .brxe-product-tabs .woocommerce-Tabs-panel a:hover, a:not(.bricks-button):hover {color: var(--main)}a { text-underline-offset: 0.15em;}b, strong { font-weight: 500;}.bricks-button:has(svg) svg,.brciks-button:has(i) i { width:4rem; height:4rem; padding:1rem; background:white; border-radius:99rem; transition: .3s ease-in-out;}.bricks-button:has(svg):hover svg,.bricks-button:has(i):hover i { transform:rotateZ(-45deg);}.bricks-button:has(svg), .bricks-button:has(i) { padding: 0.3rem 0.3rem .3rem 2rem;}.bricks-button { min-height:4.8rem;}.brxe-form .form-group label {font-weight: 400; text-transform: none; line-height: var(--body-line-height); letter-spacing: 0px; font-size: var(--text-m)}.brxe-form .form-group .label {font-weight: 400; text-transform: none; line-height: var(--body-line-height); letter-spacing: 0px; font-size: var(--text-m)}.brxe-form .form-group input {border-top: 0 solid var(--text-col-3); border-right: 0 solid var(--text-col-3); border-bottom: 1px solid var(--text-col-3); border-left: 0 solid var(--text-col-3); border-radius: 0; padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: transparent}.brxe-form .flatpickr {border-top: 0 solid var(--text-col-3); border-right: 0 solid var(--text-col-3); border-bottom: 1px solid var(--text-col-3); border-left: 0 solid var(--text-col-3); border-radius: 0; padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: transparent}.brxe-form select {border-top: 0 solid var(--text-col-3); border-right: 0 solid var(--text-col-3); border-bottom: 1px solid var(--text-col-3); border-left: 0 solid var(--text-col-3); border-radius: 0; padding-top: 0.6rem; padding-bottom: 0.6rem; color: var(--text-col-1); background-color: transparent}.brxe-form textarea {border-top: 0 solid var(--text-col-3); border-right: 0 solid var(--text-col-3); border-bottom: 1px solid var(--text-col-3); border-left: 0 solid var(--text-col-3); border-radius: 0; padding-top: 0.6rem; padding-bottom: 0.6rem; background-color: transparent}.brxe-form .bricks-button {border-top: 0 solid var(--text-col-3); border-right: 0 solid var(--text-col-3); border-bottom: 1px solid var(--text-col-3); border-left: 0 solid var(--text-col-3); border-radius: 0; padding-top: var(--btn-pad-y); padding-right: var(--btn-pad-x); padding-bottom: var(--btn-pad-y); padding-left: var(--btn-pad-x); border-style: none; border-radius: var(--btn-radius)}.brxe-form .choose-files {border-top: 0 solid var(--text-col-3); border-right: 0 solid var(--text-col-3); border-bottom: 1px solid var(--text-col-3); border-left: 0 solid var(--text-col-3); border-radius: 0}.brxe-form ::placeholder {color: var(--text-col-1)}.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-message {border-radius: var(--radius-m)}.woocommerce-notices-wrapper .woocommerce-error a, .woocommerce-NoticeGroup .woocommerce-error a.button {border-radius: var(--btn-radius); padding-top: var(--btn-pad-y); padding-right: var(--btn-pad-x); padding-bottom: var(--btn-pad-y); padding-left: var(--btn-pad-x)}.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error {border-radius: var(--radius-m)}.woocommerce-notices-wrapper .woocommerce-message a, .woocommerce-NoticeGroup .woocommerce-message a.button {color: var(--brand-l-7); text-decoration: none; border-radius: var(--btn-radius); padding-top: var(--btn-pad-y); padding-right: var(--btn-pad-x); padding-bottom: var(--btn-pad-y); padding-left: var(--btn-pad-x)}.woocommerce-notices-wrapper .woocommerce-info, .woocommerce-NoticeGroup .woocommerce-info, .woocommerce-info {border-radius: var(--radius-m)}.woocommerce-notices-wrapper .woocommerce-info a, .woocommerce-NoticeGroup .woocommerce-info a.button, .woocommerce-info a, .woocommerce-info a.button {color: var(--brand-l-7); background-color: hsl(209, 100%, 65%); border-radius: var(--btn-radius); padding-top: var(--btn-pad-y); padding-right: var(--btn-pad-x); padding-bottom: var(--btn-pad-y); padding-left: var(--btn-pad-x)}