Changeset 49633

Timestamp:

11/17/2020 06:58:52 PM (5 years ago)

Author:

desrosj

Message:

Twenty Twenty-One: Sync the latest changes for 5.6 RC1.

For a full list of changes since [49574-49577], see ​https://github.com/WordPress/twentytwentyone/compare/aa284fd...trunk.

Props poena, luminuu, kjellr, ryelle, aristath.
See #51526.

Location:

trunk/src/wp-content/themes/twentytwentyone

Files:

• assets/css/ie-editor.css (modified) (85 diffs)
• assets/css/ie.css (modified) (212 diffs)
• assets/css/style-dark-mode-rtl.css (modified) (2 diffs)
• assets/css/style-dark-mode.css (modified) (2 diffs)
• assets/js/customize.js (modified) (2 diffs)
• assets/js/dark-mode-toggler.js (modified) (3 diffs)
• assets/js/editor-dark-mode-support.js (modified) (1 diff)
• assets/js/primary-navigation.js (modified) (1 diff)
• assets/sass/style-dark-mode.scss (modified) (2 diffs)
• classes/class-twenty-twenty-one-customize-notice-control.php (added)
• classes/class-twenty-twenty-one-dark-mode.php (modified) (5 diffs)
• inc/block-patterns.php (modified) (1 diff)
• package-lock.json (modified) (2 diffs)
• screenshot.png (modified) (previous)

trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css

@@ -9 +9 @@
 
     /* Font Family */
-    --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
-    --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
 
     /* Font Size */
-    --global--font-size-base: 1.25rem;
-    --global--font-size-xs: 1rem;
-    --global--font-size-sm: 1.125rem;
-    --global--font-size-md: 1.25rem;
-    --global--font-size-lg: 1.5rem;
-    --global--font-size-xl: 2.25rem;
-    --global--font-size-xxl: 4rem;
-    --global--font-size-xxxl: 5rem;
-    --global--font-size-page-title: var(--global--font-size-xxl);
-    --global--letter-spacing: normal;
 
     /* Line Height */
-    --global--line-height-body: 1.7;
-    --global--line-height-heading: 1.3;
-    --global--line-height-page-title: 1.1;
 
     /* Headings */
-    --heading--font-family: var(--global--font-primary);
-    --heading--font-size-h6: var(--global--font-size-xs);
-    --heading--font-size-h5: var(--global--font-size-sm);
-    --heading--font-size-h4: var(--global--font-size-lg);
-    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
-    --heading--font-size-h2: var(--global--font-size-xl);
-    --heading--font-size-h1: var(--global--font-size-page-title);
-    --heading--letter-spacing-h6: 0.05em;
-    --heading--letter-spacing-h5: 0.05em;
-    --heading--letter-spacing-h4: var(--global--letter-spacing);
-    --heading--letter-spacing-h3: var(--global--letter-spacing);
-    --heading--letter-spacing-h2: var(--global--letter-spacing);
-    --heading--letter-spacing-h1: var(--global--letter-spacing);
-    --heading--line-height-h6: var(--global--line-height-heading);
-    --heading--line-height-h5: var(--global--line-height-heading);
-    --heading--line-height-h4: var(--global--line-height-heading);
-    --heading--line-height-h3: var(--global--line-height-heading);
-    --heading--line-height-h2: var(--global--line-height-heading);
-    --heading--line-height-h1: var(--global--line-height-page-title);
-    --heading--font-weight: normal;
-    --heading--font-weight-page-title: 300;
-    --heading--font-weight-strong: 600;
 
     /* Block: Latest posts */
-    --latest-posts--title-font-family: var(--heading--font-family);
-    --latest-posts--title-font-size: var(--heading--font-size-h3);
-    --latest-posts--description-font-family: var(--global--font-secondary);
-    --latest-posts--description-font-size: var(--global--font-size-sm);
-    --list--font-family: var(--global--font-secondary);
-    --definition-term--font-family: var(--global--font-primary);
 
     /* Colors */
-    --global--color-black: #000;
-    --global--color-dark-gray: #28303d;
-    --global--color-gray: #39414d;
-    --global--color-light-gray: #f0f0f0;
-    --global--color-green: #d1e4dd;
-    --global--color-blue: #d1dfe4;
-    --global--color-purple: #d1d1e4;
-    --global--color-red: #e4d1d1;
-    --global--color-orange: #e4dad1;
-    --global--color-yellow: #eeeadd;
-    --global--color-white: #fff;
-    --global--color-white-50: rgba(255, 255, 255, 0.5);
-    --global--color-white-90: rgba(255, 255, 255, 0.9);
-    --global--color-primary: var(--global--color-dark-gray);
 
     /* Body text color, site title, footer text color. */
-    --global--color-secondary: var(--global--color-gray);
 
     /* Headings */
-    --global--color-primary-hover: var(--global--color-primary);
-    --global--color-background: var(--global--color-green);
 
     /* Mint, default body background */
-    --global--color-border: var(--global--color-primary);
 
     /* Used for borders (separators) */
 
     /* Spacing */
-    --global--spacing-unit: 20px;
-    --global--spacing-measure: unset;
-    --global--spacing-horizontal: 25px;
-    --global--spacing-vertical: 30px;
 
     /* Elevation */
-    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
 
     /* Forms */
-    --form--font-family: var(--global--font-secondary);
-    --form--font-size: var(--global--font-size-sm);
-    --form--line-height: var(--global--line-height-body);
-    --form--color-text: var(--global--color-dark-gray);
-    --form--color-ranged: var(--global--color-secondary);
-    --form--label-weight: 500;
-    --form--border-color: var(--global--color-secondary);
-    --form--border-width: 3px;
-    --form--border-radius: 0;
-    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
 
     /* Cover block */
-    --cover--height: calc(15 * var(--global--spacing-vertical));
-    --cover--color-foreground: var(--global--color-white);
-    --cover--color-background: var(--global--color-black);
 
     /* Buttons */
-    --button--color-text: var(--global--color-background);
-    --button--color-text-hover: var(--global--color-secondary);
-    --button--color-text-active: var(--global--color-secondary);
-    --button--color-background: var(--global--color-secondary);
-    --button--color-background-active: var(--global--color-background);
-    --button--font-family: var(--global--font-primary);
-    --button--font-size: var(--global--font-size-base);
-    --button--font-weight: 500;
-    --button--line-height: 1.5;
-    --button--border-width: 3px;
-    --button--border-radius: 0;
-    --button--padding-vertical: 15px;
-    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
 
     /* entry */
-    --entry-header--color: var(--global--color-primary);
-    --entry-header--color-link: currentColor;
-    --entry-header--color-hover: var(--global--color-primary-hover);
-    --entry-header--color-focus: var(--global--color-secondary);
-    --entry-header--font-size: var(--heading--font-size-h2);
-    --entry-content--font-family: var(--global--font-secondary);
-    --entry-author-bio--font-family: var(--heading--font-family);
-    --entry-author-bio--font-size: var(--heading--font-size-h4);
 
     /* Header */
-    --branding--color-text: var(--global--color-primary);
-    --branding--color-link: var(--global--color-primary);
-    --branding--color-link-hover: var(--global--color-secondary);
-    --branding--title--font-family: var(--global--font-primary);
-    --branding--title--font-size: var(--global--font-size-lg);
-    --branding--title--font-size-mobile: var(--heading--font-size-h4);
-    --branding--title--font-weight: normal;
-    --branding--title--text-transform: uppercase;
-    --branding--description--font-family: var(--global--font-secondary);
-    --branding--description--font-size: var(--global--font-size-sm);
-    --branding--description--font-family: var(--global--font-secondary);
-    --branding--logo--max-width: 300px;
-    --branding--logo--max-height: 100px;
-    --branding--logo--max-width-mobile: 96px;
-    --branding--logo--max-height-mobile: 96px;
 
     /* Main navigation */
-    --primary-nav--font-family: var(--global--font-secondary);
-    --primary-nav--font-family-mobile: var(--global--font-primary);
-    --primary-nav--font-size: var(--global--font-size-md);
-    --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
-    --primary-nav--font-size-mobile: var(--global--font-size-sm);
-    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
-    --primary-nav--font-size-button: var(--global--font-size-xs);
-    --primary-nav--font-style: normal;
-    --primary-nav--font-style-sub-menu-mobile: normal;
-    --primary-nav--font-weight: normal;
-    --primary-nav--font-weight-button: 500;
-    --primary-nav--color-link: var(--global--color-primary);
-    --primary-nav--color-link-hover: var(--global--color-primary-hover);
-    --primary-nav--color-text: var(--global--color-primary);
-    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
-    --primary-nav--border-color: var(--global--color-primary);
 
     /* Pagination */
-    --pagination--color-text: var(--global--color-primary);
-    --pagination--color-link-hover: var(--global--color-primary-hover);
-    --pagination--font-family: var(--global--font-secondary);
-    --pagination--font-size: var(--global--font-size-lg);
-    --pagination--font-weight: normal;
-    --pagination--font-weight-strong: 600;
 
     /* Footer */
-    --footer--color-text: var(--global--color-primary);
-    --footer--color-link: var(--global--color-primary);
-    --footer--color-link-hover: var(--global--color-primary-hover);
-    --footer--font-family: var(--global--font-primary);
-    --footer--font-size: var(--global--font-size-sm);
 
     /* Block: Pull quote */
-    --pullquote--font-family: var(--global--font-primary);
-    --pullquote--font-size: var(--heading--font-size-h3);
-    --pullquote--font-style: normal;
-    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
-    --pullquote--line-height: var(--global--line-height-heading);
-    --pullquote--border-width: 3px;
-    --pullquote--border-color: var(--global--color-primary);
-    --pullquote--color-foreground: var(--global--color-primary);
-    --pullquote--color-background: var(--global--color-background);
-    --quote--font-family: var(--global--font-secondary);
-    --quote--font-size: var(--global--font-size-md);
-    --quote--font-size-large: var(--global--font-size-xl);
-    --quote--font-style: normal;
-    --quote--font-weight: 700;
-    --quote--font-weight-strong: bolder;
-    --quote--font-style-large: normal;
-    --quote--font-style-cite: normal;
-    --quote--line-height: var(--global--line-height-body);
-    --quote--line-height-large: 1.35;
-    --separator--border-color: var(--global--color-border);
-    --separator--height: 1px;
 
     /* Block: Table */
-    --table--stripes-border-color: var(--global--color-light-gray);
-    --table--stripes-background-color: var(--global--color-light-gray);
-    --table--has-background-text-color: var(--global--color-dark-gray);
 
     /* Widgets */
-    --widget--line-height-list: 1.9;
-    --widget--line-height-title: 1.4;
-    --widget--font-weight-title: 700;
-    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
 
     /* Admin-bar height */
-    --global--admin-bar--height: 0;
-}
-
-.admin-bar {
-    --global--admin-bar--height: 32px;
-}
-@media only screen and (max-width: 782px) {
-
-    .admin-bar {
-        --global--admin-bar--height: 46px;
-    }
-}
-
-@media only screen and (min-width: 652px) {
-
-    :root {
-        --global--font-size-xl: 2.5rem;
-        --global--font-size-xxl: 6rem;
-        --global--font-size-xxxl: 9rem;
-        --heading--font-size-h3: 2rem;
-        --heading--font-size-h2: 3rem;
-    }
 }
 
@@ -260 +68 @@
  * Root Media Query Variables
  */
-:root {
-    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
-    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
-    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
-    --responsive--alignfull-width: 100%;
-    --responsive--alignright-margin: var(--global--spacing-horizontal);
-    --responsive--alignleft-margin: var(--global--spacing-horizontal);
-}
-
-@media only screen and (min-width: 482px) {
-
-    :root {
-        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
-        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
-        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
-        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
-    }
-}
-@media only screen and (min-width: 822px) {
-
-    :root {
-        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
-        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
-    }
-}
 
 /**
@@ -290 +73 @@
  */
 .default-max-width {
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
     margin-left: auto;
     margin-right: auto;
 }
+@media only screen and (min-width: 482px) {
+
+    .default-max-width {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .default-max-width {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
 
 .wide-max-width {
-    max-width: var(--responsive--alignwide-width);
+    max-width: calc(100vw - 30px);
     margin-left: auto;
     margin-right: auto;
@@ -303 +98 @@
 @media only screen and (min-width: 482px) {
 
+    .wide-max-width {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .wide-max-width {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+@media only screen and (min-width: 482px) {
+
     .full-max-width {
-        max-width: var(--responsive--alignfull-width);
+        max-width: 100%;
         width: auto;
         margin-left: auto;
@@ -314 +123 @@
     padding: 0;
     position: relative;
-    margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
+    margin: 30px 0 30px 25px;
 }
 
 blockquote > * {
-    margin-top: var(--global--spacing-unit);
-    margin-bottom: var(--global--spacing-unit);
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 
@@ -331 +140 @@
 
 blockquote p {
-    letter-spacing: var(--heading--letter-spacing-h4);
-    font-family: var(--quote--font-family);
-    font-size: var(--quote--font-size);
-    font-style: var(--quote--font-style);
-    font-weight: var(--quote--font-weight);
-    line-height: var(--quote--line-height);
-}
-
-blockquote cite,
+    letter-spacing: normal;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 1.7;
+}
+
+blockquote cite {
+    font-weight: normal;
+    color: #28303d;
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
 blockquote footer {
     font-weight: normal;
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    letter-spacing: var(--global--letter-spacing);
+    color: #28303d;
+    font-size: 1rem;
+    letter-spacing: normal;
 }
 
@@ -352 +167 @@
 }
 
-blockquote.alignleft p,
-blockquote.alignright p {
-    font-size: var(--heading--font-size-h5);
+blockquote.alignleft p {
+    font-size: 1.125rem;
     max-width: inherit;
     width: inherit;
 }
 
-blockquote.alignleft cite,
-blockquote.alignleft footer,
-blockquote.alignright cite,
+blockquote.alignright p {
+    font-size: 1.125rem;
+    max-width: inherit;
+    width: inherit;
+}
+
+blockquote.alignleft cite {
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
+blockquote.alignleft footer {
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
+blockquote.alignright cite {
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
 blockquote.alignright footer {
-    font-size: var(--global--font-size-xs);
-    letter-spacing: var(--global--letter-spacing);
+    font-size: 1rem;
+    letter-spacing: normal;
 }
 
 blockquote strong {
-    font-weight: var(--quote--font-weight-strong);
+    font-weight: bolder;
 }
 
 blockquote:before {
     content: "“";
-    font-size: var(--quote--font-size);
-    line-height: var(--quote--line-height);
-}
-
-blockquote .wp-block-quote__citation,
-blockquote cite,
+    font-size: 1.25rem;
+    line-height: 1.7;
+}
+
+blockquote .wp-block-quote__citation {
+    color: #28303d;
+    font-size: 1rem;
+    font-style: normal;
+}
+
+blockquote cite {
+    color: #28303d;
+    font-size: 1rem;
+    font-style: normal;
+}
+
 blockquote footer {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    font-style: var(--quote--font-style-cite);
+    color: #28303d;
+    font-size: 1rem;
+    font-style: normal;
 }
 @media only screen and (max-width: 481px) {
 
     blockquote {
-        padding-left: calc(0.5 * var(--global--spacing-horizontal));
+        padding-left: 13px;
     }
 
@@ -415 +257 @@
 
 /* Media captions */
-figcaption,
-.wp-caption,
+figcaption {
+    color: currentColor;
+    font-size: 1rem;
+    line-height: 1.7;
+    margin-top: 10px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.wp-caption {
+    color: currentColor;
+    font-size: 1rem;
+    line-height: 1.7;
+    margin-top: 10px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
 .wp-caption-text {
     color: currentColor;
-    font-size: var(--global--font-size-xs);
-    line-height: var(--global--line-height-body);
-    margin-top: calc(0.5 * var(--global--spacing-unit));
-    margin-bottom: var(--global--spacing-unit);
+    font-size: 1rem;
+    line-height: 1.7;
+    margin-top: 10px;
+    margin-bottom: 20px;
     text-align: center;
 }
@@ -446 +304 @@
 
 select {
-    border: var(--form--border-width) solid var(--form--border-color);
-    border-radius: var(--form--border-radius);
-    color: var(--form--color-text);
-    font-size: var(--form--font-size);
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    font-size: 1.125rem;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
-    padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
-    background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-    background-position: right var(--form--spacing-unit) top 60%;
+    padding: 10px 30px 10px 10px;
+    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+    background-position: right 10px top 60%;
 }
 
@@ -465 +323 @@
 a {
     cursor: pointer;
-    color: var(--wp--style--color--link, var(--global--color-primary));
+    color: #28303d;
     text-underline-offset: 3px;
     text-decoration-skip-ink: all;
@@ -482 +340 @@
 }
 
-.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus {
+    color: #d1e4dd;
+}
+
 .is-dark-theme .site a:focus .meta-nav {
-    color: var(--wp--style--color--link, var(--global--color-background));
+    color: #d1e4dd;
 }
 
 .has-background-white .site a:focus {
     background: rgba(0, 0, 0, 0.9);
-    color: var(--wp--style--color--link, var(--global--color-white));
+    color: #fff;
 }
 
 .has-background-white .site a:focus .meta-nav {
-    color: var(--wp--style--color--link, var(--global--color-white));
+    color: #fff;
 }
 
@@ -509 +370 @@
 
 .site a:focus img {
-    outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
-}
-
-.has-background:not(.has-background-background-color) .has-link-color a,
+    outline: 2px dotted #28303d;
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a {
+    color: #28303d;
+}
+
 .has-background:not(.has-background-background-color).has-link-color a {
-    color: var(--wp--style--color--link, var(--global--color-primary));
+    color: #28303d;
 }
 
 .wp-block-button__link {
-    line-height: var(--button--line-height);
-    color: var(--button--color-text);
+    line-height: 1.5;
+    color: #d1e4dd;
     cursor: pointer;
-    font-weight: var(--button--font-weight);
-    font-family: var(--button--font-family);
-    font-size: var(--button--font-size);
-    background-color: var(--button--color-background);
-    border-radius: var(--button--border-radius);
-    border: var(--button--border-width) solid var(--button--color-background);
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
     text-decoration: none;
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+    padding: 15px 30px;
 }
 
@@ -540 +404 @@
 
 .wp-block-button__link:before {
-    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+    margin-bottom: -calc(1em - 0);
 }
 
 .wp-block-button__link:after {
-    margin-top: -calc(.5em * var(--button--line-height) + -.39);
+    margin-top: -calc(1em - 0);
 }
 
@@ -554 +418 @@
 
 .is-dark-theme .wp-block-button__link:focus {
-    color: var(--button--color-background);
+    color: #39414d;
 }
 
 .wp-block-button__link:focus:not(.has-background) {
-    color: var(--button--color-text-hover);
+    color: #39414d;
 }
 
 .wp-block-button__link:disabled {
-    background-color: var(--global--color-white-50);
-    border-color: var(--global--color-white-50);
-    color: var(--button--color-text-active);
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
 }
 
@@ -576 +440 @@
 
 [data-block].wp-block-buttons .wp-block-button:first-child {
-    margin-top: var(--global--spacing-vertical);
+    margin-top: 30px;
 }
 
 [data-block].wp-block-buttons .wp-block-button:last-child {
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
 }
 
 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
-    color: var(--button--color-text-active) !important;
+    color: #39414d !important;
     background: transparent !important;
-    border-color: var(--button--color-background);
+    border-color: #39414d;
 }
 
 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
-    color: var(--button--color-text-hover) !important;
+    color: #39414d !important;
     background: transparent !important;
-    border-color: var(--button--color-background);
+    border-color: #39414d;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
-    color: var(--button--color-background);
+    color: #39414d;
     background: transparent;
-    border: var(--button--border-width) solid currentColor;
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:active,
+    border: 3px solid currentColor;
+    padding: 15px 30px;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active {
+    background-color: #39414d;
+    color: #d1e4dd;
+    border-color: #39414d;
+}
+
 .wp-block-button.is-style-outline .wp-block-button__link:hover {
-    background-color: var(--button--color-background);
-    color: var(--button--color-text);
-    border-color: var(--button--color-background);
+    background-color: #39414d;
+    color: #d1e4dd;
+    border-color: #39414d;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link.has-background {
-    border-color: var(--button--color-background);
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
+    border-color: #39414d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
+    background-color: #39414d !important;
+}
+
 .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
-    background-color: var(--button--color-background) !important;
+    background-color: #39414d !important;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
-    color: var(--global--color-dark-gray);
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+    color: #28303d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
+    color: #fff;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
+    color: #fff;
+}
+
 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
-    color: var(--global--color-white);
-}
-
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
+    color: #fff;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color {
+    color: #28303d;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color {
+    color: #28303d;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color {
+    color: #28303d;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color {
+    color: #28303d;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color {
+    color: #28303d;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color {
+    color: #28303d;
+}
+
 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
-    color: var(--global--color-dark-gray);
+    color: #28303d;
 }
 
@@ -642 +538 @@
 }
 
-.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
+.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
+    color: #d1e4dd !important;
+    border-color: #39414d;
+}
+
 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
-    color: var(--button--color-text) !important;
-    border-color: var(--button--color-background);
+    color: #d1e4dd !important;
+    border-color: #39414d;
 }
 
@@ -658 +558 @@
 
 .wp-block-code code {
-    font-size: var(--global--font-size-xs);
+    font-size: 1rem;
     white-space: pre !important;
     overflow-x: auto;
@@ -664 +564 @@
 
 .wp-block-code {
-    border-color: var(--global--color-border);
+    border-color: #28303d;
     border-radius: 0;
     border-style: solid;
     border-width: 0.1rem;
-    padding: var(--global--spacing-unit);
+    padding: 20px;
     color: currentColor;
 }
 
-.wp-block-cover,
+.wp-block-cover {
+    background-color: #000;
+    min-height: 450px;
+    margin-top: inherit;
+    margin-bottom: inherit;
+}
+
 .wp-block-cover-image {
-    background-color: var(--cover--color-background);
-    min-height: var(--cover--height);
+    background-color: #000;
+    min-height: 450px;
     margin-top: inherit;
     margin-bottom: inherit;
@@ -713 +619 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
-.wp-block-cover .wp-block-cover-image-text .has-link-color a,
-.wp-block-cover .wp-block-cover-text .has-link-color a,
-.wp-block-cover .block-editor-block-list__block .has-link-color a,
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
-.wp-block-cover-image .wp-block-cover-text .has-link-color a,
+.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-image-text .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-text .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover .block-editor-block-list__block .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover-text .has-link-color a {
+    color: #28303d;
+}
+
 .wp-block-cover-image .block-editor-block-list__block .has-link-color a {
-    color: var(--wp--style--color--link, var(--global--color-primary));
-}
-
-.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
-.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
+    color: #28303d;
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
+    color: #fff;
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
+    color: #fff;
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
+    color: #fff;
+}
+
+.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block {
+    color: #fff;
+}
+
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
+    color: #fff;
+}
+
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
+    color: #fff;
+}
+
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
+    color: #fff;
+}
+
 .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
-    color: var(--cover--color-foreground);
-}
-
-.wp-block-cover h2,
-.wp-block-cover-image h2 {
-    font-size: var(--heading--font-size-h2);
-    letter-spacing: var(--heading--letter-spacing-h2);
-    line-height: var(--heading--line-height-h2);
+    color: #fff;
+}
+
+.wp-block-cover h2 {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
     padding: 0;
     max-width: inherit;
     text-align: inherit;
 }
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover h2 {
+        font-size: 3rem;
+    }
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover h2 {
+        font-size: 3rem;
+    }
+}
+
+.wp-block-cover-image h2 {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+    padding: 0;
+    max-width: inherit;
+    text-align: inherit;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover-image h2 {
+        font-size: 3rem;
+    }
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover-image h2 {
+        font-size: 3rem;
+    }
+}
 
 .wp-block-cover h2.has-text-align-left,
@@ -760 +740 @@
 }
 
-.wp-block-cover.is-style-twentytwentyone-border,
+.wp-block-cover.is-style-twentytwentyone-border {
+    border: 3px solid #28303d;
+}
+
 .wp-block-cover-image.is-style-twentytwentyone-border {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    border: 3px solid #28303d;
 }
 
@@ -776 +759 @@
 
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
-        margin-left: calc(-2 * var(--global--spacing-horizontal));
-        margin-top: calc(2.5 * var(--global--spacing-horizontal));
+        margin-left: -50px;
+        margin-top: 63px;
         z-index: 2;
     }
 
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
-        background-color: var(--global--color-background);
-        padding: var(--global--spacing-unit);
-    }
-
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+        padding-left: 50px;
+    }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-        padding-left: calc(2 * var(--global--spacing-horizontal));
+        padding-left: 50px;
     }
 
@@ -805 +827 @@
 }
 
-.wp-block[data-align=full] .wp-block-columns p:not(.has-background),
-.wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
-.wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
-.wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
-.wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
-.wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
+.wp-block[data-align=full] .wp-block-columns p:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block[data-align=full] .wp-block-columns h1:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block[data-align=full] .wp-block-columns h2:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block[data-align=full] .wp-block-columns h3:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block[data-align=full] .wp-block-columns h4:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block[data-align=full] .wp-block-columns h5:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
 .wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
+    padding-left: 20px;
+    padding-right: 20px;
 }
 
@@ -828 +874 @@
 
 .wp-block-file .wp-block-file__button {
-    line-height: var(--button--line-height);
-    color: var(--button--color-text);
+    line-height: 1.5;
+    color: #d1e4dd;
     cursor: pointer;
-    font-weight: var(--button--font-weight);
-    font-family: var(--button--font-family);
-    font-size: var(--button--font-size);
-    background-color: var(--button--color-background);
-    border-radius: var(--button--border-radius);
-    border: var(--button--border-width) solid var(--button--color-background);
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
     text-decoration: none;
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+    padding: 15px 30px;
     display: inline-block;
 }
@@ -851 +897 @@
 
 .wp-block-file .wp-block-file__button:before {
-    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+    margin-bottom: -calc(1em - 0);
 }
 
 .wp-block-file .wp-block-file__button:after {
-    margin-top: -calc(.5em * var(--button--line-height) + -.39);
+    margin-top: -calc(1em - 0);
 }
 
@@ -865 +911 @@
 
 .is-dark-theme .wp-block-file .wp-block-file__button:focus {
-    color: var(--button--color-background);
+    color: #39414d;
 }
 
 .wp-block-file .wp-block-file__button:focus:not(.has-background) {
-    color: var(--button--color-text-hover);
+    color: #39414d;
 }
 
 .wp-block-file .wp-block-file__button:disabled {
-    background-color: var(--global--color-white-50);
-    border-color: var(--global--color-white-50);
-    color: var(--button--color-text-active);
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
 }
 
 .wp-block-file .wp-block-file__button:hover {
-    color: var(--button--color-text-hover);
+    color: #39414d;
     background: transparent;
 }
@@ -888 +934 @@
 
 .wp-block-gallery figcaption a {
-    color: var(--global--color-white);
+    color: #fff;
 }
 
@@ -905 +951 @@
 
 .wp-block-group.has-background {
-    padding: var(--global--spacing-vertical);
+    padding: 30px;
 }
 
@@ -914 +960 @@
 
 .wp-block-group.is-style-twentytwentyone-border {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
-    padding: var(--global--spacing-vertical);
+    border: 3px solid #28303d;
+    padding: 30px;
 }
 
 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
-    max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
-    width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
-    margin-left: calc(-1 * var(--global--spacing-vertical));
+    max-width: calc(100% + 60px);
+    width: calc(100% + 60px);
+    margin-left: -30px;
 }
 
@@ -933 +979 @@
 }
 
