html {background-color: var(--background)} body {background: none} .brx-boxed {max-width: 2400px} .brx-boxed #brx-header.brx-sticky {max-width: 2400px; margin-left: auto; margin-right: auto} #brx-content {margin-bottom: calc(6rem * var(--margin))} .content-area {margin-bottom: calc(6rem * var(--margin))} body {font-family: "modam"} h1, h2, h3, h4, h5, h6 {font-family: "modam"} h1 {font-size: var(--high-title); color: var(--secondary-light)} h2 {font-size: var(--mid-title); color: var(--section-title-text)} h3 {font-size: var(--title); color: var(--title-text)} h4 {font-size: var(--title); color: var(--title-text)} h5 {font-size: var(--normal); color: var(--text)} h6 {font-size: var(--normal); color: var(--text)} .brxe-section {padding-top: calc(7rem * var(--padding)); padding-right: calc(14rem * var(--padding)); padding-bottom: calc(7rem * var(--padding)); padding-left: calc(14rem * var(--padding))} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} :root .bricks-button[class*="primary"] {font-size: var(--subtitle); color: var(--button-text); font-weight: 700; border-top: var(--border1) solid var(--transparent); border-right: var(--border2) solid var(--transparent); border-bottom: var(--border1) solid var(--transparent); border-left: var(--border2) solid var(--transparent); border-radius: var(--all-border-extra-small)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--button)} :root .bricks-button[class*="primary"]:hover {color: var(--button-text-hover); text-shadow: 0px 0px 4px var(--bricks-color-ittejf); border-color: var(--button)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--button-hover)} .bricks-button {transition: all var(--button-duration) var(--transition-linear)} :root .bricks-button[class*="secondary"] {color: var(--button); font-size: var(--subtitle); font-weight: 700; text-shadow: 0px 0px 4px var(--bricks-color-ittejf); border-top: var(--border1) solid var(--button); border-right: var(--border2) solid var(--button); border-bottom: var(--border1) solid var(--button); border-left: var(--border2) solid var(--button); border-radius: var(--all-border-extra-small)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--transparent)} :root .bricks-button[class*="secondary"]:hover {color: var(--button-text); text-shadow: 0px 0px 0px var(--transparent); border-color: var(--transparent)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--button)} :root .bricks-button[class*="dark"] {color: var(--on-primary); font-size: var(--subtitle); font-weight: 700; border-top: var(--border1) solid var(--transparent); border-right: var(--border2) solid var(--transparent); border-bottom: var(--border1) solid var(--transparent); border-left: var(--border2) solid var(--transparent); border-radius: var(--all-border-extra-small)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="dark"]:hover {border-color: var(--white)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-weight: 500; font-size: var(--small); color: var(--white); border-top: var(--border1) solid var(--white); border-right: var(--border2) solid var(--white); border-bottom: var(--border1) solid var(--white); border-left: var(--border2) solid var(--white); border-radius: var(--all-border-extra-small)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--transparent)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {border-color: var(--transparent); color: var(--on-primary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--primary)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--transparent)} .brxe-post-content {font-size: var(--normal); color: var(--text)}@media (max-width: 1280px) { .brxe-section {padding-right: calc(12rem * var(--padding)); padding-left: calc(12rem * var(--padding))}}@media (max-width: 1100px) { .brxe-section {padding-top: calc(6rem * var(--padding)); padding-right: calc(8rem * var(--padding)); padding-bottom: calc(6rem * var(--padding)); padding-left: calc(8rem * var(--padding))} :root .bricks-button[class*="primary"] {font-size: var(--small)} :root .bricks-button[class*="secondary"] {font-size: var(--small)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: var(--small)} :root .bricks-button[class*="dark"] {font-size: var(--small)} .bricks-button {font-size: var(--small)} .brxe-post-content {font-size: var(--subtitle)} .brxe-text {font-size: var(--normal); color: var(--text)} .brxe-text-basic {font-size: var(--normal); color: var(--text)}}@media (max-width: 991px) { .brxe-section {padding-right: calc(5rem * var(--padding)); padding-left: calc(5rem * var(--padding))}}@media (max-width: 767px) { h1 {font-size: var(--mid-title)} h2 {font-size: var(--title)} h3 {font-size: var(--normal)} h4 {font-size: var(--normal)} h5 {font-size: var(--subtitle)} h6 {font-size: var(--subtitle)} .brxe-section {padding-top: calc(5rem * var(--padding)); padding-right: calc(3rem * var(--padding)); padding-bottom: calc(5rem * var(--padding)); padding-left: calc(3rem * var(--padding))}}@media (max-width: 478px) { .brxe-section {padding-right: calc(3rem * var(--padding)); padding-left: calc(3rem * var(--padding))}}