.brxe-button:hover { transform: translate(2px, 2px); box-shadow: calc(var(--cch-shadow-dist) - 2px) calc(var(--cch-shadow-dist) - 2px) 0px 0px var(--cch-color-ink);} html {font-size: 100%} body {color: var(--cch-color-ink); font-size: var(--cch-text-m); font-family: "Jakarta"} h1 {color: var(--cch-color-ink); font-family: "Fraunces"; font-size: var(--cch-text-3xl)} h2 {color: var(--cch-color-ink); font-size: var(--cch-text-2xl); font-family: "Fraunces"} h3 {color: var(--cch-color-ink); font-size: var(--cch-text-xl); font-family: "Fraunces"} h4 {color: var(--cch-text-l); font-family: "Fraunces"} h5 {color: var(--cch-text-m); font-family: "Fraunces"} h6 {color: var(--cch-color-ink); font-size: var(--cch-text-m); font-family: "Fraunces"} html {background-color: var(--cch-bg-main)} body {background: none}:where(:root) .bricks-color-primary {color: var(--cch-primary)}:where(:root) .bricks-background-primary {background-color: var(--cch-primary)}:where(:root) .bricks-color-secondary {color: var(--cch-accent-sage)}:where(:root) .bricks-background-secondary {background-color: var(--cch-accent-sage)}:where(:root) .bricks-color-light {color: var(--cch-bg-surface)}:where(:root) .bricks-background-light {background-color: var(--cch-bg-surface)}:where(:root) .bricks-color-dark {color: var(--cch-color-ink)}:where(:root) .bricks-background-dark {background-color: var(--cch-color-ink)}:where(:root) .bricks-color-muted {color: var(--cch-primary-soft)}:where(:root) .bricks-background-muted {background-color: var(--cch-primary-soft)}:where(:root) * {border-color: var(--cch-color-ink)}:where(:root) .bricks-color-info {color: var(--cch-status-info)}:where(:root) .bricks-background-info {background-color: var(--cch-status-info)}:where(:root) .bricks-color-success {color: var(--cch-status-success)}:where(:root) .bricks-background-success {background-color: var(--cch-status-success)}:where(:root) .bricks-color-warning {color: var(--cch-status-warning)}:where(:root) .bricks-background-warning {background-color: var(--cch-status-warning)}:where(:root) .bricks-color-danger {color: var(--cch-status-danger)}:where(:root) .bricks-background-danger {background-color: var(--cch-status-danger)} .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(--cch-space-xl)} .brxe-text * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), .brxe-post-content:not([data-source=bricks]) * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--cch-space-s)} .brxe-text * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), .brxe-post-content:not([data-source=bricks]) * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), body:not(.woocommerce-checkout) [class*=woocommerce] * + *:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--cch-space-m)} .brxe-container {width: 100%; max-width: 1240px; row-gap: var(--cch-text-m)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1240px} .brxe-section {padding-top: var(--cch-space-m); padding-right: var(--cch-space-m); padding-bottom: var(--cch-space-3xl); padding-left: var(--cch-space-m)} .bricks-button {border: var(--cch-border-size) solid var(--cch-color-ink); border-radius: var(--cch-border-radius); box-shadow: var(--cch-shadow-dist) var(--cch-shadow-dist) 0 0 var(--cch-color-ink); padding-top: var(--cch-space-xs); padding-right: var(--cch-text-l); padding-bottom: var(--cch-text-xs); padding-left: var(--cch-text-l); color: var(--cch-bg-surface); font-family: "Jakarta"} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--cch-color-ink)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {color: var(--cch-color-ink)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--cch-primary)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--cch-bg-surface)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-block:where(:not(.accordion-content-wrapper):not(.accordion-title-wrapper)) {display: flex} :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 {color: var(--cch-primary)}.brxe-accordion .accordion-title .title {font-family: "Jakarta"; font-weight: 700; font-size: var(--cch-text-m)}@media (max-width: 478px) {.brxe-icon-box .icon {align-self: center}.brxe-icon-box h1 {text-align: center; font-family: "Fraunces"}.brxe-icon-box h2 {text-align: center; font-family: "Fraunces"}.brxe-icon-box h3 {text-align: center; font-family: "Fraunces"}.brxe-icon-box h4 {text-align: center; font-family: "Fraunces"}.brxe-icon-box h5 {text-align: center; font-family: "Fraunces"}.brxe-icon-box h6 {text-align: center; font-family: "Fraunces"}.brxe-icon-box .content {text-align: center}}