body {font-family: "Bodies"; font-size: var(--text-body); color: var(--footer-body-text-light); line-height: 1.35; letter-spacing: 0px} h1, h2, h3, h4, h5, h6 {font-family: "Titles"; color: var(--titles-light); line-height: 1.15; letter-spacing: 0.6px; font-weight: 600} h1 {font-size: var(--H1); text-transform: uppercase; font-family: "Titles"; font-weight: 600; line-height: 1.15} h2 {font-size: var(--h2); text-transform: uppercase; font-family: "Titles"; font-weight: 600} h3 {font-size: var(--h3); text-transform: uppercase} h4 {font-size: var(--h4); text-transform: uppercase} h5 {font-size: var(--h5); text-transform: uppercase; font-family: "Titles"; font-weight: 600} h6 {font-size: var(--text-body); text-transform: uppercase; font-family: "Titles"; font-weight: 700} html {background-color: var(--body-site-light)} body {background: none} .bricks-button {font-size: 12px; font-family: "Titles"; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: 0.9px; border-radius: var(--outside); padding-top: 1.6em; padding-right: 2.4em; padding-bottom: 1.6em; padding-left: 2.4em; transition: all 0.3s ease} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--but-1-back-1-text-accent-light)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-widzue)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--but-sub-1-light)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-widzue)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--but-sub-2-light)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--but-2-back-2-light)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-widzue)} .bricks-button.md {padding-top: 1.2em; padding-right: 2em; padding-bottom: 1.2em; padding-left: 2em} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--but-sub-1-hover-light)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--but-2-hover-light)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--but-sub-2-hover-light)} .bricks-button:hover {transition: all 0.3 ease} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--but-1-hover-light)} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: var(--small)} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p {margin-block-start: var(--small)}.brxe-text * + :is(li), .brxe-post-content:not([data-source=bricks]) * + :is(li), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(li) {margin-block-start: 2px} .brxe-container {width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} .brxe-section {padding-right: var(--standart); padding-left: var(--standart)}:where(:root) .bricks-color-primary:hover {color: var(--but-1-back-1-text-accent-light)}:where(:root) .bricks-background-primary:hover {background-color: var(--but-1-back-1-text-accent-light)}:where(:root) .bricks-color-primary {color: var(--but-1-back-1-text-accent-light)}:where(:root) .bricks-background-primary {background-color: var(--but-1-back-1-text-accent-light)}h1,h2,h3,h4,h5,h6, p {margin: 0;}