-.wp-block-heading h1,
-h1,
-.h1,
-.wp-block-heading h2,
-h2,
-.h2,
-.wp-block-heading h3,
-h3,
-.h3,
-.wp-block-heading h4,
-h4,
-.h4,
-.wp-block-heading h5,
-h5,
-.h5,
-.wp-block-heading h6,
-h6,
+.wp-block-heading h1 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h1 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h1 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.wp-block-heading h2 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h2 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h2 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.wp-block-heading h3 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h3 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h3 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.wp-block-heading h4 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h4 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h4 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.wp-block-heading h5 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h5 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h5 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.wp-block-heading h6 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h6 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
 .h6 {
     clear: both;
-    font-family: var(--heading--font-family);
-    font-weight: var(--heading--font-weight);
-}
-
-.wp-block-heading h1 strong,
-h1 strong,
-.h1 strong,
-.wp-block-heading h2 strong,
-h2 strong,
-.h2 strong,
-.wp-block-heading h3 strong,
-h3 strong,
-.h3 strong,
-.wp-block-heading h4 strong,
-h4 strong,
-.h4 strong,
-.wp-block-heading h5 strong,
-h5 strong,
-.h5 strong,
-.wp-block-heading h6 strong,
-h6 strong,
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.wp-block-heading h1 strong {
+    font-weight: 600;
+}
+
+h1 strong {
+    font-weight: 600;
+}
+
+.h1 strong {
+    font-weight: 600;
+}
+
+.wp-block-heading h2 strong {
+    font-weight: 600;
+}
+
+h2 strong {
+    font-weight: 600;
+}
+
+.h2 strong {
+    font-weight: 600;
+}
+
+.wp-block-heading h3 strong {
+    font-weight: 600;
+}
+
+h3 strong {
+    font-weight: 600;
+}
+
+.h3 strong {
+    font-weight: 600;
+}
+
+.wp-block-heading h4 strong {
+    font-weight: 600;
+}
+
+h4 strong {
+    font-weight: 600;
+}
+
+.h4 strong {
+    font-weight: 600;
+}
+
+.wp-block-heading h5 strong {
+    font-weight: 600;
+}
+
+h5 strong {
+    font-weight: 600;
+}
+
+.h5 strong {
+    font-weight: 600;
+}
+
+.wp-block-heading h6 strong {
+    font-weight: 600;
+}
+
+h6 strong {
+    font-weight: 600;
+}
+
 .h6 strong {
-    font-weight: var(--heading--font-weight-strong);
-}
-
-.wp-block-heading h1[style*="--wp--typography--line-height"],
-h1[style*="--wp--typography--line-height"],
-.h1[style*="--wp--typography--line-height"],
-.wp-block-heading h2[style*="--wp--typography--line-height"],
-h2[style*="--wp--typography--line-height"],
-.h2[style*="--wp--typography--line-height"],
-.wp-block-heading h3[style*="--wp--typography--line-height"],
-h3[style*="--wp--typography--line-height"],
-.h3[style*="--wp--typography--line-height"],
-.wp-block-heading h4[style*="--wp--typography--line-height"],
-h4[style*="--wp--typography--line-height"],
-.h4[style*="--wp--typography--line-height"],
-.wp-block-heading h5[style*="--wp--typography--line-height"],
-h5[style*="--wp--typography--line-height"],
-.h5[style*="--wp--typography--line-height"],
-.wp-block-heading h6[style*="--wp--typography--line-height"],
-h6[style*="--wp--typography--line-height"],
+    font-weight: 600;
+}
+
+.wp-block-heading h1[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+h1[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.h1[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.wp-block-heading h2[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+h2[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.h2[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.wp-block-heading h3[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+h3[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.h3[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.wp-block-heading h4[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+h4[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.h4[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.wp-block-heading h5[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+h5[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.h5[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+.wp-block-heading h6[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
+h6[style*="--wp--typography--line-height"] {
+    line-height: --global--line-height-body;
+}
+
 .h6[style*="--wp--typography--line-height"] {
-    line-height: var(--wp--typography--line-height, --global--line-height-body);
-}
-
-.wp-block-heading h1,
-h1,
+    line-height: --global--line-height-body;
+}
+
+.wp-block-heading h1 {
+    font-size: 4rem;
+    letter-spacing: normal;
+    line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .wp-block-heading h1 {
+        font-size: 6rem;
+    }
+}
+
+h1 {
+    font-size: 4rem;
+    letter-spacing: normal;
+    line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px) {
+
+    h1 {
+        font-size: 6rem;
+    }
+}
+
 .h1 {
-    font-size: var(--heading--font-size-h1);
-    letter-spacing: var(--heading--letter-spacing-h1);
-    line-height: var(--heading--line-height-h1);
-}
-
-.wp-block-heading h2,
-h2,
+    font-size: 4rem;
+    letter-spacing: normal;
+    line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h1 {
+        font-size: 6rem;
+    }
+}
+
+.wp-block-heading h2 {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .wp-block-heading h2 {
+        font-size: 3rem;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    .wp-block-heading h2 {
+        font-size: 3rem;
+    }
+}
+
+h2 {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    h2 {
+        font-size: 3rem;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    h2 {
+        font-size: 3rem;
+    }
+}
+
 .h2 {
-    font-size: var(--heading--font-size-h2);
-    letter-spacing: var(--heading--letter-spacing-h2);
-    line-height: var(--heading--line-height-h2);
-}
-
-.wp-block-heading h3,
-h3,
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h2 {
+        font-size: 3rem;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h2 {
+        font-size: 3rem;
+    }
+}
+
+.wp-block-heading h3 {
+    font-size: 2rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .wp-block-heading h3 {
+        font-size: 2rem;
+    }
+}
+
+h3 {
+    font-size: 2rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    h3 {
+        font-size: 2rem;
+    }
+}
+
 .h3 {
-    font-size: var(--heading--font-size-h3);
-    letter-spacing: var(--heading--letter-spacing-h3);
-    line-height: var(--heading--line-height-h3);
-}
-
-.wp-block-heading h4,
-h4,
+    font-size: 2rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h3 {
+        font-size: 2rem;
+    }
+}
+
+.wp-block-heading h4 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+h4 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
 .h4 {
-    font-size: var(--heading--font-size-h4);
-    font-weight: var(--heading--font-weight-strong);
-    letter-spacing: var(--heading--letter-spacing-h4);
-    line-height: var(--heading--line-height-h4);
-}
-
-.wp-block-heading h5,
-h5,
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+.wp-block-heading h5 {
+    font-size: 1.125rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
+h5 {
+    font-size: 1.125rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
 .h5 {
-    font-size: var(--heading--font-size-h5);
-    font-weight: var(--heading--font-weight-strong);
-    letter-spacing: var(--heading--letter-spacing-h5);
-    line-height: var(--heading--line-height-h5);
-}
-
-.wp-block-heading h6,
-h6,
+    font-size: 1.125rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
+.wp-block-heading h6 {
+    font-size: 1rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
+h6 {
+    font-size: 1rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
 .h6 {
-    font-size: var(--heading--font-size-h6);
-    font-weight: var(--heading--font-weight-strong);
-    letter-spacing: var(--heading--letter-spacing-h6);
-    line-height: var(--heading--line-height-h6);
+    font-size: 1rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
 }
 
 [data-type="core/html"] textarea {
-    color: var(--global--color-dark-gray);
+    color: #28303d;
     border-radius: 0;
-    padding: var(--global--spacing-unit);
+    padding: 20px;
 }
 
@@ -1065 +1448 @@
 
 /* Block Styles */
-.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-border img {
+    border: 3px solid #28303d;
+}
+
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    border: 3px solid #28303d;
 }
 
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    padding: var(--global--spacing-unit);
+    padding: 20px;
 }
 
@@ -1083 +1469 @@
 
 .wp-block-latest-posts:not(.is-grid) > li {
-    margin-top: calc(1.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+    margin-top: 50px;
+    margin-bottom: 50px;
 }
 
@@ -1101 +1487 @@
 
 .wp-block-latest-posts.is-grid > li {
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
 }
 
@@ -1109 +1495 @@
 
 .wp-block-latest-posts > li > * {
-    margin-top: calc(0.333 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
@@ -1123 +1509 @@
 .wp-block-latest-posts > li > a {
     display: inline-block;
-    font-family: var(--latest-posts--title-font-family);
-    font-size: var(--latest-posts--title-font-size);
-    font-weight: var(--heading--font-weight);
-    line-height: var(--global--line-height-heading);
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 2rem;
+    font-weight: normal;
+    line-height: 1.3;
+    margin-bottom: 10px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-latest-posts > li > a {
+        font-size: 2rem;
+    }
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-author {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-md);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1.25rem;
+    line-height: 1.7;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1rem;
+    line-height: 1.7;
 }
 
@@ -1147 +1539 @@
 }
 
-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
+}
+
 .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
-    font-family: var(--latest-posts--description-font-family);
-    font-size: var(--latest-posts--description-font-size);
-    line-height: var(--global--line-height-body);
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
-    border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
-    border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
-}
-
-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
+    border-top: 3px solid #28303d;
+    border-bottom: 3px solid #28303d;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
+    padding-bottom: 30px;
+    border-bottom: 1px solid #28303d;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
-    padding-bottom: var(--global--spacing-vertical);
-    border-bottom: var(--separator--height) solid var(--global--color-border);
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    padding-bottom: 30px;
+    border-bottom: 1px solid #28303d;
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -1175 +1579 @@
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
-    box-shadow: inset 0 -1px 0 0 var(--global--color-border);
-    border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
+    box-shadow: inset 0 -1px 0 0 #28303d;
+    border-bottom: 2px solid #28303d;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
     margin: 0;
-    padding-top: var(--global--spacing-vertical);
-    padding-right: var(--global--spacing-horizontal);
+    padding-top: 30px;
+    padding-right: 25px;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
-    padding-bottom: var(--global--spacing-vertical);
+    padding-bottom: 30px;
 }
 @media screen and (min-width: 600px) {
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
-        width: calc((100% / 2));
+        width: 50%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
-        width: calc((100% / 3));
+        width: 33%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
-        width: calc((100% / 4));
+        width: 25%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
-        width: calc((100% / 5));
+        width: 20%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
-        width: calc((100% / 6));
+        width: 17%;
     }
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
-    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
+    border: 3px solid #28303d;
+    padding: 30px 25px;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
-    padding-bottom: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    padding-bottom: 30px;
+    margin-bottom: 30px;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
-    margin-top: var(--global--spacing-horizontal);
-    margin-bottom: var(--global--spacing-horizontal);
+    margin-top: 25px;
+    margin-bottom: 25px;
 }
 
@@ -1269 +1673 @@
 }
 
-ul,
+ul {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    margin: 30px 0;
+    padding-left: 50px;
+}
+
 ol {
-    font-family: var(--list--font-family);
-    margin: var(--global--spacing-vertical) 0;
-    padding-left: calc(2 * var(--global--spacing-horizontal));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    margin: 30px 0;
+    padding-left: 50px;
 }
 
@@ -1296 +1705 @@
 
 dt {
-    font-family: var(--definition-term--font-family);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-weight: bold;
 }
@@ -1306 +1715 @@
 
 .wp-block-media-text .wp-block-media-text__content {
-    padding: var(--global--spacing-horizontal);
+    padding: 25px;
 }
 
@@ -1318 +1727 @@
 
 .wp-block-media-text.is-style-twentytwentyone-border {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    border: 3px solid #28303d;
 }
 
 .wp-block-navigation .wp-block-navigation__container {
-    background: var(--global--color-background);
+    background: #d1e4dd;
     padding: 0;
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
-    padding: var(--primary-nav--padding);
+    padding: 13px;
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
-    font-family: var(--primary-nav--font-family);
-    font-size: var(--primary-nav--font-size);
-    font-weight: var(--primary-nav--font-weight);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    font-weight: normal;
 }
 
 .wp-block-navigation .has-child .wp-block-navigation__container {
-    box-shadow: var(--global--elevation);
-}
-
-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
+    color: #28303d;
+}
+
 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
-    color: var(--primary-nav--color-link-hover);
+    color: #28303d;
 }
 
@@ -1350 +1762 @@
 
 p {
-    line-height: var(--wp--typography--line-height, --global--line-height-body);
+    line-height: --global--line-height-body;
 }
 
 p.has-background {
-    padding: var(--global--spacing-unit);
+    padding: 20px;
 }
 
@@ -1360 +1772 @@
     overflow-x: auto;
     white-space: pre !important;
-    font-size: var(--global--font-size-xs);
+    font-size: 1rem;
 }
 
 .wp-block-pullquote {
-    padding: calc(2 * var(--global--spacing-unit)) 0;
+    padding: 40px 0;
     text-align: center;
-    border-width: var(--pullquote--border-width);
+    border-width: 3px;
     border-bottom-style: solid;
     border-top-style: solid;
@@ -1384 +1796 @@
 
 .wp-block-pullquote p {
-    font-family: var(--pullquote--font-family);
-    font-size: var(--pullquote--font-size);
-    font-style: var(--pullquote--font-style);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 2rem;
+    font-style: normal;
     font-weight: 700;
-    letter-spacing: var(--pullquote--letter-spacing);
-    line-height: var(--pullquote--line-height);
+    letter-spacing: normal;
+    line-height: 1.3;
     margin: 0;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-pullquote p {
+        font-size: 2rem;
+    }
 }
 
@@ -1397 +1815 @@
 }
 
-.wp-block-pullquote .wp-block-pullquote__citation,
-.wp-block-pullquote cite,
+.wp-block-pullquote .wp-block-pullquote__citation {
+    font-size: 1rem;
+    font-style: normal;
+    text-transform: none;
+}
+
+.wp-block-pullquote cite {
+    font-size: 1rem;
+    font-style: normal;
+    text-transform: none;
+}
+
 .wp-block-pullquote footer {
-    font-size: var(--global--font-size-xs);
-    font-style: var(--pullquote--font-style);
+    font-size: 1rem;
+    font-style: normal;
     text-transform: none;
 }
@@ -1412 +1840 @@
     margin-left: auto;
     margin-right: auto;
-    padding: calc(2.5 * var(--global--spacing-unit));
-    border-width: var(--pullquote--border-width);
+    padding: 50px;
+    border-width: 3px;
     border-style: solid;
-    border-color: var(--pullquote--border-color);
+    border-color: #28303d;
 }
 @media (min-width: 600px) {
 
     .wp-block-pullquote.is-style-solid-color {
-        padding: calc(5 * var(--global--spacing-unit));
+        padding: 100px;
     }
 }
@@ -1428 +1856 @@
 }
 
-.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
+.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
+    padding-left: 20px;
+    padding-right: 20px;
+    max-width: inherit;
+}
+
 .wp-block-pullquote.is-style-solid-color.alignright blockquote {
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
+    padding-left: 20px;
+    padding-right: 20px;
     max-width: inherit;
 }
@@ -1441 +1874 @@
 
 .wp-block-pullquote.is-style-solid-color blockquote p {
-    font-size: var(--pullquote--font-size);
+    font-size: 2rem;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-pullquote.is-style-solid-color blockquote p {
+        font-size: 2rem;
+    }
 }
 
@@ -1451 +1890 @@
 
 .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
-    padding: 0 calc(2 * var(--global--spacing-unit));
+    padding: 0 40px;
 }
 
@@ -1457 +1896 @@
     position: relative;
     border-left: none;
-    margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
+    margin: 30px auto 30px 25px;
 }
 
 .wp-block-quote p {
-    font-family: var(--quote--font-family);
-    font-size: var(--quote--font-size);
-    font-style: var(--quote--font-style);
-    font-weight: var(--quote--font-weight);
-    line-height: var(--quote--line-height);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 1.7;
 }
 
 .wp-block-quote strong {
-    font-weight: var(--quote--font-weight-strong);
+    font-weight: bolder;
 }
 
 .wp-block-quote:before {
     content: "“";
-    font-size: var(--quote--font-size);
-    line-height: var(--quote--line-height);
+    font-size: 1.25rem;
+    line-height: 1.7;
     position: absolute;
-    left: calc(-0.5 * var(--global--spacing-horizontal));
+    left: -12px;
 }
 
 .wp-block-quote .wp-block-quote__citation {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    font-style: var(--quote--font-style-cite);
+    color: #28303d;
+    font-size: 1rem;
+    font-style: normal;
 }
 
@@ -1494 +1933 @@
 
 .wp-block-quote.has-text-align-right {
-    margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
+    margin: 30px 25px 30px auto;
     padding-right: 0;
     border-right: none;
@@ -1502 +1941 @@
     content: "”";
     left: initial;
-    right: calc(-0.5 * var(--global--spacing-horizontal));
+    right: -12px;
 }
 
 .wp-block-quote.has-text-align-center {
-    margin: var(--global--spacing-vertical) auto;
+    margin: 30px auto;
 }
 
@@ -1513 +1952 @@
 }
 
-.wp-block-quote.is-large,
+.wp-block-quote.is-large {
+    padding-left: 0;
+
+    /* Resetting margins to match _block-container.scss */
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 .wp-block-quote.is-style-large {
     padding-left: 0;
 
     /* Resetting margins to match _block-container.scss */
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
-}
-
-.wp-block-quote.is-large p,
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.wp-block-quote.is-large p {
+    font-size: 2.25rem;
+    font-style: normal;
+    line-height: 1.35;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-large p {
+        font-size: 2.5rem;
+    }
+}
+
 .wp-block-quote.is-style-large p {
-    font-size: var(--quote--font-size-large);
-    font-style: var(--quote--font-style-large);
-    line-height: var(--quote--line-height-large);
-}
-
-.wp-block-quote.is-large:before,
+    font-size: 2.25rem;
+    font-style: normal;
+    line-height: 1.35;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-style-large p {
+        font-size: 2.5rem;
+    }
+}
+
+.wp-block-quote.is-large:before {
+    font-size: 2.25rem;
+    line-height: 1.35;
+    left: -25px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-large:before {
+        font-size: 2.5rem;
+    }
+}
+
 .wp-block-quote.is-style-large:before {
-    font-size: var(--quote--font-size-large);
-    line-height: var(--quote--line-height-large);
-    left: calc(-1 * var(--global--spacing-horizontal));
-}
-
-.wp-block-quote.is-large.has-text-align-right:before,
+    font-size: 2.25rem;
+    line-height: 1.35;
+    left: -25px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-style-large:before {
+        font-size: 2.5rem;
+    }
+}
+
+.wp-block-quote.is-large.has-text-align-right:before {
+    left: initial;
+    right: -25px;
+}
+
 .wp-block-quote.is-style-large.has-text-align-right:before {
     left: initial;
-    right: calc(-1 * var(--global--spacing-horizontal));
+    right: -25px;
 }
 @media only screen and (max-width: 481px) {
 
-    .wp-block-quote.is-large,
+    .wp-block-quote.is-large {
+        padding-left: 25px;
+    }
+
     .wp-block-quote.is-style-large {
-        padding-left: var(--global--spacing-horizontal);
+        padding-left: 25px;
     }
 
@@ -1553 +2040 @@
     }
 
-    .wp-block-quote.is-large.has-text-align-right,
+    .wp-block-quote.is-large.has-text-align-right {
+        padding-left: 0;
+        padding-right: 25px;
+    }
+
     .wp-block-quote.is-style-large.has-text-align-right {
         padding-left: 0;
-        padding-right: var(--global--spacing-horizontal);
+        padding-right: 25px;
     }
 
@@ -1567 +2058 @@
 
     .wp-block-quote {
-        padding-left: calc(0.5 * var(--global--spacing-horizontal));
+        padding-left: 13px;
     }
 
@@ -1576 +2067 @@
     .wp-block-quote.has-text-align-right {
         padding-left: 0;
-        padding-right: calc(0.5 * var(--global--spacing-horizontal));
+        padding-right: 13px;
     }
 
@@ -1608 +2099 @@
 
 .wp-block-rss:not(.is-grid) > li {
-    margin-top: calc(1.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+    margin-top: 50px;
+    margin-bottom: 50px;
 }
 
@@ -1621 +2112 @@
 
 .wp-block-rss.is-grid > li {
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
 }
 
@@ -1642 +2133 @@
 
 .wp-block-rss > li > * {
-    margin-top: calc(0.333 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
@@ -1656 +2147 @@
 .wp-block-rss .wp-block-rss__item-title > a {
     display: inline-block;
-    font-family: var(--latest-posts--title-font-family);
-    font-size: var(--latest-posts--title-font-size);
-    font-weight: var(--heading--font-weight);
-    line-height: var(--global--line-height-heading);
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 2rem;
+    font-weight: normal;
+    line-height: 1.3;
+    margin-bottom: 10px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-rss .wp-block-rss__item-title > a {
+        font-size: 2rem;
+    }
 }
 
 .wp-block-rss .wp-block-rss__item-author {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-md);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1.25rem;
+    line-height: 1.7;
 }
 
 .wp-block-rss .wp-block-rss__item-publish-date {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1rem;
+    line-height: 1.7;
 }
 
@@ -1680 +2177 @@
 }
 
-.wp-block-rss .wp-block-rss__item-excerpt,
+.wp-block-rss .wp-block-rss__item-excerpt {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
+}
+
 .wp-block-rss .wp-block-rss__item-full-content {
-    font-family: var(--latest-posts--description-font-family);
-    font-size: var(--latest-posts--description-font-size);
-    line-height: var(--global--line-height-body);
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
 }
 
 .wp-block-rss.alignfull {
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
+    padding-left: 20px;
+    padding-right: 20px;
 }
 
@@ -1700 +2203 @@
 
 .wp-block-search {
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px) {
+
+    .wp-block-search {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .wp-block-search {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
 .wp-block-search .wp-block-search__label {
-    font-size: var(--form--font-size);
-    font-weight: var(--form--label-weight);
-    margin-bottom: calc(var(--global--spacing-vertical) / 3);
+    font-size: 1.125rem;
+    font-weight: 500;
+    margin-bottom: 10px;
 }
 
 .wp-block-search .wp-block-search__input {
-    border: var(--form--border-width) solid var(--form--border-color);
-    border-radius: var(--form--border-radius);
-    font-family: var(--form--font-family);
-    font-size: var(--form--font-size);
-    line-height: var(--form--line-height);
+    border: 3px solid #39414d;
+    border-radius: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
     max-width: inherit;
-    margin-right: calc(-1 * var(--button--border-width));
-    padding: var(--form--spacing-unit);
+    margin-right: -3px;
+    padding: 10px;
 }
 
 .is-dark-theme .wp-block-search .wp-block-search__input {
-    background: var(--global--color-white-90);
-}
-
-.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
-.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
-.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
-.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
-.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
-.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input {
+    border-color: #28303d;
+}
+
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input {
+    border-color: #28303d;
+}
+
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input {
+    border-color: #28303d;
+}
+
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input {
+    border-color: #28303d;
+}
+
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input {
+    border-color: #28303d;
+}
+
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input {
+    border-color: #28303d;
+}
+
 .is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
-    border-color: var(--form--color-text);
-}
-
-.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
-.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+    border-color: #28303d;
+}
+
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input {
+    border-color: #fff;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input {
+    border-color: #fff;
+}
+
 .has-background.has-black-background-color .wp-block-search .wp-block-search__input {
-    border-color: var(--global--color-white);
+    border-color: #fff;
 }
 
 .wp-block-search .wp-block-search__button {
-    line-height: var(--button--line-height);
-    color: var(--button--color-text);
+    line-height: 1.5;
+    color: #d1e4dd;
     cursor: pointer;
-    font-weight: var(--button--font-weight);
-    font-family: var(--button--font-family);
-    font-size: var(--button--font-size);
-    background-color: var(--button--color-background);
-    border-radius: var(--button--border-radius);
-    border: var(--button--border-width) solid var(--button--color-background);
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
     text-decoration: none;
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+    padding: 15px 30px;
     box-shadow: none;
     margin-left: 0;
     background-color: transparent;
-    color: var(--button--color-text-hover);
+    color: #39414d;
 }
 
@@ -1767 +2308 @@
 
 .wp-block-search .wp-block-search__button:before {
-    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+    margin-bottom: -calc(1em - 0);
 }
 
 .wp-block-search .wp-block-search__button:after {
-    margin-top: -calc(.5em * var(--button--line-height) + -.39);
+    margin-top: -calc(1em - 0);
 }
 
@@ -1781 +2322 @@
 
 .is-dark-theme .wp-block-search .wp-block-search__button:focus {
-    color: var(--button--color-background);
+    color: #39414d;
 }
 
 .wp-block-search .wp-block-search__button:focus:not(.has-background) {
-    color: var(--button--color-text-hover);
+    color: #39414d;
 }
 
 .wp-block-search .wp-block-search__button:disabled {
-    background-color: var(--global--color-white-50);
-    border-color: var(--global--color-white-50);
-    color: var(--button--color-text-active);
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
 }
 
 .wp-block-search .wp-block-search__button:hover {
-    color: var(--button--color-text);
-    background-color: var(--button--color-background);
+    color: #d1e4dd;
+    background-color: #39414d;
 }
 
 .wp-block-search .wp-block-search__button.has-icon {
-    padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
+    padding: 30px 15px;
 }
 
@@ -1808 +2349 @@
 }
 
-.has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
-.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button {
+    color: #fff;
+    border-color: currentColor;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button {
+    color: #fff;
+    border-color: currentColor;
+}
+
 .has-background.has-black-background-color .wp-block-search .wp-block-search__button {
-    color: var(--global--color-white);
+    color: #fff;
     border-color: currentColor;
 }
 
-.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
-.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #fff;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #fff;
+}
+
 .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
-    color: var(--global--color-white);
-    background-color: var(--button--color-background);
-    border-color: var(--global--color-white);
-}
-
-.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
-.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
+    color: #fff;
+    background-color: #39414d;
+    border-color: #fff;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #d1e4dd;
+    background-color: #39414d;
+}
+
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #d1e4dd;
+    background-color: #39414d;
+}
+
 .is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
-    color: var(--button--color-text);
-    background-color: var(--button--color-background);
-}
-
-.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
-.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
-.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
-.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
-.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
-.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+    color: #d1e4dd;
+    background-color: #39414d;
+}
+
+.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
 .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
-    color: var(--global--color-white);
-    background-color: var(--form--border-color);
-    border-color: var(--form--border-color);
-}
-
-.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
-.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
-.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
-.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
-.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
-.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button {
+    color: #28303d;
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button {
+    color: #28303d;
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button {
+    color: #28303d;
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button {
+    color: #28303d;
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button {
+    color: #28303d;
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button {
+    color: #28303d;
+    border-color: currentColor;
+}
+
 .is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
-    color: var(--form--color-text);
+    color: #28303d;
     border-color: currentColor;
 }
 
-.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
-.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
-.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
-.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
-.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
-.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
 .is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
-    color: var(--global--color-white);
-    background-color: var(--button--color-text);
-    border-color: var(--button--color-text);
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
 }
 
@@ -1877 +2528 @@
 
 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+    padding: 15px 30px;
 }
 
 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
-    color: var(--button--color-text);
+    color: #d1e4dd;
     border-color: currentColor;
 }
 
 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
-    color: var(--global--color-white);
-    background-color: var(--button--color-text);
-    border-color: var(--button--color-text);
-}
-
-.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
-.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: #39414d;
+    border-color: currentColor;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: #39414d;
+    border-color: currentColor;
+}
+
 .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
-    color: var(--button--color-text-hover);
+    color: #39414d;
     border-color: currentColor;
 }
 
-.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
-.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
 .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
-    color: var(--global--color-white);
-    background-color: var(--button--color-background);
-    border-color: var(--button--color-background);
-}
-
-.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
-.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
+    color: #fff;
+    background-color: #39414d;
+    border-color: #39414d;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: #d1e4dd;
+    border-color: currentColor;
+}
+
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
+    color: #d1e4dd;
+    border-color: currentColor;
+}
+
 .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
-    color: var(--button--color-text);
+    color: #d1e4dd;
     border-color: currentColor;
 }
 
-.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
-.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
+}
+
 .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
-    color: var(--global--color-white);
-    background-color: var(--button--color-text);
-    border-color: var(--button--color-text);
+    color: #fff;
+    background-color: #d1e4dd;
+    border-color: #d1e4dd;
 }
 
@@ -1929 +2616 @@
 }
 
