h1 {font-size: var(--text-2xl); font-family: "History Pro"; font-weight: 400} html {font-size: 100%} body {font-size: var(--text-base); font-family: "Century Gothic"; line-height: var(--leading-base)} h4 {font-size: var(--text-lg)} h3 {font-weight: 400; font-size: var(--text-base)} h2 {font-size: var(--text-2xl); font-family: "History Pro"; font-weight: 400} .bricks-button {font-size: var(--text-base); color: var(--bricks-color-hhdbqj); border-radius: var(--rounded-2xl); padding-top: var(--s-4); padding-right: var(--s-6); padding-bottom: var(--s-4); padding-left: var(--s-6)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-qingjx)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-qsrnse)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-tejcof)} .bricks-button.md {padding-top: var(--s-3); padding-right: var(--s-4); padding-bottom: var(--s-3); padding-left: var(--s-4); font-size: var(--text-sm)} .brxe-container {row-gap: var(--s-2); column-gap: var(--s-2); width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-section {row-gap: var(--s-2); margin-top: var(--s-4); margin-bottom: var(--s-4); column-gap: var(--s-2)} .brxe-text {font-size: var(--text-base); line-height: var(--leading-base); font-family: "Century Gothic"} .brxe-text-basic {font-size: var(--text-base); line-height: var(--leading-base); font-family: "Century Gothic"}.brxe-form .form-group input {background-color: transparent; border-radius: var(--rounded-lg)}.brxe-form .flatpickr {background-color: transparent; border-radius: var(--rounded-lg)}.brxe-form select {background-color: transparent; color: rgba(0, 0, 0, 0.5); border-radius: var(--rounded-lg)}.brxe-form textarea {background-color: transparent; border-radius: var(--rounded-lg)}.brxe-form .form-group {padding-top: var(--s-2); padding-bottom: var(--s-2)}.brxe-form ::placeholder {color: rgba(0, 0, 0, 0.5)}.brxe-form .bricks-button {border-radius: var(--rounded-lg)}.brxe-form .choose-files {border-radius: var(--rounded-lg)} .brx-popup-content {width: var(--width-gaps); background-color: #ffffff; border-radius: var(--rounded-2xl)}@media (min-width: 1200px) { .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-lalhvp)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-hhdbqj)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-lalhvp)} :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, a, svg, .brxe-button, .bricks-button, i, .hover\:brightness {transition: all .2s ease-in-out}}