.brxe-container {width: 1280px; display: flex} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px} .brxe-section {padding-top: clamp(6.4rem, calc(6.4rem + ((1vw - 0.48rem) * 4)), 9.6rem); padding-right: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 3.5)), 4.8rem); padding-bottom: clamp(6.4rem, calc(6.4rem + ((1vw - 0.48rem) * 4)), 9.6rem); padding-left: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 3.5)), 4.8rem)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #b39573} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #a68259} :root .bricks-button[class*="primary"] {color: #ffffff; font-size: 16px; font-weight: 400; text-transform: none} .bricks-button.sm {font-size: clamp(1.2rem, calc(1.2rem + ((1vw - 0.48rem) * 0.5)), 1.6rem); letter-spacing: 0px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px} .bricks-button {transition: all 0.3s ease;; padding-top: 12px; padding-right: 32px; padding-bottom: 12px; padding-left: 32px; color: #000000; text-transform: capitalize; font-size: 16px; font-family: "Archivo"} :root .bricks-button[class*="secondary"]:hover {border-color: #3490cc; color: #212121} :root .bricks-button[class*="dark"]:not(.outline) {background-color: #161c24} :root .bricks-button[class*="dark"] {color: #ffffff; border: 1px solid #161c24; border-radius: 10px} :root .bricks-button[class*="dark"].outline {background-color: #000000; border: 1px solid var(--bricks-border-color); border-radius: 10px 10px 01px 10px} :root .bricks-button[class*="muted"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="muted"] {color: #212121; border-radius: 10px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: #ecd8cf} :root .bricks-button[class*="secondary"] {color: #1e1e1e; font-size: 16px} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: #f5f5f5; font-weight: 400; font-family: "Archivo"; border-width: 1px; border-color: rgba(13, 25, 26, 0.12)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(255, 255, 255, 0.2)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: #dbb5a4} .bricks-button:hover {color: #000000} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #f5f5f5} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: rgba(255, 255, 255, 0.3)} body {font-size: 1.6rem; line-height: 1.4; color: rgba(30, 30, 30, 0.8); font-family: "Archivo"; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: #1e1e1e; font-family: "Archivo"; font-weight: 500} h1 {font-size: clamp(3.6rem, 3.256vw + 2.233rem, 6.4rem); font-weight: 500} h2 {font-size: clamp(2.8rem, 1.395vw + 2.214rem, 4rem); font-weight: 500} h3 {font-size: clamp(1.8rem, 0.233vw + 1.702rem, 2rem); text-transform: uppercase; font-weight: 500; line-height: 1.4; color: rgba(30, 30, 30, 0.8)} body.bricks-is-frontend :focus-visible {outline: 2px solid var(--bricks-color-vqqohc)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: 2px solid var(--bricks-color-vqqohc); }}:where(:root) .bricks-color-primary {color: #ffffff}:where(:root) .bricks-background-primary {background-color: #ffffff}:where(:root) .bricks-color-secondary {color: #2e2e2e}:where(:root) .bricks-background-secondary {background-color: #2e2e2e}@media (max-width: 767px) { .bricks-button {font-size: 14px} :root .bricks-button[class*="primary"] {font-size: 14px} :root .bricks-button[class*="secondary"] {font-size: 14px}}