:where(:root) .bricks-color-primary {color: #4cb050}:where(:root) .bricks-background-primary {background-color: #4cb050}:where(:root) .bricks-color-secondary {color: #4bcade}:where(:root) .bricks-background-secondary {background-color: #4bcade} html {font-size: 100%} body {font-weight: 400; line-height: 1.5; font-size: 16px} h1, h2, h3, h4, h5, h6 {line-height: 1.2; font-weight: 500} h1 {font-size: 1.8rem; margin-bottom: 1rem} h2 {font-size: 1.6rem; margin-bottom: 1rem} h3 {font-size: 1.4rem; margin-bottom: 1rem} h4 {font-size: 1.2rem; margin-bottom: 1rem} h5 {font-size: 1.1rem; margin-bottom: 1rem} h6 {font-size: 1.05rem; margin-bottom: 1rem} blockquote {margin-bottom: 1rem} .brxe-container {width: 100%; max-width: 1236px; padding-right: 16px; padding-left: 16px; column-gap: 20px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1236px} .bricks-button {color: #ffffff} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-6be1ce)} .bricks-button.outline {border-radius: 4px} .brx-popup-content {border-radius: 8px}@media (max-width: 1200px) { h1 {font-size: 1.4rem} h2 {font-size: 1.3rem} h3 {font-size: 1.2rem} h4 {font-size: 1.1rem} h5 {font-size: 1.05rem} h6 {font-size: 1rem} body {font-size: 15px} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}}@media (max-width: 1024px) { .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}.brx-popup {padding-right: 16px; padding-left: 16px} .brx-popup-content {padding-right: 0; padding-left: 0}}