-.wp-block-separator,
-hr {
-    border-bottom: var(--separator--height) solid var(--separator--border-color);
+.wp-block-separator {
+    border-bottom: 1px solid #28303d;
     clear: both;
     opacity: 1;
 }
 
-.wp-block-separator[style*="text-align:right"],
-.wp-block-separator[style*="text-align: right"],
-hr[style*="text-align:right"],
+hr {
+    border-bottom: 1px solid #28303d;
+    clear: both;
+    opacity: 1;
+}
+
+.wp-block-separator[style*="text-align:right"] {
+    border-right-color: #28303d;
+}
+
+.wp-block-separator[style*="text-align: right"] {
+    border-right-color: #28303d;
+}
+
+hr[style*="text-align:right"] {
+    border-right-color: #28303d;
+}
+
 hr[style*="text-align: right"] {
-    border-right-color: var(--separator--border-color);
-}
-
-.wp-block-separator:not(.is-style-dots),
+    border-right-color: #28303d;
+}
+
+.wp-block-separator:not(.is-style-dots) {
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .wp-block-separator:not(.is-style-dots) {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .wp-block-separator:not(.is-style-dots) {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
+
 hr:not(.is-style-dots) {
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    hr:not(.is-style-dots) {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    hr:not(.is-style-dots) {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
@@ -1955 +2683 @@
 }
 
-.wp-block-separator.is-style-twentytwentyone-separator-thick,
+.wp-block-separator.is-style-twentytwentyone-separator-thick {
+    border-bottom-width: 3px;
+}
+
 hr.is-style-twentytwentyone-separator-thick {
-    border-bottom-width: calc(3 * var(--separator--height));
+    border-bottom-width: 3px;
 }
 
@@ -1979 +2710 @@
 }
 
-.wp-block-separator.is-style-dots:before,
+.wp-block-separator.is-style-dots:before {
+    color: #28303d;
+}
+
 hr.is-style-dots:before {
-    color: var(--separator--border-color);
+    color: #28303d;
 }
 
@@ -2001 +2735 @@
 
 .wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
-    color: var(--global--color-primary);
+    color: #28303d;
 }
 
@@ -2008 +2742 @@
 }
 
-table th,
+table th {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
 .wp-block-table th {
-    font-family: var(--heading--font-family);
-}
-
-table td,
-table th,
-.wp-block-table td,
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+table td {
+    padding: 10px;
+}
+
+table th {
+    padding: 10px;
+}
+
+.wp-block-table td {
+    padding: 10px;
+}
+
 .wp-block-table th {
-    padding: calc(0.5 * var(--global--spacing-unit));
-}
-
-table.is-style-regular .has-background,
-table.is-style-stripes .has-background thead tr,
-table.is-style-stripes .has-background tfoot tr,
-table.is-style-stripes .has-background tbody tr:nth-child(even),
-.wp-block-table.is-style-regular .has-background,
-.wp-block-table.is-style-stripes .has-background thead tr,
-.wp-block-table.is-style-stripes .has-background tfoot tr,
+    padding: 10px;
+}
+
+table.is-style-regular .has-background {
+    color: #28303d;
+}
+
+table.is-style-stripes .has-background thead tr {
+    color: #28303d;
+}
+
+table.is-style-stripes .has-background tfoot tr {
+    color: #28303d;
+}
+
+table.is-style-stripes .has-background tbody tr:nth-child(even) {
+    color: #28303d;
+}
+
+.wp-block-table.is-style-regular .has-background {
+    color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background thead tr {
+    color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background tfoot tr {
+    color: #28303d;
+}
+
 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-    color: var(--table--has-background-text-color);
-}
-
-table.is-style-stripes,
+    color: #28303d;
+}
+
+table.is-style-stripes {
+    border-color: #f0f0f0;
+}
+
 .wp-block-table.is-style-stripes {
-    border-color: var(--table--stripes-border-color);
+    border-color: #f0f0f0;
 }
 
@@ -2043 +2813 @@
 }
 
-table.is-style-stripes tbody tr:nth-child(odd),
+table.is-style-stripes tbody tr:nth-child(odd) {
+    background-color: #f0f0f0;
+}
+
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
-    background-color: var(--table--stripes-background-color);
+    background-color: #f0f0f0;
 }
 
@@ -2070 +2843 @@
     font-weight: bold;
     text-align: left;
-    margin-bottom: var(--global--spacing-unit);
+    margin-bottom: 20px;
     color: currentColor;
 }
@@ -2076 +2849 @@
 .wp-calendar-nav {
     text-align: left;
-    margin-top: calc(var(--global--spacing-unit) / 2);
+    margin-top: 10px;
 }
 
@@ -2101 +2874 @@
 }
 
-:root .is-extra-small-text,
+:root .is-extra-small-text {
+    font-size: 1rem;
+}
+
 :root .has-extra-small-font-size {
-    font-size: var(--global--font-size-xs);
-}
-
-:root .is-small-text,
+    font-size: 1rem;
+}
+
+:root .is-small-text {
+    font-size: 1.125rem;
+}
+
 :root .has-small-font-size {
-    font-size: var(--global--font-size-sm);
-}
-
-:root .is-regular-text,
-:root .has-regular-font-size,
-:root .is-normal-font-size,
-:root .has-normal-font-size,
+    font-size: 1.125rem;
+}
+
+:root .is-regular-text {
+    font-size: 1.25rem;
+}
+
+:root .has-regular-font-size {
+    font-size: 1.25rem;
+}
+
+:root .is-normal-font-size {
+    font-size: 1.25rem;
+}
+
+:root .has-normal-font-size {
+    font-size: 1.25rem;
+}
+
 :root .has-medium-font-size {
-    font-size: var(--global--font-size-base);
-}
-
-:root .is-large-text,
+    font-size: 1.25rem;
+}
+
+:root .is-large-text {
+    font-size: 1.5rem;
+    line-height: 1.3;
+}
+
 :root .has-large-font-size {
-    font-size: var(--global--font-size-lg);
-    line-height: var(--global--line-height-heading);
-}
-
-:root .is-larger-text,
-:root .has-larger-font-size,
-:root .is-extra-large-text,
+    font-size: 1.5rem;
+    line-height: 1.3;
+}
+
+:root .is-larger-text {
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-larger-text {
+        font-size: 2.5rem;
+    }
+}
+
+:root .has-larger-font-size {
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-larger-font-size {
+        font-size: 2.5rem;
+    }
+}
+
+:root .is-extra-large-text {
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-extra-large-text {
+        font-size: 2.5rem;
+    }
+}
+
 :root .has-extra-large-font-size {
-    font-size: var(--global--font-size-xl);
-    line-height: var(--global--line-height-heading);
-}
-
-:root .is-huge-text,
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-extra-large-font-size {
+        font-size: 2.5rem;
+    }
+}
+
+:root .is-huge-text {
+    font-size: 6rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-huge-text {
+        font-size: 6rem;
+    }
+}
+
 :root .has-huge-font-size {
-    font-size: var(--global--font-size-xxl);
-    line-height: var(--global--line-height-heading);
-    font-weight: var(--heading--font-weight-page-title);
-}
-
-:root .is-gigantic-text,
+    font-size: 6rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-huge-font-size {
+        font-size: 6rem;
+    }
+}
+
+:root .is-gigantic-text {
+    font-size: 9rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-gigantic-text {
+        font-size: 9rem;
+    }
+}
+
 :root .has-gigantic-font-size {
-    font-size: var(--global--font-size-xxxl);
-    line-height: var(--global--line-height-heading);
-    font-weight: var(--heading--font-weight-page-title);
+    font-size: 9rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-gigantic-font-size {
+        font-size: 9rem;
+    }
 }
 
