.brxe-container {width: 1280px; column-gap: var(--gutter); row-gap: var(--gutter)} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px}body { min-block-size: 100dvb; background-color: var(--color-background);}main { display: flex; flex-direction: column;}section:last-of-type { flex-grow: 1;} html {font-size: 100%} body {font-size: var(--step-0); font-family: "Playfair"; font-weight: 400; color: var(--color-text)} h1, h2, h3, h4, h5, h6 {color: var(--color-text); font-family: "Playfair Display SC"; font-weight: 700} h1 {font-size: var(--step-5)} h2 {font-size: var(--step-4)} h3 {font-size: var(--step-3)} h4 {font-size: var(--step-2)} h5 {font-size: var(--step-1)} h6 {font-size: var(--step-0)} .brxe-section {padding-top: var(--space-xl); padding-right: var(--space-xs); padding-bottom: var(--space-xl); padding-left: var(--space-xs)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-primary)} .bricks-button {transition: var(--transition); text-transform: capitalize} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--shade-primary-dark-10)} :root .bricks-button[class*="primary"] {color: var(--color-background); font-weight: 700} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-secondary)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--shade-secondary-dark-10)} :root .bricks-button[class*="secondary"] {color: var(--color-primary); font-weight: 700} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--color-link); text-decoration: underline; transition: var(--transition)} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {color: var(--color-link-hover)} :where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :where(.brxe-post-content):not([data-source="bricks"]) a:active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-team-members) .description a:active, :where(.brxe-testimonials) .testimonial-content-wrapper a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active {color: var(--color-link-active)} #brx-content {margin-top: calc(var(--space-3xl) * 1.75)} .content-area {margin-top: calc(var(--space-3xl) * 1.75)}