.brxe-container {width: 100%; max-width: var(--wm-width__layout_padding); padding-right: var(--wm-padding__container); padding-left: var(--wm-padding__container); column-gap: var(--wm-gap_xl); row-gap: var(--wm_gap_l); display: flex} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--wm-width__layout_padding)} body {color: var(--wm-color__dark); font-size: var(--wm-font-size__default); line-height: normal; font-family: "Satoshi"; font-weight: 500} h1, h2, h3, h4, h5, h6 {font-weight: 900} h1 {font-size: var(--wm-font-size__h1); line-height: 1.2} h2 {font-size: var(--wm-font-size__h2); line-height: 1.2} h3 {font-size: var(--wm-font-size__h3); line-height: 1.3} h4 {font-size: var(--wm-font-size__h4); line-height: 1.3} :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 {transition: color var(--wm-transition-duration__default), background-color var(--wm-transition-duration__default), border-color var(--wm-transition-duration__default), text-decoration-color var(--wm-transition-duration__default); color: var(--wm-color__accent); 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 {color: var(--wm-color__hover)} .bricks-button {line-height: normal; color: var(--wm-color__dark); font-weight: 700; font-size: 1.7rem; transition: color var(--wm-transition-duration__default), background-color var(--wm-transition-duration__default), border-color var(--wm-transition-duration__default); padding-top: 0.7em; padding-right: 1.6em; padding-bottom: 0.7em; padding-left: 1.6em; border: 2px solid var(--wm-color__accent); border-radius: var(--wm-gap__grid)} :root .bricks-button[class*="primary"] {line-height: normal; color: var(--wm-color__dark); font-weight: 700} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--wm-color__accent)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--wm-color__accent)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--wm-color__hover)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--wm-color__hover)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--wm-color__transparent)} .bricks-button:hover {border-color: var(--wm-color__hover)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--wm-color__hover)} :root .bricks-button[class*="primary"]:hover {border-color: var(--wm-color__hover)} :root .bricks-button[class*="secondary"] {border-color: var(--wm-color__dark)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--wm-color__hover)} .brxe-block:where(:not(.accordion-content-wrapper):not(.accordion-title-wrapper)) {display: flex} .brxe-block {column-gap: var(--wm-gap__grid); row-gap: var(--wm-gap__grid)} .brxe-section {padding-top: var(--wm-padding__section); padding-bottom: var(--wm-padding__section)}@media (max-width: 1024px) { .brxe-container {row-gap: var(--wm_gap_m); column-gap: var(--wm_gap_l)}}@media (max-width: 760px) { .brxe-container {padding-right: var(--wm-padding__container_mobile); padding-left: var(--wm-padding__container_mobile)} .brxe-section {padding-top: var(--wm_gap_l); padding-bottom: var(--wm_gap_l)}}