html {font-size: 100%} body {font-size: var(--body-font); line-height: var(--body-font-lh); color: var(--base); font-family: "Montserrat"} h1, h2, h3, h4, h5, h6 {line-height: 1.2} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-section {display: block; padding-top: var(--section-space-m); padding-bottom: var(--section-space-m)} .brxe-container {width: 100%; max-width: var(--container); padding-right: var(--section-padding-x); padding-left: var(--section-padding-x)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container)} .bricks-button {font-size: var(--text-xs); line-height: var(--text-xs-lh); letter-spacing: -0.03em; font-weight: 700; text-transform: uppercase; color: var(--white); padding-top: 13px; padding-right: 26px; padding-bottom: 13px; padding-left: 26px; border: 1px solid var(--action); transition: var(--base-transition)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--action)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--primary)} .bricks-button:hover {border-color: var(--primary)} .bricks-button.outline:hover {background-color: var(--action); border-color: var(--action); color: var(--white)} .bricks-button.outline {border-width: 1px; border-color: var(--action); color: var(--action)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--white)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border-color: var(--white); color: var(--action)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--primary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--white); border-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {border-color: var(--primary)}.brxe-form .form-group label {color: #344054; text-transform: none; font-weight: 500; letter-spacing: 0px; font-size: var(--text-xs); line-height: 1.43}.brxe-form .form-group .label {color: #344054; text-transform: none; font-weight: 500; letter-spacing: 0px; font-size: var(--text-xs); line-height: 1.43}.brxe-form .form-group input {border: 1px solid #d0d5dd; border-radius: 0.5rem; background-color: var(--white); padding-right: 14px; padding-left: 14px; font-weight: 500; color: var(--secondary)}.brxe-form .flatpickr {border: 1px solid #d0d5dd; border-radius: 0.5rem; background-color: var(--white); padding-right: 14px; padding-left: 14px}.brxe-form select {border: 1px solid #d0d5dd; border-radius: 0.5rem; background-color: var(--white); color: #667085; font-weight: 400; padding-right: 14px; padding-left: 14px; font-weight: 500; color: var(--secondary)}.brxe-form textarea {border: 1px solid #d0d5dd; border-radius: 0.5rem; background-color: var(--white); padding-right: 14px; padding-left: 14px; font-weight: 500; color: var(--secondary)}.brxe-form .bricks-button {border: 1px solid #d0d5dd; border-radius: 0.5rem}.brxe-form .choose-files {border: 1px solid #d0d5dd; border-radius: 0.5rem}.brxe-form ::placeholder {color: #667085; font-weight: 400}@media (max-width: 575px) { .brxe-section {padding-top: var(--section-space-s); padding-bottom: var(--section-space-s)} .brxe-container {padding-right: var(--section-padding-x-mob); padding-left: var(--section-padding-x-mob)}}