.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*="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*="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} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--neutral)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--secondary)} html {background-color: #f7f6f2} body {background: none}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) * {border-color: var(--primary)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} html {font-size: 100%} body {font-size: var(--text-base); color: #212020; line-height: 1.7em; font-family: "DM Sans"} h1, h2, h3, h4, h5, h6 {color: #212020; font-family: "Playfair"; font-weight: 400; text-transform: uppercase} 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)}}