@@ -2152 +3017 @@
 */
 .wp-block.editor-post-title__block {
-    border-bottom: 3px solid var(--global--color-border);
-    padding-bottom: calc(2 * var(--global--spacing-vertical));
-    margin-bottom: calc(3 * var(--global--spacing-vertical));
-    max-width: var(--responsive--alignwide-width);
+    border-bottom: 3px solid #28303d;
+    padding-bottom: 60px;
+    margin-bottom: 90px;
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .wp-block.editor-post-title__block {
+        max-width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .wp-block.editor-post-title__block {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
 }
 
 .wp-block.editor-post-title__block .editor-post-title__input {
-    color: var(--global--color-secondary);
-    font-family: var(--heading--font-family);
-    font-size: var(--global--font-size-page-title);
-    font-weight: var(--heading--font-weight-page-title);
-    line-height: var(--heading--line-height-h1);
+    color: #39414d;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 4rem;
+    font-weight: 300;
+    line-height: 1.1;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block.editor-post-title__block .editor-post-title__input {
+        font-size: 6rem;
+    }
 }
 
 .wp-block.block-editor-default-block-appender > textarea {
-    font-family: var(--global--font-secondary);
-    font-size: var(--global--font-size-md);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
 }
 
 .has-primary-color[class] {
-    color: var(--global--color-primary);
+    color: #28303d;
 }
 
 .has-secondary-color[class] {
-    color: var(--global--color-secondary);
+    color: #39414d;
 }
 
@@ -2191 +3074 @@
 
 .has-primary-background-color[class] {
-    background-color: var(--global--color-primary);
-    color: var(--global--color-background);
+    background-color: #28303d;
+    color: #d1e4dd;
 }
 
 .has-secondary-background-color[class] {
-    background-color: var(--global--color-secondary);
-    color: var(--global--color-background);
+    background-color: #39414d;
+    color: #d1e4dd;
 }
 
 .has-white-background-color[class] {
-    background-color: var(--global--color-white);
-    color: var(--global--color-secondary);
+    background-color: #fff;
+    color: #39414d;
 }
 
 .has-black-background-color[class] {
-    background-color: var(--global--color-black);
-    color: var(--global--color-primary);
+    background-color: #000;
+    color: #28303d;
 }
 
@@ -2214 +3097 @@
  */
 [data-block] {
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -2228 +3111 @@
 /* Block Alignments */
 .wp-block {
-    max-width: var(--responsive--aligndefault-width);
-}
-
-.wp-block[data-align=wide],
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .wp-block {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .wp-block {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
+
+.wp-block[data-align=wide] {
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .wp-block[data-align=wide] {
+        max-width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .wp-block[data-align=wide] {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
 .wp-block.alignwide {
-    max-width: var(--responsive--alignwide-width);
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .wp-block.alignwide {
+        max-width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .wp-block.alignwide {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
 }
 
@@ -2243 +3165 @@
 .alignleft {
     margin: 0;
-    margin-right: var(--global--spacing-horizontal);
+    margin-right: 25px;
 }
 
 .alignright {
     margin: 0;
-    margin-left: var(--global--spacing-horizontal);
+    margin-left: 25px;
 }
 
 .has-drop-cap:not(:focus)::first-letter {
-    font-family: var(--heading--font-family);
-    font-weight: var(--heading--font-weight);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
     line-height: 0.66;
     text-transform: uppercase;
@@ -2259 +3181 @@
     float: left;
     margin: 0.1em 0.1em 0 0;
-    font-size: calc(1.2 * var(--heading--font-size-h1));
+    font-size: 5rem;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .has-drop-cap:not(:focus)::first-letter {
+        font-size: 7rem;
+    }
 }
 
@@ -2266 +3195 @@
     .wp-block[data-align=left] > * {
         max-width: 290px;
-        margin-right: var(--global--spacing-horizontal);
+        margin-right: 25px;
     }
 
     .wp-block[data-align=right] > * {
         max-width: 290px;
-        margin-left: var(--global--spacing-horizontal);
+        margin-left: 25px;
     }
 }
 
 html {
-    font-family: var(--global--font-secondary);
-    line-height: var(--global--line-height-body);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    line-height: 1.7;
 }
 
 body {
-    --wp--typography--line-height: var(--global--line-height-body);
-    color: var(--global--color-primary);
-    background-color: var(--global--color-background);
-    font-family: var(--global--font-secondary);
-    font-size: var(--global--font-size-base);
+    color: #28303d;
+    background-color: #d1e4dd;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
     font-weight: normal;
     -moz-osx-font-smoothing: grayscale;
@@ -2292 +3220 @@
 
 .wp-block a {
-    color: var(--wp--style--color--link, var(--global--color-primary));
+    color: #28303d;
 }
 
@@ -2300 +3228 @@
 
 .wp-block a:focus {
-    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+    outline: 2px solid #28303d;
     text-decoration: none;
 }
 
-.has-background:not(.has-background-background-color) .has-link-color a,
+.has-background:not(.has-background-background-color) .has-link-color a {
+    color: #28303d;
+}
+
 .has-background:not(.has-background-background-color).has-link-color a {
-    color: var(--wp--style--color--link, var(--global--color-primary));
+    color: #28303d;
 }
 
@@ -2315 +3246 @@
 
 .has-black-color[class] {
-    color: var(--global--color-black);
+    color: #000;
 }
 
 .has-gray-color[class] {
-    color: var(--global--color-gray);
+    color: #39414d;
 }
 
 .has-dark-gray-color[class] {
-    color: var(--global--color-dark-gray);
+    color: #28303d;
 }
 
 .has-green-color[class] {
-    color: var(--global--color-green);
+    color: #d1e4dd;
 }
 
 .has-blue-color[class] {
-    color: var(--global--color-blue);
+    color: #d1dfe4;
 }
 
 .has-purple-color[class] {
-    color: var(--global--color-purple);
+    color: #d1d1e4;
 }
 
 .has-red-color[class] {
-    color: var(--global--color-red);
+    color: #e4d1d1;
 }
 
 .has-orange-color[class] {
-    color: var(--global--color-orange);
+    color: #e4dad1;
 }
 
 .has-yellow-color[class] {
-    color: var(--global--color-yellow);
+    color: #eeeadd;
 }
 
 .has-white-color[class] {
-    color: var(--global--color-white);
+    color: #fff;
 }
 
@@ -2366 +3297 @@
 
 .has-black-background-color[class] {
-    background-color: var(--global--color-black);
+    background-color: #000;
 }
 
 .has-gray-background-color[class] {
-    background-color: var(--global--color-gray);
+    background-color: #39414d;
 }
 
 .has-dark-gray-background-color[class] {
-    background-color: var(--global--color-dark-gray);
+    background-color: #28303d;
 }
 
 .has-green-background-color[class] {
-    background-color: var(--global--color-green);
+    background-color: #d1e4dd;
 }
 
 .has-blue-background-color[class] {
-    background-color: var(--global--color-blue);
+    background-color: #d1dfe4;
 }
 
 .has-purple-background-color[class] {
-    background-color: var(--global--color-purple);
+    background-color: #d1d1e4;
 }
 
 .has-red-background-color[class] {
-    background-color: var(--global--color-red);
+    background-color: #e4d1d1;
 }
 
 .has-orange-background-color[class] {
-    background-color: var(--global--color-orange);
+    background-color: #e4dad1;
 }
 
 .has-yellow-background-color[class] {
-    background-color: var(--global--color-yellow);
+    background-color: #eeeadd;
 }
 
 .has-white-background-color[class] {
-    background-color: var(--global--color-white);
-}
-
-:not(.has-text-color).has-black-background-color[class],
-:not(.has-text-color).has-gray-background-color[class],
+    background-color: #fff;
+}
+
+:not(.has-text-color).has-black-background-color[class] {
+    color: #fff;
+}
+
+:not(.has-text-color).has-gray-background-color[class] {
+    color: #fff;
+}
+
 :not(.has-text-color).has-dark-gray-background-color[class] {
-    color: var(--global--color-white);
-}
-
-:not(.has-text-color).has-green-background-color[class],
-:not(.has-text-color).has-blue-background-color[class],
-:not(.has-text-color).has-purple-background-color[class],
-:not(.has-text-color).has-red-background-color[class],
-:not(.has-text-color).has-orange-background-color[class],
-:not(.has-text-color).has-yellow-background-color[class],
+    color: #fff;
+}
+
+:not(.has-text-color).has-green-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-blue-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-purple-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-red-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-orange-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-yellow-background-color[class] {
+    color: #28303d;
+}
+
 :not(.has-text-color).has-white-background-color[class] {
-    color: var(--global--color-dark-gray);
+    color: #28303d;
 }
 
 .has-purple-to-yellow-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
+    background: linear-gradient(160deg, #d1d1e4, #eeeadd);
 }
 
 .has-yellow-to-purple-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
+    background: linear-gradient(160deg, #eeeadd, #d1d1e4);
 }
 
 .has-green-to-yellow-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
+    background: linear-gradient(160deg, #d1e4dd, #eeeadd);
 }
 
 .has-yellow-to-green-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
+    background: linear-gradient(160deg, #eeeadd, #d1e4dd);
 }
 
 .has-red-to-yellow-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
+    background: linear-gradient(160deg, #e4d1d1, #eeeadd);
 }
 
 .has-yellow-to-red-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
+    background: linear-gradient(160deg, #eeeadd, #e4d1d1);
 }
 
 .has-purple-to-red-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
+    background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
 }
 
 .has-red-to-purple-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
-}
+    background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
+}

trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -102 +102 @@
 
     /* Font Family */
-    --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
-    --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
 
     /* Font Size */
-    --global--font-size-base: 1.25rem;
-    --global--font-size-xs: 1rem;
-    --global--font-size-sm: 1.125rem;
-    --global--font-size-md: 1.25rem;
-    --global--font-size-lg: 1.5rem;
-    --global--font-size-xl: 2.25rem;
-    --global--font-size-xxl: 4rem;
-    --global--font-size-xxxl: 5rem;
-    --global--font-size-page-title: var(--global--font-size-xxl);
-    --global--letter-spacing: normal;
 
     /* Line Height */
-    --global--line-height-body: 1.7;
-    --global--line-height-heading: 1.3;
-    --global--line-height-page-title: 1.1;
 
     /* Headings */
-    --heading--font-family: var(--global--font-primary);
-    --heading--font-size-h6: var(--global--font-size-xs);
-    --heading--font-size-h5: var(--global--font-size-sm);
-    --heading--font-size-h4: var(--global--font-size-lg);
-    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
-    --heading--font-size-h2: var(--global--font-size-xl);
-    --heading--font-size-h1: var(--global--font-size-page-title);
-    --heading--letter-spacing-h6: 0.05em;
-    --heading--letter-spacing-h5: 0.05em;
-    --heading--letter-spacing-h4: var(--global--letter-spacing);
-    --heading--letter-spacing-h3: var(--global--letter-spacing);
-    --heading--letter-spacing-h2: var(--global--letter-spacing);
-    --heading--letter-spacing-h1: var(--global--letter-spacing);
-    --heading--line-height-h6: var(--global--line-height-heading);
-    --heading--line-height-h5: var(--global--line-height-heading);
-    --heading--line-height-h4: var(--global--line-height-heading);
-    --heading--line-height-h3: var(--global--line-height-heading);
-    --heading--line-height-h2: var(--global--line-height-heading);
-    --heading--line-height-h1: var(--global--line-height-page-title);
-    --heading--font-weight: normal;
-    --heading--font-weight-page-title: 300;
-    --heading--font-weight-strong: 600;
 
     /* Block: Latest posts */
-    --latest-posts--title-font-family: var(--heading--font-family);
-    --latest-posts--title-font-size: var(--heading--font-size-h3);
-    --latest-posts--description-font-family: var(--global--font-secondary);
-    --latest-posts--description-font-size: var(--global--font-size-sm);
-    --list--font-family: var(--global--font-secondary);
-    --definition-term--font-family: var(--global--font-primary);
 
     /* Colors */
-    --global--color-black: #000;
-    --global--color-dark-gray: #28303d;
-    --global--color-gray: #39414d;
-    --global--color-light-gray: #f0f0f0;
-    --global--color-green: #d1e4dd;
-    --global--color-blue: #d1dfe4;
-    --global--color-purple: #d1d1e4;
-    --global--color-red: #e4d1d1;
-    --global--color-orange: #e4dad1;
-    --global--color-yellow: #eeeadd;
-    --global--color-white: #fff;
-    --global--color-white-50: rgba(255, 255, 255, 0.5);
-    --global--color-white-90: rgba(255, 255, 255, 0.9);
-    --global--color-primary: var(--global--color-dark-gray);
 
     /* Body text color, site title, footer text color. */
-    --global--color-secondary: var(--global--color-gray);
 
     /* Headings */
-    --global--color-primary-hover: var(--global--color-primary);
-    --global--color-background: var(--global--color-green);
 
     /* Mint, default body background */
-    --global--color-border: var(--global--color-primary);
 
     /* Used for borders (separators) */
 
     /* Spacing */
-    --global--spacing-unit: 20px;
-    --global--spacing-measure: unset;
-    --global--spacing-horizontal: 25px;
-    --global--spacing-vertical: 30px;
 
     /* Elevation */
-    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
 
     /* Forms */
-    --form--font-family: var(--global--font-secondary);
-    --form--font-size: var(--global--font-size-sm);
-    --form--line-height: var(--global--line-height-body);
-    --form--color-text: var(--global--color-dark-gray);
-    --form--color-ranged: var(--global--color-secondary);
-    --form--label-weight: 500;
-    --form--border-color: var(--global--color-secondary);
-    --form--border-width: 3px;
-    --form--border-radius: 0;
-    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
 
     /* Cover block */
-    --cover--height: calc(15 * var(--global--spacing-vertical));
-    --cover--color-foreground: var(--global--color-white);
-    --cover--color-background: var(--global--color-black);
 
     /* Buttons */
-    --button--color-text: var(--global--color-background);
-    --button--color-text-hover: var(--global--color-secondary);
-    --button--color-text-active: var(--global--color-secondary);
-    --button--color-background: var(--global--color-secondary);
-    --button--color-background-active: var(--global--color-background);
-    --button--font-family: var(--global--font-primary);
-    --button--font-size: var(--global--font-size-base);
-    --button--font-weight: 500;
-    --button--line-height: 1.5;
-    --button--border-width: 3px;
-    --button--border-radius: 0;
-    --button--padding-vertical: 15px;
-    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
 
     /* entry */
-    --entry-header--color: var(--global--color-primary);
-    --entry-header--color-link: currentColor;
-    --entry-header--color-hover: var(--global--color-primary-hover);
-    --entry-header--color-focus: var(--global--color-secondary);
-    --entry-header--font-size: var(--heading--font-size-h2);
-    --entry-content--font-family: var(--global--font-secondary);
-    --entry-author-bio--font-family: var(--heading--font-family);
-    --entry-author-bio--font-size: var(--heading--font-size-h4);
 
     /* Header */
-    --branding--color-text: var(--global--color-primary);
-    --branding--color-link: var(--global--color-primary);
-    --branding--color-link-hover: var(--global--color-secondary);
-    --branding--title--font-family: var(--global--font-primary);
-    --branding--title--font-size: var(--global--font-size-lg);
-    --branding--title--font-size-mobile: var(--heading--font-size-h4);
-    --branding--title--font-weight: normal;
-    --branding--title--text-transform: uppercase;
-    --branding--description--font-family: var(--global--font-secondary);
-    --branding--description--font-size: var(--global--font-size-sm);
-    --branding--description--font-family: var(--global--font-secondary);
-    --branding--logo--max-width: 300px;
-    --branding--logo--max-height: 100px;
-    --branding--logo--max-width-mobile: 96px;
-    --branding--logo--max-height-mobile: 96px;
 
     /* Main navigation */
-    --primary-nav--font-family: var(--global--font-secondary);
-    --primary-nav--font-family-mobile: var(--global--font-primary);
-    --primary-nav--font-size: var(--global--font-size-md);
-    --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
-    --primary-nav--font-size-mobile: var(--global--font-size-sm);
-    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
-    --primary-nav--font-size-button: var(--global--font-size-xs);
-    --primary-nav--font-style: normal;
-    --primary-nav--font-style-sub-menu-mobile: normal;
-    --primary-nav--font-weight: normal;
-    --primary-nav--font-weight-button: 500;
-    --primary-nav--color-link: var(--global--color-primary);
-    --primary-nav--color-link-hover: var(--global--color-primary-hover);
-    --primary-nav--color-text: var(--global--color-primary);
-    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
-    --primary-nav--border-color: var(--global--color-primary);
 
     /* Pagination */
-    --pagination--color-text: var(--global--color-primary);
-    --pagination--color-link-hover: var(--global--color-primary-hover);
-    --pagination--font-family: var(--global--font-secondary);
-    --pagination--font-size: var(--global--font-size-lg);
-    --pagination--font-weight: normal;
-    --pagination--font-weight-strong: 600;
 
     /* Footer */
-    --footer--color-text: var(--global--color-primary);
-    --footer--color-link: var(--global--color-primary);
-    --footer--color-link-hover: var(--global--color-primary-hover);
-    --footer--font-family: var(--global--font-primary);
-    --footer--font-size: var(--global--font-size-sm);
 
     /* Block: Pull quote */
-    --pullquote--font-family: var(--global--font-primary);
-    --pullquote--font-size: var(--heading--font-size-h3);
-    --pullquote--font-style: normal;
-    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
-    --pullquote--line-height: var(--global--line-height-heading);
-    --pullquote--border-width: 3px;
-    --pullquote--border-color: var(--global--color-primary);
-    --pullquote--color-foreground: var(--global--color-primary);
-    --pullquote--color-background: var(--global--color-background);
-    --quote--font-family: var(--global--font-secondary);
-    --quote--font-size: var(--global--font-size-md);
-    --quote--font-size-large: var(--global--font-size-xl);
-    --quote--font-style: normal;
-    --quote--font-weight: 700;
-    --quote--font-weight-strong: bolder;
-    --quote--font-style-large: normal;
-    --quote--font-style-cite: normal;
-    --quote--line-height: var(--global--line-height-body);
-    --quote--line-height-large: 1.35;
-    --separator--border-color: var(--global--color-border);
-    --separator--height: 1px;
 
     /* Block: Table */
-    --table--stripes-border-color: var(--global--color-light-gray);
-    --table--stripes-background-color: var(--global--color-light-gray);
-    --table--has-background-text-color: var(--global--color-dark-gray);
 
     /* Widgets */
-    --widget--line-height-list: 1.9;
-    --widget--line-height-title: 1.4;
-    --widget--font-weight-title: 700;
-    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
 
     /* Admin-bar height */
-    --global--admin-bar--height: 0;
-}
-
-.admin-bar {
-    --global--admin-bar--height: 32px;
-}
-@media only screen and (max-width: 782px) {
-
-    .admin-bar {
-        --global--admin-bar--height: 46px;
-    }
-}
-
-@media only screen and (min-width: 652px) {
-
-    :root {
-        --global--font-size-xl: 2.5rem;
-        --global--font-size-xxl: 6rem;
-        --global--font-size-xxxl: 9rem;
-        --heading--font-size-h3: 2rem;
-        --heading--font-size-h2: 3rem;
-    }
 }
 
@@ -732 +540 @@
  * Root Media Query Variables
  */
-:root {
-    --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
-    --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
-    --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
-    --responsive--alignfull-width: 100%;
-    --responsive--alignright-margin: var(--global--spacing-horizontal);
-    --responsive--alignleft-margin: var(--global--spacing-horizontal);
-}
-
-@media only screen and (min-width: 482px) {
-
-    :root {
-        --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
-        --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
-        --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
-        --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
-    }
-}
-@media only screen and (min-width: 822px) {
-
-    :root {
-        --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
-        --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
-    }
-}
 
 /**
  * Extends
  */
-.post-thumbnail,
-.entry-content .wp-audio-shortcode,
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
-*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
-.default-max-width {
-    max-width: var(--responsive--aligndefault-width);
+.post-thumbnail {
+    max-width: calc(100vw - 30px);
     margin-left: auto;
     margin-right: auto;
 }
-
-.widget-area,
-.pagination,
-.comments-pagination,
-.post-navigation,
-.site-footer,
-.site-header,
-.alignwide,
-.wide-max-width {
-    max-width: var(--responsive--alignwide-width);
+@media only screen and (min-width: 482px) {
+
+    .post-thumbnail {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .post-thumbnail {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
+
+.entry-content .wp-audio-shortcode {
+    max-width: calc(100vw - 30px);
     margin-left: auto;
     margin-right: auto;
 }
-
-.alignfull,
-.wp-block-group .wp-block-group__inner-container > *.alignfull,
-.full-max-width {
-    max-width: var(--responsive--alignfull-width);
-    width: var(--responsive--alignfull-width);
+@media only screen and (min-width: 482px) {
+
+    .entry-content .wp-audio-shortcode {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .entry-content .wp-audio-shortcode {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
+
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+    max-width: calc(100vw - 30px);
     margin-left: auto;
     margin-right: auto;
 }
-
 @media only screen and (min-width: 482px) {
 
-    .alignfull,
-    .full-max-width {
-        max-width: var(--responsive--alignfull-width);
+    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
+
+*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+@media only screen and (min-width: 482px) {
+
+    *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
+
+.default-max-width {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+@media only screen and (min-width: 482px) {
+
+    .default-max-width {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .default-max-width {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
+}
+
+.widget-area {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .widget-area {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .widget-area {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.pagination {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .pagination {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .pagination {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.comments-pagination {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .comments-pagination {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .comments-pagination {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.post-navigation {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .post-navigation {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .post-navigation {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.site-footer {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .site-footer {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .site-footer {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.site-header {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .site-header {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .site-header {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.alignwide {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .alignwide {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .alignwide {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.wide-max-width {
+    max-width: calc(100vw - 30px);
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .wide-max-width {
+        max-width: calc(100vw - 100px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .wide-max-width {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.alignfull {
+    max-width: 100%;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.wp-block-group .wp-block-group__inner-container > *.alignfull {
+    max-width: 100%;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.full-max-width {
+    max-width: 100%;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+
+    .alignfull {
+        max-width: 100%;
         width: auto;
         margin-left: auto;
         margin-right: auto;
     }
-}
-
-.entry-header .post-thumbnail,
-.singular .post-thumbnail,
-.alignfull [class*=inner-container] > .alignwide,
+
+    .full-max-width {
+        max-width: 100%;
+        width: auto;
+        margin-left: auto;
+        margin-right: auto;
+    }
+}
+
+.entry-header .post-thumbnail {
+    margin-left: auto;
+    margin-right: auto;
+    width: calc(100vw - 30px);
+    max-width: 100%;
+}
+@media only screen and (min-width: 482px) {
+
+    .entry-header .post-thumbnail {
+        width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .entry-header .post-thumbnail {
+        width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.singular .post-thumbnail {
+    margin-left: auto;
+    margin-right: auto;
+    width: calc(100vw - 30px);
+    max-width: 100%;
+}
+@media only screen and (min-width: 482px) {
+
+    .singular .post-thumbnail {
+        width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .singular .post-thumbnail {
+        width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.alignfull [class*=inner-container] > .alignwide {
+    margin-left: auto;
+    margin-right: auto;
+    width: calc(100vw - 30px);
+    max-width: 100%;
+}
+@media only screen and (min-width: 482px) {
+
+    .alignfull [class*=inner-container] > .alignwide {
+        width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .alignfull [class*=inner-container] > .alignwide {
+        width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
 .alignwide [class*=inner-container] > .alignwide {
     margin-left: auto;
     margin-right: auto;
-    width: var(--responsive--alignwide-width);
-    max-width: var(--responsive--alignfull-width);
-}
-
+    width: calc(100vw - 30px);
+    max-width: 100%;
+}
 @media only screen and (min-width: 482px) {
 
+    .alignwide [class*=inner-container] > .alignwide {
+        width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .alignwide [class*=inner-container] > .alignwide {
+        width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+@media only screen and (min-width: 482px) {
+
     .entry-content > .alignleft {
 
         /*rtl:ignore*/
-        margin-left: var(--responsive--alignleft-margin);
+        margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
 
         /*rtl:ignore*/
-        margin-right: var(--global--spacing-horizontal);
+        margin-right: 25px;
+    }
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignleft {
+            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignleft {
+            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+    @media only screen and (min-width: 822px) {
+
+        .entry-content > .alignleft {
+            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
+        }
     }
 }
@@ -830 +942 @@
 
         /*rtl:ignore*/
-        margin-left: var(--global--spacing-horizontal);
+        margin-left: 25px;
 
         /*rtl:ignore*/
-        margin-right: var(--responsive--alignright-margin);
+        margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
+    }
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignright {
+            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignright {
+            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+    @media only screen and (min-width: 822px) {
+
+        .entry-content > .alignright {
+            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
+        }
     }
 }
@@ -850 +980 @@
  * - Set vertical padding and horizontal margins
  */
-.site-header,
-.site-main,
-.widget-area,
-.site-footer {
-    padding-top: var(--global--spacing-vertical);
-    padding-bottom: var(--global--spacing-vertical);
+.site-header {
+    padding-top: 30px;
+    padding-bottom: 30px;
     margin-left: auto;
     margin-right: auto;
 }
 
+.site-main {
+    padding-top: 30px;
+    padding-bottom: 30px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.widget-area {
+    padding-top: 30px;
+    padding-bottom: 30px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.site-footer {
+    padding-top: 30px;
+    padding-bottom: 30px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 .site-header {
-    padding-top: calc(0.75 * var(--global--spacing-vertical));
-    padding-bottom: calc(2 * var(--global--spacing-vertical));
+    padding-top: 23px;
+    padding-bottom: 60px;
 }
 @media only screen and (min-width: 482px) {
 
     .site-header {
-        padding-bottom: calc(3 * var(--global--spacing-vertical));
+        padding-bottom: 90px;
     }
 }
@@ -876 +1024 @@
  */
 .site-main > * {
-    margin-top: calc(3 * var(--global--spacing-vertical));
-    margin-bottom: calc(3 * var(--global--spacing-vertical));
+    margin-top: 90px;
+    margin-bottom: 90px;
 }
 
@@ -904 +1052 @@
  * - Set margins
  */
-.entry-header,
-.post-thumbnail,
-.entry-content,
-.entry-footer,
+.entry-header {
+    margin-top: 30px;
+    margin-right: auto;
+    margin-bottom: 30px;
+    margin-left: auto;
+}
+
+.post-thumbnail {
+    margin-top: 30px;
+    margin-right: auto;
+    margin-bottom: 30px;
+    margin-left: auto;
+}
+
+.entry-content {
+    margin-top: 30px;
+    margin-right: auto;
+    margin-bottom: 30px;
+    margin-left: auto;
+}
+
+.entry-footer {
+    margin-top: 30px;
+    margin-right: auto;
+    margin-bottom: 30px;
+    margin-left: auto;
+}
+
 .author-bio {
-    margin-top: var(--global--spacing-vertical);
+    margin-top: 30px;
     margin-right: auto;
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
     margin-left: auto;
 }
@@ -919 +1091 @@
  * - Sets spacing-vertical margin logic
  */
-.site-main > article > *,
-.site-main > .not-found > *,
-.entry-content > *,
-[class*=inner-container] > *,
+.site-main > article > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.site-main > .not-found > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.entry-content > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+[class*=inner-container] > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
 .wp-block-template-part > * {
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 @media only screen and (min-width: 482px) {
 
-    .site-main > article > *,
-    .site-main > .not-found > *,
-    .entry-content > *,
-    [class*=inner-container] > *,
+    .site-main > article > * {
+        margin-top: 30px;
+        margin-bottom: 30px;
+    }
+
+    .site-main > .not-found > * {
+        margin-top: 30px;
+        margin-bottom: 30px;
+    }
+
+    .entry-content > * {
+        margin-top: 30px;
+        margin-bottom: 30px;
+    }
+
+    [class*=inner-container] > * {
+        margin-top: 30px;
+        margin-bottom: 30px;
+    }
+
     .wp-block-template-part > * {
-        margin-top: var(--global--spacing-vertical);
-        margin-bottom: var(--global--spacing-vertical);
+        margin-top: 30px;
+        margin-bottom: 30px;
     }
 }
@@ -955 +1159 @@
 }
 
-.site-footer > *,
+.site-footer > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
 .widget-area > * {
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 @media only screen and (min-width: 482px) {
 
-    .site-footer > *,
+    .site-footer > * {
+        margin-top: 30px;
+        margin-bottom: 30px;
+    }
+
     .widget-area > * {
-        margin-top: var(--global--spacing-vertical);
-        margin-bottom: var(--global--spacing-vertical);
+        margin-top: 30px;
+        margin-bottom: 30px;
     }
 }
@@ -973 +1185 @@
  * - Sets spacing-unit margins
  */
-.entry-header > *,
-.post-thumbnail > *,
-.page-content > *,
-.comment-content > *,
+.entry-header > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.post-thumbnail > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.page-content > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.comment-content > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
 .widget > * {
-    margin-top: var(--global--spacing-unit);
-    margin-bottom: var(--global--spacing-unit);
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 
@@ -1020 +1248 @@
 }
 
-.entry-content > *.alignfull + .alignleft,
+.entry-content > *.alignfull + .alignleft {
+    margin-top: 30px;
+}
+
 .entry-content > *.alignfull + .alignright {
-    margin-top: var(--global--spacing-vertical);
+    margin-top: 30px;
 }
 
@@ -1067 +1298 @@
     /* Apply border-box across the entire page. */
     box-sizing: border-box;
-    font-family: var(--global--font-secondary);
-    line-height: var(--global--line-height-body);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    line-height: 1.7;
 }
 
@@ -1081 +1312 @@
 
 body {
-    font-size: var(--global--font-size-base);
+    font-size: 1.25rem;
     font-weight: normal;
-    color: var(--global--color-primary);
+    color: #28303d;
     text-align: left;
-    background-color: var(--global--color-background);
+    background-color: #d1e4dd;
 }
 
@@ -1122 +1353 @@
     padding: 0;
     position: relative;
-    margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
+    margin: 30px 0 30px 25px;
 }
 
 blockquote > * {
-    margin-top: var(--global--spacing-unit);
-    margin-bottom: var(--global--spacing-unit);
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 
@@ -1139 +1370 @@
 
 blockquote p {
-    letter-spacing: var(--heading--letter-spacing-h4);
-    font-family: var(--quote--font-family);
-    font-size: var(--quote--font-size);
-    font-style: var(--quote--font-style);
-    font-weight: var(--quote--font-weight);
-    line-height: var(--quote--line-height);
-}
-
-blockquote cite,
+    letter-spacing: normal;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 1.7;
+}
+
+blockquote cite {
+    font-weight: normal;
+    color: #28303d;
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
 blockquote footer {
     font-weight: normal;
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    letter-spacing: var(--global--letter-spacing);
+    color: #28303d;
+    font-size: 1rem;
+    letter-spacing: normal;
 }
 
@@ -1160 +1397 @@
 }
 
-blockquote.alignleft p,
-blockquote.alignright p {
-    font-size: var(--heading--font-size-h5);
+blockquote.alignleft p {
+    font-size: 1.125rem;
     max-width: inherit;
     width: inherit;
 }
 
-blockquote.alignleft cite,
-blockquote.alignleft footer,
-blockquote.alignright cite,
+blockquote.alignright p {
+    font-size: 1.125rem;
+    max-width: inherit;
+    width: inherit;
+}
+
+blockquote.alignleft cite {
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
+blockquote.alignleft footer {
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
+blockquote.alignright cite {
+    font-size: 1rem;
+    letter-spacing: normal;
+}
+
 blockquote.alignright footer {
-    font-size: var(--global--font-size-xs);
-    letter-spacing: var(--global--letter-spacing);
+    font-size: 1rem;
+    letter-spacing: normal;
 }
 
 blockquote strong {
-    font-weight: var(--quote--font-weight-strong);
+    font-weight: bolder;
 }
 
 blockquote:before {
     content: "“";
-    font-size: var(--quote--font-size);
-    line-height: var(--quote--line-height);
-}
-
-blockquote .wp-block-quote__citation,
-blockquote cite,
+    font-size: 1.25rem;
+    line-height: 1.7;
+}
+
+blockquote .wp-block-quote__citation {
+    color: #28303d;
+    font-size: 1rem;
+    font-style: normal;
+}
+
+blockquote cite {
+    color: #28303d;
+    font-size: 1rem;
+    font-style: normal;
+}
+
 blockquote footer {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    font-style: var(--quote--font-style-cite);
+    color: #28303d;
+    font-size: 1rem;
+    font-style: normal;
 }
 @media only screen and (max-width: 481px) {
 
     blockquote {
-        padding-left: calc(0.5 * var(--global--spacing-horizontal));
+        padding-left: 13px;
     }
 
@@ -1203 +1467 @@
 }
 
-input[type=text],
-input[type=email],
-input[type=url],
-input[type=password],
-input[type=search],
-input[type=number],
-input[type=tel],
-input[type=date],
-input[type=month],
-input[type=week],
-input[type=time],
-input[type=datetime],
-input[type=datetime-local],
-input[type=color],
+input[type=text] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=email] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=url] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=password] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=search] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=number] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=tel] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=date] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=month] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=week] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=time] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=datetime] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=datetime-local] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+input[type=color] {
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
+    margin: 0 2px;
+}
+
 .site textarea {
-    border: var(--form--border-width) solid var(--form--border-color);
-    border-radius: var(--form--border-radius);
-    color: var(--form--color-text);
-    line-height: var(--global--line-height-body);
-    padding: var(--form--spacing-unit);
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
+    padding: 10px;
     margin: 0 2px;
 }
 
-input[type=text]:focus,
-input[type=email]:focus,
-input[type=url]:focus,
-input[type=password]:focus,
-input[type=search]:focus,
-input[type=number]:focus,
-input[type=tel]:focus,
-input[type=date]:focus,
-input[type=month]:focus,
-input[type=week]:focus,
-input[type=time]:focus,
-input[type=datetime]:focus,
-input[type=datetime-local]:focus,
-input[type=color]:focus,
+input[type=text]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=email]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=url]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=password]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=search]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=number]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=tel]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=date]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=month]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=week]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=time]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=datetime]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=datetime-local]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
+input[type=color]:focus {
+    color: #28303d;
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
 .site textarea:focus {
-    color: var(--form--color-text);
+    color: #28303d;
     outline-offset: 2px;
-    outline: 2px dotted var(--form--border-color);
+    outline: 2px dotted #39414d;
 }
 
@@ -1264 +1710 @@
 }
 
-.is-dark-theme input[type=text],
-.is-dark-theme input[type=email],
-.is-dark-theme input[type=url],
-.is-dark-theme input[type=password],
-.is-dark-theme input[type=search],
-.is-dark-theme input[type=number],
-.is-dark-theme input[type=tel],
-.is-dark-theme input[type=date],
-.is-dark-theme input[type=month],
-.is-dark-theme input[type=week],
-.is-dark-theme input[type=time],
-.is-dark-theme input[type=datetime],
-.is-dark-theme input[type=datetime-local],
-.is-dark-theme input[type=color],
+.is-dark-theme input[type=text] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=email] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=url] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=password] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=search] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=number] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=tel] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=date] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=month] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=week] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=time] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=datetime] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=datetime-local] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.is-dark-theme input[type=color] {
+    background: rgba(255, 255, 255, 0.9);
+}
+
 .is-dark-theme .site textarea {
-    background: var(--global--color-white-90);
+    background: rgba(255, 255, 255, 0.9);
 }
 
@@ -1287 +1775 @@
 
 .is-dark-theme input[type=search]:focus {
-    outline-color: var(--global--color-background);
+    outline-color: #d1e4dd;
 }
 
 input[type=color] {
-    padding: calc(var(--form--spacing-unit) / 2);
-    height: calc(4 * var(--form--spacing-unit));
+    padding: 5px;
+    height: 40px;
 }
 
@@ -1303 +1791 @@
 
 select {
-    border: var(--form--border-width) solid var(--form--border-color);
-    color: var(--form--color-text);
+    border: 3px solid #39414d;
+    color: #28303d;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
-    line-height: var(--global--line-height-body);
-    padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
-    background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-    background-position: right var(--form--spacing-unit) top 60%;
+    line-height: 1.7;
+    padding: 10px 30px 10px 10px;
+    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+    background-position: right 10px top 60%;
 }
 
 select:focus {
     outline-offset: 2px;
-    outline: 2px dotted var(--form--border-color);
+    outline: 2px dotted #39414d;
 }
 
 .is-dark-theme select {
-    background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
-    background-position: right var(--form--spacing-unit) top 60%;
+    background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
+    background-position: right 10px top 60%;
 }
 
@@ -1329 +1817 @@
 
 label {
-    font-size: var(--form--font-size);
-    font-weight: var(--form--label-weight);
-    margin-bottom: calc(var(--global--spacing-vertical) / 3);
+    font-size: 1.125rem;
+    font-weight: 500;
+    margin-bottom: 10px;
 }
 
@@ -1341 +1829 @@
 @supports (-webkit-appearance: none) or (-moz-appearance: none) {
 
-    input[type=checkbox],
+    input[type=checkbox] {
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        position: relative;
+        width: 25px;
+        height: 25px;
+        border: 3px solid #39414d;
+        background: #fff;
+    }
+
     input[type=radio] {
         -webkit-appearance: none;
@@ -1348 +1845 @@
         width: 25px;
         height: 25px;
-        border: var(--form--border-width) solid var(--form--border-color);
-        background: var(--global--color-white);
+        border: 3px solid #39414d;
+        background: #fff;
     }
 
@@ -1357 +1854 @@
     }
 
-    .is-dark-theme input[type=checkbox],
+    .is-dark-theme input[type=checkbox] {
+        background: rgba(255, 255, 255, 0.9);
+    }
+
     .is-dark-theme input[type=radio] {
-        background: var(--global--color-white-90);
+        background: rgba(255, 255, 255, 0.9);
     }
 
     input[type=checkbox]:focus {
         outline-offset: 2px;
-        outline: 2px dotted var(--form--border-color);
+        outline: 2px dotted #39414d;
     }
 
@@ -1376 +1876 @@
         width: 7px;
         height: 13px;
-        border: 3px solid var(--form--color-text);
+        border: 3px solid #28303d;
         border-top: 0;
         border-left: 0;
@@ -1383 +1883 @@
 
     input[type=checkbox]:checked {
-        color: var(--form--color-text);
+        color: #28303d;
     }
 
@@ -1396 +1896 @@
     input[type=radio]:focus {
         outline-offset: 2px;
-        outline: 2px dotted var(--form--border-color);
+        outline: 2px dotted #39414d;
     }
 
@@ -1409 +1909 @@
         height: 11px;
         border-radius: 50%;
-        background: var(--form--color-text);
+        background: #28303d;
     }
 
     input[type=radio]:checked {
-        border: 4px solid var(--form--border-color);
+        border: 4px solid #39414d;
     }
 
@@ -1422 +1922 @@
     input[type=radio]:checked:focus {
         outline-offset: 4px;
-        outline: 2px dotted var(--form--border-color);
-    }
-}
-
-input[type=checkbox] + label,
+        outline: 2px dotted #39414d;
+    }
+}
+
+input[type=checkbox] + label {
+    display: inline-block;
+    padding-left: 10px;
+    font-size: 1rem;
+    vertical-align: top;
+}
+
 input[type=radio] + label {
     display: inline-block;
     padding-left: 10px;
-    font-size: var(--global--font-size-xs);
+    font-size: 1rem;
     vertical-align: top;
 }
@@ -1447 +1953 @@
         /* Specific width is required for Firefox. */
         height: 6px;
-        background: var(--form--color-ranged);
+        background: #39414d;
         border-radius: 6px;
         outline-offset: 10px;
@@ -1458 +1964 @@
     input[type=range]::-webkit-slider-thumb {
         -webkit-appearance: none;
-        border: 3px solid var(--form--color-ranged);
+        border: 3px solid #39414d;
         height: 25px;
         width: 25px;
         border-radius: 50%;
-        background: var(--global--color-background);
+        background: #d1e4dd;
         cursor: pointer;
     }
 
     input[type=range]::-moz-range-thumb {
-        border: 3px solid var(--form--color-ranged);
+        border: 3px solid #39414d;
         height: 25px;
         width: 25px;
         border-radius: 50%;
-        background: var(--global--color-background);
+        background: #d1e4dd;
         cursor: pointer;
     }
@@ -1481 +1987 @@
     border-radius: 6px;
     border-width: 19px 0;
-    border-color: var(--global--color-background);
+    border-color: #d1e4dd;
     background: transparent;
     color: transparent;
@@ -1488 +1994 @@
 
 input[type=range]::-ms-fill-upper {
-    background: var(--form--color-ranged);
+    background: #39414d;
     border-radius: 6px;
 }
 
 input[type=range]::-ms-fill-lower {
-    background: var(--form--color-ranged);
+    background: #39414d;
     border-radius: 6px;
 }
 
 input[type=range]::-ms-thumb {
-    border: 3px solid var(--form--color-ranged);
+    border: 3px solid #39414d;
     height: 25px;
     width: 25px;
     border-radius: 50%;
-    background: var(--global--color-background);
+    background: #d1e4dd;
     cursor: pointer;
 }
@@ -1508 +2014 @@
 fieldset {
     display: grid;
-    border-color: var(--global--color-secondary);
-    padding: var(--global--spacing-horizontal);
+    border-color: #39414d;
+    padding: 25px;
 }
 
 fieldset legend {
-    font-size: var(--global--font-size-lg);
+    font-size: 1.5rem;
 }
 
@@ -1521 +2027 @@
 
 fieldset input:not([type=submit]) {
-    margin-bottom: var(--global--spacing-unit);
+    margin-bottom: 20px;
 }
 
@@ -1529 +2035 @@
 }
 
-fieldset input[type=radio] + label,
+fieldset input[type=radio] + label {
+    font-size: 1.125rem;
+    padding-left: 0;
+    margin-bottom: 20px;
+}
+
 fieldset input[type=checkbox] + label {
-    font-size: var(--form--font-size);
+    font-size: 1.125rem;
     padding-left: 0;
-    margin-bottom: var(--global--spacing-unit);
+    margin-bottom: 20px;
 }
 
@@ -1541 +2052 @@
 
 .post-password-message {
-    font-size: var(--global--font-size-lg);
+    font-size: 1.5rem;
 }
 
@@ -1556 +2067 @@
 .post-password-form input[type=password] {
     flex-grow: 1;
-    margin-top: calc(var(--global--spacing-vertical) / 3);
-    margin-right: calc(0.66 * var(--global--spacing-horizontal));
+    margin-top: 10px;
+    margin-right: 17px;
 }
 
 .post-password-form__submit {
-    margin-top: calc(var(--global--spacing-vertical) / 3);
+    margin-top: 10px;
 }
 @media only screen and (min-width: 592px) {
 
     .post-password-form__submit {
-        margin-left: calc(0.4 * var(--global--spacing-horizontal));
+        margin-left: 10px;
     }
 }
@@ -1590 +2101 @@
 
 /* Media captions */
-figcaption,
-.wp-caption,
+figcaption {
+    color: currentColor;
+    font-size: 1rem;
+    line-height: 1.7;
+    margin-top: 10px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.wp-caption {
+    color: currentColor;
+    font-size: 1rem;
+    line-height: 1.7;
+    margin-top: 10px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
 .wp-caption-text {
     color: currentColor;
-    font-size: var(--global--font-size-xs);
-    line-height: var(--global--line-height-body);
-    margin-top: calc(0.5 * var(--global--spacing-unit));
-    margin-bottom: var(--global--spacing-unit);
+    font-size: 1rem;
+    line-height: 1.7;
+    margin-top: 10px;
+    margin-bottom: 20px;
     text-align: center;
 }
@@ -1645 +2172 @@
 a {
     cursor: pointer;
-    color: var(--wp--style--color--link, var(--global--color-primary));
+    color: #28303d;
     text-underline-offset: 3px;
     text-decoration-skip-ink: all;
@@ -1662 +2189 @@
 }
 
-.is-dark-theme .site a:focus,
+.is-dark-theme .site a:focus {
+    color: #d1e4dd;
+}
+
 .is-dark-theme .site a:focus .meta-nav {
-    color: var(--wp--style--color--link, var(--global--color-background));
+    color: #d1e4dd;
 }
 
 .has-background-white .site a:focus {
     background: rgba(0, 0, 0, 0.9);
-    color: var(--wp--style--color--link, var(--global--color-white));
+    color: #fff;
 }
 
 .has-background-white .site a:focus .meta-nav {
-    color: var(--wp--style--color--link, var(--global--color-white));
+    color: #fff;
 }
 
@@ -1689 +2219 @@
 
 .site a:focus img {
-    outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
-}
-
-.has-background:not(.has-background-background-color) .has-link-color a,
+    outline: 2px dotted #28303d;
+}
+
+.has-background:not(.has-background-background-color) .has-link-color a {
+    color: #28303d;
+}
+
 .has-background:not(.has-background-background-color).has-link-color a {
-    color: var(--wp--style--color--link, var(--global--color-primary));
+    color: #28303d;
 }
 
@@ -1700 +2233 @@
 .wp-block-audio audio:focus {
     outline-offset: 5px;
-    outline: 2px solid var(--global--color-primary);
+    outline: 2px solid #28303d;
 }
 
@@ -1706 +2239 @@
  * Button
  */
-.site .button,
-input[type=submit],
-input[type=reset],
-.wp-block-search__button,
+.site .button {
+    line-height: 1.5;
+    color: #d1e4dd;
+    cursor: pointer;
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
+    text-decoration: none;
+    padding: 15px 30px;
+}
+
+input[type=submit] {
+    line-height: 1.5;
+    color: #d1e4dd;
+    cursor: pointer;
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
+    text-decoration: none;
+    padding: 15px 30px;
+}
+
+input[type=reset] {
+    line-height: 1.5;
+    color: #d1e4dd;
+    cursor: pointer;
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
+    text-decoration: none;
+    padding: 15px 30px;
+}
+
+.wp-block-search__button {
+    line-height: 1.5;
+    color: #d1e4dd;
+    cursor: pointer;
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
+    text-decoration: none;
+    padding: 15px 30px;
+}
+
 .wp-block-button .wp-block-button__link {
-    line-height: var(--button--line-height);
-    color: var(--button--color-text);
+    line-height: 1.5;
+    color: #d1e4dd;
     cursor: pointer;
-    font-weight: var(--button--font-weight);
-    font-family: var(--button--font-family);
-    font-size: var(--button--font-size);
-    background-color: var(--button--color-background);
-    border-radius: var(--button--border-radius);
-    border: var(--button--border-width) solid var(--button--color-background);
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
     text-decoration: none;
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+    padding: 15px 30px;
 }
 
@@ -1740 +2325 @@
 }
 
-.site .button:before,
-input[type=submit]:before,
-input[type=reset]:before,
-.wp-block-search__button:before,
+.site .button:before {
+    margin-bottom: -calc(1em - 0);
+}
+
+input[type=submit]:before {
+    margin-bottom: -calc(1em - 0);
+}
+
+input[type=reset]:before {
+    margin-bottom: -calc(1em - 0);
+}
+
+.wp-block-search__button:before {
+    margin-bottom: -calc(1em - 0);
+}
+
 .wp-block-button .wp-block-button__link:before {
-    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
-}
-
-.site .button:after,
-input[type=submit]:after,
-input[type=reset]:after,
-.wp-block-search__button:after,
+    margin-bottom: -calc(1em - 0);
+}
+
+.site .button:after {
+    margin-top: -calc(1em - 0);
+}
+
+input[type=submit]:after {
+    margin-top: -calc(1em - 0);
+}
+
+input[type=reset]:after {
+    margin-top: -calc(1em - 0);
+}
+
+.wp-block-search__button:after {
+    margin-top: -calc(1em - 0);
+}
+
 .wp-block-button .wp-block-button__link:after {
-    margin-top: -calc(.5em * var(--button--line-height) + -.39);
+    margin-top: -calc(1em - 0);
 }
 
@@ -1766 +2375 @@
 }
 
-.is-dark-theme .site .button:focus,
-.is-dark-theme input[type=submit]:focus,
-.is-dark-theme input[type=reset]:focus,
-.is-dark-theme .wp-block-search__button:focus,
+.is-dark-theme .site .button:focus {
+    color: #39414d;
+}
+
+.is-dark-theme input[type=submit]:focus {
+    color: #39414d;
+}
+
+.is-dark-theme input[type=reset]:focus {
+    color: #39414d;
+}
+
+.is-dark-theme .wp-block-search__button:focus {
+    color: #39414d;
+}
+
 .is-dark-theme .wp-block-button .wp-block-button__link:focus {
-    color: var(--button--color-background);
-}
-
-.site .button:focus:not(.has-background),
-input[type=submit]:focus:not(.has-background),
-input[type=reset]:focus:not(.has-background),
-.wp-block-search__button:focus:not(.has-background),
+    color: #39414d;
+}
+
+.site .button:focus:not(.has-background) {
+    color: #39414d;
+}
+
+input[type=submit]:focus:not(.has-background) {
+    color: #39414d;
+}
+
+input[type=reset]:focus:not(.has-background) {
+    color: #39414d;
+}
+
+.wp-block-search__button:focus:not(.has-background) {
+    color: #39414d;
+}
+
 .wp-block-button .wp-block-button__link:focus:not(.has-background) {
-    color: var(--button--color-text-hover);
-}
-
-.site .button:disabled,
-input[type=submit]:disabled,
-input[type=reset]:disabled,
-.wp-block-search__button:disabled,
+    color: #39414d;
+}
+
+.site .button:disabled {
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
+}
+
+input[type=submit]:disabled {
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
+}
+
+input[type=reset]:disabled {
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
+}
+
+.wp-block-search__button:disabled {
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
+}
+
 .wp-block-button .wp-block-button__link:disabled {
-    background-color: var(--global--color-white-50);
-    border-color: var(--global--color-white-50);
-    color: var(--button--color-text-active);
-}
-
-.site .button:active,
-input[type=submit]:active,
-input[type=reset]:active,
-.wp-block-search .wp-block-search__button:active,
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
+}
+
+.site .button:active {
+    color: #39414d;
+    background-color: #d1e4dd;
+}
+
+input[type=submit]:active {
+    color: #39414d;
+    background-color: #d1e4dd;
+}
+
+input[type=reset]:active {
+    color: #39414d;
+    background-color: #d1e4dd;
+}
+
+.wp-block-search .wp-block-search__button:active {
+    color: #39414d;
+    background-color: #d1e4dd;
+}
+
 .wp-block-file .wp-block-file__button:active {
-    color: var(--button--color-text-active);
-    background-color: var(--button--color-background-active);
-}
-
-.site .button:hover,
-input[type=submit]:hover,
-input[type=reset]:hover,
-.wp-block-search .wp-block-search__button:hover,
+    color: #39414d;
+    background-color: #d1e4dd;
+}
+
+.site .button:hover {
+    color: #39414d;
+    background: transparent;
+}
+
+input[type=submit]:hover {
+    color: #39414d;
+    background: transparent;
+}
+
+input[type=reset]:hover {
+    color: #39414d;
+    background: transparent;
+}
+
+.wp-block-search .wp-block-search__button:hover {
+    color: #39414d;
+    background: transparent;
+}
+
 .wp-block-file .wp-block-file__button:hover {
-    color: var(--button--color-text-hover);
+    color: #39414d;
     background: transparent;
 }
@@ -1814 +2499 @@
  */
 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
-    color: var(--button--color-text-active) !important;
+    color: #39414d !important;
     background: transparent !important;
-    border-color: var(--button--color-background);
+    border-color: #39414d;
 }
 
 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
-    color: var(--button--color-text-hover) !important;
+    color: #39414d !important;
     background: transparent !important;
-    border-color: var(--button--color-background);
+    border-color: #39414d;
 }
 
 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
-    color: var(--button--color-text) !important;
-    background: var(--button--color-background) !important;
+    color: #d1e4dd !important;
+    background: #39414d !important;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link {
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+    padding: 15px 30px;
 }
 
@@ -1840 +2525 @@
 .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
     background: transparent;
-    color: var(--button--color-background);
-    border-color: var(--button--color-background);
+    color: #39414d;
+    border-color: #39414d;
 }
 
@@ -1848 +2533 @@
 }
 
-.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
+    color: #fff;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
+    color: #fff;
+}
+
 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
-    color: var(--global--color-white);
+    color: #fff;
 }
 
 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
-    color: var(--global--color-dark-gray);
-}
-
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
-.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
+    color: #28303d;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color {
+    color: #fff;
+}
+
+.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color {
+    color: #fff;
+}
+
 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
-    color: var(--global--color-white);
+    color: #fff;
 }
 
@@ -1869 +2566 @@
 }
 
-.wp-block-button.is-style-outline .wp-block-button__link:active,
+.wp-block-button.is-style-outline .wp-block-button__link:active {
+    color: #d1e4dd !important;
+    background: #39414d !important;
+    border-color: #39414d;
+}
+
 .wp-block-button.is-style-outline .wp-block-button__link:hover {
-    color: var(--button--color-text) !important;
-    background: var(--button--color-background) !important;
-    border-color: var(--button--color-background);
-}
-
-.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
+    color: #d1e4dd !important;
+    background: #39414d !important;
+    border-color: #39414d;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color {
+    border-color: #39414d;
+}
+
 .wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
-    border-color: var(--button--color-background);
+    border-color: #39414d;
 }
 
 .wp-block-button.is-style-outline .wp-block-button__link:focus {
-    color: var(--button--color-background) !important;
+    color: #39414d !important;
     background: transparent !important;
 }
@@ -1890 +2595 @@
 }
 
-.is-style-outline .wp-block-button__link[style*=radius]:focus,
+.is-style-outline .wp-block-button__link[style*=radius]:focus {
+    outline-offset: 2px;
+    outline: 2px dotted #39414d;
+}
+
 .wp-block-button a.wp-block-button__link[style*=radius]:focus {
     outline-offset: 2px;
-    outline: 2px dotted var(--button--color-background);
+    outline: 2px dotted #39414d;
 }
 
 .wp-block-code {
-    border-color: var(--global--color-border);
+    border-color: #28303d;
     border-radius: 0;
     border-style: solid;
     border-width: 0.1rem;
-    padding: var(--global--spacing-unit);
+    padding: 20px;
 }
 
 .wp-block-code code {
-    font-size: var(--global--font-size-xs);
+    font-size: 1rem;
     white-space: pre;
     overflow-x: auto;
@@ -1916 +2625 @@
 
 .wp-block-columns .wp-block-column > * {
-    margin-top: calc(0.66 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 @media only screen and (min-width: 482px) {
 
     .wp-block-columns .wp-block-column > * {
-        margin-top: var(--global--spacing-vertical);
-        margin-bottom: var(--global--spacing-vertical);
+        margin-top: 30px;
+        margin-bottom: 30px;
     }
 }
@@ -1940 +2649 @@
 
 .wp-block-columns .wp-block-column:not(:last-child) {
-    margin-bottom: calc(0.66 * var(--global--spacing-vertical));
+    margin-bottom: 20px;
 }
 @media only screen and (min-width: 482px) {
 
     .wp-block-columns .wp-block-column:not(:last-child) {
-        margin-bottom: var(--global--spacing-vertical);
+        margin-bottom: 30px;
     }
 }
@@ -1961 +2670 @@
 
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
-        margin-left: calc(-2 * var(--global--spacing-horizontal));
-        margin-top: calc(2.5 * var(--global--spacing-horizontal));
+        margin-left: -50px;
+        margin-top: 63px;
         z-index: 2;
     }
 
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
-        background-color: var(--global--color-background);
-        padding: var(--global--spacing-unit);
-    }
-
-    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
+        background-color: #d1e4dd;
+        padding: 20px;
+    }
+
+    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
+        padding-left: 50px;
+    }
+
     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
