:root { --wp--style--block-gap: 0; /* Spacing Values */ --space-00: 0.125rem; --space-01: 0.25rem; --space-02: 0.5rem; --space-03: 0.75rem; --space-04: 1rem; --space-05: 1.25rem; --space-06: 1.5rem; --space-07: 2rem; --space-08: 2.5rem; --space-09: 3rem; --space-10: 4rem; --space-11: 5rem; --space-12: 6rem; --space-13: 7.5rem; --space-14: 9rem; --space-15: 11rem; --space-16: 13rem; --space-17: 15.5rem; --space-18: 18rem; /* Responsive Spacing */ --s-r-1:var(--space-00); --s-r-2:var(--space-01); --s-r-3:var(--space-02); --s-r-4:var(--space-02); --s-r-5:var(--space-04); --s-r-6:var(--space-04); --s-r-7:var(--space-04); --s-r-8:var(--space-05); --s-r-9:var(--space-06); --s-r-10:var(--space-07); --s-r-11:var(--space-08); --s-r-12:var(--space-09); --s-r-13:var(--space-10); --s-r-14:var(--space-11); --s-r-15:var(--space-12); --s-r-16:var(--space-13); --s-r-17:var(--space-14); --s-r-18:var(--space-15); /* Line Height */ --global--line-height-reset: 1; /* Content widths and grid */ --global--default-content-width: 43.5rem; --global--10col-nogap-content-width: 74.5rem; --global--wide-content-width: 112.5rem; /* Border radius */ --global--border-radius-xxs: 0.625rem; --global--border-radius-xs: 0.938rem; --global--border-radius-s: 1.25rem; --global--border-radius-m: 1.563rem; --global--border-radius-l: 1.875rem; --global--border-radius-xl: 2.5rem; --global--border-radius-xxl: 3.125rem; --global--border-radius-xxxl: 3.75rem; --global--border-radius-xxxxl: 4.375rem; --global--border-radius-round: 6.25em; /* SM breakpoint */ @media only screen and (min-width: 48em) { /* Responsive Spacing */ --s-r-7:var(--space-05); --s-r-8:var(--space-06); --s-r-9:var(--space-07); --s-r-10:var(--space-08); --s-r-11:var(--space-09); --s-r-12:var(--space-10); --s-r-13:var(--space-11); --s-r-14:var(--space-13); --s-r-15:var(--space-13); --s-r-16:var(--space-14); --s-r-17:var(--space-15); --s-r-18:var(--space-16); /* Border radius */ --global--border-radius-xxs: 0.625rem; --global--border-radius-xs: 1.25rem; --global--border-radius-s: 1.875rem; --global--border-radius-m: 2.5rem; --global--border-radius-l: 3.125rem; --global--border-radius-xl: 3.75rem; --global--border-radius-xxl: 4.375rem; --global--border-radius-xxxl: 5rem; --global--border-radius-xxxxl: 5.625rem; } /* MD breakpoint */ @media only screen and (min-width: 64em) { /* Responsive Spacing */ --s-r-1: var(--space-01); --s-r-2:var(--space-02); --s-r-3:var(--space-03); --s-r-4:var(--space-03); --s-r-6:var(--space-05); --s-r-7:var(--space-06); --s-r-8:var(--space-07); --s-r-9:var(--space-08); --s-r-10:var(--space-09); --s-r-11:var(--space-10); --s-r-12:var(--space-11); --s-r-13:var(--space-12); --s-r-14:var(--space-13); --s-r-15:var(--space-14); --s-r-16:var(--space-15); --s-r-17:var(--space-16); --s-r-18:var(--space-17); } /* LG breakpoint */ @media only screen and (min-width: 80em) { /* Responsive Spacing */ --s-r-4:var(--space-04); --s-r-5:var(--space-05); --s-r-6:var(--space-06); --s-r-7:var(--space-07); --s-r-8:var(--space-08); --s-r-9:var(--space-09); --s-r-10:var(--space-10); --s-r-11:var(--space-11); --s-r-12:var(--space-12); --s-r-13:var(--space-13); --s-r-14:var(--space-14); --s-r-15:var(--space-15); --s-r-16:var(--space-16); --s-r-17:var(--space-17); --s-r-18:var(--space-18); } } /* Theme Global Styles */ body { /* Spacing */ --wp--style--block-gap: 0; --global--content--padding--left: 1.25rem; --global--content--padding--right: 1.25rem; /* Heading Font sizes */ --global--font-size--heading-01: 1rem; --global--font-size--heading-02: 1.125rem; //18px --global--font-size--heading-03: 1.125rem; --global--font-size--heading-04: 1.25rem; --global--font-size--heading-05: 1.5rem; --global--font-size--heading-06: 1.875rem; --global--font-size--heading-07: 2.125rem; --global--font-size--heading-08: 2.375rem; --global--font-size--heading-09: 2.875rem; --global--font-size--heading-10: 3.25rem; --global--font-size--heading-11: 3.75rem; --global--font-size--heading-12: 4.375rem; --global--font-size--heading-13: 5.125rem; /* Body font sizes */ --global--font-size--body-xxxs: 0.75rem; --global--font-size--body-xxs: 0.875rem; --global--font-size--body-xs: 1rem; --global--font-size--body-s: 1.125rem; --global--font-size--body-m: 1.25rem; --global--font-size--body-l: 1.25rem; --global--font-size--body-xl: 1.375rem; --global--font-size--body-xxl: 1.5rem; --global--font-size--body-xxxl: 1.5rem; --global--font-size--body-xxxxl: 1.75rem; // SM breakpoint @media only screen and (min-width: 48em) { /* Spacing */ --global--content--padding--left: 2rem; --global--content--padding--right: 2rem; /* Heading Font sizes */ --global--font-size--heading-05: 1.75rem; --global--font-size--heading-06: 2.25rem; --global--font-size--heading-07: 2.75rem; --global--font-size--heading-08: 3.25rem; --global--font-size--heading-09: 4rem; --global--font-size--heading-10: 4.875rem; --global--font-size--heading-11: 6rem; --global--font-size--heading-12: 7.25rem; --global--font-size--heading-13: 8.875rem; /* Body font sizes */ --global--font-size--body-xl: 1.5rem; --global--font-size--body-xxl: 1.75rem; --global--font-size--body-xxxl: 2.125rem; --global--font-size--body-xxxxl: 2.5rem; } // MD breakpoint @media only screen and (min-width: 64em) { /* Spacing */ --global--content--padding--left: 2.5rem; --global--content--padding--right: 2.5rem; /* Heading Font sizes */ --global--font-size--heading-04: 1.375rem; --global--font-size--heading-05: 1.875rem; --global--font-size--heading-06: 2.625rem; --global--font-size--heading-07: 3.375rem; --global--font-size--heading-08: 4.375rem; --global--font-size--heading-09: 5.625rem; --global--font-size--heading-10: 7.25rem; --global--font-size--heading-11: 9.25rem; --global--font-size--heading-12: 11.75rem; --global--font-size--heading-13: 15.125rem; /* Body font sizes */ --global--font-size--body-l: 1.5rem; --global--font-size--body-xl: 1.75rem; } // LG breakpoint @media only screen and (min-width: 80em) { /* Spacing */ --global--content--padding--left: 3rem; --global--content--padding--right: 3rem; /* Heading font sizes */ --global--font-size--heading-03: 1.25rem; --global--font-size--heading-04: 1.5rem; --global--font-size--heading-05: 2.125rem; --global--font-size--heading-06: 3rem; --global--font-size--heading-07: 4.375rem; --global--font-size--heading-08: 5.75rem; --global--font-size--heading-09: 7.75rem; --global--font-size--heading-10: 10.375rem; --global--font-size--heading-11: 13.875rem; --global--font-size--heading-12: 18.625rem; --global--font-size--heading-13: 25rem; /* Body font sizes */ --global--font-size--body-xxl: 2.125rem; --global--font-size--body-xxxl: 2.5rem; --global--font-size--body-xxxxl: 3rem; } @media only screen and (min-width: 118.5em) { --global--content--padding--left: 0; --global--content--padding--right: 0; } }