:root {--gutter-x: 1.25rem; --gutter-y: 2rem; --gutter-x-article: var(--gutter-x); --gutter-y-article: var(--gutter-y);}@media (min-width: 1100px) {:root {--gutter-x: 2.5rem; --gutter-y: 3rem;--gutter-x-article: calc(50vw - 30rem);}}@media (min-width: 1280px) {:root {--gutter-x: 5rem; --gutter-y: 5rem; --gutter-y-article: 3rem;}}@media (min-width: 1600px) {:root {--gutter-x: 10rem; --gutter-y: 6rem; }}@media (min-width: 1920px) {:root {--gutter-x: calc(50vw - 50rem);}} html {font-size: 100%} body {font-family: "Montserrat"; font-size: var(--text-base); line-height: 1.6; color: #616161; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; font-weight: 500; color: var(--color-black-l-0)} h1 {font-size: var(--text-4xl); line-height: 1.2; font-weight: 500} h2 {font-size: var(--text-3xl); font-weight: 500} h3 {font-size: var(--text-2xl); font-weight: 500} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-l)} h6 {font-size: var(--text-base)}:where(:root) .bricks-color-primary {color: var(--color-secondary)}:where(:root) .bricks-background-primary {background-color: var(--color-secondary)}:where(:root) .bricks-color-secondary {color: var(--color-primary)}:where(:root) .bricks-background-secondary {background-color: var(--color-primary)}:where(:root) .bricks-color-light {color: var(--color-black)}:where(:root) .bricks-background-light {background-color: var(--color-black)} .bricks-button {font-family: "Montserrat"; font-size: var(--text-base); font-weight: 600; white-space: nowrap; color: var(--color-white); border: 2px solid var(--color-secondary); border-radius: 4px; padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; transition: 300ms} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-secondary)} .bricks-button.sm {padding-top: 0.25rem; padding-right: 1rem; padding-bottom: 0.25rem; padding-left: 1rem; font-size: var(--text-s)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--color-white)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #f5f5f5} :root .bricks-button[class*="primary"]:hover {color: var(--color-secondary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-secondary)} :root .bricks-button[class*="primary"] {border-color: var(--color-secondary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: #f5f5f5} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--color-secondary); border-color: #f5f5f5} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--color-secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--color-white); border-style: solid; border-color: var(--color-secondary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-primary)} :root .bricks-button[class*="secondary"] {border-color: var(--color-primary)} :root .bricks-button[class*="secondary"]:hover {color: var(--color-primary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #f5f5f5} .brxe-section {padding-top: var(--gutter-y); padding-right: var(--gutter-x); padding-bottom: var(--gutter-y); padding-left: var(--gutter-x); display: block} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}.brxe-nav-menu .bricks-nav-menu > li {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}