-        padding-left: calc(2 * var(--global--spacing-horizontal));
+        padding-left: 50px;
     }
 
@@ -1990 +2738 @@
 }
 
-.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
-.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
-.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
-.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
-.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
-.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
+.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
 .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
-}
-
-.wp-block-cover,
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.wp-block-cover {
+    background-color: #000;
+    min-height: 450px;
+    margin-top: inherit;
+    margin-bottom: inherit;
+
+    /* default & custom background-color */
+
+    /* Treating H2 separately to account for legacy /core styles */
+
+    /* Block Styles */
+}
+
 .wp-block-cover-image {
-    background-color: var(--cover--color-background);
-    min-height: var(--cover--height);
+    background-color: #000;
+    min-height: 450px;
     margin-top: inherit;
     margin-bottom: inherit;
@@ -2026 +2810 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container,
-.wp-block-cover .wp-block-cover-image-text,
-.wp-block-cover .wp-block-cover-text,
-.wp-block-cover-image .wp-block-cover__inner-container,
-.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover__inner-container {
+    color: currentColor;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.wp-block-cover .wp-block-cover-image-text {
+    color: currentColor;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.wp-block-cover .wp-block-cover-text {
+    color: currentColor;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container {
+    color: currentColor;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text {
+    color: currentColor;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 .wp-block-cover-image .wp-block-cover-text {
     color: currentColor;
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -2046 +2855 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
-.wp-block-cover .wp-block-cover-image-text .has-link-color a,
-.wp-block-cover .wp-block-cover-text .has-link-color a,
-.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
-.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
+.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-image-text .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover .wp-block-cover-text .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
+    color: #28303d;
+}
+
+.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
+    color: #28303d;
+}
+
 .wp-block-cover-image .wp-block-cover-text .has-link-color a {
-    color: var(--wp--style--color--link, var(--global--color-primary));
-}
-
-.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
-.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
-.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
-.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
+    color: #28303d;
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
+    color: #fff;
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
+    color: #fff;
+}
+
+.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
+    color: #fff;
+}
+
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
+    color: #fff;
+}
+
+.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
+    color: #fff;
+}
+
 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
-    color: var(--cover--color-foreground);
-}
-
-.wp-block-cover h2,
-.wp-block-cover-image h2 {
-    font-size: var(--heading--font-size-h2);
-    letter-spacing: var(--heading--letter-spacing-h2);
-    line-height: var(--heading--line-height-h2);
+    color: #fff;
+}
+
+.wp-block-cover h2 {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
     max-width: inherit;
     text-align: inherit;
     padding: 0;
 }
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover h2 {
+        font-size: 3rem;
+    }
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover h2 {
+        font-size: 3rem;
+    }
+}
+
+.wp-block-cover-image h2 {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+    max-width: inherit;
+    text-align: inherit;
+    padding: 0;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover-image h2 {
+        font-size: 3rem;
+    }
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-cover-image h2 {
+        font-size: 3rem;
+    }
+}
 
 .wp-block-cover h2.has-text-align-left,
@@ -2089 +2960 @@
 }
 
-.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover__inner-container {
+    width: calc(100% - 60px);
+}
+
 .wp-block-cover-image .wp-block-cover__inner-container {
-    width: calc(100% - calc(2 * var(--global--spacing-vertical)));
-}
-
-.wp-block-cover .wp-block-cover__inner-container > *,
+    width: calc(100% - 60px);
+}
+
+.wp-block-cover .wp-block-cover__inner-container > * {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
 .wp-block-cover-image .wp-block-cover__inner-container > * {
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 @media only screen and (min-width: 482px) {
 
-    .wp-block-cover .wp-block-cover__inner-container > *,
+    .wp-block-cover .wp-block-cover__inner-container > * {
+        margin-top: 30px;
+        margin-bottom: 30px;
+    }
+
     .wp-block-cover-image .wp-block-cover__inner-container > * {
-        margin-top: var(--global--spacing-vertical);
-        margin-bottom: var(--global--spacing-vertical);
+        margin-top: 30px;
+        margin-bottom: 30px;
     }
 }
@@ -2125 +3007 @@
 }
 
-.wp-block-cover.alignleft > *,
-.wp-block-cover.alignright > *,
-.wp-block-cover-image.alignleft > *,
+.wp-block-cover.alignleft > * {
+    margin-top: 60px;
+    margin-bottom: 60px;
+    padding-left: 25px;
+    padding-right: 25px;
+    width: 100%;
+}
+
+.wp-block-cover.alignright > * {
+    margin-top: 60px;
+    margin-bottom: 60px;
+    padding-left: 25px;
+    padding-right: 25px;
+    width: 100%;
+}
+
+.wp-block-cover-image.alignleft > * {
+    margin-top: 60px;
+    margin-bottom: 60px;
+    padding-left: 25px;
+    padding-right: 25px;
+    width: 100%;
+}
+
 .wp-block-cover-image.alignright > * {
-    margin-top: calc(2 * var(--global--spacing-vertical));
-    margin-bottom: calc(2 * var(--global--spacing-vertical));
-    padding-left: var(--global--spacing-horizontal);
-    padding-right: var(--global--spacing-horizontal);
+    margin-top: 60px;
+    margin-bottom: 60px;
+    padding-left: 25px;
+    padding-right: 25px;
     width: 100%;
 }
@@ -2143 +3046 @@
 }
 
-.wp-block-cover.is-style-twentytwentyone-border,
+.wp-block-cover.is-style-twentytwentyone-border {
+    border: 3px solid #28303d;
+}
+
 .wp-block-cover-image.is-style-twentytwentyone-border {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
-}
-
-.wp-block-file a.wp-block-file__button:active,
-.wp-block-file a.wp-block-file__button:focus,
+    border: 3px solid #28303d;
+}
+
+.wp-block-file a.wp-block-file__button:active {
+    color: #39414d;
+    opacity: inherit;
+}
+
+.wp-block-file a.wp-block-file__button:focus {
+    color: #39414d;
+    opacity: inherit;
+}
+
 .wp-block-file a.wp-block-file__button:hover {
-    color: var(--button--color-text-hover);
+    color: #39414d;
     opacity: inherit;
 }
 
 .wp-block-file a.wp-block-file__button:visited {
-    color: var(--button--color-text);
+    color: #d1e4dd;
 }
 
 .wp-block-file a.wp-block-file__button:visited:hover {
-    color: var(--button--color-text-hover);
+    color: #39414d;
 }
 
 .wp-block-file .wp-block-file__button {
-    line-height: var(--button--line-height);
-    color: var(--button--color-text);
+    line-height: 1.5;
+    color: #d1e4dd;
     cursor: pointer;
-    font-weight: var(--button--font-weight);
-    font-family: var(--button--font-family);
-    font-size: var(--button--font-size);
-    background-color: var(--button--color-background);
-    border-radius: var(--button--border-radius);
-    border: var(--button--border-width) solid var(--button--color-background);
+    font-weight: 500;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    background-color: #39414d;
+    border-radius: 0;
+    border: 3px solid #39414d;
     text-decoration: none;
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+    padding: 15px 30px;
     display: inline-block;
 }
@@ -2187 +3101 @@
 
 .wp-block-file .wp-block-file__button:before {
-    margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+    margin-bottom: -calc(1em - 0);
 }
 
 .wp-block-file .wp-block-file__button:after {
-    margin-top: -calc(.5em * var(--button--line-height) + -.39);
+    margin-top: -calc(1em - 0);
 }
 
@@ -2201 +3115 @@
 
 .is-dark-theme .wp-block-file .wp-block-file__button:focus {
-    color: var(--button--color-background);
+    color: #39414d;
 }
 
 .wp-block-file .wp-block-file__button:focus:not(.has-background) {
-    color: var(--button--color-text-hover);
+    color: #39414d;
 }
 
 .wp-block-file .wp-block-file__button:disabled {
-    background-color: var(--global--color-white-50);
-    border-color: var(--global--color-white-50);
-    color: var(--button--color-text-active);
+    background-color: rgba(255, 255, 255, 0.5);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #39414d;
 }
 
@@ -2218 +3132 @@
 }
 
-.wp-block-gallery .blocks-gallery-image,
+.wp-block-gallery .blocks-gallery-image {
+    width: calc(50% - 10px);
+}
+
 .wp-block-gallery .blocks-gallery-item {
-    width: calc((100% - var(--global--spacing-unit)) / 2);
-}
-
-.wp-block-gallery .blocks-gallery-image figcaption,
+    width: calc(50% - 10px);
+}
+
+.wp-block-gallery .blocks-gallery-image figcaption {
+    margin: 0;
+    color: #fff;
+    font-size: 1rem;
+}
+
 .wp-block-gallery .blocks-gallery-item figcaption {
     margin: 0;
-    color: var(--global--color-white);
-    font-size: var(--global--font-size-xs);
-}
-
-.wp-block-gallery .blocks-gallery-image figcaption a,
+    color: #fff;
+    font-size: 1rem;
+}
+
+.wp-block-gallery .blocks-gallery-image figcaption a {
+    color: #fff;
+}
+
 .wp-block-gallery .blocks-gallery-item figcaption a {
-    color: var(--global--color-white);
-}
-
-.wp-block-gallery .blocks-gallery-image figcaption a:focus,
+    color: #fff;
+}
+
+.wp-block-gallery .blocks-gallery-image figcaption a:focus {
+    background-color: transparent;
+    outline: 2px solid #28303d;
+    text-decoration: none;
+}
+
 .wp-block-gallery .blocks-gallery-item figcaption a:focus {
     background-color: transparent;
-    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+    outline: 2px solid #28303d;
     text-decoration: none;
 }
@@ -2266 +3196 @@
 
 .wp-block-group .wp-block-group__inner-container > * {
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 @media only screen and (min-width: 482px) {
 
     .wp-block-group .wp-block-group__inner-container > * {
-        margin-top: var(--global--spacing-vertical);
-        margin-bottom: var(--global--spacing-vertical);
+        margin-top: 30px;
+        margin-bottom: 30px;
     }
 }
@@ -2286 +3216 @@
 
 .wp-block-group.has-background {
-    padding: calc(0.666 * var(--global--spacing-vertical));
+    padding: 20px;
 }
 @media only screen and (min-width: 482px) {
 
     .wp-block-group.has-background {
-        padding: var(--global--spacing-vertical);
+        padding: 30px;
     }
 }
 
 .wp-block-group.is-style-twentytwentyone-border {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
-    padding: var(--global--spacing-vertical);
-}
-
-.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
-.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
-.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
+    border: 3px solid #28303d;
+    padding: 30px;
+}
+
+.wp-block-group.has-background .wp-block-group__inner-container > .alignfull {
+    max-width: calc(100% + 60px);
+    width: calc(100% + 60px);
+    margin-left: -30px;
+}
+
+.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
+    max-width: calc(100% + 60px);
+    width: calc(100% + 60px);
+    margin-left: -30px;
+}
+
+.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull {
+    max-width: calc(100% + 60px);
+    width: calc(100% + 60px);
+    margin-left: -30px;
+}
+
 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
-    max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
-    width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
-    margin-left: calc(-1 * var(--global--spacing-vertical));
-}
-
-h1,
-.h1,
-h2,
-.h2,
-h3,
-.h3,
-h4,
-.h4,
-h5,
-.h5,
-h6,
+    max-width: calc(100% + 60px);
+    width: calc(100% + 60px);
+    margin-left: -30px;
+}
+
+h1 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h1 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h2 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h2 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h3 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h3 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h4 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h4 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h5 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+.h5 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h6 {
+    clear: both;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
 .h6 {
     clear: both;
-    font-family: var(--heading--font-family);
-    font-weight: var(--heading--font-weight);
-}
-
-h1 strong,
-.h1 strong,
-h2 strong,
-.h2 strong,
-h3 strong,
-.h3 strong,
-h4 strong,
-.h4 strong,
-h5 strong,
-.h5 strong,
-h6 strong,
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
+}
+
+h1 strong {
+    font-weight: 600;
+}
+
+.h1 strong {
+    font-weight: 600;
+}
+
+h2 strong {
+    font-weight: 600;
+}
+
+.h2 strong {
+    font-weight: 600;
+}
+
+h3 strong {
+    font-weight: 600;
+}
+
+.h3 strong {
+    font-weight: 600;
+}
+
+h4 strong {
+    font-weight: 600;
+}
+
+.h4 strong {
+    font-weight: 600;
+}
+
+h5 strong {
+    font-weight: 600;
+}
+
+.h5 strong {
+    font-weight: 600;
+}
+
+h6 strong {
+    font-weight: 600;
+}
+
 .h6 strong {
-    font-weight: var(--heading--font-weight-strong);
-}
-
-h1,
+    font-weight: 600;
+}
+
+h1 {
+    font-size: 4rem;
+    letter-spacing: normal;
+    line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px) {
+
+    h1 {
+        font-size: 6rem;
+    }
+}
+
 .h1 {
-    font-size: var(--heading--font-size-h1);
-    letter-spacing: var(--heading--letter-spacing-h1);
-    line-height: var(--heading--line-height-h1);
-}
-
-h2,
+    font-size: 4rem;
+    letter-spacing: normal;
+    line-height: 1.1;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h1 {
+        font-size: 6rem;
+    }
+}
+
+h2 {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    h2 {
+        font-size: 3rem;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    h2 {
+        font-size: 3rem;
+    }
+}
+
 .h2 {
-    font-size: var(--heading--font-size-h2);
-    letter-spacing: var(--heading--letter-spacing-h2);
-    line-height: var(--heading--line-height-h2);
-}
-
-h3,
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h2 {
+        font-size: 3rem;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h2 {
+        font-size: 3rem;
+    }
+}
+
+h3 {
+    font-size: 2rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    h3 {
+        font-size: 2rem;
+    }
+}
+
 .h3 {
-    font-size: var(--heading--font-size-h3);
-    letter-spacing: var(--heading--letter-spacing-h3);
-    line-height: var(--heading--line-height-h3);
-}
-
-h4,
+    font-size: 2rem;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .h3 {
+        font-size: 2rem;
+    }
+}
+
+h4 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
 .h4 {
-    font-size: var(--heading--font-size-h4);
-    font-weight: var(--heading--font-weight-strong);
-    letter-spacing: var(--heading--letter-spacing-h4);
-    line-height: var(--heading--line-height-h4);
-}
-
-h5,
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: normal;
+    line-height: 1.3;
+}
+
+h5 {
+    font-size: 1.125rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
 .h5 {
-    font-size: var(--heading--font-size-h5);
-    font-weight: var(--heading--font-weight-strong);
-    letter-spacing: var(--heading--letter-spacing-h5);
-    line-height: var(--heading--line-height-h5);
-}
-
-h6,
+    font-size: 1.125rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
+h6 {
+    font-size: 1rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
+}
+
 .h6 {
-    font-size: var(--heading--font-size-h6);
-    font-weight: var(--heading--font-weight-strong);
-    letter-spacing: var(--heading--letter-spacing-h6);
-    line-height: var(--heading--line-height-h6);
+    font-size: 1rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    line-height: 1.3;
 }
 
@@ -2391 +3513 @@
 
 .wp-block-image figcaption {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    line-height: var(--global--line-height-body);
-    margin-top: calc(0.5 * var(--global--spacing-unit));
-    margin-bottom: var(--global--spacing-unit);
+    color: #28303d;
+    font-size: 1rem;
+    line-height: 1.7;
+    margin-top: 10px;
+    margin-bottom: 20px;
     text-align: center;
 }
 
 .wp-block-image .alignright {
-    margin-left: var(--global--spacing-horizontal);
+    margin-left: 25px;
 }
 
 .wp-block-image .alignleft {
-    margin-right: var(--global--spacing-horizontal);
+    margin-right: 25px;
 }
 
@@ -2428 +3550 @@
 }
 
-.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-border img {
+    border: 3px solid #28303d;
+}
+
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    border: 3px solid #28303d;
 }
 
 .wp-block-image.is-style-twentytwentyone-image-frame img {
-    padding: var(--global--spacing-unit);
+    padding: 20px;
 }
 
@@ -2458 +3583 @@
 
 .wp-block-latest-comments .wp-block-latest-comments__comment {
-    font-size: var(--global--font-size-sm);
-    line-height: var(--global--line-height-body);
+    font-size: 1.125rem;
+    line-height: 1.7;
 
     /* Vertical margins logic */
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -2475 +3600 @@
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
-    font-family: var(--heading--font-family);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-date {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-sm);
+    color: #28303d;
+    font-size: 1.125rem;
 }
 
 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
-    font-size: var(--global--font-size-sm);
-    line-height: var(--global--line-height-body);
+    font-size: 1.125rem;
+    line-height: 1.7;
     margin: 0;
 }
@@ -2494 +3619 @@
 
 .wp-block-latest-posts:not(.is-grid) > li {
-    margin-top: calc(1.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+    margin-top: 50px;
+    margin-bottom: 50px;
 }
 
@@ -2512 +3637 @@
 
 .wp-block-latest-posts.is-grid > li {
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
 }
 
@@ -2533 +3658 @@
 
 .wp-block-latest-posts > li > * {
-    margin-top: calc(0.333 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
@@ -2547 +3672 @@
 .wp-block-latest-posts > li > a {
     display: inline-block;
-    font-family: var(--latest-posts--title-font-family);
-    font-size: var(--latest-posts--title-font-size);
-    font-weight: var(--heading--font-weight);
-    line-height: var(--global--line-height-heading);
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 2rem;
+    font-weight: normal;
+    line-height: 1.3;
+    margin-bottom: 10px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-latest-posts > li > a {
+        font-size: 2rem;
+    }
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-author {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-md);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1.25rem;
+    line-height: 1.7;
 }
 
 .wp-block-latest-posts .wp-block-latest-posts__post-date {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1rem;
+    line-height: 1.7;
 }
 
@@ -2571 +3702 @@
 }
 
-.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
+}
+
 .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
-    font-family: var(--latest-posts--description-font-family);
-    font-size: var(--latest-posts--description-font-size);
-    line-height: var(--global--line-height-body);
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
 }
 
 .wp-block-latest-posts.alignfull {
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
+    padding-left: 20px;
+    padding-right: 20px;
 }
 
@@ -2591 +3728 @@
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
-    border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
-    border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
-}
-
-.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
+    border-top: 3px solid #28303d;
+    border-bottom: 3px solid #28303d;
+}
+
+.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
+    padding-bottom: 30px;
+    border-bottom: 1px solid #28303d;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
-    padding-bottom: var(--global--spacing-vertical);
-    border-bottom: var(--separator--height) solid var(--global--color-border);
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    padding-bottom: 30px;
+    border-bottom: 1px solid #28303d;
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -2610 +3753 @@
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
-    box-shadow: inset 0 -1px 0 0 var(--global--color-border);
-    border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
+    box-shadow: inset 0 -1px 0 0 #28303d;
+    border-bottom: 2px solid #28303d;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
     margin: 0;
-    padding-top: var(--global--spacing-vertical);
-    padding-right: var(--global--spacing-horizontal);
+    padding-top: 30px;
+    padding-right: 25px;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
-    padding-bottom: var(--global--spacing-vertical);
+    padding-bottom: 30px;
 }
 @media screen and (min-width: 600px) {
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
-        width: calc((100% / 2));
+        width: 50%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
-        width: calc((100% / 3));
+        width: 33%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
-        width: calc((100% / 4));
+        width: 25%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
-        width: calc((100% / 5));
+        width: 20%;
     }
 
     .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
-        width: calc((100% / 6));
+        width: 17%;
     }
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
-    padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
+    border: 3px solid #28303d;
+    padding: 30px 25px;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
-    padding-bottom: var(--global--spacing-vertical);
+    padding-bottom: 30px;
 }
 
 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
-    margin-top: var(--global--spacing-horizontal);
-    margin-bottom: var(--global--spacing-horizontal);
+    margin-top: 25px;
+    margin-bottom: 25px;
 }
 
@@ -2715 +3858 @@
 }
 
-ul,
+ul {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    margin: 0;
+    padding-left: 50px;
+}
+
 ol {
-    font-family: var(--list--font-family);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     margin: 0;
-    padding-left: calc(2 * var(--global--spacing-horizontal));
+    padding-left: 50px;
 }
 
@@ -2744 +3892 @@
 
 dt {
-    font-family: var(--definition-term--font-family);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-weight: bold;
 }
@@ -2750 +3898 @@
 dd {
     margin: 0;
-    padding-left: calc(2 * var(--global--spacing-horizontal));
+    padding-left: 50px;
 }
 
@@ -2770 +3918 @@
 
 .wp-block-media-text .wp-block-media-text__content {
-    padding: var(--global--spacing-horizontal);
+    padding: 25px;
 }
 @media only screen and (min-width: 592px) {
 
     .wp-block-media-text .wp-block-media-text__content {
-        padding: var(--global--spacing-vertical);
+        padding: 30px;
     }
 }
 
 .wp-block-media-text .wp-block-media-text__content > * {
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.666 * var(--global--spacing-vertical));
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 @media only screen and (min-width: 482px) {
 
     .wp-block-media-text .wp-block-media-text__content > * {
-        margin-top: var(--global--spacing-vertical);
-        margin-bottom: var(--global--spacing-vertical);
+        margin-top: 30px;
+        margin-bottom: 30px;
     }
 }
@@ -2801 +3949 @@
 
     .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-        padding-top: var(--global--spacing-vertical);
-        padding-bottom: var(--global--spacing-vertical);
+        padding-top: 30px;
+        padding-bottom: 30px;
     }
 }
 
 .wp-block-media-text.is-style-twentytwentyone-border {
-    border: calc(3 * var(--separator--height)) solid var(--global--color-border);
+    border: 3px solid #28303d;
 }
 
@@ -2815 +3963 @@
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
-    padding: var(--primary-nav--padding);
+    padding: 13px;
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
-    font-family: var(--primary-nav--font-family);
-    font-size: var(--primary-nav--font-size);
-    font-weight: var(--primary-nav--font-weight);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.25rem;
+    font-weight: normal;
 }
 
@@ -2835 +3983 @@
     border: none;
     left: 0;
-    margin-left: var(--primary-nav--padding);
+    margin-left: 13px;
     min-width: max-content;
     opacity: 0;
@@ -2845 +3993 @@
 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
     display: inline-block;
-    padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
+    padding: 7px 13px;
 }
 
@@ -2860 +4008 @@
 
 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
-    background: var(--global--color-background);
+    background: #d1e4dd;
     margin: 0;
     padding: 0;
     position: absolute;
     top: 100%;
-    border: 1px solid var(--primary-nav--border-color);
-}
-
-.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
+    border: 1px solid #28303d;
+}
+
+.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 0;
+    top: -10px;
+    left: 25px;
+    border-style: solid;
+    border-color: #28303d transparent;
+    border-width: 0 7px 10px 7px;
+}
+
 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
     content: "";
