:where(:root) .bricks-color-primary {color: var(--bricks-color-vqrxuf)} :where(:root) .bricks-background-primary {background-color: var(--bricks-color-vqrxuf)} :where(:root) .bricks-color-secondary {color: #f2c671} :where(:root) .bricks-background-secondary {background-color: #f2c671} :where(:root) .bricks-color-muted {color: var(--bricks-color-vqrxuf)} :where(:root) .bricks-background-muted {background-color: var(--bricks-color-vqrxuf)} :where(:root) .bricks-color-warning {color: var(--bricks-color-zdqibh)} :where(:root) .bricks-background-warning {background-color: var(--bricks-color-zdqibh)} :where(:root) .bricks-color-success {color: #0c3a1b} :where(:root) .bricks-background-success {background-color: #0c3a1b} :where(:root) .bricks-color-info {color: var(--bricks-color-xixrlx)} :where(:root) .bricks-background-info {background-color: var(--bricks-color-xixrlx)} :where(:root) .bricks-color-light {color: #fffef8} :where(:root) .bricks-background-light {background-color: #fffef8} :where(:root) .bricks-color-dark {color: var(--bricks-color-nlscab)} :where(:root) .bricks-background-dark {background-color: var(--bricks-color-nlscab)} :where(:root) * {border-color: rgba(10, 10, 10, 0.2)} :where(:root) .bricks-color-danger {color: #71100f} :where(:root) .bricks-background-danger {background-color: #71100f} body {font-family: "Book"; font-weight: 500; font-size: 16px; color: var(--bricks-color-vqrxuf)} h1, h2, h3, h4, h5, h6 {text-align: center; color: var(--bricks-color-vqrxuf)} h1 {font-size: 48px; font-family: "COPPER"; font-weight: 600; letter-spacing: 1px; color: var(--bricks-color-vqrxuf)} h2 {font-size: 24px; font-family: "Book"; font-weight: 500} h3 {font-family: "Book"; font-weight: 500; font-size: 22px} h4 {font-family: "Book"; font-weight: 500; font-size: 18px} a,.bricks-button,.bricks-query-loop-item > a,[data-bricks-id] a[href]:not(.bricks-button) { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}a:hover,.bricks-button:hover,.bricks-query-loop-item > a:hover,[data-bricks-id] a[href]:not(.bricks-button):hover { transform: translateY(-3px); box-shadow: 0 10 20px rgba(0, 0, 0, 0.1);} .brxe-section {width: 100%} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} @media (max-width: 767px) { h2 {font-size: 24px} }@media (max-width: 478px) { h1 {font-size: 36px; color: var(--bricks-color-vqrxuf)} }