.brxe-container {width: 1366px} .woocommerce main.site-main {width: 1366px} #brx-content.wordpress {width: 1366px} .brxe-section {padding-top: var(--p-20); padding-right: var(--p-8); padding-bottom: var(--p-20); padding-left: var(--p-8)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-500)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-500)} .bricks-button:hover {box-shadow: 0 -4px 30px -6px rgba(0, 0, 0, 0.12)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary-450); color: var(--primary-50)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--secondary-450); color: var(--secondary-50)} .bricks-button.outline {border: 1px solid var(--bricks-border-color); border-radius: 0} :root .bricks-button[class*="dark"].outline {border-color: #212020} html {background-color: #faf6ed} body {background: none}:where(:root) .bricks-color-secondary {color: var(--secondary-450)}:where(:root) .bricks-background-secondary {background-color: var(--secondary-450)}:where(:root) .bricks-color-light {color: var(--primary-100)}:where(:root) .bricks-background-light {background-color: var(--primary-100)}:where(:root) .bricks-color-dark {color: var(--primary-850)}:where(:root) .bricks-background-dark {background-color: var(--primary-850)}:where(:root) * {border-color: var(--grayscale-500)}:where(:root) .bricks-color-primary {color: var(--primary-450)}:where(:root) .bricks-background-primary {background-color: var(--primary-450)} html {font-size: 100%} body {font-size: var(--text-base); color: var(--bricks-color-nqsxqz); font-family: "Noto Sans"; line-height: 1.7em} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-nqsxqz); font-family: "Noto Sans"; font-weight: 500} h1 {font-size: var(--text-4xl)} h2 {font-size: var(--text-2xl); color: var(--primary-850)} h3 {font-size: var(--text-xl); color: var(--primary-850)} h4 {font-size: var(--text-lg); color: var(--primary-850)} h5 {font-size: var(--text-lg)} h6 {font-size: var(--text-base)}@media (max-width: 991px) { .brxe-section {padding-right: var(--p-8); padding-left: var(--p-8)}}@media (max-width: 767px) { .brxe-section {padding-top: var(--p-16); padding-right: var(--p-7); padding-bottom: var(--p-16); padding-left: var(--p-7)}}