@@ -2875 +4034 @@
     width: 0;
     top: -10px;
-    left: var(--global--spacing-horizontal);
+    left: 25px;
     border-style: solid;
-    border-color: var(--primary-nav--border-color) transparent;
+    border-color: #28303d transparent;
     border-width: 0 7px 10px 7px;
 }
@@ -2883 +4042 @@
 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
     top: -9px;
-    border-color: var(--global--color-background) transparent;
+    border-color: #d1e4dd transparent;
 }
 
 .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
-    background: var(--global--color-background);
+    background: #d1e4dd;
 }
 
 .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
-    background: var(--global--color-background);
-}
-
-.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
+    background: #d1e4dd;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
+    color: #28303d;
+}
+
 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
-    color: var(--primary-nav--color-link-hover);
+    color: #28303d;
 }
 
@@ -2909 +4071 @@
 
 p {
-    line-height: var(--wp--typography--line-height, --global--line-height-body);
+    line-height: --global--line-height-body;
 }
 
 p.has-background {
-    padding: var(--global--spacing-unit);
+    padding: 20px;
 }
 
 p.has-text-color a {
-    color: var(--wp--style--color--link, var(--global--color-primary));
+    color: #28303d;
 }
 
@@ -2926 +4088 @@
 
 .wp-block-pullquote {
-    padding: calc(2 * var(--global--spacing-unit)) 0;
+    padding: 40px 0;
     text-align: center;
-    border-width: var(--pullquote--border-width);
+    border-width: 3px;
     border-bottom-style: solid;
     border-top-style: solid;
@@ -2948 +4110 @@
 
 .wp-block-pullquote p {
-    font-family: var(--pullquote--font-family);
-    font-size: var(--pullquote--font-size);
-    font-style: var(--pullquote--font-style);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 2rem;
+    font-style: normal;
     font-weight: 700;
-    letter-spacing: var(--pullquote--letter-spacing);
-    line-height: var(--pullquote--line-height);
+    letter-spacing: normal;
+    line-height: 1.3;
     margin: 0;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-pullquote p {
+        font-size: 2rem;
+    }
 }
 
@@ -2961 +4129 @@
 }
 
-.wp-block-pullquote .wp-block-pullquote__citation,
-.wp-block-pullquote cite,
+.wp-block-pullquote .wp-block-pullquote__citation {
+    color: currentColor;
+    display: block;
+    font-size: 1rem;
+    font-style: normal;
+    text-transform: none;
+}
+
+.wp-block-pullquote cite {
+    color: currentColor;
+    display: block;
+    font-size: 1rem;
+    font-style: normal;
+    text-transform: none;
+}
+
 .wp-block-pullquote footer {
     color: currentColor;
     display: block;
-    font-size: var(--global--font-size-xs);
-    font-style: var(--pullquote--font-style);
+    font-size: 1rem;
+    font-style: normal;
     text-transform: none;
 }
@@ -2980 +4162 @@
 }
 
-.wp-block-pullquote.alignwide > p,
+.wp-block-pullquote.alignwide > p {
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .wp-block-pullquote.alignwide > p {
+        max-width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .wp-block-pullquote.alignwide > p {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
 .wp-block-pullquote.alignwide blockquote {
-    max-width: var(--responsive--alignwide-width);
-}
-
-.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .wp-block-pullquote.alignwide blockquote {
+        max-width: calc(100vw - 100px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .wp-block-pullquote.alignwide blockquote {
+        max-width: min(calc(100vw - 200px), 1240px);
+    }
+}
+
+.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p {
+    padding: 0 40px;
+}
+
 .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
-    padding: 0 calc(2 * var(--global--spacing-unit));
+    padding: 0 40px;
 }
 
 .wp-block-pullquote.is-style-solid-color {
-    color: var(--pullquote--color-foreground);
-    padding: calc(2.5 * var(--global--spacing-unit));
-    border-width: var(--pullquote--border-width);
+    color: #28303d;
+    padding: 50px;
+    border-width: 3px;
     border-style: solid;
-    border-color: var(--pullquote--border-color);
+    border-color: #28303d;
 }
 @media (min-width: 600px) {
 
     .wp-block-pullquote.is-style-solid-color {
-        padding: calc(5 * var(--global--spacing-unit));
+        padding: 100px;
     }
 }
@@ -3013 +4225 @@
 
 .wp-block-pullquote.is-style-solid-color blockquote p {
-    font-size: var(--pullquote--font-size);
+    font-size: 2rem;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-pullquote.is-style-solid-color blockquote p {
+        font-size: 2rem;
+    }
 }
 
@@ -3045 +4263 @@
 
 .wp-block-quote.has-text-align-right {
-    margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
+    margin: 30px 25px 30px auto;
     padding-right: 0;
     border-right: none;
@@ -3053 +4271 @@
     content: "”";
     left: initial;
-    right: calc(-0.5 * var(--global--spacing-horizontal));
+    right: -12px;
 }
 
 .wp-block-quote.has-text-align-center {
-    margin: var(--global--spacing-vertical) auto;
+    margin: 30px auto;
 }
 
@@ -3064 +4282 @@
 }
 
-.wp-block-quote.is-large,
+.wp-block-quote.is-large {
+    padding-left: 0;
+    padding-right: 0;
+
+    /* Resetting margins to match _block-container.scss */
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 .wp-block-quote.is-style-large {
     padding-left: 0;
@@ -3070 +4296 @@
 
     /* Resetting margins to match _block-container.scss */
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
-}
-
-.wp-block-quote.is-large p,
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.wp-block-quote.is-large p {
+    font-size: 2.25rem;
+    font-style: normal;
+    line-height: 1.35;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-large p {
+        font-size: 2.5rem;
+    }
+}
+
 .wp-block-quote.is-style-large p {
-    font-size: var(--quote--font-size-large);
-    font-style: var(--quote--font-style-large);
-    line-height: var(--quote--line-height-large);
-}
-
-.wp-block-quote.is-large:before,
+    font-size: 2.25rem;
+    font-style: normal;
+    line-height: 1.35;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-style-large p {
+        font-size: 2.5rem;
+    }
+}
+
+.wp-block-quote.is-large:before {
+    font-size: 2.25rem;
+    line-height: 1.35;
+    left: -25px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-large:before {
+        font-size: 2.5rem;
+    }
+}
+
 .wp-block-quote.is-style-large:before {
-    font-size: var(--quote--font-size-large);
-    line-height: var(--quote--line-height-large);
-    left: calc(-1 * var(--global--spacing-horizontal));
-}
-
-.wp-block-quote.is-large.has-text-align-right:before,
+    font-size: 2.25rem;
+    line-height: 1.35;
+    left: -25px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-quote.is-style-large:before {
+        font-size: 2.5rem;
+    }
+}
+
+.wp-block-quote.is-large.has-text-align-right:before {
+    left: initial;
+    right: -25px;
+}
+
 .wp-block-quote.is-style-large.has-text-align-right:before {
     left: initial;
-    right: calc(-1 * var(--global--spacing-horizontal));
-}
-
-.wp-block-quote.is-large .wp-block-quote__citation,
-.wp-block-quote.is-large cite,
-.wp-block-quote.is-large footer,
-.wp-block-quote.is-style-large .wp-block-quote__citation,
-.wp-block-quote.is-style-large cite,
+    right: -25px;
+}
+
+.wp-block-quote.is-large .wp-block-quote__citation {
+    color: #28303d;
+    font-size: 1.125rem;
+}
+
+.wp-block-quote.is-large cite {
+    color: #28303d;
+    font-size: 1.125rem;
+}
+
+.wp-block-quote.is-large footer {
+    color: #28303d;
+    font-size: 1.125rem;
+}
+
+.wp-block-quote.is-style-large .wp-block-quote__citation {
+    color: #28303d;
+    font-size: 1.125rem;
+}
+
+.wp-block-quote.is-style-large cite {
+    color: #28303d;
+    font-size: 1.125rem;
+}
+
 .wp-block-quote.is-style-large footer {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-sm);
+    color: #28303d;
+    font-size: 1.125rem;
 }
 @media only screen and (max-width: 481px) {
 
-    .wp-block-quote.is-large,
+    .wp-block-quote.is-large {
+        padding-left: 25px;
+    }
+
     .wp-block-quote.is-style-large {
-        padding-left: var(--global--spacing-horizontal);
+        padding-left: 25px;
     }
 
@@ -3115 +4402 @@
     }
 
-    .wp-block-quote.is-large.has-text-align-right,
+    .wp-block-quote.is-large.has-text-align-right {
+        padding-left: 0;
+        padding-right: 25px;
+    }
+
     .wp-block-quote.is-style-large.has-text-align-right {
         padding-left: 0;
-        padding-right: var(--global--spacing-horizontal);
+        padding-right: 25px;
     }
 
@@ -3136 +4427 @@
     .wp-block-quote.has-text-align-right {
         padding-left: 0;
-        padding-right: calc(0.5 * var(--global--spacing-horizontal));
+        padding-right: 13px;
     }
 
@@ -3158 +4449 @@
 
 .wp-block-rss:not(.is-grid) > li {
-    margin-top: calc(1.666 * var(--global--spacing-vertical));
-    margin-bottom: calc(1.666 * var(--global--spacing-vertical));
+    margin-top: 50px;
+    margin-bottom: 50px;
 }
 
@@ -3171 +4462 @@
 
 .wp-block-rss.is-grid > li {
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
 }
 
@@ -3192 +4483 @@
 
 .wp-block-rss > li > * {
-    margin-top: calc(0.333 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
@@ -3206 +4497 @@
 .wp-block-rss .wp-block-rss__item-title > a {
     display: inline-block;
-    font-family: var(--latest-posts--title-font-family);
-    font-size: var(--latest-posts--title-font-size);
-    font-weight: var(--heading--font-weight);
-    line-height: var(--global--line-height-heading);
-    margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 2rem;
+    font-weight: normal;
+    line-height: 1.3;
+    margin-bottom: 10px;
+}
+@media only screen and (min-width: 652px) {
+
+    .wp-block-rss .wp-block-rss__item-title > a {
+        font-size: 2rem;
+    }
 }
 
 .wp-block-rss .wp-block-rss__item-author {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-md);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1.25rem;
+    line-height: 1.7;
 }
 
 .wp-block-rss .wp-block-rss__item-publish-date {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    line-height: var(--global--line-height-body);
+    color: #28303d;
+    font-size: 1rem;
+    line-height: 1.7;
 }
 
@@ -3230 +4527 @@
 }
 
-.wp-block-rss .wp-block-rss__item-excerpt,
+.wp-block-rss .wp-block-rss__item-excerpt {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
+}
+
 .wp-block-rss .wp-block-rss__item-full-content {
-    font-family: var(--latest-posts--description-font-family);
-    font-size: var(--latest-posts--description-font-size);
-    line-height: var(--global--line-height-body);
-    margin-top: calc(0.666 * var(--global--spacing-vertical));
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    margin-top: 20px;
 }
 
 .wp-block-rss.alignfull {
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
+    padding-left: 20px;
+    padding-right: 20px;
 }
 
@@ -3250 +4553 @@
 
 .wp-block-search {
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px) {
+
+    .wp-block-search {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .wp-block-search {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
 .wp-block-search__button-inside .wp-block-search__inside-wrapper {
-    background-color: var(--global--color-white);
+    background-color: #fff;
 }
 
@@ -3262 +4579 @@
 
 .wp-block-search .wp-block-search__label {
-    font-size: var(--form--font-size);
-    font-weight: var(--form--label-weight);
-    margin-bottom: calc(var(--global--spacing-vertical) / 3);
+    font-size: 1.125rem;
+    font-weight: 500;
+    margin-bottom: 10px;
 }
 
 .wp-block-search .wp-block-search__input {
-    border: var(--form--border-width) solid var(--form--border-color);
-    border-radius: var(--form--border-radius);
-    color: var(--form--color-text);
-    line-height: var(--form--line-height);
+    border: 3px solid #39414d;
+    border-radius: 0;
+    color: #28303d;
+    line-height: 1.7;
     max-width: inherit;
-    margin-right: calc(-1 * var(--button--border-width));
-    padding: var(--form--spacing-unit);
+    margin-right: -3px;
+    padding: 10px;
 }
 
 .wp-block-search .wp-block-search__input:focus {
-    color: var(--form--color-text);
-    border-color: var(--form--border-color);
+    color: #28303d;
+    border-color: #39414d;
 }
 
@@ -3289 +4606 @@
 }
 
-.has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
-.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
+.has-background.has-gray-background-color .wp-block-search .wp-block-search__input {
+    border-color: #fff;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input {
+    border-color: #fff;
+}
+
 .has-background.has-black-background-color .wp-block-search .wp-block-search__input {
-    border-color: var(--global--color-white);
+    border-color: #fff;
 }
 
@@ -3298 +4621 @@
     margin-left: 0;
     background-color: transparent;
-    color: var(--button--color-text-hover);
+    color: #39414d;
     line-height: 1;
 }
 
 .wp-block-search button.wp-block-search__button:hover {
-    background-color: var(--button--color-background);
-    color: var(--button--color-text);
+    background-color: #39414d;
+    color: #d1e4dd;
 }
 
 .wp-block-search button.wp-block-search__button.has-icon {
-    padding: 6px calc(0.5 * var(--button--padding-horizontal));
+    padding: 6px 15px;
 }
 
@@ -3317 +4640 @@
 }
 
-.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
-.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button {
+    color: #fff;
+    border-color: currentColor;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button {
+    color: #fff;
+    border-color: currentColor;
+}
+
 .has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
-    color: var(--global--color-white);
+    color: #fff;
     border-color: currentColor;
 }
 
-.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
-.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #fff;
+    color: #fff;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #fff;
+    color: #fff;
+}
+
 .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
-    background-color: var(--button--color-background);
-    border-color: var(--global--color-white);
-    color: var(--global--color-white);
-}
-
-.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
-.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
+    background-color: #39414d;
+    border-color: #fff;
+    color: #fff;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover {
+    color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover {
+    color: #d1e4dd;
+}
+
 .is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
-    color: var(--button--color-text);
+    color: #d1e4dd;
 }
 
@@ -3349 +4696 @@
 }
 
-.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
-.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
-.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
-.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
-.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
-.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #39414d;
+    color: #fff;
+}
+
+.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #39414d;
+    color: #fff;
+}
+
+.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #39414d;
+    color: #fff;
+}
+
+.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #39414d;
+    color: #fff;
+}
+
+.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #39414d;
+    color: #fff;
+}
+
+.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover {
+    background-color: #39414d;
+    border-color: #39414d;
+    color: #fff;
+}
+
 .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
-    background-color: var(--form--border-color);
-    border-color: var(--form--border-color);
-    color: var(--global--color-white);
-}
-
-.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
-.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
-.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
-.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
-.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
-.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
+    background-color: #39414d;
+    border-color: #39414d;
+    color: #fff;
+}
+
+.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover {
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
+}
+
+.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover {
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
+}
+
+.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover {
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
+}
+
+.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover {
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
+}
+
+.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover {
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
+}
+
+.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover {
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
+}
+
 .is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
-    border-color: var(--button--color-text);
-    background-color: var(--button--color-text);
-    color: var(--button--color-background);
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
 }
 
 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
-    padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-}
-
-.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
-.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+    padding: 15px 30px;
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+    border-color: #39414d;
+    color: #39414d;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+    border-color: #39414d;
+    color: #39414d;
+}
+
 .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
-    border-color: var(--button--color-background);
-    color: var(--button--color-background);
-}
-
-.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
-.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+    border-color: #39414d;
+    color: #39414d;
+}
+
+.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+    color: #fff;
+}
+
+.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+    color: #fff;
+}
+
 .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
-    color: var(--global--color-white);
-}
-
-.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
-.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
+    color: #fff;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+    border-color: #d1e4dd;
+    color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
+    border-color: #d1e4dd;
+    color: #d1e4dd;
+}
+
 .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
-    border-color: var(--button--color-text);
-    color: var(--button--color-text);
-}
-
-.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
-.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
+    border-color: #d1e4dd;
+    color: #d1e4dd;
+}
+
+.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+    color: #fff;
+}
+
+.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
+    color: #fff;
+}
+
 .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
-    color: var(--global--color-white);
+    color: #fff;
 }
 
 .is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
-    border-color: var(--button--color-text);
-    color: var(--button--color-text);
+    border-color: #d1e4dd;
+    color: #d1e4dd;
 }
 
 .is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
-    border-color: var(--button--color-text);
-    background-color: var(--button--color-text);
-    color: var(--button--color-background);
+    border-color: #d1e4dd;
+    background-color: #d1e4dd;
+    color: #39414d;
 }
 
@@ -3420 +4855 @@
 hr {
     border-style: none;
-    border-bottom: var(--separator--height) solid var(--separator--border-color);
+    border-bottom: 1px solid #28303d;
     clear: both;
     margin-left: auto;
@@ -3427 +4862 @@
 
 hr.wp-block-separator {
-    border-bottom: var(--separator--height) solid var(--separator--border-color);
+    border-bottom: 1px solid #28303d;
 
     /**
@@ -3435 +4870 @@
 
 hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
 hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
-    max-width: var(--responsive--alignfull-width);
+    max-width: 100%;
 }
 
 hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
-    border-bottom-width: calc(3 * var(--separator--height));
+    border-bottom-width: 3px;
 }
 
@@ -3457 +4904 @@
 
 hr.wp-block-separator.is-style-dots:before {
-    color: var(--separator--border-color);
-    font-size: var(--global--font-size-xl);
-    letter-spacing: var(--global--font-size-sm);
-    padding-left: var(--global--font-size-sm);
+    color: #28303d;
+    font-size: 2.25rem;
+    letter-spacing: 1.125rem;
+    padding-left: 1.125rem;
+}
+@media only screen and (min-width: 652px) {
+
+    hr.wp-block-separator.is-style-dots:before {
+        font-size: 2.5rem;
+    }
 }
 
@@ -3471 +4924 @@
 
 .wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
-    color: var(--global--color-primary);
+    color: #28303d;
 }
 
@@ -3486 +4939 @@
 
     .wp-block-spacer[style] {
-        height: var(--global--spacing-unit) !important;
+        height: 20px !important;
     }
 }
@@ -3497 +4950 @@
 }
 
-table th,
+table th {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
 .wp-block-table th {
-    font-family: var(--heading--font-family);
-}
-
-table td,
-table th,
-.wp-block-table td,
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+table td {
+    padding: 10px;
+    border: 1px solid;
+}
+
+table th {
+    padding: 10px;
+    border: 1px solid;
+}
+
+.wp-block-table td {
+    padding: 10px;
+    border: 1px solid;
+}
+
 .wp-block-table th {
-    padding: calc(0.5 * var(--global--spacing-unit));
+    padding: 10px;
     border: 1px solid;
 }
 
-table.is-style-regular .has-background,
-table.is-style-stripes .has-background thead tr,
-table.is-style-stripes .has-background tfoot tr,
-table.is-style-stripes .has-background tbody tr:nth-child(even),
-.wp-block-table.is-style-regular .has-background,
-.wp-block-table.is-style-stripes .has-background thead tr,
-.wp-block-table.is-style-stripes .has-background tfoot tr,
+table.is-style-regular .has-background {
+    color: #28303d;
+}
+
+table.is-style-stripes .has-background thead tr {
+    color: #28303d;
+}
+
+table.is-style-stripes .has-background tfoot tr {
+    color: #28303d;
+}
+
+table.is-style-stripes .has-background tbody tr:nth-child(even) {
+    color: #28303d;
+}
+
+.wp-block-table.is-style-regular .has-background {
+    color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background thead tr {
+    color: #28303d;
+}
+
+.wp-block-table.is-style-stripes .has-background tfoot tr {
+    color: #28303d;
+}
+
 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
-    color: var(--table--has-background-text-color);
-}
-
-table.is-style-stripes,
+    color: #28303d;
+}
+
+table.is-style-stripes {
+    border-color: #f0f0f0;
+}
+
 .wp-block-table.is-style-stripes {
-    border-color: var(--table--stripes-border-color);
+    border-color: #f0f0f0;
 }
 
@@ -3533 +5025 @@
 }
 
-table.is-style-stripes tbody tr:nth-child(odd),
+table.is-style-stripes tbody tr:nth-child(odd) {
+    background-color: #f0f0f0;
+}
+
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
-    background-color: var(--table--stripes-background-color);
+    background-color: #f0f0f0;
 }
 
@@ -3561 +5056 @@
     font-weight: bold;
     text-align: left;
-    margin-bottom: var(--global--spacing-unit);
+    margin-bottom: 20px;
     color: currentColor;
 }
@@ -3567 +5062 @@
 .wp-calendar-nav {
     text-align: left;
-    margin-top: calc(var(--global--spacing-unit) / 2);
+    margin-top: 10px;
 }
 
@@ -3584 +5079 @@
 
 .wp-block-tag-cloud.alignfull {
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
+    padding-left: 20px;
+    padding-right: 20px;
 }
 
 .wp-block-verse {
-    font-family: var(--entry-content--font-family);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 .wp-block-video figcaption {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
-    margin-top: calc(0.5 * var(--global--spacing-unit));
-    margin-bottom: var(--global--spacing-unit);
+    color: #28303d;
+    font-size: 1rem;
+    margin-top: 10px;
+    margin-bottom: 20px;
     text-align: center;
 }
@@ -3606 +5101 @@
 }
 
-:root .is-extra-small-text,
+:root .is-extra-small-text {
+    font-size: 1rem;
+}
+
 :root .has-extra-small-font-size {
-    font-size: var(--global--font-size-xs);
-}
-
-:root .is-small-text,
+    font-size: 1rem;
+}
+
+:root .is-small-text {
+    font-size: 1.125rem;
+}
+
 :root .has-small-font-size {
-    font-size: var(--global--font-size-sm);
-}
-
-:root .is-regular-text,
-:root .has-regular-font-size,
-:root .is-normal-font-size,
-:root .has-normal-font-size,
+    font-size: 1.125rem;
+}
+
+:root .is-regular-text {
+    font-size: 1.25rem;
+}
+
+:root .has-regular-font-size {
+    font-size: 1.25rem;
+}
+
+:root .is-normal-font-size {
+    font-size: 1.25rem;
+}
+
+:root .has-normal-font-size {
+    font-size: 1.25rem;
+}
+
 :root .has-medium-font-size {
-    font-size: var(--global--font-size-base);
-}
-
-:root .is-large-text,
+    font-size: 1.25rem;
+}
+
+:root .is-large-text {
+    font-size: 1.5rem;
+    line-height: 1.3;
+}
+
 :root .has-large-font-size {
-    font-size: var(--global--font-size-lg);
-    line-height: var(--global--line-height-heading);
-}
-
-:root .is-larger-text,
-:root .has-larger-font-size,
-:root .is-extra-large-text,
+    font-size: 1.5rem;
+    line-height: 1.3;
+}
+
+:root .is-larger-text {
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-larger-text {
+        font-size: 2.5rem;
+    }
+}
+
+:root .has-larger-font-size {
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-larger-font-size {
+        font-size: 2.5rem;
+    }
+}
+
+:root .is-extra-large-text {
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-extra-large-text {
+        font-size: 2.5rem;
+    }
+}
+
 :root .has-extra-large-font-size {
-    font-size: var(--global--font-size-xl);
-    line-height: var(--global--line-height-heading);
-}
-
-:root .is-huge-text,
+    font-size: 2.5rem;
+    line-height: 1.3;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-extra-large-font-size {
+        font-size: 2.5rem;
+    }
+}
+
+:root .is-huge-text {
+    font-size: 6rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-huge-text {
+        font-size: 6rem;
+    }
+}
+
 :root .has-huge-font-size {
-    font-size: var(--global--font-size-xxl);
-    line-height: var(--global--line-height-heading);
-    font-weight: var(--heading--font-weight-page-title);
-}
-
-:root .is-gigantic-text,
+    font-size: 6rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-huge-font-size {
+        font-size: 6rem;
+    }
+}
+
+:root .is-gigantic-text {
+    font-size: 9rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .is-gigantic-text {
+        font-size: 9rem;
+    }
+}
+
 :root .has-gigantic-font-size {
-    font-size: var(--global--font-size-xxxl);
-    line-height: var(--global--line-height-heading);
-    font-weight: var(--heading--font-weight-page-title);
+    font-size: 9rem;
+    line-height: 1.3;
+    font-weight: 300;
+}
+@media only screen and (min-width: 652px) {
+
+    :root .has-gigantic-font-size {
+        font-size: 9rem;
+    }
 }
 
@@ -3669 +5256 @@
 
 .entry-content > .alignleft {
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px) {
+
+    .entry-content > .alignleft {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .entry-content > .alignleft {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
@@ -3680 +5281 @@
 
         /*rtl:ignore*/
-        margin-right: var(--global--spacing-horizontal);
-        margin-bottom: var(--global--spacing-vertical);
+        margin-right: 25px;
+        margin-bottom: 30px;
     }
 
     .entry-content > .alignleft {
-        max-width: calc(50% - var(--responsive--alignleft-margin));
+        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+    }
+
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignleft {
+            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignleft {
+            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+
+    @media only screen and (min-width: 822px) {
+
+        .entry-content > .alignleft {
+            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+        }
     }
 }
@@ -3706 +5328 @@
 .alignright {
     margin-top: 0;
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
 }
 
 .entry-content > .alignright {
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px) {
+
+    .entry-content > .alignright {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .entry-content > .alignright {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
@@ -3721 +5357 @@
 
         /*rtl:ignore*/
-        margin-left: var(--global--spacing-horizontal);
+        margin-left: 25px;
     }
 
     .entry-content > .alignright {
-        max-width: calc(50% - var(--responsive--alignright-margin));
+        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+    }
+
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignright {
+            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+
+    @media only screen and (min-width: 482px) {
+
+        .entry-content > .alignright {
+            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+        }
+    }
+
+    @media only screen and (min-width: 822px) {
+
+        .entry-content > .alignright {
+            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
+        }
     }
 }
@@ -3761 +5418 @@
 
 .has-drop-cap:not(:focus)::first-letter {
-    font-family: var(--heading--font-family);
-    font-weight: var(--heading--font-weight);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-weight: normal;
     line-height: 0.66;
     text-transform: uppercase;
@@ -3768 +5425 @@
     float: left;
     margin: 0.1em 0.1em 0 0;
-    font-size: calc(1.2 * var(--heading--font-size-h1));
+    font-size: 5rem;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .has-drop-cap:not(:focus)::first-letter {
+        font-size: 7rem;
+    }
 }
 
@@ -3793 +5457 @@
     align-items: flex-start;
     flex-wrap: wrap;
-    row-gap: var(--global--spacing-vertical);
+    row-gap: 30px;
 }
 
@@ -3802 +5466 @@
 
     .site-header {
-        padding-top: calc(var(--global--spacing-vertical) / 0.75);
+        padding-top: 40px;
     }
 }
@@ -3808 +5472 @@
 
     .site-header {
-        padding-top: calc(2.4 * var(--global--spacing-vertical));
+        padding-top: 72px;
     }
 }
 
 .site-branding {
-    color: var(--branding--color-text);
+    color: #28303d;
     margin-right: 140px;
 }
@@ -3831 +5495 @@
 
 .site-title {
-    color: var(--branding--color-link);
-    font-family: var(--branding--title--font-family);
-    font-size: var(--branding--title--font-size-mobile);
+    color: #28303d;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.5rem;
     letter-spacing: normal;
-    text-transform: var(--branding--title--text-transform);
-    line-height: var(--global--line-height-heading);
-    margin-bottom: calc(var(--global--spacing-vertical) / 6);
+    text-transform: uppercase;
+    line-height: 1.3;
+    margin-bottom: 5px;
 }
 
 .site-title a {
     color: currentColor;
-    font-weight: var(--branding--title--font-weight);
+    font-weight: normal;
 }
 
@@ -3851 +5515 @@
 }
 
-.site-title a:hover,
+.site-title a:hover {
+    color: #39414d;
+}
+
 .site-title a:focus {
-    color: var(--branding--color-link-hover);
+    color: #39414d;
 }
 @media only screen and (min-width: 482px) {
 
     .site-title {
-        font-size: var(--branding--title--font-size);
+        font-size: 1.5rem;
     }
 }
@@ -3864 +5531 @@
 .site-description {
     color: currentColor;
-    font-family: var(--branding--description--font-family);
-    font-size: var(--branding--description--font-size);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
     line-height: 1.4;
 }
