html {background-color: var(--bg)} body {background: none} .brxe-section {padding-top: var(--space-5xl); padding-right: var(--space-xl); padding-bottom: var(--space-5xl); padding-left: var(--space-xl)} .brxe-container {width: 100%; max-width: var(--container-max)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-max)} html {font-size: 100%} body {font-family: "Roboto"; font-size: 16px; line-height: 1.7; color: var(--color-body)} h1, h2, h3, h4, h5, h6 {font-family: "Bebas Neue"; font-weight: 400; letter-spacing: -0.02rem; color: var(--navy)} h1 {font-size: var(--text-5xl); line-height: 0.98} h2 {font-size: var(--text-4xl); line-height: 1} h3 {font-size: var(--text-xl); line-height: 1.05} :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(--navy); text-decoration: none; transition: color 0.2s} .bricks-button {font-size: var(--btn-text); font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; color: var(--color-on-navy); border-radius: 0; transition: background-color 0.2s, color 0.2s, border-color 0.2s; padding-top: 16px; padding-right: 28px; padding-bottom: 16px; padding-left: 28px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--navy)} .bricks-button.outline {border: 1px solid var(--navy); color: var(--navy)}.brxe-form .form-group label {font-size: var(--label); font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; color: var(--color-muted)}.brxe-form .form-group .label {font-size: var(--label); font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; color: var(--color-muted)}.brxe-form .form-group input {font-size: var(--input); color: var(--navy); line-height: 1.2; background-color: var(--bg-white); border: 1px solid var(--border); border-radius: 0; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px}.brxe-form select {font-size: var(--input); color: var(--navy); line-height: 1.2; background-color: var(--bg-white); border: 1px solid var(--border); border-radius: 0; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px; color: var(--color-placeholder)}.brxe-form textarea {font-size: var(--input); color: var(--navy); line-height: 1.2; background-color: var(--bg-white); border: 1px solid var(--border); border-radius: 0; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px}.brxe-form .flatpickr {background-color: var(--bg-white); border: 1px solid var(--border); border-radius: 0; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px}.brxe-form .bricks-button {border: 1px solid var(--border); border-radius: 0; padding-top: 17px; padding-right: 32px; padding-bottom: 17px; padding-left: 32px; font-size: var(--btn-text); font-weight: 500; text-transform: uppercase; letter-spacing: 0.14em; color: var(--color-on-navy); background-color: var(--navy)}.brxe-form .choose-files {border: 1px solid var(--border); border-radius: 0}.brxe-form ::placeholder {color: var(--color-placeholder)}:where(:root) .bricks-color-primary {color: var(--navy)}:where(:root) .bricks-background-primary {background-color: var(--navy)}:where(:root) .bricks-color-secondary {color: var(--accent)}:where(:root) .bricks-background-secondary {background-color: var(--accent)}:where(:root) .bricks-color-light {color: var(--bg)}:where(:root) .bricks-background-light {background-color: var(--bg)}:where(:root) .bricks-color-dark {color: var(--navy)}:where(:root) .bricks-background-dark {background-color: var(--navy)}:where(:root) .bricks-color-muted {color: var(--color-muted)}:where(:root) .bricks-background-muted {background-color: var(--color-muted)}:where(:root) * {border-color: var(--border)}@media (max-width: 767px) { .brxe-section {padding-top: var(--space-5xl); padding-right: var(--space-m); padding-bottom: var(--space-5xl); padding-left: var(--space-m)}}