:where(:root) .bricks-color-primary {color: #c9a248}:where(:root) .bricks-background-primary {background-color: #c9a248}:where(:root) .bricks-color-secondary {color: #cfaa51}:where(:root) .bricks-background-secondary {background-color: #cfaa51}:where(:root) .bricks-color-light {color: hsl(0, 0%, 100%)}:where(:root) .bricks-background-light {background-color: hsl(0, 0%, 100%)}:where(:root) .bricks-color-dark {color: var(--bricks-color-grey-900)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-grey-900)} .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: 10px} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: 10px} .brxe-section {width: 100%; justify-content: center; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .brxe-container {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; justify-content: center; width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%} .brxe-block {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .brxe-div {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary-color-gold)} .bricks-button {color: var(--bricks-color-grey-100); font-size: 18px; text-align: center; font-family: "Outfit"; font-weight: 500} :root .bricks-button[class*="primary"] {color: var(--bricks-color-grey-900); font-size: 18px; text-align: center; text-transform: capitalize; font-family: "Outfit"; font-weight: 500} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-grey-900); font-size: 18px; text-align: center; text-transform: capitalize; font-family: "Outfit"; font-weight: 500} :root .bricks-button[class*="dark"] {color: var(--primary-color-gold); font-size: 18px; text-align: left; text-transform: capitalize; font-family: "Outfit"; font-weight: 500} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-grey-900)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary-color-gold)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-color-gold)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--bricks-color-grey-100)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--bricks-color-grey-900); font-size: 18px; text-align: left; text-transform: capitalize; font-family: "Outfit"; font-weight: 500} body {font-family: "Outfit"; font-size: 20px; color: var(--bricks-color-grey-900)} h1 {color: var(--bricks-color-grey-900); font-size: 48px; font-family: "Cormorant Garamond"; font-weight: 600; line-height: 1.1; text-transform: capitalize; margin-top: 5px; margin-bottom: 5px} h2 {font-size: 35px; color: var(--bricks-color-grey-900); font-weight: 500; text-transform: capitalize; font-family: "Cormorant Garamond"} h3 {color: var(--bricks-color-grey-900); font-size: 32px; text-transform: capitalize; font-family: "Cormorant Garamond"; font-weight: 400} h4 {font-size: 30px; color: var(--bricks-color-grey-900); text-transform: capitalize; font-family: "Cormorant Garamond"; font-weight: 400} h5 {color: var(--bricks-color-grey-900); font-size: 25px; font-family: "Cormorant Garamond"; text-transform: capitalize; font-weight: 300} h6 {font-size: 22px; color: var(--bricks-color-grey-900); text-transform: capitalize; font-family: "Cormorant Garamond"; font-weight: 300}.brxe-icon-box .icon {align-self: center; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; color: var(--primary-color-gold); background-color: var(--bricks-color-grey-900); border-radius: 50px}.brxe-icon-box .icon i {font-size: 35px}.brxe-icon-box .icon a {color: var(--primary-color-gold)}.brxe-icon-box h1 {color: var(--bricks-color-grey-900); font-size: 35px; text-align: center; font-family: "Cormorant Garamond"; font-weight: 500; text-transform: capitalize}.brxe-icon-box h2 {color: var(--bricks-color-grey-900); font-size: 35px; text-align: center; font-family: "Cormorant Garamond"; font-weight: 500; text-transform: capitalize}.brxe-icon-box h3 {color: var(--bricks-color-grey-900); font-size: 35px; text-align: center; font-family: "Cormorant Garamond"; font-weight: 500; text-transform: capitalize}.brxe-icon-box h4 {color: var(--bricks-color-grey-900); font-size: 35px; text-align: center; font-family: "Cormorant Garamond"; font-weight: 500; text-transform: capitalize}.brxe-icon-box h5 {color: var(--bricks-color-grey-900); font-size: 35px; text-align: center; font-family: "Cormorant Garamond"; font-weight: 500; text-transform: capitalize}.brxe-icon-box h6 {color: var(--bricks-color-grey-900); font-size: 35px; text-align: center; font-family: "Cormorant Garamond"; font-weight: 500; text-transform: capitalize}.brxe-icon-box .content {color: var(--bricks-color-grey-900); font-size: 22px; text-align: center; text-transform: capitalize; font-family: "Outfit"; font-weight: 400}@media (max-width: 478px) { h1 {font-size: 36px} h2 {font-size: 32px} h3 {font-size: 30px} h4 {font-size: 28px} h5 {font-size: 24px} h6 {font-size: 20px}}