body {font-weight: 400; font-family: "Instrument Sans"; font-size: var(--fs-p); line-height: 1.4em; color: var(--dark)} h1, h2, h3, h4, h5, h6 {color: #000000; line-height: 1.1em; font-family: "Instrument Serif"; font-weight: 400} h1 {font-size: var(--fs-h1)} h2 {font-size: var(--fs-h2)} h3 {font-size: var(--fs-h3)} h4 {font-size: var(--fs-h4)} h5 {font-size: var(--fs-h5); font-family: "Instrument Sans"} h6 {font-size: var(--fs-h6); font-family: "Instrument Sans"} .bricks-type-hero {font-size: var(--fs-hero)} .bricks-type-lead {font-size: var(--fs-sp); text-transform: capitalize; letter-spacing: 1px} .brxe-container {width: 1200px; column-gap: 40px; row-gap: 40px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px} .bricks-button {font-size: var(--fs-sp); font-weight: 500; text-transform: capitalize; transition: all ease 300ms; padding-top: 14px; padding-right: 24px; padding-bottom: 14px; padding-left: 24px; border-radius: var(--v-16)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #000000} :root .bricks-button[class*="primary"]:hover {color: #ffffff} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: #d9d9d9} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: #242424} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--brand)} :root .bricks-button[class*="primary"] {color: var(--white)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--dark)} :root .bricks-button[class*="primary"].outline {color: var(--brand-dark); box-shadow: inset 0 0 0 1px var(--brand-dark); border: 0; border-style: none} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--brand-dark); color: var(--bg-dark)} .brxe-section {padding-top: 80px; padding-right: 16px; padding-bottom: 80px; padding-left: 16px} .brxe-block {column-gap: 20px; row-gap: 20px}@media (max-width: 478px) { body {line-height: 1.4}}