.brxe-container {padding-right: 24px; padding-left: 24px; width: 100%; max-width: 1164px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1164px} body {color: var(--bricks-color-8de0dc); font-size: var(--font-size-p18); line-height: var(--line-height-paragraphs); font-family: "TT Hoves Pro"; background: none} h1 {font-size: var(--font-size-h1-mobile)} h2 {font-size: var(--font-size-h2-mobile)} h3 {font-size: var(--font-size-h3-mobile)} h4 {font-size: var(--font-size-h4-mobile)} h1, h2, h3, h4, h5, h6 {line-height: var(--line-height-headings); font-family: "TT Hoves Pro Condensed"; font-weight: 800; text-transform: uppercase} h5 {font-size: var(--font-size-p28)} h6 {font-size: var(--font-size-p24)} .bricks-button {font-size: var(--font-size-accent-18); line-height: var(--line-height-accents); letter-spacing: var(--letter-spacing-accent-18); text-transform: uppercase; font-weight: 500; border: 2px solid var(--bricks-border-color); border-radius: 6px; transition: all 300ms; padding-top: 16px; padding-right: 23px; padding-bottom: 16px; padding-left: 23px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-8de0dc)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-8a33c6); border-color: var(--bricks-color-8de0dc)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-8cfea5)} :root .bricks-button[class*="primary"]:hover {border-color: var(--bricks-color-8cfea5)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-8de0dc); border-color: var(--bricks-color-8de0dc)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-8de0dc); border-color: var(--bricks-color-9e0e13)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-9e0e13)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-9e0e13)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: rgba(254, 250, 247, 0.3)} .brxe-section {padding-top: 40px; padding-bottom: 40px} :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 {text-decoration: underline} html {background-color: var(--bricks-color-8f9239)}@media (min-width: 991px) { .brxe-container {padding-right: 15px; padding-left: 15px} h1 {font-size: var(--font-size-h1)} h2 {font-size: var(--font-size-h2)} h3 {font-size: var(--font-size-h3)} h4 {font-size: var(--font-size-h4)} h5 {font-size: var(--font-size-h5)} h6 {font-size: var(--font-size-p28)} .brxe-section {padding-top: 100px; padding-bottom: 100px}}@media (min-width: 1279px) {:where(:root) .bricks-color-primary {color: #cddc39}:where(:root) .bricks-background-primary {background-color: #cddc39}}