@@ -3874 +5541 @@
 
 .site-title > a {
-    text-decoration-color: var(--global--color-secondary);
+    text-decoration-color: #39414d;
 }
 
 .site-logo {
-    margin: calc(var(--global--spacing-vertical) / 2) 0;
+    margin: 15px 0;
 }
 
 .site-header > .site-logo {
     width: 100%;
-    padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
+    padding-bottom: 45px;
     border-bottom: 1px solid;
     text-align: center;
@@ -3891 +5558 @@
     margin-left: auto;
     margin-right: auto;
-    max-width: var(--branding--logo--max-width-mobile);
-    max-height: var(--branding--logo--max-height-mobile);
+    max-width: 96px;
+    max-height: 96px;
     height: auto;
     display: inline-block;
@@ -3900 +5567 @@
 
     .site-logo .custom-logo {
-        max-width: var(--branding--logo--max-width);
-        max-height: var(--branding--logo--max-height);
+        max-width: 300px;
+        max-height: 100px;
         height: auto;
         width: auto;
@@ -3911 +5578 @@
     .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
         position: absolute;
-        padding-top: calc(0.5 * var(--global--spacing-vertical));
+        padding-top: 15px;
         margin-top: 0;
-        top: var(--global--admin-bar--height);
+        top: 0;
     }
 
@@ -3921 +5588 @@
 
     .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
-        max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
+        max-height: calc(10px + 2em);
     }
 
@@ -3952 +5619 @@
         position: relative;
         padding-top: 0;
-        margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
+        margin-top: -10px;
     }
 
     body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
-        padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
-        padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
-        margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
+        padding-left: 11px;
+        padding-right: 11px;
+        margin-right: -15px;
     }
 
@@ -3973 +5640 @@
 .site-footer {
     padding-top: 0;
-    padding-bottom: calc(1.7 * var(--global--spacing-vertical));
+    padding-bottom: 51px;
 }
 
 .no-widgets .site-footer {
-    margin-top: calc(6 * var(--global--spacing-vertical));
+    margin-top: 180px;
 }
 
 .site-footer > .site-info {
-    padding-top: var(--global--spacing-vertical);
-    color: var(--footer--color-text);
-    font-family: var(--footer--font-family);
-    font-size: var(--footer--font-size);
-    line-height: var(--global--line-height-body);
-    border-top: 3px solid var(--global--color-border);
+    padding-top: 30px;
+    color: #28303d;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    line-height: 1.7;
+    border-top: 3px solid #28303d;
 }
 
 .site-footer > .site-info .site-name {
-    text-transform: var(--branding--title--text-transform);
-    font-size: var(--branding--title--font-size);
+    text-transform: uppercase;
+    font-size: 1.5rem;
 }
 
 .site-footer > .site-info .powered-by {
-    margin-top: calc(0.5 * var(--global--spacing-vertical));
+    margin-top: 15px;
 }
 @media only screen and (min-width: 822px) {
@@ -4011 +5678 @@
 
 .site-footer > .site-info a {
-    color: var(--footer--color-link);
-}
-
-.site-footer > .site-info a:link,
-.site-footer > .site-info a:visited,
+    color: #28303d;
+}
+
+.site-footer > .site-info a:link {
+    color: #28303d;
+}
+
+.site-footer > .site-info a:visited {
+    color: #28303d;
+}
+
 .site-footer > .site-info a:active {
-    color: var(--footer--color-link);
+    color: #28303d;
 }
 
 .site-footer > .site-info a:hover {
-    color: var(--footer--color-link-hover);
+    color: #28303d;
 }
 
 .site-footer > .site-info a:focus {
-    color: var(--footer--color-link-hover);
+    color: #28303d;
 }
 
 .is-dark-theme .site-footer > .site-info a:focus {
-    color: var(--wp--style--color--link, var(--global--color-background));
+    color: #d1e4dd;
 }
 
 .singular .entry-header {
-    border-bottom: 3px solid var(--global--color-border);
-    padding-bottom: calc(2 * var(--global--spacing-vertical));
-    margin-bottom: calc(3 * var(--global--spacing-vertical));
+    border-bottom: 3px solid #28303d;
+    padding-bottom: 60px;
+    margin-bottom: 90px;
 }
 
@@ -4046 +5719 @@
 .singular .has-post-thumbnail .entry-header {
     border-bottom: none;
-    padding-bottom: calc(1.3 * var(--global--spacing-vertical));
+    padding-bottom: 39px;
     margin-bottom: 0;
 }
 
 .no-results.not-found > *:first-child {
-    margin-bottom: calc(3 * var(--global--spacing-vertical));
+    margin-bottom: 90px;
 }
 
@@ -4060 +5733 @@
 .page-links .post-page-numbers {
     display: inline-block;
-    margin-left: calc(0.66 * var(--global--spacing-unit));
-    margin-right: calc(0.66 * var(--global--spacing-unit));
+    margin-left: 13px;
+    margin-right: 13px;
     min-width: 44px;
     min-height: 44px;
@@ -4071 +5744 @@
 
 .entry-title {
-    color: var(--entry-header--color);
-    font-size: var(--entry-header--font-size);
-    letter-spacing: var(--heading--letter-spacing-h2);
-    line-height: var(--heading--line-height-h2);
+    color: #28303d;
+    font-size: 2.25rem;
+    letter-spacing: normal;
+    line-height: 1.3;
     overflow-wrap: break-word;
 }
 
+@media only screen and (min-width: 652px) {
+
+    .entry-title {
+        font-size: 3rem;
+    }
+}
+
+@media only screen and (min-width: 652px) {
+
+    .entry-title {
+        font-size: 3rem;
+    }
+}
+
 .entry-title a {
-    color: var(--entry-header--color-link);
+    color: currentColor;
     text-underline-offset: 0.15em;
 }
 
 .entry-title a:hover {
-    color: var(--entry-header--color-hover);
+    color: #28303d;
 }
 
 .entry-title a:focus {
-    color: var(--entry-header--color-focus);
+    color: #39414d;
 }
 
 .entry-title a:active {
-    color: var(--entry-header--color-link);
+    color: currentColor;
 }
 
 .singular .entry-title {
-    font-size: var(--global--font-size-page-title);
+    font-size: 4rem;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .singular .entry-title {
+        font-size: 6rem;
+    }
 }
 
 h1.entry-title {
-    line-height: var(--heading--line-height-h1);
-    font-weight: var(--heading--font-weight-page-title);
+    line-height: 1.1;
+    font-weight: 300;
 }
 
@@ -4107 +5801 @@
  * Entry Content
  */
-.entry-content,
+.entry-content {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
 .entry-summary {
-    font-family: var(--entry-content--font-family);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
@@ -4117 +5814 @@
 
 .entry-content > iframe[style] {
-    margin: var(--global--spacing-vertical) 0 !important;
+    margin: 30px 0 !important;
     max-width: 100% !important;
 }
@@ -4123 +5820 @@
 
     .entry-content > iframe[style] {
-        max-width: var(--global--spacing-vertical) !important;
+        max-width: 30px !important;
     }
 }
 
 .entry-footer {
-    color: var(--global--color-primary);
+    color: #28303d;
     clear: both;
     float: none;
-    font-size: var(--global--font-size-xs);
+    font-size: 1rem;
     display: block;
 }
@@ -4143 +5840 @@
 }
 
-.entry-footer a:hover,
+.entry-footer a:hover {
+    color: #28303d;
+}
+
 .entry-footer a:focus {
-    color: var(--global--color-primary-hover);
+    color: #28303d;
 }
 
@@ -4153 +5853 @@
 
 .site-main > article > .entry-footer {
-    margin-top: var(--global--spacing-vertical);
-    padding-top: var(--global--spacing-unit);
-    padding-bottom: calc(3 * var(--global--spacing-vertical));
-    border-bottom: var(--separator--height) solid var(--separator--border-color);
+    margin-top: 30px;
+    padding-top: 20px;
+    padding-bottom: 90px;
+    border-bottom: 1px solid #28303d;
 }
 
 body:not(.single) .site-main > article:last-of-type .entry-footer {
-    border-bottom: var(--separator--height) solid transparent;
+    border-bottom: 1px solid transparent;
 }
 
 .single .site-main > article > .entry-footer {
-    margin-top: calc(3.4 * var(--global--spacing-vertical));
-    margin-bottom: calc(3.4 * var(--global--spacing-vertical));
+    margin-top: 102px;
+    margin-bottom: 102px;
     padding-bottom: 0;
-    padding-top: calc(0.8 * var(--global--spacing-vertical));
-    border-top: 3px solid var(--separator--border-color);
-    border-bottom: var(--separator--height) solid transparent;
+    padding-top: 24px;
+    border-top: 3px solid #28303d;
+    border-bottom: 1px solid transparent;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
-    column-gap: calc(2 * var(--global--spacing-horizontal));
+    column-gap: 50px;
 }
 
@@ -4220 +5920 @@
     margin-left: auto;
     margin-right: auto;
-    margin-top: calc(2 * var(--global--spacing-vertical));
+    margin-top: 60px;
 }
 
@@ -4228 +5928 @@
 .author-bio {
     position: relative;
-    font-size: var(--global--font-size-xs);
-    max-width: var(--responsive--aligndefault-width);
+    font-size: 1rem;
+    max-width: calc(100vw - 30px);
+}
+@media only screen and (min-width: 482px) {
+
+    .author-bio {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .author-bio {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
 .site-main > article > .author-bio {
-    margin-top: calc(2 * var(--global--spacing-vertical));
+    margin-top: 60px;
 }
 
@@ -4244 +5956 @@
 .author-bio.show-avatars .author-bio-content {
     display: inline-block;
-    padding-left: var(--global--spacing-horizontal);
-    max-width: calc(var(--responsive--aligndefault-width) - 90px);
+    padding-left: 25px;
+    max-width: calc(100vw - 120px);
+}
+@media only screen and (min-width: 482px) {
+
+    .author-bio.show-avatars .author-bio-content {
+        max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px);
+    }
+}
+@media only screen and (min-width: 822px) {
+
+    .author-bio.show-avatars .author-bio-content {
+        max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px);
+    }
 }
 
 .author-bio .author-bio-content .author-title {
-    font-family: var(--entry-author-bio--font-family);
-    font-size: var(--entry-author-bio--font-size);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.5rem;
     display: inline;
 }
 
 .author-bio .author-bio-content .author-description {
-    font-size: var(--global--font-size-xs);
-    margin-top: calc(0.5 * var(--global--spacing-vertical));
-    margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+    font-size: 1rem;
+    margin-top: 15px;
+    margin-bottom: 15px;
 }
 
 .page-title {
-    font-size: var(--global--font-size-page-title);
-}
-
-h1.page-title,
+    font-size: 4rem;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .page-title {
+        font-size: 6rem;
+    }
+}
+
+h1.page-title {
+    font-weight: 300;
+}
+
 h2.page-title {
-    font-weight: var(--heading--font-weight-page-title);
+    font-weight: 300;
 }
 
 h1.page-title {
-    line-height: var(--heading--line-height-h1);
+    line-height: 1.1;
 }
 
 .page-header {
-    border-bottom: 3px solid var(--global--color-border);
-    padding-bottom: calc(2 * var(--global--spacing-vertical));
-}
-
-.archive .content-area .format-aside .entry-content,
-.archive .content-area .format-status .entry-content,
-.archive .content-area .format-link .entry-content,
-.search .content-area .format-aside .entry-content,
-.search .content-area .format-status .entry-content,
-.search .content-area .format-link .entry-content,
-.blog .content-area .format-aside .entry-content,
-.blog .content-area .format-status .entry-content,
+    border-bottom: 3px solid #28303d;
+    padding-bottom: 60px;
+}
+
+.archive .content-area .format-aside .entry-content {
+    font-size: 1.5rem;
+}
+
+.archive .content-area .format-status .entry-content {
+    font-size: 1.5rem;
+}
+
+.archive .content-area .format-link .entry-content {
+    font-size: 1.5rem;
+}
+
+.search .content-area .format-aside .entry-content {
+    font-size: 1.5rem;
+}
+
+.search .content-area .format-status .entry-content {
+    font-size: 1.5rem;
+}
+
+.search .content-area .format-link .entry-content {
+    font-size: 1.5rem;
+}
+
+.blog .content-area .format-aside .entry-content {
+    font-size: 1.5rem;
+}
+
+.blog .content-area .format-status .entry-content {
+    font-size: 1.5rem;
+}
+
 .blog .content-area .format-link .entry-content {
-    font-size: var(--global--font-size-lg);
-}
-
-.archive .format-image .entry-content,
-.archive .format-gallery .entry-content,
-.archive .format-video .entry-content,
-.search .format-image .entry-content,
-.search .format-gallery .entry-content,
-.search .format-video .entry-content,
-.blog .format-image .entry-content,
-.blog .format-gallery .entry-content,
+    font-size: 1.5rem;
+}
+
+.archive .format-image .entry-content {
+    margin-top: 60px;
+}
+
+.archive .format-gallery .entry-content {
+    margin-top: 60px;
+}
+
+.archive .format-video .entry-content {
+    margin-top: 60px;
+}
+
+.search .format-image .entry-content {
+    margin-top: 60px;
+}
+
+.search .format-gallery .entry-content {
+    margin-top: 60px;
+}
+
+.search .format-video .entry-content {
+    margin-top: 60px;
+}
+
+.blog .format-image .entry-content {
+    margin-top: 60px;
+}
+
+.blog .format-gallery .entry-content {
+    margin-top: 60px;
+}
+
 .blog .format-video .entry-content {
-    margin-top: calc(2 * var(--global--spacing-vertical));
+    margin-top: 60px;
 }
 
@@ -4311 +6093 @@
 }
 
-.archive.logged-in .entry-footer .posted-on,
-.search.logged-in .entry-footer .posted-on,
+.archive.logged-in .entry-footer .posted-on {
+    margin-right: 10px;
+}
+
+.search.logged-in .entry-footer .posted-on {
+    margin-right: 10px;
+}
+
 .blog.logged-in .entry-footer .posted-on {
-    margin-right: calc(0.5 * var(--global--spacing-unit));
+    margin-right: 10px;
 }
 
 .archive-description {
-    margin-top: var(--global--spacing-vertical);
-    font-size: var(--global--font-size-xl);
-    line-height: var(--global--line-height-heading);
+    margin-top: 30px;
+    font-size: 2.25rem;
+    line-height: 1.3;
+}
+
+@media only screen and (min-width: 652px) {
+
+    .archive-description {
+        font-size: 2.5rem;
+    }
 }
 
 .error404 main p {
-    font-size: var(--global--font-size-lg);
-    margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
+    font-size: 1.5rem;
+    margin-bottom: 50px;
 }
 
 .search-no-results .page-content {
-    margin-top: calc(3 * var(--global--spacing-vertical));
+    margin-top: 90px;
 }
 
@@ -4336 +6131 @@
  */
 .comments-area > * {
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -4366 +6161 @@
  * Comment Title
  */
-.comments-title,
+.comments-title {
+    font-size: 2.25rem;
+    letter-spacing: normal;
+}
+@media only screen and (min-width: 652px) {
+
+    .comments-title {
+        font-size: 3rem;
+    }
+}
+@media only screen and (min-width: 652px) {
+
+    .comments-title {
+        font-size: 3rem;
+    }
+}
+
 .comment-reply-title {
-    font-size: var(--heading--font-size-h2);
-    letter-spacing: var(--heading--letter-spacing-h2);
+    font-size: 2.25rem;
+    letter-spacing: normal;
+}
+@media only screen and (min-width: 652px) {
+
+    .comment-reply-title {
+        font-size: 3rem;
+    }
+}
+@media only screen and (min-width: 652px) {
+
+    .comment-reply-title {
+        font-size: 3rem;
+    }
 }
 
@@ -4378 +6201 @@
 
 .comment-reply-title small a {
-    font-family: var(--global--font-secondary);
-    font-size: var(--global--font-size-xs);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1rem;
     font-style: normal;
     font-weight: normal;
@@ -4387 +6210 @@
 /* Nested comment reply title*/
 .comment .comment-respond .comment-reply-title {
-    font-size: var(--global--font-size-lg);
+    font-size: 1.5rem;
 }
 
@@ -4399 +6222 @@
 
 .comment-list > li {
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -4409 +6232 @@
 
 .comment-list .children > li {
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
 @media only screen and (min-width: 482px) {
 
-    .comment-list .depth-2,
+    .comment-list .depth-2 {
+        padding-left: 100px;
+    }
+
     .comment-list .depth-3 {
-        padding-left: calc(4 * var(--global--spacing-horizontal));
+        padding-left: 100px;
     }
 }
@@ -4425 +6251 @@
  */
 .comment-meta .comment-author {
-    line-height: var(--global--line-height-heading);
-    margin-bottom: calc(0.25 * var(--global--spacing-unit));
+    line-height: 1.3;
+    margin-bottom: 5px;
 }
 @media only screen and (min-width: 482px) {
@@ -4437 +6263 @@
 
 .comment-meta .comment-author .fn {
-    font-family: var(--global--font-secondary);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-weight: normal;
-    font-size: var(--global--font-size-lg);
+    font-size: 1.5rem;
     hyphens: auto;
     word-wrap: break-word;
@@ -4446 +6272 @@
 
 .comment-meta .comment-metadata {
-    color: var(--global--color-primary);
-    font-size: var(--global--font-size-xs);
+    color: #28303d;
+    font-size: 1rem;
     padding: 8px 0 9px 0;
 }
 
 .comment-meta .comment-metadata .edit-link {
-    margin-left: var(--global--spacing-horizontal);
+    margin-left: 25px;
 }
 @media only screen and (min-width: 482px) {
@@ -4466 +6292 @@
 
 .reply {
-    font-size: var(--global--font-size-sm);
-    line-height: var(--global--line-height-heading);
+    font-size: 1.125rem;
+    line-height: 1.3;
 }
 
@@ -4478 +6304 @@
 }
 
-.pingback .url,
+.pingback .url {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
 .trackback .url {
-    font-family: var(--global--font-primary);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 .comment-body {
     position: relative;
-    margin-bottom: calc(1.7 * var(--global--spacing-vertical));
+    margin-bottom: 51px;
 }
 
 .comment-body > * {
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -4501 +6330 @@
 }
 
-.pingback .comment-body,
+.pingback .comment-body {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 .trackback .comment-body {
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
 .comment-respond {
-    margin-top: var(--global--spacing-vertical);
+    margin-top: 30px;
 }
 
 .comment-respond > * {
-    margin-top: var(--global--spacing-unit);
-    margin-bottom: var(--global--spacing-unit);
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 
@@ -4525 +6358 @@
 
 .comment-respond > *:last-child.comment-form {
-    margin-bottom: var(--global--spacing-vertical);
+    margin-bottom: 30px;
 }
 
@@ -4546 +6379 @@
 
 .comment-form .comment-notes {
-    font-size: var(--global--font-size-sm);
+    font-size: 1.125rem;
 }
 
@@ -4567 +6400 @@
 }
 
-.comment-form .comment-form-cookies-consent > label,
+.comment-form .comment-form-cookies-consent > label {
+    font-size: 1rem;
+    font-weight: normal;
+}
+
 .comment-form .comment-notes {
-    font-size: var(--global--font-size-xs);
+    font-size: 1rem;
     font-weight: normal;
 }
 
 .comment-form > p {
-    margin-bottom: var(--global--spacing-unit);
+    margin-bottom: 20px;
 }
 
@@ -4585 +6422 @@
 }
 
-.comment-form > p label,
-.comment-form > p input[type=email],
-.comment-form > p input[type=text],
-.comment-form > p input[type=url],
+.comment-form > p label {
+    display: block;
+    font-size: 1.125rem;
+    margin-bottom: 10px;
+    width: 100%;
+    font-weight: 500;
+}
+
+.comment-form > p input[type=email] {
+    display: block;
+    font-size: 1.125rem;
+    margin-bottom: 10px;
+    width: 100%;
+    font-weight: 500;
+}
+
+.comment-form > p input[type=text] {
+    display: block;
+    font-size: 1.125rem;
+    margin-bottom: 10px;
+    width: 100%;
+    font-weight: 500;
+}
+
+.comment-form > p input[type=url] {
+    display: block;
+    font-size: 1.125rem;
+    margin-bottom: 10px;
+    width: 100%;
+    font-weight: 500;
+}
+
 .comment-form > p textarea {
     display: block;
-    font-size: var(--global--font-size-sm);
-    margin-bottom: calc(.5 * var(--global--spacing-unit));
+    font-size: 1.125rem;
+    margin-bottom: 10px;
     width: 100%;
-    font-weight: var(--form--label-weight);
+    font-weight: 500;
 }
 
@@ -4603 +6468 @@
 
     .comment-form > p.comment-form-author {
-        margin-right: calc(1.5 * var(--global--spacing-horizontal));
+        margin-right: 38px;
     }
 
@@ -4617 +6482 @@
     position: absolute;
     right: 0;
-    padding-top: calc(0.5 * var(--global--spacing-vertical));
-    padding-bottom: calc(0.25 * var(--global--spacing-vertical));
+    padding-top: 15px;
+    padding-bottom: 8px;
 }
 
 .menu-button-container #primary-mobile-menu {
     margin-left: auto;
-    padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
+    padding: 10px 15px;
 }
 @media only screen and (max-width: 481px) {
@@ -4634 +6499 @@
 .menu-button-container .button.button {
     display: flex;
-    font-size: var(--primary-nav--font-size-button);
-    font-weight: var(--primary-nav--font-weight-button);
+    font-size: 1rem;
+    font-weight: 500;
     background-color: transparent;
     border: none;
-    color: var(--primary-nav--color-link);
+    color: #28303d;
 }
 
@@ -4647 +6512 @@
 
 .menu-button-container .button.button .dropdown-icon .svg-icon {
-    margin-left: calc(0.25 * var(--global--spacing-unit));
+    margin-left: 5px;
 }
 
@@ -4675 +6540 @@
     width: 100%;
     z-index: 500;
-    background-color: var(--global--color-background);
+    background-color: #d1e4dd;
 }
 
@@ -4684 +6549 @@
 .primary-navigation {
     position: absolute;
-    top: var(--global--admin-bar--height);
+    top: 0;
     right: 0;
-    color: var(--primary-nav--color-text);
-    font-size: var(--primary-nav--font-size);
+    color: #28303d;
+    font-size: 1.25rem;
     line-height: 1.15;
     margin-top: 0;
@@ -4701 +6566 @@
     bottom: 0;
     left: 0;
-    padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
-    padding-left: var(--global--spacing-unit);
-    padding-right: var(--global--spacing-unit);
-    padding-bottom: var(--global--spacing-horizontal);
-    background-color: var(--global--color-background);
+    padding-top: calc(2rem + 47px);
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 25px;
+    background-color: #d1e4dd;
     transition: all 0.15s ease-in-out;
-    transform: translateY(var(--global--spacing-vertical));
+    transform: translateY(30px);
 }
 @media only screen and (max-width: 481px) {
@@ -4725 +6590 @@
 
     .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
-        top: var(--global--admin-bar--height);
+        top: 32px;
+    }
+    @media only screen and (max-width: 782px) {
+
+        .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
+            top: 46px;
+        }
     }
 
     .admin-bar .primary-navigation > .primary-menu-container {
-        height: calc(100vh - var(--global--admin-bar--height));
+        height: calc(100vh - 32px);
+    }
+    @media only screen and (max-width: 782px) {
+
+        .admin-bar .primary-navigation > .primary-menu-container {
+            height: calc(100vh - 46px);
+        }
     }
 
     .primary-navigation > .primary-menu-container:focus {
-        border: 2px solid var(--global--color-primary);
+        border: 2px solid #28303d;
     }
 }
@@ -4831 +6708 @@
 .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
     display: flex;
-    height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
+    height: calc(27px + 1em);
     width: 44px;
     padding: 0;
@@ -4842 +6719 @@
 
 .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
-    outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
+    outline: 2px solid #28303d;
 }
 @media only screen and (max-width: 481px) {
@@ -4891 +6768 @@
     }
 
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu:before {
+        content: "";
+        display: block;
+        position: absolute;
+        width: 0;
+        top: -10px;
+        left: 25px;
+        border-style: solid;
+        border-color: #28303d transparent;
+        border-width: 0 7px 10px 7px;
+    }
+
     .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
         content: "";
@@ -4898 +6786 @@
         width: 0;
         top: -10px;
-        left: var(--global--spacing-horizontal);
+        left: 25px;
         border-style: solid;
-        border-color: var(--primary-nav--border-color) transparent;
+        border-color: #28303d transparent;
         border-width: 0 7px 10px 7px;
     }
@@ -4906 +6794 @@
     .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
         top: -9px;
-        border-color: var(--global--color-background) transparent;
+        border-color: #d1e4dd transparent;
     }
 
     .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
-        background: var(--global--color-background);
+        background: #d1e4dd;
     }
 
@@ -4922 +6810 @@
     }
 
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before {
 
         /* rtl:ignore */
-        left: var(--global--spacing-horizontal);
+        left: 25px;
 
         /* rtl:ignore */
@@ -4932 +6819 @@
     }
 
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
+
+        /* rtl:ignore */
+        left: 25px;
+
+        /* rtl:ignore */
+        right: auto;
+    }
+
     .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
 
@@ -4941 +6837 @@
     }
 
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
-    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before {
 
         /* rtl:ignore */
@@ -4948 +6843 @@
 
         /* rtl:ignore */
-        right: var(--global--spacing-horizontal);
+        right: 25px;
+    }
+
+    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
+
+        /* rtl:ignore */
+        left: auto;
+
+        /* rtl:ignore */
+        right: 25px;
     }
 }
 
 .primary-navigation .primary-menu > .menu-item:hover > a {
-    color: var(--primary-nav--color-link-hover);
+    color: #28303d;
 }
 @media only screen and (min-width: 482px) {
 
     .primary-navigation .primary-menu-container {
-        margin-right: calc(0px - var(--primary-nav--padding));
-        margin-left: calc(0px - var(--primary-nav--padding));
+        margin-right: -13px;
+        margin-left: -13px;
     }
 
@@ -4967 +6871 @@
 
     .primary-navigation .primary-menu-container > ul > .menu-item > a {
-        padding-left: var(--primary-nav--padding);
-        padding-right: var(--primary-nav--padding);
+        padding-left: 13px;
+        padding-right: 13px;
     }
 
     .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
-        margin-left: calc(0px - var(--primary-nav--padding));
+        margin-left: -13px;
     }
 }
@@ -4978 +6882 @@
 .primary-navigation a {
     display: block;
-    font-family: var(--primary-nav--font-family-mobile);
-    font-size: var(--primary-nav--font-size-mobile);
-    font-weight: var(--primary-nav--font-weight);
-    padding: var(--primary-nav--padding) 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.125rem;
+    font-weight: normal;
+    padding: 13px 0;
     text-decoration: none;
 }
@@ -4988 +6892 @@
     .primary-navigation a {
         display: block;
-        font-family: var(--primary-nav--font-family);
-        font-size: var(--primary-nav--font-size);
-        font-weight: var(--primary-nav--font-weight);
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+        font-size: 1.25rem;
+        font-weight: normal;
     }
 }
 
 .primary-navigation a + svg {
-    fill: var(--primary-nav--color-text);
-}
-
-.primary-navigation a:hover,
-.primary-navigation a:link,
+    fill: #28303d;
+}
+
+.primary-navigation a:hover {
+    color: #28303d;
+}
+
+.primary-navigation a:link {
+    color: #28303d;
+}
+
 .primary-navigation a:visited {
-    color: var(--primary-nav--color-link-hover);
+    color: #28303d;
 }
 
@@ -5031 +6941 @@
     padding: 0;
     list-style: none;
-    margin-left: var(--primary-nav--padding);
-    border: 1px solid var(--primary-nav--border-color);
+    margin-left: 13px;
+    border: 1px solid #28303d;
 }
 
@@ -5052 +6962 @@
 
 .primary-navigation .sub-menu .menu-item > a {
-    padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
+    padding: 17px 13px;
     display: block;
-    font-size: var(--primary-nav--font-size-sub-menu-mobile);
-    font-style: var(--primary-nav--font-style-sub-menu-mobile);
+    font-size: 1.125rem;
+    font-style: normal;
 }
 @media only screen and (min-width: 482px) {
 
     .primary-navigation .sub-menu .menu-item > a {
-        font-size: var(--primary-nav--font-size-sub-menu);
-        font-style: var(--primary-nav--font-style);
+        font-size: 1rem;
+        font-style: normal;
     }
 }
