:where(:root) .bricks-color-primary {color: #5e28b5}:where(:root) .bricks-background-primary {background-color: #5e28b5}:where(:root) .bricks-color-secondary {color: var(--bricks-color-qkgitl)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-qkgitl)} body {font-size: 16px; color: var(--bricks-color-ttpwfc); font-family: "Roboto"; line-height: 1.4} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-ttpwfc); font-family: "Roboto Serif"; font-weight: 500; line-height: 1.2} .brxe-section {padding-top: 60px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px} .brxe-container {width: 84%} .woocommerce main.site-main {width: 84%} #brx-content.wordpress {width: 84%} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column; align-items: flex-start; justify-content: flex-start} :root .bricks-button[class*="primary"]:not(.outline) {background-color: transparent}@media (max-width: 1540px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%}}@media (max-width: 1081px) { .brxe-section {padding-top: 50px; padding-bottom: 50px} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}}@media (max-width: 478px) { h1, h2, h3, h4, h5, h6 {font-size: 24px} .brxe-section {padding-top: 40px; padding-right: var(--section-left-right-padding); padding-bottom: 40px; padding-left: var(--section-left-right-padding)}}