@@ -5083 +6993 @@
     display: block;
     clear: both;
-    font-size: var(--global--font-size-xs);
+    font-size: 1rem;
     text-transform: none;
     line-height: 1.7;
@@ -5112 +7022 @@
 
 .footer-navigation {
-    margin-top: calc(2 * var(--global--spacing-vertical));
-    margin-bottom: var(--global--spacing-vertical);
-    color: var(--footer--color-text);
-    font-size: var(--global--font-size-xs);
-    font-family: var(--footer--font-family);
+    margin-top: 60px;
+    margin-bottom: 30px;
+    color: #28303d;
+    font-size: 1rem;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
@@ -5133 +7043 @@
 
 .footer-navigation-wrapper li a {
-    padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
+    padding: 17px 13px;
     transition: transform 0.1s ease;
-    color: var(--footer--color-link);
-}
-
-.footer-navigation-wrapper li a:link,
-.footer-navigation-wrapper li a:visited,
+    color: #28303d;
+}
+
+.footer-navigation-wrapper li a:link {
+    color: #28303d;
+}
+
+.footer-navigation-wrapper li a:visited {
+    color: #28303d;
+}
+
 .footer-navigation-wrapper li a:active {
-    color: var(--footer--color-link);
+    color: #28303d;
 }
 
@@ -5148 +7064 @@
     text-decoration-style: dotted;
     text-decoration-skip-ink: none;
-    color: var(--footer--color-link-hover);
+    color: #28303d;
 }
 
 .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
-    fill: var(--wp--style--color--link, var(--global--color-background));
+    fill: #d1e4dd;
 }
 
 .footer-navigation-wrapper li .svg-icon {
     vertical-align: middle;
-    fill: var(--footer--color-link);
+    fill: #28303d;
 }
 
@@ -5171 +7087 @@
 /* Next/Previous navigation */
 .navigation {
-    color: var(--global--color-primary);
+    color: #28303d;
 }
 
 .navigation a {
-    color: var(--global--color-primary);
+    color: #28303d;
     text-decoration: none;
 }
 
 .navigation a:hover {
-    color: var(--global--color-primary-hover);
+    color: #28303d;
     text-decoration: underline;
 }
 
 .navigation a:focus {
-    color: var(--global--color-secondary);
+    color: #39414d;
 }
 
 .navigation a:active {
-    color: var(--global--color-primary);
+    color: #28303d;
 }
 
@@ -5214 +7130 @@
     }
 
-    .navigation .nav-links .nav-next,
+    .navigation .nav-links .nav-next {
+        flex: 0 1 auto;
+        margin-bottom: inherit;
+        margin-top: inherit;
+        max-width: calc(50% - 10px);
+    }
+
     .navigation .nav-links .nav-previous {
         flex: 0 1 auto;
         margin-bottom: inherit;
         margin-top: inherit;
-        max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
+        max-width: calc(50% - 10px);
     }
 
@@ -5234 +7156 @@
 }
 
-.navigation .nav-previous .svg-icon,
+.navigation .nav-previous .svg-icon {
+    top: -2px;
+    margin-right: 5px;
+}
+
 .navigation .prev .svg-icon {
     top: -2px;
-    margin-right: calc(0.25 * var(--global--spacing-unit));
-}
-
-.navigation .nav-next .svg-icon,
+    margin-right: 5px;
+}
+
+.navigation .nav-next .svg-icon {
+    top: -1px;
+    margin-left: 5px;
+}
+
 .navigation .next .svg-icon {
     top: -1px;
-    margin-left: calc(0.25 * var(--global--spacing-unit));
+    margin-left: 5px;
 }
 
 .post-navigation {
-    margin: var(--global--spacing-vertical) auto;
+    margin: 30px auto;
 }
 @media only screen and (min-width: 822px) {
 
     .post-navigation {
-        margin: var(--global--spacing-vertical) auto;
+        margin: 30px auto;
     }
 }
 
 .post-navigation .meta-nav {
-    line-height: var(--global--line-height-body);
-    color: var(--global--color-primary);
+    line-height: 1.7;
+    color: #28303d;
 }
 
 .post-navigation .post-title {
     display: inline-block;
-    font-family: var(--global--font-primary);
-    font-size: var(--global--font-size-lg);
-    font-weight: var(--pagination--font-weight-strong);
-    line-height: var(--global--line-height-heading);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.5rem;
+    font-weight: 600;
+    line-height: 1.3;
 }
 @media only screen and (min-width: 822px) {
 
     .post-navigation .post-title {
-        margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
+        margin: 5px 29px 0;
     }
 }
@@ -5281 +7211 @@
 }
 
-.post-navigation .nav-next,
+.post-navigation .nav-next {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
 .post-navigation .nav-previous {
-    margin-top: var(--global--spacing-vertical);
-    margin-bottom: var(--global--spacing-vertical);
+    margin-top: 30px;
+    margin-bottom: 30px;
 }
 
@@ -5303 +7237 @@
 }
 
-.pagination,
+.pagination {
+    border-top: 3px solid #28303d;
+    padding-top: 30px;
+    margin: 30px auto;
+}
+
 .comments-pagination {
-    border-top: 3px solid var(--global--color-border);
-    padding-top: var(--global--spacing-vertical);
-    margin: var(--global--spacing-vertical) auto;
+    border-top: 3px solid #28303d;
+    padding-top: 30px;
+    margin: 30px auto;
 }
 @media only screen and (min-width: 822px) {
 
-    .pagination,
+    .pagination {
+        margin: 30px auto;
+    }
+
     .comments-pagination {
-        margin: var(--global--spacing-vertical) auto;
-    }
-}
-
-.pagination .nav-links,
+        margin: 30px auto;
+    }
+}
+
+.pagination .nav-links {
+    margin-top: -30px;
+}
+
 .comments-pagination .nav-links {
-    margin-top: calc(-1 * var(--global--spacing-vertical));
-}
-
-.pagination .nav-links a:hover,
+    margin-top: -30px;
+}
+
+.pagination .nav-links a:hover {
+    color: #28303d;
+}
+
 .comments-pagination .nav-links a:hover {
-    color: var(--pagination--color-link-hover);
-}
-
-.pagination .nav-links > *,
+    color: #28303d;
+}
+
+.pagination .nav-links > * {
+    color: #28303d;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.5rem;
+    font-weight: normal;
+    margin-top: 30px;
+    margin-left: 13px;
+    margin-right: 13px;
+}
+
 .comments-pagination .nav-links > * {
-    color: var(--pagination--color-text);
-    font-family: var(--pagination--font-family);
-    font-size: var(--pagination--font-size);
-    font-weight: var(--pagination--font-weight);
-    margin-top: var(--global--spacing-vertical);
-    margin-left: calc(0.66 * var(--global--spacing-unit));
-    margin-right: calc(0.66 * var(--global--spacing-unit));
-}
-
-.pagination .nav-links > *.current,
+    color: #28303d;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-size: 1.5rem;
+    font-weight: normal;
+    margin-top: 30px;
+    margin-left: 13px;
+    margin-right: 13px;
+}
+
+.pagination .nav-links > *.current {
+    border-bottom: 1px solid #28303d;
+}
+
 .comments-pagination .nav-links > *.current {
-    border-bottom: 1px solid var(--pagination--color-text);
+    border-bottom: 1px solid #28303d;
 }
 
@@ -5392 +7352 @@
 
 .comments-pagination {
-    padding-top: calc(0.66 * var(--global--spacing-vertical));
-    margin: calc(3 * var(--global--spacing-vertical)) auto;
+    padding-top: 20px;
+    margin: 90px auto;
 }
 @media only screen and (min-width: 822px) {
 
     .comments-pagination {
-        margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
+        margin: 90px auto 120px auto;
     }
 }
 
 .comments-pagination .nav-links > * {
-    font-size: var(--global--font-size-md);
+    font-size: 1.25rem;
 }
 
 .widget-area {
-    margin-top: calc(6 * var(--global--spacing-vertical));
-    padding-bottom: calc(var(--global--spacing-vertical) / 3);
-    color: var(--footer--color-text);
-    font-size: var(--footer--font-size);
-    font-family: var(--footer--font-family);
+    margin-top: 180px;
+    padding-bottom: 10px;
+    color: #28303d;
+    font-size: 1.125rem;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 @media only screen and (min-width: 652px) {
@@ -5418 +7378 @@
         display: grid;
         grid-template-columns: repeat(2, 1fr);
-        column-gap: calc(2 * var(--global--spacing-horizontal));
+        column-gap: 50px;
     }
 }
@@ -5434 +7394 @@
 
 .widget-area ul li {
-    line-height: var(--widget--line-height-list);
-}
-
-.widget-area ul.sub-menu,
+    line-height: 1.9;
+}
+
+.widget-area ul.sub-menu {
+    margin-left: 13px;
+}
+
 .widget-area ul.children {
-    margin-left: var(--widget--spacing-menu);
+    margin-left: 13px;
 }
 
@@ -5447 +7410 @@
 
 .widget-area a {
-    color: var(--footer--color-link);
+    color: #28303d;
     text-decoration: underline;
     text-decoration-style: solid;
@@ -5453 +7416 @@
 }
 
-.widget-area a:link,
-.widget-area a:visited,
+.widget-area a:link {
+    color: #28303d;
+}
+
+.widget-area a:visited {
+    color: #28303d;
+}
+
 .widget-area a:active {
-    color: var(--footer--color-link);
+    color: #28303d;
 }
 
 .widget-area a:hover {
-    color: var(--footer--color-link-hover);
+    color: #28303d;
     text-decoration-style: dotted;
 }
 
 .widget-area .wp-block-social-links.alignright {
-    margin-top: var(--global--spacing-vertical);
+    margin-top: 30px;
     justify-content: flex-end;
 }
 
 .widget-area .wp-block-social-links.alignleft {
-    margin-top: var(--global--spacing-vertical);
+    margin-top: 30px;
 }
 
@@ -5480 +7449 @@
 
 .widget-title {
-    font-size: var(--global--font-size-sm);
-    font-weight: var(--widget--font-weight-title);
-    line-height: var(--widget--line-height-title);
+    font-size: 1.125rem;
+    font-weight: 700;
+    line-height: 1.4;
 }
 
@@ -5489 +7458 @@
     flex-wrap: wrap;
     margin: auto;
-    max-width: var(--responsive--aligndefault-width);
+    max-width: calc(100vw - 30px);
+}
+
+@media only screen and (min-width: 482px) {
+
+    .search-form {
+        max-width: min(calc(100vw - 100px), 610px);
+    }
+}
+
+@media only screen and (min-width: 822px) {
+
+    .search-form {
+        max-width: min(calc(100vw - 200px), 610px);
+    }
 }
 
@@ -5495 +7478 @@
     width: 100%;
     margin-bottom: 0;
-    font-weight: var(--form--label-weight);
+    font-weight: 500;
 }
 
@@ -5501 +7484 @@
     flex-grow: 1;
     max-width: inherit;
-    margin-top: calc(var(--global--spacing-vertical) / 3);
-    margin-right: calc(0.66 * var(--global--spacing-horizontal));
+    margin-top: 10px;
+    margin-right: 17px;
 }
 
 .search-form .search-submit {
-    margin-top: calc(var(--global--spacing-vertical) / 3);
+    margin-top: 10px;
     margin-left: 10px;
 }
 
 .widget_search > .search-form .search-field {
-    margin-right: calc(-1 * var(--button--border-width));
+    margin-right: -3px;
     -webkit-appearance: none;
-    margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+    margin-bottom: 15px;
 }
 
@@ -5519 +7502 @@
     margin-left: 0;
     background-color: transparent;
-    color: var(--button--color-text-hover);
-    margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+    color: #39414d;
+    margin-bottom: 15px;
 }
 
 .widget_search > .search-form .search-submit:hover {
-    background-color: var(--button--color-background);
-    color: var(--button--color-text);
+    background-color: #39414d;
+    color: #d1e4dd;
 }
 
@@ -5583 +7566 @@
 
 .has-black-color[class] {
-    color: var(--global--color-black);
+    color: #000;
 }
 
 .has-gray-color[class] {
-    color: var(--global--color-gray);
+    color: #39414d;
 }
 
 .has-dark-gray-color[class] {
-    color: var(--global--color-dark-gray);
+    color: #28303d;
 }
 
 .has-green-color[class] {
-    color: var(--global--color-green);
+    color: #d1e4dd;
 }
 
 .has-blue-color[class] {
-    color: var(--global--color-blue);
+    color: #d1dfe4;
 }
 
 .has-purple-color[class] {
-    color: var(--global--color-purple);
+    color: #d1d1e4;
 }
 
 .has-red-color[class] {
-    color: var(--global--color-red);
+    color: #e4d1d1;
 }
 
 .has-orange-color[class] {
-    color: var(--global--color-orange);
+    color: #e4dad1;
 }
 
 .has-yellow-color[class] {
-    color: var(--global--color-yellow);
+    color: #eeeadd;
 }
 
 .has-white-color[class] {
-    color: var(--global--color-white);
+    color: #fff;
 }
 
@@ -5634 +7617 @@
 
 .has-black-background-color[class] {
-    background-color: var(--global--color-black);
+    background-color: #000;
 }
 
 .has-gray-background-color[class] {
-    background-color: var(--global--color-gray);
+    background-color: #39414d;
 }
 
 .has-dark-gray-background-color[class] {
-    background-color: var(--global--color-dark-gray);
+    background-color: #28303d;
 }
 
 .has-green-background-color[class] {
-    background-color: var(--global--color-green);
+    background-color: #d1e4dd;
 }
 
 .has-blue-background-color[class] {
-    background-color: var(--global--color-blue);
+    background-color: #d1dfe4;
 }
 
 .has-purple-background-color[class] {
-    background-color: var(--global--color-purple);
+    background-color: #d1d1e4;
 }
 
 .has-red-background-color[class] {
-    background-color: var(--global--color-red);
+    background-color: #e4d1d1;
 }
 
 .has-orange-background-color[class] {
-    background-color: var(--global--color-orange);
+    background-color: #e4dad1;
 }
 
 .has-yellow-background-color[class] {
-    background-color: var(--global--color-yellow);
+    background-color: #eeeadd;
 }
 
 .has-white-background-color[class] {
-    background-color: var(--global--color-white);
-}
-
-:not(.has-text-color).has-black-background-color[class],
-:not(.has-text-color).has-gray-background-color[class],
+    background-color: #fff;
+}
+
+:not(.has-text-color).has-black-background-color[class] {
+    color: #fff;
+}
+
+:not(.has-text-color).has-gray-background-color[class] {
+    color: #fff;
+}
+
 :not(.has-text-color).has-dark-gray-background-color[class] {
-    color: var(--global--color-white);
-}
-
-:not(.has-text-color).has-green-background-color[class],
-:not(.has-text-color).has-blue-background-color[class],
-:not(.has-text-color).has-purple-background-color[class],
-:not(.has-text-color).has-red-background-color[class],
-:not(.has-text-color).has-orange-background-color[class],
-:not(.has-text-color).has-yellow-background-color[class],
+    color: #fff;
+}
+
+:not(.has-text-color).has-green-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-blue-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-purple-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-red-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-orange-background-color[class] {
+    color: #28303d;
+}
+
+:not(.has-text-color).has-yellow-background-color[class] {
+    color: #28303d;
+}
+
 :not(.has-text-color).has-white-background-color[class] {
-    color: var(--global--color-dark-gray);
+    color: #28303d;
 }
 
 .has-purple-to-yellow-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
+    background: linear-gradient(160deg, #d1d1e4, #eeeadd);
 }
 
 .has-yellow-to-purple-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
+    background: linear-gradient(160deg, #eeeadd, #d1d1e4);
 }
 
 .has-green-to-yellow-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
+    background: linear-gradient(160deg, #d1e4dd, #eeeadd);
 }
 
 .has-yellow-to-green-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
+    background: linear-gradient(160deg, #eeeadd, #d1e4dd);
 }
 
 .has-red-to-yellow-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
+    background: linear-gradient(160deg, #e4d1d1, #eeeadd);
 }
 
 .has-yellow-to-red-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
+    background: linear-gradient(160deg, #eeeadd, #e4d1d1);
 }
 
 .has-purple-to-red-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
+    background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
 }
 
 .has-red-to-purple-gradient-background {
-    background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
-}
-
-header *,
-main *,
+    background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
+}
+
+header * {
+    max-width: unset;
+}
+
+main * {
+    max-width: unset;
+}
+
 footer * {
-    max-width: var(--global--spacing-measure);
+    max-width: unset;
 }
 

trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css

@@ -11 +11 @@
         --button--color-background: var(--global--color-secondary);
         --button--color-background-active: var(--global--color-background);
-        --global--color-border: #ffffff8c;
+        --global--color-border: #9ea1a7;
     }
 
@@ -46 +46 @@
 
     .no-js #dark-mode-toggler {
-        display: none;
-    }
-
-    .wp-admin #dark-mode-toggler {
         display: none;
     }

trunk/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css

@@ -11 +11 @@
         --button--color-background: var(--global--color-secondary);
         --button--color-background-active: var(--global--color-background);
-        --global--color-border: #ffffff8c;
+        --global--color-border: #9ea1a7;
     }
 
@@ -46 +46 @@
 
     .no-js #dark-mode-toggler {
-        display: none;
-    }
-
-    .wp-admin #dark-mode-toggler {
         display: none;
     }

trunk/src/wp-content/themes/twentytwentyone/assets/js/customize.js

@@ -7 +7 @@
         if ( 127 > twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() ) ) {
             wp.customize.control( 'respect_user_color_preference' ).deactivate();
+            wp.customize.control( 'respect_user_color_preference_notice' ).deactivate();
         }
 
@@ -14 +15 @@
                 if ( 127 > twentytwentyoneGetHexLum( value ) ) {
                     wp.customize.control( 'respect_user_color_preference' ).deactivate();
+                    wp.customize.control( 'respect_user_color_preference_notice' ).activate();
                 } else {
                     wp.customize.control( 'respect_user_color_preference' ).activate();
+                    wp.customize.control( 'respect_user_color_preference_notice' ).deactivate();
                 }
             } );

trunk/src/wp-content/themes/twentytwentyone/assets/js/dark-mode-toggler.js

@@ -15 +15 @@
 }
 
-function darkModeInitialLoad() {
-    var toggler = document.getElementById( 'dark-mode-toggler' ),
-        isDarkMode = window.matchMedia( '(prefers-color-scheme: dark)' ).matches;
+function twentytwentyoneIsDarkMode() {
+    var isDarkMode = window.matchMedia( '(prefers-color-scheme: dark)' ).matches;
 
     if ( 'yes' === window.localStorage.getItem( 'twentytwentyoneDarkMode' ) ) {
@@ -25 +24 @@
     }
 
-    if ( ! toggler ) {
-        return;
-    }
-    if ( isDarkMode ) {
-        toggler.setAttribute( 'aria-pressed', 'true' );
-    }
+    return isDarkMode;
+}
+
+function darkModeInitialLoad() {
+    var toggler = document.getElementById( 'dark-mode-toggler' ),
+        isDarkMode = twentytwentyoneIsDarkMode();
 
     if ( isDarkMode ) {
@@ -38 +37 @@
         document.documentElement.classList.remove( 'is-dark-theme' );
         document.body.classList.remove( 'is-dark-theme' );
+    }
+
+    if ( toggler && isDarkMode ) {
+        toggler.setAttribute( 'aria-pressed', 'true' );
     }
 }

trunk/src/wp-content/themes/twentytwentyone/assets/js/editor-dark-mode-support.js

@@ -1 @@
-/* global ajaxurl, XMLHttpRequest, darkModeInitialLoad, setTimeout */
+/* global twentytwentyoneIsDarkMode, setTimeout */
 
-// Check the body class to determine if we want to add the toggler and handle dark-mode or not.
+// Check the color scheme preference and inject the classes if necessary.
 if ( document.body.classList.contains( 'twentytwentyone-supports-dark-theme' ) ) {
-    // Add the toggler.
-    twentytwentyoneDarkModeEditorToggle();
+    twentytwentyoneDarkModeEditorInit();
 }
 
 /**
- * Make an AJAX request, inject the toggle and call any functions that need to run.
+ * Once the editor loads, add the dark mode class.
+ *
+ * Wait for the editor to load by periodically checking for an element, then we add the classes.
  *
  * @since 1.0.0
  *
+ * @param {number} attempt Track the number of tries
  * @return {void}
  */
-function twentytwentyoneDarkModeEditorToggle() {
-    var request = new XMLHttpRequest();
+function twentytwentyoneDarkModeEditorInit( attempt ) {
+    var container = document.querySelector( '.block-editor__typewriter' ),
+        maxAttempts = 8;
 
-    // Define the request.
-    request.open( 'POST', ajaxurl, true );
+    // Set the initial attempt if it's undefined.
+    attempt = attempt || 0;
 
-    // Add headers.
-    request.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8' );
+    if ( twentytwentyoneIsDarkMode() ) {
+        if ( null === container ) {
+            // Try again.
+            if ( attempt < maxAttempts ) {
+                setTimeout(
+                    function() {
+                        twentytwentyoneDarkModeEditorInit( attempt + 1 );
+                    },
+                    // Double the delay, give the server some time to breathe.
+                    25 * Math.pow( 2, attempt )
+                );
+            }
+            return;
+        }
 
-    // On success call funtions that need to run.
-    request.onload = function() {
-        var selector = '.editor-styles-wrapper,.edit-post-visual-editor',
-            editor,
-            attemptDelay = 25,
-            attempt = 0,
-            maxAttempts = 8;
-
-        if ( 200 <= this.status && 400 > this.status ) {
-            editor = document.querySelector( selector );
-
-            if ( null === editor ) {
-                // Try again.
-                if ( attempt < maxAttempts ) {
-                    setTimeout( function() {
-                        twentytwentyoneDarkModeEditorToggle();
-                    }, attemptDelay );
-
-                    // Increment the attempts counter.
-                    attempt++;
-
-                    // Double the delay, give the server some time to breathe.
-                    attemptDelay *= 2;
-                }
-                return;
-            }
-            // Inject the toggle.
-            document.querySelector( selector ).insertAdjacentHTML( 'afterbegin', this.response );
-
-            // Run toggler script.
-            darkModeInitialLoad();
-
-            // Switch editor styles if needed.
-            twentytwentyoneDarkModeEditorToggleEditorStyles();
-        }
-    };
-
-    // Send the request.
-    request.send( 'action=tt1_dark_mode_editor_switch' );
-}
-
-/**
- * Toggle the editor dark styles depending on the user's preferences in the toggler.
- *
- * @since 1.0.0
- *
- * @return {void}
- */
-function twentytwentyoneDarkModeEditorToggleEditorStyles() {
-    var toggler = document.getElementById( 'dark-mode-toggler' );
-
-    if ( 'true' === toggler.getAttribute( 'aria-pressed' ) ) {
         document.body.classList.add( 'is-dark-theme' );
         document.documentElement.classList.add( 'is-dark-theme' );
-        document.querySelector( '.block-editor__typewriter' ).classList.add( 'is-dark-theme' );
+        container.classList.add( 'is-dark-theme' );
     }
 }

trunk/src/wp-content/themes/twentytwentyone/assets/js/primary-navigation.js

@@ -115 +115 @@
             shiftKey = event.shiftKey;
             escKey = event.keyCode === 27;
-            activeEl = document.activeElement;
+            activeEl = document.activeElement; // eslint-disable-line @wordpress/no-global-active-element
             lastEl = elements[ elements.length - 1 ];
             firstEl = elements[0];

trunk/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss

@@ -11 +11 @@
         --button--color-background: var(--global--color-secondary);
         --button--color-background-active: var(--global--color-background);
-        --global--color-border: #ffffff8c; //55% opacity
+        --global--color-border: #9ea1a7;
 
         .site a:focus,
@@ -45 +45 @@
 
         .no-js & {
-            display: none;
-        }
-
-        .wp-admin & {
             display: none;
         }

trunk/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php

@@ -43 +43 @@
         add_action( 'wp_footer', array( $this, 'the_switch' ) );
 
-        // Add the switch in the editor.
-        add_action( 'wp_ajax_tt1_dark_mode_editor_switch', array( $this, 'editor_ajax_callback' ) );
-
         // Add the privacy policy content.
         add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) );
@@ -146 +143 @@
         $colors_section = $wp_customize->get_section( 'colors' );
         if ( is_object( $colors_section ) ) {
-            $colors_section->title       = __( 'Colors & Dark Mode', 'twentytwentyone' );
-            $colors_section->description = __( 'To access the Dark Mode settings, select a light background color.', 'twentytwentyone' ) . '<br><a href="https://wordpress.org/support/article/twenty-twenty-one/">' . __( 'Learn more about Dark Mode.', 'twentytwentyone' ) . '</a>';
-        }
+            $colors_section->title = __( 'Colors & Dark Mode', 'twentytwentyone' );
+        }
+
+        // Custom notice control.
+        include_once get_theme_file_path( 'classes/class-twenty-twenty-one-customize-notice-control.php' ); // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
+
+        $wp_customize->add_setting(
+            'respect_user_color_preference_notice',
+            array(
+                'capability'        => 'edit_theme_options',
+                'default'           => '',
+                'sanitize_callback' => '__return_empty_string',
+            )
+        );
+
+        $wp_customize->add_control(
+            new Twenty_Twenty_One_Customize_Notice_Control(
+                $wp_customize,
+                'respect_user_color_preference_notice',
+                array(
+                    'section'         => 'colors',
+                    'priority'        => 100,
+                    'active_callback' => function() {
+                        return 127 >= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) );
+                    },
+                )
+            )
+        );
 
         $wp_customize->add_setting(
@@ -161 +183 @@
         );
 
+        $description  = '<p>' . __( 'Dark Mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text. <a href="https://wordpress.org/support/article/twenty-twenty-one/">Learn more about Dark Mode.</a>', 'twentytwentyone' ) . '</p>';
+        $description .= '<p>' . __( 'Dark Mode can also be turned on and off with a button that you can find in the bottom right corner of the page.', 'twentytwentyone' ) . '</p>';
+
         $wp_customize->add_control(
             'respect_user_color_preference',
@@ -167 +192 @@
                 'section'         => 'colors',
                 'label'           => esc_html__( 'Dark Mode support', 'twentytwentyone' ),
-                'description'     => __( 'Respect visitor&#8217;s device dark mode settings.<br>Dark mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text.<br><br>Dark Mode can also be turned on and off with a button that you can find in the bottom right corner of the page.', 'twentytwentyone' ),
+                'priority'        => 110,
+                'description'     => $description,
                 'active_callback' => function( $value ) {
                     return 127 < Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) );
@@ -360 +386 @@
 
     /**
-     * Print the dark-mode switch styles.
-     *
-     * @access public
-     *
-     * @since 1.0.0
-     *
-     * @return void
-     */
-    public function the_styles() {
-        echo '<style>';
-        include get_theme_file_path( 'assets/css/style-dark-mode.css' ); // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude
-        echo '</style>';
-    }
-
-    /**
-     * Call the tt1_the_dark_mode_switch and exit.
-     *
-     * @access public
-     *
-     * @since 1.0.0
-     *
-     * @return void
-     */
-    public function editor_ajax_callback() {
-        $this->the_html();
-        $this->the_styles();
-        wp_die();
-    }
-
-    /**
      * Adds information to the privacy policy.
      *

trunk/src/wp-content/themes/twentytwentyone/inc/block-patterns.php

@@ -78 +78 @@
         'twentytwentyone/two-images-showcase',
         array(
-            'title'         => esc_html__( 'Two mages showcase', 'twentytwentyone' ),
+            'title'         => esc_html__( 'Two images showcase', 'twentytwentyone' ),
             'categories'    => array( 'twentytwentyone' ),
             'viewportWidth' => 1440,

trunk/src/wp-content/themes/twentytwentyone/package-lock.json

@@ -405 +405 @@
                 "prettier": "npm:wp-prettier@2.0.5",
                 "requireindex": "^1.2.0"
+            },
+            "dependencies": {
+                "prettier": {
+                    "version": "npm:wp-prettier@2.0.5",
+                    "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz",
+                    "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==",
+                    "dev": true
+                }
             }
         },
@@ -3119 +3127 @@
             "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
             "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-            "dev": true
-        },
-        "prettier": {
-            "version": "npm:wp-prettier@2.0.5",
-            "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz",
-            "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==",
             "dev": true
         },