WordPress.org
Get WordPress

Make WordPress Core

Changeset 49824


Ignore:
Timestamp:
12/17/2020 02:06:00 PM (4 years ago)
Author:
desrosj
Message:

Twenty Twenty-One: Bring back PostCSS config.

Twenty Twenty-One uses PostCSS to convert the custom properties for Internet Explorer. Without a config file, the postcss command does nothing, causing issues in IE. This brings back the config from GitHub, which replaces all custom properties with the default values.

Props t-p, poena, ryelle.
Merges [49800] to the 5.6 branch.
Fixes #52040.

Location:
branches/5.6
Files:
3 edited
1 copied

Legend:

Unmodified
Added
Removed

  • branches/5.6

  • branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css

    r49818 r49824  
    99
    1010    /* Font Family */
    11     --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    12     --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    1311
    1412    /* Font Size */
    15     --global--font-size-base: 1.25rem;
    16     --global--font-size-xs: 1rem;
    17     --global--font-size-sm: 1.125rem;
    18     --global--font-size-md: 1.25rem;
    19     --global--font-size-lg: 1.5rem;
    20     --global--font-size-xl: 2.25rem;
    21     --global--font-size-xxl: 4rem;
    22     --global--font-size-xxxl: 5rem;
    23     --global--font-size-page-title: var(--global--font-size-xxl);
    24     --global--letter-spacing: normal;
    2513
    2614    /* Line Height */
    27     --global--line-height-body: 1.7;
    28     --global--line-height-heading: 1.3;
    29     --global--line-height-page-title: 1.1;
    3015
    3116    /* Headings */
    32     --heading--font-family: var(--global--font-primary);
    33     --heading--font-size-h6: var(--global--font-size-xs);
    34     --heading--font-size-h5: var(--global--font-size-sm);
    35     --heading--font-size-h4: var(--global--font-size-lg);
    36     --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    37     --heading--font-size-h2: var(--global--font-size-xl);
    38     --heading--font-size-h1: var(--global--font-size-page-title);
    39     --heading--letter-spacing-h6: 0.05em;
    40     --heading--letter-spacing-h5: 0.05em;
    41     --heading--letter-spacing-h4: var(--global--letter-spacing);
    42     --heading--letter-spacing-h3: var(--global--letter-spacing);
    43     --heading--letter-spacing-h2: var(--global--letter-spacing);
    44     --heading--letter-spacing-h1: var(--global--letter-spacing);
    45     --heading--line-height-h6: var(--global--line-height-heading);
    46     --heading--line-height-h5: var(--global--line-height-heading);
    47     --heading--line-height-h4: var(--global--line-height-heading);
    48     --heading--line-height-h3: var(--global--line-height-heading);
    49     --heading--line-height-h2: var(--global--line-height-heading);
    50     --heading--line-height-h1: var(--global--line-height-page-title);
    51     --heading--font-weight: normal;
    52     --heading--font-weight-page-title: 300;
    53     --heading--font-weight-strong: 600;
    5417
    5518    /* Block: Latest posts */
    56     --latest-posts--title-font-family: var(--heading--font-family);
    57     --latest-posts--title-font-size: var(--heading--font-size-h3);
    58     --latest-posts--description-font-family: var(--global--font-secondary);
    59     --latest-posts--description-font-size: var(--global--font-size-sm);
    60     --list--font-family: var(--global--font-secondary);
    61     --definition-term--font-family: var(--global--font-primary);
    6219
    6320    /* Colors */
    64     --global--color-black: #000;
    65     --global--color-dark-gray: #28303d;
    66     --global--color-gray: #39414d;
    67     --global--color-light-gray: #f0f0f0;
    68     --global--color-green: #d1e4dd;
    69     --global--color-blue: #d1dfe4;
    70     --global--color-purple: #d1d1e4;
    71     --global--color-red: #e4d1d1;
    72     --global--color-orange: #e4dad1;
    73     --global--color-yellow: #eeeadd;
    74     --global--color-white: #fff;
    75     --global--color-white-50: rgba(255, 255, 255, 0.5);
    76     --global--color-white-90: rgba(255, 255, 255, 0.9);
    77     --global--color-primary: var(--global--color-dark-gray);
    7821
    7922    /* Body text color, site title, footer text color. */
    80     --global--color-secondary: var(--global--color-gray);
    8123
    8224    /* Headings */
    83     --global--color-primary-hover: var(--global--color-primary);
    84     --global--color-background: var(--global--color-green);
    8525
    8626    /* Mint, default body background */
    87     --global--color-border: var(--global--color-primary);
    8827
    8928    /* Used for borders (separators) */
    9029
    9130    /* Spacing */
    92     --global--spacing-unit: 20px;
    93     --global--spacing-measure: unset;
    94     --global--spacing-horizontal: 25px;
    95     --global--spacing-vertical: 30px;
    9631
    9732    /* Elevation */
    98     --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    9933
    10034    /* Forms */
    101     --form--font-family: var(--global--font-secondary);
    102     --form--font-size: var(--global--font-size-sm);
    103     --form--line-height: var(--global--line-height-body);
    104     --form--color-text: var(--global--color-dark-gray);
    105     --form--color-ranged: var(--global--color-secondary);
    106     --form--label-weight: 500;
    107     --form--border-color: var(--global--color-secondary);
    108     --form--border-width: 3px;
    109     --form--border-radius: 0;
    110     --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
    11135
    11236    /* Cover block */
    113     --cover--height: calc(15 * var(--global--spacing-vertical));
    114     --cover--color-foreground: var(--global--color-white);
    115     --cover--color-background: var(--global--color-black);
    11637
    11738    /* Buttons */
    118     --button--color-text: var(--global--color-background);
    119     --button--color-text-hover: var(--global--color-secondary);
    120     --button--color-text-active: var(--global--color-secondary);
    121     --button--color-background: var(--global--color-secondary);
    122     --button--color-background-active: var(--global--color-background);
    123     --button--font-family: var(--global--font-primary);
    124     --button--font-size: var(--global--font-size-base);
    125     --button--font-weight: 500;
    126     --button--line-height: 1.5;
    127     --button--border-width: 3px;
    128     --button--border-radius: 0;
    129     --button--padding-vertical: 15px;
    130     --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
    13139
    13240    /* entry */
    133     --entry-header--color: var(--global--color-primary);
    134     --entry-header--color-link: currentColor;
    135     --entry-header--color-hover: var(--global--color-primary-hover);
    136     --entry-header--color-focus: var(--global--color-secondary);
    137     --entry-header--font-size: var(--heading--font-size-h2);
    138     --entry-content--font-family: var(--global--font-secondary);
    139     --entry-author-bio--font-family: var(--heading--font-family);
    140     --entry-author-bio--font-size: var(--heading--font-size-h4);
    14141
    14242    /* Header */
    143     --branding--color-text: var(--global--color-primary);
    144     --branding--color-link: var(--global--color-primary);
    145     --branding--color-link-hover: var(--global--color-secondary);
    146     --branding--title--font-family: var(--global--font-primary);
    147     --branding--title--font-size: var(--global--font-size-lg);
    148     --branding--title--font-size-mobile: var(--heading--font-size-h4);
    149     --branding--title--font-weight: normal;
    150     --branding--title--text-transform: uppercase;
    151     --branding--description--font-family: var(--global--font-secondary);
    152     --branding--description--font-size: var(--global--font-size-sm);
    153     --branding--description--font-family: var(--global--font-secondary);
    154     --branding--logo--max-width: 300px;
    155     --branding--logo--max-height: 100px;
    156     --branding--logo--max-width-mobile: 96px;
    157     --branding--logo--max-height-mobile: 96px;
    15843
    15944    /* Main navigation */
    160     --primary-nav--font-family: var(--global--font-secondary);
    161     --primary-nav--font-family-mobile: var(--global--font-primary);
    162     --primary-nav--font-size: var(--global--font-size-md);
    163     --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
    164     --primary-nav--font-size-mobile: var(--global--font-size-sm);
    165     --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
    166     --primary-nav--font-size-button: var(--global--font-size-xs);
    167     --primary-nav--font-style: normal;
    168     --primary-nav--font-style-sub-menu-mobile: normal;
    169     --primary-nav--font-weight: normal;
    170     --primary-nav--font-weight-button: 500;
    171     --primary-nav--color-link: var(--global--color-primary);
    172     --primary-nav--color-link-hover: var(--global--color-primary-hover);
    173     --primary-nav--color-text: var(--global--color-primary);
    174     --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    175     --primary-nav--border-color: var(--global--color-primary);
    17645
    17746    /* Pagination */
    178     --pagination--color-text: var(--global--color-primary);
    179     --pagination--color-link-hover: var(--global--color-primary-hover);
    180     --pagination--font-family: var(--global--font-secondary);
    181     --pagination--font-size: var(--global--font-size-lg);
    182     --pagination--font-weight: normal;
    183     --pagination--font-weight-strong: 600;
    18447
    18548    /* Footer */
    186     --footer--color-text: var(--global--color-primary);
    187     --footer--color-link: var(--global--color-primary);
    188     --footer--color-link-hover: var(--global--color-primary-hover);
    189     --footer--font-family: var(--global--font-primary);
    190     --footer--font-size: var(--global--font-size-sm);
    19149
    19250    /* Block: Pull quote */
    193     --pullquote--font-family: var(--global--font-primary);
    194     --pullquote--font-size: var(--heading--font-size-h3);
    195     --pullquote--font-style: normal;
    196     --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    197     --pullquote--line-height: var(--global--line-height-heading);
    198     --pullquote--border-width: 3px;
    199     --pullquote--border-color: var(--global--color-primary);
    200     --pullquote--color-foreground: var(--global--color-primary);
    201     --pullquote--color-background: var(--global--color-background);
    202     --quote--font-family: var(--global--font-secondary);
    203     --quote--font-size: var(--global--font-size-md);
    204     --quote--font-size-large: var(--global--font-size-xl);
    205     --quote--font-style: normal;
    206     --quote--font-weight: 700;
    207     --quote--font-weight-strong: bolder;
    208     --quote--font-style-large: normal;
    209     --quote--font-style-cite: normal;
    210     --quote--line-height: var(--global--line-height-body);
    211     --quote--line-height-large: 1.35;
    212     --separator--border-color: var(--global--color-border);
    213     --separator--height: 1px;
    21451
    21552    /* Block: Table */
    216     --table--stripes-border-color: var(--global--color-light-gray);
    217     --table--stripes-background-color: var(--global--color-light-gray);
    218     --table--has-background-text-color: var(--global--color-dark-gray);
    21953
    22054    /* Widgets */
    221     --widget--line-height-list: 1.9;
    222     --widget--line-height-title: 1.4;
    223     --widget--font-weight-title: 700;
    224     --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
    22555
    22656    /* Admin-bar height */
    227     --global--admin-bar--height: 0;
    228 }
    229 
    230 .admin-bar {
    231     --global--admin-bar--height: 32px;
    232 }
    233 @media only screen and (max-width: 782px) {
    234 
    235     .admin-bar {
    236         --global--admin-bar--height: 46px;
    237     }
    238 }
    239 
    240 @media only screen and (min-width: 652px) {
    241 
    242     :root {
    243         --global--font-size-xl: 2.5rem;
    244         --global--font-size-xxl: 6rem;
    245         --global--font-size-xxxl: 9rem;
    246         --heading--font-size-h3: 2rem;
    247         --heading--font-size-h2: 3rem;
    248     }
    24957}
    25058
    … …  
    26068 * Root Media Query Variables
    26169 */
    262 :root {
    263     --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    264     --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    265     --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    266     --responsive--alignfull-width: 100%;
    267     --responsive--alignright-margin: var(--global--spacing-horizontal);
    268     --responsive--alignleft-margin: var(--global--spacing-horizontal);
    269 }
    270 
    271 @media only screen and (min-width: 482px) {
    272 
    273     :root {
    274         --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
    275         --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    276         --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    277         --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    278     }
    279 }
    280 @media only screen and (min-width: 822px) {
    281 
    282     :root {
    283         --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
    284         --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    285     }
    286 }
    28770
    28871/**
    … …  
    29073 */
    29174.default-max-width {
    292     max-width: var(--responsive--aligndefault-width);
     75    max-width: calc(100vw - 30px);
    29376    margin-left: auto;
    29477    margin-right: auto;
    29578}
     79@media only screen and (min-width: 482px) {
     80
     81    .default-max-width {
     82        max-width: min(calc(100vw - 100px), 610px);
     83    }
     84}
     85@media only screen and (min-width: 822px) {
     86
     87    .default-max-width {
     88        max-width: min(calc(100vw - 200px), 610px);
     89    }
     90}
    29691
    29792.wide-max-width {
    298     max-width: var(--responsive--alignwide-width);
     93    max-width: calc(100vw - 30px);
    29994    margin-left: auto;
    30095    margin-right: auto;
    … …  
    30398@media only screen and (min-width: 482px) {
    30499
     100    .wide-max-width {
     101        max-width: calc(100vw - 100px);
     102    }
     103}
     104
     105@media only screen and (min-width: 822px) {
     106
     107    .wide-max-width {
     108        max-width: min(calc(100vw - 200px), 1240px);
     109    }
     110}
     111
     112@media only screen and (min-width: 482px) {
     113
    305114    .full-max-width {
    306         max-width: var(--responsive--alignfull-width);
     115        max-width: 100%;
    307116        width: auto;
    308117        margin-left: auto;
    … …  
    314123    padding: 0;
    315124    position: relative;
    316     margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
     125    margin: 30px 0 30px 25px;
    317126}
    318127
    319128blockquote > * {
    320     margin-top: var(--global--spacing-unit);
    321     margin-bottom: var(--global--spacing-unit);
     129    margin-top: 20px;
     130    margin-bottom: 20px;
    322131}
    323132
    … …  
    331140
    332141blockquote p {
    333     letter-spacing: var(--heading--letter-spacing-h4);
    334     font-family: var(--quote--font-family);
    335     font-size: var(--quote--font-size);
    336     font-style: var(--quote--font-style);
    337     font-weight: var(--quote--font-weight);
    338     line-height: var(--quote--line-height);
    339 }
    340 
    341 blockquote cite,
     142    letter-spacing: normal;
     143    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     144    font-size: 1.25rem;
     145    font-style: normal;
     146    font-weight: 700;
     147    line-height: 1.7;
     148}
     149
     150blockquote cite {
     151    font-weight: normal;
     152    color: #28303d;
     153    font-size: 1rem;
     154    letter-spacing: normal;
     155}
     156
    342157blockquote footer {
    343158    font-weight: normal;
    344     color: var(--global--color-primary);
    345     font-size: var(--global--font-size-xs);
    346     letter-spacing: var(--global--letter-spacing);
     159    color: #28303d;
     160    font-size: 1rem;
     161    letter-spacing: normal;
    347162}
    348163
    … …  
    352167}
    353168
    354 blockquote.alignleft p,
    355 blockquote.alignright p {
    356     font-size: var(--heading--font-size-h5);
     169blockquote.alignleft p {
     170    font-size: 1.125rem;
    357171    max-width: inherit;
    358172    width: inherit;
    359173}
    360174
    361 blockquote.alignleft cite,
    362 blockquote.alignleft footer,
    363 blockquote.alignright cite,
     175blockquote.alignright p {
     176    font-size: 1.125rem;
     177    max-width: inherit;
     178    width: inherit;
     179}
     180
     181blockquote.alignleft cite {
     182    font-size: 1rem;
     183    letter-spacing: normal;
     184}
     185
     186blockquote.alignleft footer {
     187    font-size: 1rem;
     188    letter-spacing: normal;
     189}
     190
     191blockquote.alignright cite {
     192    font-size: 1rem;
     193    letter-spacing: normal;
     194}
     195
    364196blockquote.alignright footer {
    365     font-size: var(--global--font-size-xs);
    366     letter-spacing: var(--global--letter-spacing);
     197    font-size: 1rem;
     198    letter-spacing: normal;
    367199}
    368200
    369201blockquote strong {
    370     font-weight: var(--quote--font-weight-strong);
     202    font-weight: bolder;
    371203}
    372204
    373205blockquote:before {
    374206    content: "“";
    375     font-size: var(--quote--font-size);
    376     line-height: var(--quote--line-height);
     207    font-size: 1.25rem;
     208    line-height: 1.7;
    377209    position: absolute;
    378     left: calc(-0.5 * var(--global--spacing-horizontal));
    379 }
    380 
    381 blockquote .wp-block-quote__citation,
    382 blockquote cite,
     210    left: -12px;
     211}
     212
     213blockquote .wp-block-quote__citation {
     214    color: #28303d;
     215    font-size: 1rem;
     216    font-style: normal;
     217}
     218
     219blockquote cite {
     220    color: #28303d;
     221    font-size: 1rem;
     222    font-style: normal;
     223}
     224
    383225blockquote footer {
    384     color: var(--global--color-primary);
    385     font-size: var(--global--font-size-xs);
    386     font-style: var(--quote--font-style-cite);
     226    color: #28303d;
     227    font-size: 1rem;
     228    font-style: normal;
    387229}
    388230@media only screen and (max-width: 481px) {
    389231
    390232    blockquote {
    391         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     233        padding-left: 13px;
    392234    }
    393235
    … …  
    417259
    418260/* Media captions */
    419 figcaption,
    420 .wp-caption,
    421 .wp-caption-text,
     261figcaption {
     262    color: currentColor;
     263    font-size: 1rem;
     264    line-height: 1.7;
     265    margin-top: 10px;
     266    margin-bottom: 20px;
     267    text-align: center;
     268}
     269
     270.wp-caption {
     271    color: currentColor;
     272    font-size: 1rem;
     273    line-height: 1.7;
     274    margin-top: 10px;
     275    margin-bottom: 20px;
     276    text-align: center;
     277}
     278
     279.wp-caption-text {
     280    color: currentColor;
     281    font-size: 1rem;
     282    line-height: 1.7;
     283    margin-top: 10px;
     284    margin-bottom: 20px;
     285    text-align: center;
     286}
     287
    422288.wp-block-embed figcaption {
    423289    color: currentColor;
    424     font-size: var(--global--font-size-xs);
    425     line-height: var(--global--line-height-body);
    426     margin-top: calc(0.5 * var(--global--spacing-unit));
    427     margin-bottom: var(--global--spacing-unit);
     290    font-size: 1rem;
     291    line-height: 1.7;
     292    margin-top: 10px;
     293    margin-bottom: 20px;
    428294    text-align: center;
    429295}
    … …  
    451317
    452318select {
    453     border: var(--form--border-width) solid var(--form--border-color);
    454     border-radius: var(--form--border-radius);
    455     color: var(--form--color-text);
    456     font-size: var(--form--font-size);
     319    border: 3px solid #39414d;
     320    border-radius: 0;
     321    color: #28303d;
     322    font-size: 1.125rem;
    457323    -moz-appearance: none;
    458324    -webkit-appearance: none;
    459325    appearance: none;
    460     padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
    461     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;
    462     background-position: right var(--form--spacing-unit) top 60%;
     326    padding: 10px 30px 10px 10px;
     327    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;
     328    background-position: right 10px top 60%;
    463329}
    464330
    … …  
    470336a {
    471337    cursor: pointer;
    472     color: var(--wp--style--color--link, var(--global--color-primary));
     338    color: #28303d;
    473339    text-underline-offset: 3px;
    474340    text-decoration-skip-ink: all;
    … …  
    489355}
    490356
    491 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
     357.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     358    color: #d1e4dd;
     359}
     360
    492361.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    493     color: var(--wp--style--color--link, var(--global--color-background));
     362    color: #d1e4dd;
    494363}
    495364
    496365.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    497366    background: rgba(0, 0, 0, 0.9);
    498     color: var(--wp--style--color--link, var(--global--color-white));
     367    color: #fff;
    499368}
    500369
    501370.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    502     color: var(--wp--style--color--link, var(--global--color-white));
     371    color: #fff;
    503372}
    504373
    … …  
    516385
    517386.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    518     outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    519 }
    520 
    521 .has-background .has-link-color a,
     387    outline: 2px dotted #28303d;
     388}
     389
     390.has-background .has-link-color a {
     391    color: #28303d;
     392}
     393
    522394.has-background.has-link-color a {
    523     color: var(--wp--style--color--link, var(--global--color-primary));
     395    color: #28303d;
    524396}
    525397
    526398.wp-block-button__link {
    527     line-height: var(--button--line-height);
    528     color: var(--button--color-text);
     399    line-height: 1.5;
     400    color: #d1e4dd;
    529401    cursor: pointer;
    530     font-weight: var(--button--font-weight);
    531     font-family: var(--button--font-family);
    532     font-size: var(--button--font-size);
    533     background-color: var(--button--color-background);
    534     border-radius: var(--button--border-radius);
    535     border: var(--button--border-width) solid var(--button--color-background);
     402    font-weight: 500;
     403    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     404    font-size: 1.25rem;
     405    background-color: #39414d;
     406    border-radius: 0;
     407    border: 3px solid #39414d;
    536408    text-decoration: none;
    537     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     409    padding: 15px 30px;
    538410}
    539411
    … …  
    545417
    546418.is-dark-theme .wp-block-button__link:focus {
    547     color: var(--button--color-background);
     419    color: #39414d;
    548420}
    549421
    550422.wp-block-button__link:focus:not(.has-background) {
    551     color: var(--button--color-text-hover);
     423    color: #39414d;
    552424}
    553425
    554426.wp-block-button__link:disabled {
    555     background-color: var(--global--color-white-50);
    556     border-color: var(--global--color-white-50);
    557     color: var(--button--color-text-active);
     427    background-color: rgba(255, 255, 255, 0.5);
     428    border-color: rgba(255, 255, 255, 0.5);
     429    color: #39414d;
    558430}
    559431
    … …  
    567439
    568440[data-block].wp-block-buttons .wp-block-button:first-child {
    569     margin-top: var(--global--spacing-vertical);
     441    margin-top: 30px;
    570442}
    571443
    572444[data-block].wp-block-buttons .wp-block-button:last-child {
    573     margin-bottom: var(--global--spacing-vertical);
     445    margin-bottom: 30px;
    574446}
    575447
    576448.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    577     color: var(--button--color-text-active) !important;
     449    color: #39414d !important;
    578450    background: transparent !important;
    579     border-color: var(--button--color-background);
     451    border-color: #39414d;
    580452}
    581453
    582454.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    583     color: var(--button--color-text-hover) !important;
     455    color: #39414d !important;
    584456    background: transparent !important;
    585     border-color: var(--button--color-background);
     457    border-color: #39414d;
    586458}
    587459
    588460.wp-block-button.is-style-outline .wp-block-button__link {
    589     color: var(--button--color-background);
     461    color: #39414d;
    590462    background: transparent;
    591     border: var(--button--border-width) solid currentColor;
    592     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
    593 }
    594 
    595 .wp-block-button.is-style-outline .wp-block-button__link:active,
     463    border: 3px solid currentColor;
     464    padding: 15px 30px;
     465}
     466
     467.wp-block-button.is-style-outline .wp-block-button__link:active {
     468    background-color: #39414d;
     469    color: #d1e4dd;
     470    border-color: #39414d;
     471}
     472
    596473.wp-block-button.is-style-outline .wp-block-button__link:hover {
    597     background-color: var(--button--color-background);
    598     color: var(--button--color-text);
    599     border-color: var(--button--color-background);
     474    background-color: #39414d;
     475    color: #d1e4dd;
     476    border-color: #39414d;
    600477}
    601478
    602479.wp-block-button.is-style-outline .wp-block-button__link.has-background {
    603     border-color: var(--button--color-background);
    604 }
    605 
    606 .wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
     480    border-color: #39414d;
     481}
     482
     483.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
     484    background-color: #39414d !important;
     485}
     486
    607487.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
    608     background-color: var(--button--color-background) !important;
     488    background-color: #39414d !important;
    609489}
    610490
    611491.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
    612     color: var(--global--color-dark-gray);
    613 }
    614 
    615 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
    616 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
     492    color: #28303d;
     493}
     494
     495.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
     496    color: #fff;
     497}
     498
     499.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
     500    color: #fff;
     501}
     502
    617503.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
    618     color: var(--global--color-white);
    619 }
    620 
    621 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
    622 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
    623 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
    624 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
    625 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
    626 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
     504    color: #fff;
     505}
     506
     507.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color {
     508    color: #28303d;
     509}
     510
     511.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color {
     512    color: #28303d;
     513}
     514
     515.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color {
     516    color: #28303d;
     517}
     518
     519.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color {
     520    color: #28303d;
     521}
     522
     523.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color {
     524    color: #28303d;
     525}
     526
     527.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color {
     528    color: #28303d;
     529}
     530
    627531.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
    628     color: var(--global--color-dark-gray);
     532    color: #28303d;
    629533}
    630534
    … …  
    633537}
    634538
    635 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
     539.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
     540    color: #d1e4dd !important;
     541    border-color: #39414d;
     542}
     543
    636544.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
    637     color: var(--button--color-text) !important;
    638     border-color: var(--button--color-background);
     545    color: #d1e4dd !important;
     546    border-color: #39414d;
    639547}
    640548
    … …  
    649557
    650558.wp-block-code code {
    651     font-size: var(--global--font-size-xs);
     559    font-size: 1rem;
    652560    white-space: pre !important;
    653561    overflow-x: auto;
    … …  
    655563
    656564.wp-block-code {
    657     border-color: var(--global--color-border);
     565    border-color: #28303d;
    658566    border-radius: 0;
    659567    border-style: solid;
    660568    border-width: 0.1rem;
    661     padding: var(--global--spacing-unit);
     569    padding: 20px;
    662570    color: currentColor;
    663571}
    664572
    665 .wp-block-cover,
     573.wp-block-cover {
     574    background-color: #000;
     575    min-height: 450px;
     576    margin-top: inherit;
     577    margin-bottom: inherit;
     578}
     579
    666580.wp-block-cover-image {
    667     background-color: var(--cover--color-background);
    668     min-height: var(--cover--height);
     581    background-color: #000;
     582    min-height: 450px;
    669583    margin-top: inherit;
    670584    margin-bottom: inherit;
    … …  
    721635}
    722636
    723 .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
    724 .wp-block-cover .wp-block-cover-image-text .has-link-color a,
    725 .wp-block-cover .wp-block-cover-text .has-link-color a,
    726 .wp-block-cover .block-editor-block-list__block .has-link-color a,
    727 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
    728 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
    729 .wp-block-cover-image .wp-block-cover-text .has-link-color a,
     637.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
     638    color: #28303d;
     639}
     640
     641.wp-block-cover .wp-block-cover-image-text .has-link-color a {
     642    color: #28303d;
     643}
     644
     645.wp-block-cover .wp-block-cover-text .has-link-color a {
     646    color: #28303d;
     647}
     648
     649.wp-block-cover .block-editor-block-list__block .has-link-color a {
     650    color: #28303d;
     651}
     652
     653.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
     654    color: #28303d;
     655}
     656
     657.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
     658    color: #28303d;
     659}
     660
     661.wp-block-cover-image .wp-block-cover-text .has-link-color a {
     662    color: #28303d;
     663}
     664
    730665.wp-block-cover-image .block-editor-block-list__block .has-link-color a {
    731     color: var(--wp--style--color--link, var(--global--color-primary));
    732 }
    733 
    734 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
    735 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
    736 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
    737 .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
    738 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
    739 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
    740 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
     666    color: #28303d;
     667}
     668
     669.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
     670    color: #fff;
     671}
     672
     673.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
     674    color: #fff;
     675}
     676
     677.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
     678    color: #fff;
     679}
     680
     681.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block {
     682    color: #fff;
     683}
     684
     685.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
     686    color: #fff;
     687}
     688
     689.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
     690    color: #fff;
     691}
     692
     693.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
     694    color: #fff;
     695}
     696
    741697.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
    742     color: var(--cover--color-foreground);
    743 }
    744 
    745 .wp-block-cover h2,
    746 .wp-block-cover-image h2 {
    747     font-size: var(--heading--font-size-h2);
    748     letter-spacing: var(--heading--letter-spacing-h2);
    749     line-height: var(--heading--line-height-h2);
     698    color: #fff;
     699}
     700
     701.wp-block-cover h2 {
     702    font-size: 2.25rem;
     703    letter-spacing: normal;
     704    line-height: 1.3;
    750705    padding: 0;
    751706    max-width: inherit;
    752707    text-align: inherit;
    753708}
     709@media only screen and (min-width: 652px) {
     710
     711    .wp-block-cover h2 {
     712        font-size: 3rem;
     713    }
     714}
     715@media only screen and (min-width: 652px) {
     716
     717    .wp-block-cover h2 {
     718        font-size: 3rem;
     719    }
     720}
     721
     722.wp-block-cover-image h2 {
     723    font-size: 2.25rem;
     724    letter-spacing: normal;
     725    line-height: 1.3;
     726    padding: 0;
     727    max-width: inherit;
     728    text-align: inherit;
     729}
     730@media only screen and (min-width: 652px) {
     731
     732    .wp-block-cover-image h2 {
     733        font-size: 3rem;
     734    }
     735}
     736@media only screen and (min-width: 652px) {
     737
     738    .wp-block-cover-image h2 {
     739        font-size: 3rem;
     740    }
     741}
    754742
    755743.wp-block-cover h2.has-text-align-left,
    … …  
    768756}
    769757
    770 .wp-block-cover.is-style-twentytwentyone-border,
     758.wp-block-cover.is-style-twentytwentyone-border {
     759    border: 3px solid #28303d;
     760}
     761
    771762.wp-block-cover-image.is-style-twentytwentyone-border {
    772     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     763    border: 3px solid #28303d;
    773764}
    774765
    … …  
    797788
    798789    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
    799         margin-left: calc(-2 * var(--global--spacing-horizontal));
    800         margin-top: calc(2.5 * var(--global--spacing-horizontal));
     790        margin-left: -50px;
     791        margin-top: 63px;
    801792        z-index: 2;
    802793    }
    803794
    804     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
    805     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
    806     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
    807     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
    808     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
    809     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
    810     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
    811     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
    812     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
     795    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
     796        background-color: #d1e4dd;
     797        padding: 20px;
     798    }
     799
     800    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
     801        background-color: #d1e4dd;
     802        padding: 20px;
     803    }
     804
     805    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
     806        background-color: #d1e4dd;
     807        padding: 20px;
     808    }
     809
     810    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
     811        background-color: #d1e4dd;
     812        padding: 20px;
     813    }
     814
     815    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
     816        background-color: #d1e4dd;
     817        padding: 20px;
     818    }
     819
     820    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
     821        background-color: #d1e4dd;
     822        padding: 20px;
     823    }
     824
     825    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
     826        background-color: #d1e4dd;
     827        padding: 20px;
     828    }
     829
     830    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     831        background-color: #d1e4dd;
     832        padding: 20px;
     833    }
     834
     835    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
     836        background-color: #d1e4dd;
     837        padding: 20px;
     838    }
     839
    813840    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
    814         background-color: var(--global--color-background);
    815         padding: var(--global--spacing-unit);
    816     }
    817 
    818     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     841        background-color: #d1e4dd;
     842        padding: 20px;
     843    }
     844
     845    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     846        padding-left: 50px;
     847    }
     848
    819849    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
    820         padding-left: calc(2 * var(--global--spacing-horizontal));
     850        padding-left: 50px;
    821851    }
    822852
    … …  
    826856}
    827857
    828 .wp-block[data-align=full] > .wp-block-columns p:not(.has-background),
    829 .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background),
    830 .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background),
    831 .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background),
    832 .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background),
    833 .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background),
     858.wp-block[data-align=full] > .wp-block-columns p:not(.has-background) {
     859    padding-left: 20px;
     860    padding-right: 20px;
     861}
     862
     863.wp-block[data-align=full] > .wp-block-columns h1:not(.has-background) {
     864    padding-left: 20px;
     865    padding-right: 20px;
     866}
     867
     868.wp-block[data-align=full] > .wp-block-columns h2:not(.has-background) {
     869    padding-left: 20px;
     870    padding-right: 20px;
     871}
     872
     873.wp-block[data-align=full] > .wp-block-columns h3:not(.has-background) {
     874    padding-left: 20px;
     875    padding-right: 20px;
     876}
     877
     878.wp-block[data-align=full] > .wp-block-columns h4:not(.has-background) {
     879    padding-left: 20px;
     880    padding-right: 20px;
     881}
     882
     883.wp-block[data-align=full] > .wp-block-columns h5:not(.has-background) {
     884    padding-left: 20px;
     885    padding-right: 20px;
     886}
     887
    834888.wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) {
    835     padding-left: var(--global--spacing-unit);
    836     padding-right: var(--global--spacing-unit);
     889    padding-left: 20px;
     890    padding-right: 20px;
    837891}
    838892
    … …  
    849903
    850904.wp-block-file .wp-block-file__button {
    851     line-height: var(--button--line-height);
    852     color: var(--button--color-text);
     905    line-height: 1.5;
     906    color: #d1e4dd;
    853907    cursor: pointer;
    854     font-weight: var(--button--font-weight);
    855     font-family: var(--button--font-family);
    856     font-size: var(--button--font-size);
    857     background-color: var(--button--color-background);
    858     border-radius: var(--button--border-radius);
    859     border: var(--button--border-width) solid var(--button--color-background);
     908    font-weight: 500;
     909    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     910    font-size: 1.25rem;
     911    background-color: #39414d;
     912    border-radius: 0;
     913    border: 3px solid #39414d;
    860914    text-decoration: none;
    861     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     915    padding: 15px 30px;
    862916    display: inline-block;
    863917}
    … …  
    870924
    871925.is-dark-theme .wp-block-file .wp-block-file__button:focus {
    872     color: var(--button--color-background);
     926    color: #39414d;
    873927}
    874928
    875929.wp-block-file .wp-block-file__button:focus:not(.has-background) {
    876     color: var(--button--color-text-hover);
     930    color: #39414d;
    877931}
    878932
    879933.wp-block-file .wp-block-file__button:disabled {
    880     background-color: var(--global--color-white-50);
    881     border-color: var(--global--color-white-50);
    882     color: var(--button--color-text-active);
     934    background-color: rgba(255, 255, 255, 0.5);
     935    border-color: rgba(255, 255, 255, 0.5);
     936    color: #39414d;
    883937}
    884938
    885939.wp-block-file .wp-block-file__button:hover {
    886     color: var(--button--color-text-hover);
     940    color: #39414d;
    887941    background: transparent;
    888942}
    … …  
    893947
    894948.wp-block-gallery figcaption a {
    895     color: var(--global--color-white);
     949    color: #fff;
    896950}
    897951
    … …  
    910964
    911965.wp-block-group.has-background {
    912     padding: var(--global--spacing-vertical);
     966    padding: 30px;
    913967}
    914968
    … …  
    919973
    920974.wp-block-group.is-style-twentytwentyone-border {
    921     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
    922     padding: var(--global--spacing-vertical);
     975    border: 3px solid #28303d;
     976    padding: 30px;
    923977}
    924978
    925979.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
    926     max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
    927     width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
    928     margin-left: calc(-1 * var(--global--spacing-vertical));
     980    max-width: calc(100% + 60px);
     981    width: calc(100% + 60px);
     982    margin-left: -30px;
    929983}
    930984
    … …  
    9471001}
    9481002
    949 .wp-block-heading h1,
    950 h1,
    951 .h1,
    952 .wp-block-heading h2,
    953 h2,
    954 .h2,
    955 .wp-block-heading h3,
    956 h3,
    957 .h3,
    958 .wp-block-heading h4,
    959 h4,
    960 .h4,
    961 .wp-block-heading h5,
    962 h5,
    963 .h5,
    964 .wp-block-heading h6,
    965 h6,
     1003.wp-block-heading h1 {
     1004    clear: both;
     1005    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1006    font-weight: normal;
     1007}
     1008
     1009h1 {
     1010    clear: both;
     1011    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1012    font-weight: normal;
     1013}
     1014
     1015.h1 {
     1016    clear: both;
     1017    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1018    font-weight: normal;
     1019}
     1020
     1021.wp-block-heading h2 {
     1022    clear: both;
     1023    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1024    font-weight: normal;
     1025}
     1026
     1027h2 {
     1028    clear: both;
     1029    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1030    font-weight: normal;
     1031}
     1032
     1033.h2 {
     1034    clear: both;
     1035    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1036    font-weight: normal;
     1037}
     1038
     1039.wp-block-heading h3 {
     1040    clear: both;
     1041    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1042    font-weight: normal;
     1043}
     1044
     1045h3 {
     1046    clear: both;
     1047    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1048    font-weight: normal;
     1049}
     1050
     1051.h3 {
     1052    clear: both;
     1053    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1054    font-weight: normal;
     1055}
     1056
     1057.wp-block-heading h4 {
     1058    clear: both;
     1059    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1060    font-weight: normal;
     1061}
     1062
     1063h4 {
     1064    clear: both;
     1065    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1066    font-weight: normal;
     1067}
     1068
     1069.h4 {
     1070    clear: both;
     1071    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1072    font-weight: normal;
     1073}
     1074
     1075.wp-block-heading h5 {
     1076    clear: both;
     1077    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1078    font-weight: normal;
     1079}
     1080
     1081h5 {
     1082    clear: both;
     1083    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1084    font-weight: normal;
     1085}
     1086
     1087.h5 {
     1088    clear: both;
     1089    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1090    font-weight: normal;
     1091}
     1092
     1093.wp-block-heading h6 {
     1094    clear: both;
     1095    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1096    font-weight: normal;
     1097}
     1098
     1099h6 {
     1100    clear: both;
     1101    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1102    font-weight: normal;
     1103}
     1104
    9661105.h6 {
    9671106    clear: both;
    968     font-family: var(--heading--font-family);
    969     font-weight: var(--heading--font-weight);
    970 }
    971 
    972 .wp-block-heading h1 strong,
    973 h1 strong,
    974 .h1 strong,
    975 .wp-block-heading h2 strong,
    976 h2 strong,
    977 .h2 strong,
    978 .wp-block-heading h3 strong,
    979 h3 strong,
    980 .h3 strong,
    981 .wp-block-heading h4 strong,
    982 h4 strong,
    983 .h4 strong,
    984 .wp-block-heading h5 strong,
    985 h5 strong,
    986 .h5 strong,
    987 .wp-block-heading h6 strong,
    988 h6 strong,
     1107    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1108    font-weight: normal;
     1109}
     1110
     1111.wp-block-heading h1 strong {
     1112    font-weight: 600;
     1113}
     1114
     1115h1 strong {
     1116    font-weight: 600;
     1117}
     1118
     1119.h1 strong {
     1120    font-weight: 600;
     1121}
     1122
     1123.wp-block-heading h2 strong {
     1124    font-weight: 600;
     1125}
     1126
     1127h2 strong {
     1128    font-weight: 600;
     1129}
     1130
     1131.h2 strong {
     1132    font-weight: 600;
     1133}
     1134
     1135.wp-block-heading h3 strong {
     1136    font-weight: 600;
     1137}
     1138
     1139h3 strong {
     1140    font-weight: 600;
     1141}
     1142
     1143.h3 strong {
     1144    font-weight: 600;
     1145}
     1146
     1147.wp-block-heading h4 strong {
     1148    font-weight: 600;
     1149}
     1150
     1151h4 strong {
     1152    font-weight: 600;
     1153}
     1154
     1155.h4 strong {
     1156    font-weight: 600;
     1157}
     1158
     1159.wp-block-heading h5 strong {
     1160    font-weight: 600;
     1161}
     1162
     1163h5 strong {
     1164    font-weight: 600;
     1165}
     1166
     1167.h5 strong {
     1168    font-weight: 600;
     1169}
     1170
     1171.wp-block-heading h6 strong {
     1172    font-weight: 600;
     1173}
     1174
     1175h6 strong {
     1176    font-weight: 600;
     1177}
     1178
    9891179.h6 strong {
    990     font-weight: var(--heading--font-weight-strong);
    991 }
    992 
    993 .wp-block-heading h1[style*="--wp--typography--line-height"],
    994 h1[style*="--wp--typography--line-height"],
    995 .h1[style*="--wp--typography--line-height"],
    996 .wp-block-heading h2[style*="--wp--typography--line-height"],
    997 h2[style*="--wp--typography--line-height"],
    998 .h2[style*="--wp--typography--line-height"],
    999 .wp-block-heading h3[style*="--wp--typography--line-height"],
    1000 h3[style*="--wp--typography--line-height"],
    1001 .h3[style*="--wp--typography--line-height"],
    1002 .wp-block-heading h4[style*="--wp--typography--line-height"],
    1003 h4[style*="--wp--typography--line-height"],
    1004 .h4[style*="--wp--typography--line-height"],
    1005 .wp-block-heading h5[style*="--wp--typography--line-height"],
    1006 h5[style*="--wp--typography--line-height"],
    1007 .h5[style*="--wp--typography--line-height"],
    1008 .wp-block-heading h6[style*="--wp--typography--line-height"],
    1009 h6[style*="--wp--typography--line-height"],
     1180    font-weight: 600;
     1181}
     1182
     1183.wp-block-heading h1[style*="--wp--typography--line-height"] {
     1184    line-height: --global--line-height-body;
     1185}
     1186
     1187h1[style*="--wp--typography--line-height"] {
     1188    line-height: --global--line-height-body;
     1189}
     1190
     1191.h1[style*="--wp--typography--line-height"] {
     1192    line-height: --global--line-height-body;
     1193}
     1194
     1195.wp-block-heading h2[style*="--wp--typography--line-height"] {
     1196    line-height: --global--line-height-body;
     1197}
     1198
     1199h2[style*="--wp--typography--line-height"] {
     1200    line-height: --global--line-height-body;
     1201}
     1202
     1203.h2[style*="--wp--typography--line-height"] {
     1204    line-height: --global--line-height-body;
     1205}
     1206
     1207.wp-block-heading h3[style*="--wp--typography--line-height"] {
     1208    line-height: --global--line-height-body;
     1209}
     1210
     1211h3[style*="--wp--typography--line-height"] {
     1212    line-height: --global--line-height-body;
     1213}
     1214
     1215.h3[style*="--wp--typography--line-height"] {
     1216    line-height: --global--line-height-body;
     1217}
     1218
     1219.wp-block-heading h4[style*="--wp--typography--line-height"] {
     1220    line-height: --global--line-height-body;
     1221}
     1222
     1223h4[style*="--wp--typography--line-height"] {
     1224    line-height: --global--line-height-body;
     1225}
     1226
     1227.h4[style*="--wp--typography--line-height"] {
     1228    line-height: --global--line-height-body;
     1229}
     1230
     1231.wp-block-heading h5[style*="--wp--typography--line-height"] {
     1232    line-height: --global--line-height-body;
     1233}
     1234
     1235h5[style*="--wp--typography--line-height"] {
     1236    line-height: --global--line-height-body;
     1237}
     1238
     1239.h5[style*="--wp--typography--line-height"] {
     1240    line-height: --global--line-height-body;
     1241}
     1242
     1243.wp-block-heading h6[style*="--wp--typography--line-height"] {
     1244    line-height: --global--line-height-body;
     1245}
     1246
     1247h6[style*="--wp--typography--line-height"] {
     1248    line-height: --global--line-height-body;
     1249}
     1250
    10101251.h6[style*="--wp--typography--line-height"] {
    1011     line-height: var(--wp--typography--line-height, --global--line-height-body);
    1012 }
    1013 
    1014 .wp-block-heading h1,
    1015 h1,
     1252    line-height: --global--line-height-body;
     1253}
     1254
     1255.wp-block-heading h1 {
     1256    font-size: 4rem;
     1257    letter-spacing: normal;
     1258    line-height: 1.1;
     1259}
     1260
     1261@media only screen and (min-width: 652px) {
     1262
     1263    .wp-block-heading h1 {
     1264        font-size: 6rem;
     1265    }
     1266}
     1267
     1268h1 {
     1269    font-size: 4rem;
     1270    letter-spacing: normal;
     1271    line-height: 1.1;
     1272}
     1273
     1274@media only screen and (min-width: 652px) {
     1275
     1276    h1 {
     1277        font-size: 6rem;
     1278    }
     1279}
     1280
    10161281.h1 {
    1017     font-size: var(--heading--font-size-h1);
    1018     letter-spacing: var(--heading--letter-spacing-h1);
    1019     line-height: var(--heading--line-height-h1);
    1020 }
    1021 
    1022 .wp-block-heading h2,
    1023 h2,
     1282    font-size: 4rem;
     1283    letter-spacing: normal;
     1284    line-height: 1.1;
     1285}
     1286
     1287@media only screen and (min-width: 652px) {
     1288
     1289    .h1 {
     1290        font-size: 6rem;
     1291    }
     1292}
     1293
     1294.wp-block-heading h2 {
     1295    font-size: 2.25rem;
     1296    letter-spacing: normal;
     1297    line-height: 1.3;
     1298}
     1299
     1300@media only screen and (min-width: 652px) {
     1301
     1302    .wp-block-heading h2 {
     1303        font-size: 3rem;
     1304    }
     1305}
     1306
     1307@media only screen and (min-width: 652px) {
     1308
     1309    .wp-block-heading h2 {
     1310        font-size: 3rem;
     1311    }
     1312}
     1313
     1314h2 {
     1315    font-size: 2.25rem;
     1316    letter-spacing: normal;
     1317    line-height: 1.3;
     1318}
     1319
     1320@media only screen and (min-width: 652px) {
     1321
     1322    h2 {
     1323        font-size: 3rem;
     1324    }
     1325}
     1326
     1327@media only screen and (min-width: 652px) {
     1328
     1329    h2 {
     1330        font-size: 3rem;
     1331    }
     1332}
     1333
    10241334.h2 {
    1025     font-size: var(--heading--font-size-h2);
    1026     letter-spacing: var(--heading--letter-spacing-h2);
    1027     line-height: var(--heading--line-height-h2);
    1028 }
    1029 
    1030 .wp-block-heading h3,
    1031 h3,
     1335    font-size: 2.25rem;
     1336    letter-spacing: normal;
     1337    line-height: 1.3;
     1338}
     1339
     1340@media only screen and (min-width: 652px) {
     1341
     1342    .h2 {
     1343        font-size: 3rem;
     1344    }
     1345}
     1346
     1347@media only screen and (min-width: 652px) {
     1348
     1349    .h2 {
     1350        font-size: 3rem;
     1351    }
     1352}
     1353
     1354.wp-block-heading h3 {
     1355    font-size: 2rem;
     1356    letter-spacing: normal;
     1357    line-height: 1.3;
     1358}
     1359
     1360@media only screen and (min-width: 652px) {
     1361
     1362    .wp-block-heading h3 {
     1363        font-size: 2rem;
     1364    }
     1365}
     1366
     1367h3 {
     1368    font-size: 2rem;
     1369    letter-spacing: normal;
     1370    line-height: 1.3;
     1371}
     1372
     1373@media only screen and (min-width: 652px) {
     1374
     1375    h3 {
     1376        font-size: 2rem;
     1377    }
     1378}
     1379
    10321380.h3 {
    1033     font-size: var(--heading--font-size-h3);
    1034     letter-spacing: var(--heading--letter-spacing-h3);
    1035     line-height: var(--heading--line-height-h3);
    1036 }
    1037 
    1038 .wp-block-heading h4,
    1039 h4,
     1381    font-size: 2rem;
     1382    letter-spacing: normal;
     1383    line-height: 1.3;
     1384}
     1385
     1386@media only screen and (min-width: 652px) {
     1387
     1388    .h3 {
     1389        font-size: 2rem;
     1390    }
     1391}
     1392
     1393.wp-block-heading h4 {
     1394    font-size: 1.5rem;
     1395    font-weight: 600;
     1396    letter-spacing: normal;
     1397    line-height: 1.3;
     1398}
     1399
     1400h4 {
     1401    font-size: 1.5rem;
     1402    font-weight: 600;
     1403    letter-spacing: normal;
     1404    line-height: 1.3;
     1405}
     1406
    10401407.h4 {
    1041     font-size: var(--heading--font-size-h4);
    1042     font-weight: var(--heading--font-weight-strong);
    1043     letter-spacing: var(--heading--letter-spacing-h4);
    1044     line-height: var(--heading--line-height-h4);
    1045 }
    1046 
    1047 .wp-block-heading h5,
    1048 h5,
     1408    font-size: 1.5rem;
     1409    font-weight: 600;
     1410    letter-spacing: normal;
     1411    line-height: 1.3;
     1412}
     1413
     1414.wp-block-heading h5 {
     1415    font-size: 1.125rem;
     1416    font-weight: 600;
     1417    letter-spacing: 0.05em;
     1418    line-height: 1.3;
     1419}
     1420
     1421h5 {
     1422    font-size: 1.125rem;
     1423    font-weight: 600;
     1424    letter-spacing: 0.05em;
     1425    line-height: 1.3;
     1426}
     1427
    10491428.h5 {
    1050     font-size: var(--heading--font-size-h5);
    1051     font-weight: var(--heading--font-weight-strong);
    1052     letter-spacing: var(--heading--letter-spacing-h5);
    1053     line-height: var(--heading--line-height-h5);
    1054 }
    1055 
    1056 .wp-block-heading h6,
    1057 h6,
     1429    font-size: 1.125rem;
     1430    font-weight: 600;
     1431    letter-spacing: 0.05em;
     1432    line-height: 1.3;
     1433}
     1434
     1435.wp-block-heading h6 {
     1436    font-size: 1rem;
     1437    font-weight: 600;
     1438    letter-spacing: 0.05em;
     1439    line-height: 1.3;
     1440}
     1441
     1442h6 {
     1443    font-size: 1rem;
     1444    font-weight: 600;
     1445    letter-spacing: 0.05em;
     1446    line-height: 1.3;
     1447}
     1448
    10581449.h6 {
    1059     font-size: var(--heading--font-size-h6);
    1060     font-weight: var(--heading--font-weight-strong);
    1061     letter-spacing: var(--heading--letter-spacing-h6);
    1062     line-height: var(--heading--line-height-h6);
     1450    font-size: 1rem;
     1451    font-weight: 600;
     1452    letter-spacing: 0.05em;
     1453    line-height: 1.3;
    10631454}
    10641455
    10651456[data-type="core/html"] textarea {
    1066     color: var(--global--color-dark-gray);
     1457    color: #28303d;
    10671458    border-radius: 0;
    1068     padding: var(--global--spacing-unit);
     1459    padding: 20px;
    10691460}
    10701461
    … …  
    10791470
    10801471/* Block Styles */
    1081 .wp-block-image.is-style-twentytwentyone-border img,
     1472.wp-block-image.is-style-twentytwentyone-border img {
     1473    border: 3px solid #28303d;
     1474}
     1475
    10821476.wp-block-image.is-style-twentytwentyone-image-frame img {
    1083     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     1477    border: 3px solid #28303d;
    10841478}
    10851479
    10861480.wp-block-image.is-style-twentytwentyone-image-frame img {
    1087     padding: var(--global--spacing-unit);
     1481    padding: 20px;
    10881482}
    10891483
    … …  
    10971491
    10981492.wp-block-latest-posts:not(.is-grid) > li {
    1099     margin-top: calc(1.666 * var(--global--spacing-vertical));
    1100     margin-bottom: calc(1.666 * var(--global--spacing-vertical));
     1493    margin-top: 50px;
     1494    margin-bottom: 50px;
    11011495}
    11021496
    … …  
    11151509
    11161510.wp-block-latest-posts.is-grid > li {
    1117     margin-bottom: var(--global--spacing-vertical);
     1511    margin-bottom: 30px;
    11181512}
    11191513
    … …  
    11231517
    11241518.wp-block-latest-posts > li > * {
    1125     margin-top: calc(0.333 * var(--global--spacing-vertical));
    1126     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     1519    margin-top: 10px;
     1520    margin-bottom: 10px;
    11271521}
    11281522
    … …  
    11371531.wp-block-latest-posts > li > a {
    11381532    display: inline-block;
    1139     font-family: var(--latest-posts--title-font-family);
    1140     font-size: var(--latest-posts--title-font-size);
    1141     font-weight: var(--heading--font-weight);
    1142     line-height: var(--global--line-height-heading);
    1143     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     1533    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1534    font-size: 2rem;
     1535    font-weight: normal;
     1536    line-height: 1.3;
     1537    margin-bottom: 10px;
     1538}
     1539@media only screen and (min-width: 652px) {
     1540
     1541    .wp-block-latest-posts > li > a {
     1542        font-size: 2rem;
     1543    }
    11441544}
    11451545
    11461546.wp-block-latest-posts .wp-block-latest-posts__post-author {
    1147     color: var(--global--color-primary);
    1148     font-size: var(--global--font-size-md);
    1149     line-height: var(--global--line-height-body);
     1547    color: #28303d;
     1548    font-size: 1.25rem;
     1549    line-height: 1.7;
    11501550}
    11511551
    11521552.wp-block-latest-posts .wp-block-latest-posts__post-date {
    1153     color: var(--global--color-primary);
    1154     font-size: var(--global--font-size-xs);
    1155     line-height: var(--global--line-height-body);
     1553    color: #28303d;
     1554    font-size: 1rem;
     1555    line-height: 1.7;
    11561556}
    11571557
    … …  
    11611561}
    11621562
    1163 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
     1563.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
     1564    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1565    font-size: 1.125rem;
     1566    line-height: 1.7;
     1567    margin-top: 20px;
     1568}
     1569
    11641570.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
    1165     font-family: var(--latest-posts--description-font-family);
    1166     font-size: var(--latest-posts--description-font-size);
    1167     line-height: var(--global--line-height-body);
    1168     margin-top: calc(0.666 * var(--global--spacing-vertical));
     1571    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1572    font-size: 1.125rem;
     1573    line-height: 1.7;
     1574    margin-top: 20px;
    11691575}
    11701576
    11711577.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
    1172     border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
    1173     border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
    1174 }
    1175 
    1176 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
     1578    border-top: 3px solid #28303d;
     1579    border-bottom: 3px solid #28303d;
     1580}
     1581
     1582.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
     1583    padding-bottom: 30px;
     1584    border-bottom: 1px solid #28303d;
     1585    margin-top: 30px;
     1586    margin-bottom: 30px;
     1587}
     1588
    11771589.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
    1178     padding-bottom: var(--global--spacing-vertical);
    1179     border-bottom: var(--separator--height) solid var(--global--color-border);
    1180     margin-top: var(--global--spacing-vertical);
    1181     margin-bottom: var(--global--spacing-vertical);
     1590    padding-bottom: 30px;
     1591    border-bottom: 1px solid #28303d;
     1592    margin-top: 30px;
     1593    margin-bottom: 30px;
    11821594}
    11831595
    … …  
    11891601
    11901602.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
    1191     box-shadow: inset 0 -1px 0 0 var(--global--color-border);
    1192     border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
     1603    box-shadow: inset 0 -1px 0 0 #28303d;
     1604    border-bottom: 2px solid #28303d;
    11931605}
    11941606
    11951607.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
    11961608    margin: 0;
    1197     padding-top: var(--global--spacing-vertical);
    1198     padding-right: var(--global--spacing-horizontal);
     1609    padding-top: 30px;
     1610    padding-right: 25px;
    11991611}
    12001612
    12011613.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
    1202     padding-bottom: var(--global--spacing-vertical);
     1614    padding-bottom: 30px;
    12031615}
    12041616@media screen and (min-width: 600px) {
    12051617
    12061618    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
    1207         width: calc((100% / 2));
     1619        width: 50%;
    12081620    }
    12091621
    12101622    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
    1211         width: calc((100% / 3));
     1623        width: 33%;
    12121624    }
    12131625
    12141626    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
    1215         width: calc((100% / 4));
     1627        width: 25%;
    12161628    }
    12171629
    12181630    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
    1219         width: calc((100% / 5));
     1631        width: 20%;
    12201632    }
    12211633
    12221634    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
    1223         width: calc((100% / 6));
     1635        width: 17%;
    12241636    }
    12251637}
    12261638
    12271639.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
    1228     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
    1229     padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1640    border: 3px solid #28303d;
     1641    padding: 30px 25px;
    12301642}
    12311643
    12321644.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
    1233     padding-bottom: var(--global--spacing-vertical);
    1234     margin-bottom: var(--global--spacing-vertical);
     1645    padding-bottom: 30px;
     1646    margin-bottom: 30px;
    12351647}
    12361648
    12371649.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
    1238     margin-top: var(--global--spacing-horizontal);
    1239     margin-bottom: var(--global--spacing-horizontal);
     1650    margin-top: 25px;
     1651    margin-bottom: 25px;
    12401652}
    12411653
    … …  
    12831695}
    12841696
    1285 ul,
     1697ul {
     1698    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1699    margin: 30px 0;
     1700    padding-left: 50px;
     1701}
     1702
    12861703ol {
    1287     font-family: var(--list--font-family);
    1288     margin: var(--global--spacing-vertical) 0;
    1289     padding-left: calc(2 * var(--global--spacing-horizontal));
     1704    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1705    margin: 30px 0;
     1706    padding-left: 50px;
    12901707}
    12911708
    … …  
    13101727
    13111728dt {
    1312     font-family: var(--definition-term--font-family);
     1729    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    13131730    font-weight: bold;
    13141731}
    … …  
    13331750
    13341751.wp-block-media-text .wp-block-media-text__content {
    1335     padding: var(--global--spacing-horizontal);
     1752    padding: 25px;
    13361753}
    13371754
    13381755.wp-block-media-text.is-style-twentytwentyone-border {
    1339     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     1756    border: 3px solid #28303d;
    13401757}
    13411758
    13421759.wp-block-navigation .wp-block-navigation__container {
    1343     background: var(--global--color-background);
     1760    background: #d1e4dd;
    13441761    padding: 0;
    13451762}
    13461763
    13471764.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
    1348     padding: var(--primary-nav--padding);
     1765    padding: 13px;
    13491766}
    13501767
    13511768.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
    1352     font-family: var(--primary-nav--font-family);
    1353     font-size: var(--primary-nav--font-size);
    1354     font-weight: var(--primary-nav--font-weight);
     1769    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1770    font-size: 1.25rem;
     1771    font-weight: normal;
    13551772}
    13561773
    13571774.wp-block-navigation .has-child .wp-block-navigation__container {
    1358     box-shadow: var(--global--elevation);
    1359 }
    1360 
    1361 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
     1775    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
     1776}
     1777
     1778.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
     1779    color: #28303d;
     1780}
     1781
    13621782.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
    1363     color: var(--primary-nav--color-link-hover);
     1783    color: #28303d;
    13641784}
    13651785
    … …  
    13691789
    13701790p {
    1371     line-height: var(--wp--typography--line-height, --global--line-height-body);
     1791    line-height: --global--line-height-body;
    13721792}
    13731793
    13741794p.has-background {
    1375     padding: var(--global--spacing-unit);
     1795    padding: 20px;
    13761796}
    13771797
    … …  
    13791799    overflow-x: auto;
    13801800    white-space: pre !important;
    1381     font-size: var(--global--font-size-xs);
     1801    font-size: 1rem;
    13821802}
    13831803
    13841804.wp-block-pullquote {
    1385     padding: calc(2 * var(--global--spacing-unit)) 0;
     1805    padding: 40px 0;
    13861806    text-align: center;
    1387     border-width: var(--pullquote--border-width);
     1807    border-width: 3px;
    13881808    border-bottom-style: solid;
    13891809    border-top-style: solid;
    … …  
    14051825
    14061826.wp-block-pullquote p {
    1407     font-family: var(--pullquote--font-family);
    1408     font-size: var(--pullquote--font-size);
    1409     font-style: var(--pullquote--font-style);
     1827    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1828    font-size: 2rem;
     1829    font-style: normal;
    14101830    font-weight: 700;
    1411     letter-spacing: var(--pullquote--letter-spacing);
    1412     line-height: var(--pullquote--line-height);
     1831    letter-spacing: normal;
     1832    line-height: 1.3;
    14131833    margin: 0;
     1834}
     1835@media only screen and (min-width: 652px) {
     1836
     1837    .wp-block-pullquote p {
     1838        font-size: 2rem;
     1839    }
    14141840}
    14151841
    … …  
    14181844}
    14191845
    1420 .wp-block-pullquote .wp-block-pullquote__citation,
    1421 .wp-block-pullquote cite,
     1846.wp-block-pullquote .wp-block-pullquote__citation {
     1847    font-size: 1rem;
     1848    font-style: normal;
     1849    text-transform: none;
     1850}
     1851
     1852.wp-block-pullquote cite {
     1853    font-size: 1rem;
     1854    font-style: normal;
     1855    text-transform: none;
     1856}
     1857
    14221858.wp-block-pullquote footer {
    1423     font-size: var(--global--font-size-xs);
    1424     font-style: var(--pullquote--font-style);
     1859    font-size: 1rem;
     1860    font-style: normal;
    14251861    text-transform: none;
    14261862}
    … …  
    14331869    margin-left: auto;
    14341870    margin-right: auto;
    1435     padding: calc(2.5 * var(--global--spacing-unit));
    1436     border-width: var(--pullquote--border-width);
     1871    padding: 50px;
     1872    border-width: 3px;
    14371873    border-style: solid;
    1438     border-color: var(--pullquote--border-color);
     1874    border-color: #28303d;
    14391875}
    14401876@media (min-width: 600px) {
    14411877
    14421878    .wp-block-pullquote.is-style-solid-color {
    1443         padding: calc(5 * var(--global--spacing-unit));
     1879        padding: 100px;
    14441880    }
    14451881}
    … …  
    14491885}
    14501886
    1451 .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
     1887.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
     1888    padding-left: 20px;
     1889    padding-right: 20px;
     1890    max-width: inherit;
     1891}
     1892
    14521893.wp-block-pullquote.is-style-solid-color.alignright blockquote {
    1453     padding-left: var(--global--spacing-unit);
    1454     padding-right: var(--global--spacing-unit);
     1894    padding-left: 20px;
     1895    padding-right: 20px;
    14551896    max-width: inherit;
    14561897}
    … …  
    14621903
    14631904.wp-block-pullquote.is-style-solid-color blockquote p {
    1464     font-size: var(--pullquote--font-size);
     1905    font-size: 2rem;
     1906}
     1907@media only screen and (min-width: 652px) {
     1908
     1909    .wp-block-pullquote.is-style-solid-color blockquote p {
     1910        font-size: 2rem;
     1911    }
    14651912}
    14661913
    … …  
    14721919
    14731920.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
    1474     padding: 0 calc(2 * var(--global--spacing-unit));
    1475 }
    1476 
    1477 .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color,
     1921    padding: 0 40px;
     1922}
     1923
     1924.wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color {
     1925    padding: 20px;
     1926}
     1927
    14781928.wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color {
    1479     padding: var(--global--spacing-unit);
     1929    padding: 20px;
    14801930}
    14811931
    … …  
    14831933    position: relative;
    14841934    border-left: none;
    1485     margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1935    margin: 30px auto 30px 25px;
    14861936}
    14871937
    14881938.wp-block-quote p {
    1489     font-family: var(--quote--font-family);
    1490     font-size: var(--quote--font-size);
    1491     font-style: var(--quote--font-style);
    1492     font-weight: var(--quote--font-weight);
    1493     line-height: var(--quote--line-height);
     1939    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1940    font-size: 1.25rem;
     1941    font-style: normal;
     1942    font-weight: 700;
     1943    line-height: 1.7;
    14941944}
    14951945
    14961946.wp-block-quote strong {
    1497     font-weight: var(--quote--font-weight-strong);
     1947    font-weight: bolder;
    14981948}
    14991949
    15001950.wp-block-quote:before {
    15011951    content: "“";
    1502     font-size: var(--quote--font-size);
    1503     line-height: var(--quote--line-height);
    1504     left: calc(-0.5 * var(--global--spacing-horizontal));
     1952    font-size: 1.25rem;
     1953    line-height: 1.7;
     1954    left: -12px;
    15051955}
    15061956
    15071957.wp-block-quote .wp-block-quote__citation {
    1508     color: var(--global--color-primary);
    1509     font-size: var(--global--font-size-xs);
    1510     font-style: var(--quote--font-style-cite);
     1958    color: #28303d;
     1959    font-size: 1rem;
     1960    font-style: normal;
    15111961}
    15121962
    … …  
    15191969
    15201970.wp-block-quote.has-text-align-right {
    1521     margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
     1971    margin: 30px 25px 30px auto;
    15221972    padding-right: 0;
    15231973    border-right: none;
    … …  
    15301980.wp-block-quote.has-text-align-right p:before {
    15311981    content: "”";
    1532     font-size: var(--quote--font-size);
     1982    font-size: 1.25rem;
    15331983    font-weight: normal;
    1534     line-height: var(--quote--line-height);
     1984    line-height: 1.7;
    15351985    margin-right: 5px;
    15361986}
    15371987
    15381988.wp-block-quote.has-text-align-center {
    1539     margin: var(--global--spacing-vertical) auto;
     1989    margin: 30px auto;
    15401990}
    15411991
    … …  
    15441994}
    15451995
    1546 .wp-block-quote.is-large,
     1996.wp-block-quote.is-large {
     1997    padding-left: 0;
     1998
     1999    /* Resetting margins to match _block-container.scss */
     2000    margin-top: 30px;
     2001    margin-bottom: 30px;
     2002}
     2003
    15472004.wp-block-quote.is-style-large {
    15482005    padding-left: 0;
    15492006
    15502007    /* Resetting margins to match _block-container.scss */
    1551     margin-top: var(--global--spacing-vertical);
    1552     margin-bottom: var(--global--spacing-vertical);
    1553 }
    1554 
    1555 .wp-block-quote.is-large p,
     2008    margin-top: 30px;
     2009    margin-bottom: 30px;
     2010}
     2011
     2012.wp-block-quote.is-large p {
     2013    font-size: 2.25rem;
     2014    font-style: normal;
     2015    line-height: 1.35;
     2016}
     2017@media only screen and (min-width: 652px) {
     2018
     2019    .wp-block-quote.is-large p {
     2020        font-size: 2.5rem;
     2021    }
     2022}
     2023
    15562024.wp-block-quote.is-style-large p {
    1557     font-size: var(--quote--font-size-large);
    1558     font-style: var(--quote--font-style-large);
    1559     line-height: var(--quote--line-height-large);
    1560 }
    1561 
    1562 .wp-block-quote.is-large:before,
     2025    font-size: 2.25rem;
     2026    font-style: normal;
     2027    line-height: 1.35;
     2028}
     2029@media only screen and (min-width: 652px) {
     2030
     2031    .wp-block-quote.is-style-large p {
     2032        font-size: 2.5rem;
     2033    }
     2034}
     2035
     2036.wp-block-quote.is-large:before {
     2037    font-size: 2.25rem;
     2038    line-height: 1.35;
     2039    left: -25px;
     2040}
     2041@media only screen and (min-width: 652px) {
     2042
     2043    .wp-block-quote.is-large:before {
     2044        font-size: 2.5rem;
     2045    }
     2046}
     2047
    15632048.wp-block-quote.is-style-large:before {
    1564     font-size: var(--quote--font-size-large);
    1565     line-height: var(--quote--line-height-large);
    1566     left: calc(-1 * var(--global--spacing-horizontal));
     2049    font-size: 2.25rem;
     2050    line-height: 1.35;
     2051    left: -25px;
     2052}
     2053@media only screen and (min-width: 652px) {
     2054
     2055    .wp-block-quote.is-style-large:before {
     2056        font-size: 2.5rem;
     2057    }
    15672058}
    15682059
    … …  
    15722063}
    15732064
    1574 .wp-block-quote.is-large.has-text-align-right p:before,
     2065.wp-block-quote.is-large.has-text-align-right p:before {
     2066    content: "”";
     2067    font-size: 2.25rem;
     2068    font-weight: normal;
     2069    line-height: 1.35;
     2070    margin-right: 10px;
     2071}
     2072@media only screen and (min-width: 652px) {
     2073
     2074    .wp-block-quote.is-large.has-text-align-right p:before {
     2075        font-size: 2.5rem;
     2076    }
     2077}
     2078
    15752079.wp-block-quote.is-style-large.has-text-align-right p:before {
    15762080    content: "”";
    1577     font-size: var(--quote--font-size-large);
     2081    font-size: 2.25rem;
    15782082    font-weight: normal;
    1579     line-height: var(--quote--line-height-large);
     2083    line-height: 1.35;
    15802084    margin-right: 10px;
    15812085}
     2086@media only screen and (min-width: 652px) {
     2087
     2088    .wp-block-quote.is-style-large.has-text-align-right p:before {
     2089        font-size: 2.5rem;
     2090    }
     2091}
    15822092@media only screen and (max-width: 481px) {
    15832093
    1584     .wp-block-quote.is-large,
     2094    .wp-block-quote.is-large {
     2095        padding-left: 25px;
     2096    }
     2097
    15852098    .wp-block-quote.is-style-large {
    1586         padding-left: var(--global--spacing-horizontal);
     2099        padding-left: 25px;
    15872100    }
    15882101
    … …  
    15922105    }
    15932106
    1594     .wp-block-quote.is-large.has-text-align-right,
     2107    .wp-block-quote.is-large.has-text-align-right {
     2108        padding-left: 0;
     2109        padding-right: 25px;
     2110    }
     2111
    15952112    .wp-block-quote.is-style-large.has-text-align-right {
    15962113        padding-left: 0;
    1597         padding-right: var(--global--spacing-horizontal);
     2114        padding-right: 25px;
    15982115    }
    15992116
    … …  
    16062123
    16072124    .wp-block-quote {
    1608         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     2125        padding-left: 13px;
    16092126    }
    16102127
    … …  
    16152132    .wp-block-quote.has-text-align-right {
    16162133        padding-left: 0;
    1617         padding-right: calc(0.5 * var(--global--spacing-horizontal));
     2134        padding-right: 13px;
    16182135    }
    16192136
    … …  
    16472164
    16482165.wp-block-rss:not(.is-grid) > li {
    1649     margin-top: calc(1.666 * var(--global--spacing-vertical));
    1650     margin-bottom: calc(1.666 * var(--global--spacing-vertical));
     2166    margin-top: 50px;
     2167    margin-bottom: 50px;
    16512168}
    16522169
    … …  
    16602177
    16612178.wp-block-rss.is-grid > li {
    1662     margin-bottom: var(--global--spacing-vertical);
     2179    margin-bottom: 30px;
    16632180}
    16642181
    … …  
    16812198
    16822199.wp-block-rss > li > * {
    1683     margin-top: calc(0.333 * var(--global--spacing-vertical));
    1684     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     2200    margin-top: 10px;
     2201    margin-bottom: 10px;
    16852202}
    16862203
    … …  
    16952212.wp-block-rss .wp-block-rss__item-title > a {
    16962213    display: inline-block;
    1697     font-family: var(--latest-posts--title-font-family);
    1698     font-size: var(--latest-posts--title-font-size);
    1699     font-weight: var(--heading--font-weight);
    1700     line-height: var(--global--line-height-heading);
    1701     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     2214    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2215    font-size: 2rem;
     2216    font-weight: normal;
     2217    line-height: 1.3;
     2218    margin-bottom: 10px;
     2219}
     2220@media only screen and (min-width: 652px) {
     2221
     2222    .wp-block-rss .wp-block-rss__item-title > a {
     2223        font-size: 2rem;
     2224    }
    17022225}
    17032226
    17042227.wp-block-rss .wp-block-rss__item-author {
    1705     color: var(--global--color-primary);
    1706     font-size: var(--global--font-size-md);
    1707     line-height: var(--global--line-height-body);
     2228    color: #28303d;
     2229    font-size: 1.25rem;
     2230    line-height: 1.7;
    17082231}
    17092232
    17102233.wp-block-rss .wp-block-rss__item-publish-date {
    1711     color: var(--global--color-primary);
    1712     font-size: var(--global--font-size-xs);
    1713     line-height: var(--global--line-height-body);
     2234    color: #28303d;
     2235    font-size: 1rem;
     2236    line-height: 1.7;
    17142237}
    17152238
    … …  
    17192242}
    17202243
    1721 .wp-block-rss .wp-block-rss__item-excerpt,
     2244.wp-block-rss .wp-block-rss__item-excerpt {
     2245    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2246    font-size: 1.125rem;
     2247    line-height: 1.7;
     2248    margin-top: 20px;
     2249}
     2250
    17222251.wp-block-rss .wp-block-rss__item-full-content {
    1723     font-family: var(--latest-posts--description-font-family);
    1724     font-size: var(--latest-posts--description-font-size);
    1725     line-height: var(--global--line-height-body);
    1726     margin-top: calc(0.666 * var(--global--spacing-vertical));
     2252    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2253    font-size: 1.125rem;
     2254    line-height: 1.7;
     2255    margin-top: 20px;
    17272256}
    17282257
    17292258.wp-block-rss.alignfull {
    1730     padding-left: var(--global--spacing-unit);
    1731     padding-right: var(--global--spacing-unit);
     2259    padding-left: 20px;
     2260    padding-right: 20px;
    17322261}
    17332262
    … …  
    17392268
    17402269.wp-block-search {
    1741     max-width: var(--responsive--aligndefault-width);
     2270    max-width: calc(100vw - 30px);
     2271}
     2272
     2273@media only screen and (min-width: 482px) {
     2274
     2275    .wp-block-search {
     2276        max-width: min(calc(100vw - 100px), 610px);
     2277    }
     2278}
     2279
     2280@media only screen and (min-width: 822px) {
     2281
     2282    .wp-block-search {
     2283        max-width: min(calc(100vw - 200px), 610px);
     2284    }
    17422285}
    17432286
    17442287.wp-block-search .wp-block-search__label {
    1745     font-size: var(--form--font-size);
    1746     font-weight: var(--form--label-weight);
    1747     margin-bottom: calc(var(--global--spacing-vertical) / 3);
     2288    font-size: 1.125rem;
     2289    font-weight: 500;
     2290    margin-bottom: 10px;
    17482291}
    17492292
    17502293.wp-block-search .wp-block-search__input {
    1751     border: var(--form--border-width) solid var(--form--border-color);
    1752     border-radius: var(--form--border-radius);
    1753     font-family: var(--form--font-family);
    1754     font-size: var(--form--font-size);
    1755     line-height: var(--form--line-height);
     2294    border: 3px solid #39414d;
     2295    border-radius: 0;
     2296    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2297    font-size: 1.125rem;
     2298    line-height: 1.7;
    17562299    max-width: inherit;
    1757     margin-right: calc(-1 * var(--button--border-width));
    1758     padding: var(--form--spacing-unit);
     2300    margin-right: -3px;
     2301    padding: 10px;
    17592302}
    17602303
    17612304.is-dark-theme .wp-block-search .wp-block-search__input {
    1762     background: var(--global--color-white-90);
    1763 }
    1764 
    1765 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
    1766 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
    1767 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
    1768 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
    1769 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
    1770 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
     2305    background: rgba(255, 255, 255, 0.9);
     2306}
     2307
     2308.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input {
     2309    border-color: #28303d;
     2310}
     2311
     2312.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input {
     2313    border-color: #28303d;
     2314}
     2315
     2316.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input {
     2317    border-color: #28303d;
     2318}
     2319
     2320.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input {
     2321    border-color: #28303d;
     2322}
     2323
     2324.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input {
     2325    border-color: #28303d;
     2326}
     2327
     2328.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input {
     2329    border-color: #28303d;
     2330}
     2331
    17712332.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
    1772     border-color: var(--form--color-text);
    1773 }
    1774 
    1775 .has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
    1776 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
     2333    border-color: #28303d;
     2334}
     2335
     2336.has-background.has-gray-background-color .wp-block-search .wp-block-search__input {
     2337    border-color: #fff;
     2338}
     2339
     2340.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input {
     2341    border-color: #fff;
     2342}
     2343
    17772344.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
    1778     border-color: var(--global--color-white);
     2345    border-color: #fff;
    17792346}
    17802347
    17812348.wp-block-search .wp-block-search__button {
    1782     line-height: var(--button--line-height);
    1783     color: var(--button--color-text);
     2349    line-height: 1.5;
     2350    color: #d1e4dd;
    17842351    cursor: pointer;
    1785     font-weight: var(--button--font-weight);
    1786     font-family: var(--button--font-family);
    1787     font-size: var(--button--font-size);
    1788     background-color: var(--button--color-background);
    1789     border-radius: var(--button--border-radius);
    1790     border: var(--button--border-width) solid var(--button--color-background);
     2352    font-weight: 500;
     2353    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2354    font-size: 1.25rem;
     2355    background-color: #39414d;
     2356    border-radius: 0;
     2357    border: 3px solid #39414d;
    17912358    text-decoration: none;
    1792     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2359    padding: 15px 30px;
    17932360    box-shadow: none;
    17942361    margin-left: 0;
    17952362    background-color: transparent;
    1796     color: var(--button--color-text-hover);
     2363    color: #39414d;
    17972364}
    17982365
    … …  
    18042371
    18052372.is-dark-theme .wp-block-search .wp-block-search__button:focus {
    1806     color: var(--button--color-background);
     2373    color: #39414d;
    18072374}
    18082375
    18092376.wp-block-search .wp-block-search__button:focus:not(.has-background) {
    1810     color: var(--button--color-text-hover);
     2377    color: #39414d;
    18112378}
    18122379
    18132380.wp-block-search .wp-block-search__button:disabled {
    1814     background-color: var(--global--color-white-50);
    1815     border-color: var(--global--color-white-50);
    1816     color: var(--button--color-text-active);
     2381    background-color: rgba(255, 255, 255, 0.5);
     2382    border-color: rgba(255, 255, 255, 0.5);
     2383    color: #39414d;
    18172384}
    18182385
    18192386.wp-block-search .wp-block-search__button:hover {
    1820     color: var(--button--color-text);
    1821     background-color: var(--button--color-background);
     2387    color: #d1e4dd;
     2388    background-color: #39414d;
    18222389}
    18232390
    18242391.wp-block-search .wp-block-search__button.has-icon {
    1825     padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
     2392    padding: 30px 15px;
    18262393}
    18272394
    … …  
    18312398}
    18322399
    1833 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
    1834 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
     2400.has-background.has-gray-background-color .wp-block-search .wp-block-search__button {
     2401    color: #fff;
     2402    border-color: currentColor;
     2403}
     2404
     2405.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button {
     2406    color: #fff;
     2407    border-color: currentColor;
     2408}
     2409
    18352410.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
    1836     color: var(--global--color-white);
     2411    color: #fff;
    18372412    border-color: currentColor;
    18382413}
    18392414
    1840 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
    1841 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
     2415.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2416    color: #fff;
     2417    background-color: #39414d;
     2418    border-color: #fff;
     2419}
     2420
     2421.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2422    color: #fff;
     2423    background-color: #39414d;
     2424    border-color: #fff;
     2425}
     2426
    18422427.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
    1843     color: var(--global--color-white);
    1844     background-color: var(--button--color-background);
    1845     border-color: var(--global--color-white);
    1846 }
    1847 
    1848 .is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
    1849 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
     2428    color: #fff;
     2429    background-color: #39414d;
     2430    border-color: #fff;
     2431}
     2432
     2433.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2434    color: #d1e4dd;
     2435    background-color: #39414d;
     2436}
     2437
     2438.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2439    color: #d1e4dd;
     2440    background-color: #39414d;
     2441}
     2442
    18502443.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
    1851     color: var(--button--color-text);
    1852     background-color: var(--button--color-background);
    1853 }
    1854 
    1855 .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
    1856 .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
    1857 .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
    1858 .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
    1859 .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
    1860 .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
     2444    color: #d1e4dd;
     2445    background-color: #39414d;
     2446}
     2447
     2448.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
     2449    color: #fff;
     2450    background-color: #39414d;
     2451    border-color: #39414d;
     2452}
     2453
     2454.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
     2455    color: #fff;
     2456    background-color: #39414d;
     2457    border-color: #39414d;
     2458}
     2459
     2460.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
     2461    color: #fff;
     2462    background-color: #39414d;
     2463    border-color: #39414d;
     2464}
     2465
     2466.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
     2467    color: #fff;
     2468    background-color: #39414d;
     2469    border-color: #39414d;
     2470}
     2471
     2472.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
     2473    color: #fff;
     2474    background-color: #39414d;
     2475    border-color: #39414d;
     2476}
     2477
     2478.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
     2479    color: #fff;
     2480    background-color: #39414d;
     2481    border-color: #39414d;
     2482}
     2483
    18612484.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
    1862     color: var(--global--color-white);
    1863     background-color: var(--form--border-color);
    1864     border-color: var(--form--border-color);
    1865 }
    1866 
    1867 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
    1868 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
    1869 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
    1870 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
    1871 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
    1872 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
     2485    color: #fff;
     2486    background-color: #39414d;
     2487    border-color: #39414d;
     2488}
     2489
     2490.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button {
     2491    color: #28303d;
     2492    border-color: currentColor;
     2493}
     2494
     2495.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button {
     2496    color: #28303d;
     2497    border-color: currentColor;
     2498}
     2499
     2500.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button {
     2501    color: #28303d;
     2502    border-color: currentColor;
     2503}
     2504
     2505.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button {
     2506    color: #28303d;
     2507    border-color: currentColor;
     2508}
     2509
     2510.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button {
     2511    color: #28303d;
     2512    border-color: currentColor;
     2513}
     2514
     2515.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button {
     2516    color: #28303d;
     2517    border-color: currentColor;
     2518}
     2519
    18732520.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
    1874     color: var(--form--color-text);
     2521    color: #28303d;
    18752522    border-color: currentColor;
    18762523}
    18772524
    1878 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
    1879 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
    1880 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
    1881 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
    1882 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
    1883 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
     2525.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
     2526    color: #fff;
     2527    background-color: #d1e4dd;
     2528    border-color: #d1e4dd;
     2529}
     2530
     2531.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
     2532    color: #fff;
     2533    background-color: #d1e4dd;
     2534    border-color: #d1e4dd;
     2535}
     2536
     2537.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
     2538    color: #fff;
     2539    background-color: #d1e4dd;
     2540    border-color: #d1e4dd;
     2541}
     2542
     2543.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
     2544    color: #fff;
     2545    background-color: #d1e4dd;
     2546    border-color: #d1e4dd;
     2547}
     2548
     2549.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
     2550    color: #fff;
     2551    background-color: #d1e4dd;
     2552    border-color: #d1e4dd;
     2553}
     2554
     2555.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
     2556    color: #fff;
     2557    background-color: #d1e4dd;
     2558    border-color: #d1e4dd;
     2559}
     2560
    18842561.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
    1885     color: var(--global--color-white);
    1886     background-color: var(--button--color-text);
    1887     border-color: var(--button--color-text);
     2562    color: #fff;
     2563    background-color: #d1e4dd;
     2564    border-color: #d1e4dd;
    18882565}
    18892566
    … …  
    19002577
    19012578.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
    1902     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2579    padding: 15px 30px;
    19032580}
    19042581
    19052582.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    1906     color: var(--button--color-text);
     2583    color: #d1e4dd;
    19072584    border-color: currentColor;
    19082585}
    19092586
    19102587.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
    1911     color: var(--global--color-white);
    1912     background-color: var(--button--color-text);
    1913     border-color: var(--button--color-text);
    1914 }
    1915 
    1916 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
    1917 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
     2588    color: #fff;
     2589    background-color: #d1e4dd;
     2590    border-color: #d1e4dd;
     2591}
     2592
     2593.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2594    color: #39414d;
     2595    border-color: currentColor;
     2596}
     2597
     2598.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2599    color: #39414d;
     2600    border-color: currentColor;
     2601}
     2602
    19182603.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    1919     color: var(--button--color-text-hover);
     2604    color: #39414d;
    19202605    border-color: currentColor;
    19212606}
    19222607
    1923 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
    1924 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
     2608.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2609    color: #fff;
     2610    background-color: #39414d;
     2611    border-color: #39414d;
     2612}
     2613
     2614.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2615    color: #fff;
     2616    background-color: #39414d;
     2617    border-color: #39414d;
     2618}
     2619
    19252620.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
    1926     color: var(--global--color-white);
    1927     background-color: var(--button--color-background);
    1928     border-color: var(--button--color-background);
    1929 }
    1930 
    1931 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
    1932 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
     2621    color: #fff;
     2622    background-color: #39414d;
     2623    border-color: #39414d;
     2624}
     2625
     2626.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2627    color: #d1e4dd;
     2628    border-color: currentColor;
     2629}
     2630
     2631.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2632    color: #d1e4dd;
     2633    border-color: currentColor;
     2634}
     2635
    19332636.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    1934     color: var(--button--color-text);
     2637    color: #d1e4dd;
    19352638    border-color: currentColor;
    19362639}
    19372640
    1938 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
    1939 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
     2641.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2642    color: #fff;
     2643    background-color: #d1e4dd;
     2644    border-color: #d1e4dd;
     2645}
     2646
     2647.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2648    color: #fff;
     2649    background-color: #d1e4dd;
     2650    border-color: #d1e4dd;
     2651}
     2652
    19402653.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
    1941     color: var(--global--color-white);
    1942     background-color: var(--button--color-text);
    1943     border-color: var(--button--color-text);
     2654    color: #fff;
     2655    background-color: #d1e4dd;
     2656    border-color: #d1e4dd;
    19442657}
    19452658
    … …  
    19522665}
    19532666
    1954 .wp-block-separator,
    1955 hr {
    1956     border-bottom: var(--separator--height) solid var(--separator--border-color);
     2667.wp-block-separator {
     2668    border-bottom: 1px solid #28303d;
    19572669    clear: both;
    19582670    opacity: 1;
    19592671}
    19602672
    1961 .wp-block-separator[style*="text-align:right"],
    1962 .wp-block-separator[style*="text-align: right"],
    1963 hr[style*="text-align:right"],
     2673hr {
     2674    border-bottom: 1px solid #28303d;
     2675    clear: both;
     2676    opacity: 1;
     2677}
     2678
     2679.wp-block-separator[style*="text-align:right"] {
     2680    border-right-color: #28303d;
     2681}
     2682
     2683.wp-block-separator[style*="text-align: right"] {
     2684    border-right-color: #28303d;
     2685}
     2686
     2687hr[style*="text-align:right"] {
     2688    border-right-color: #28303d;
     2689}
     2690
    19642691hr[style*="text-align: right"] {
    1965     border-right-color: var(--separator--border-color);
    1966 }
    1967 
    1968 .wp-block-separator:not(.is-style-dots),
     2692    border-right-color: #28303d;
     2693}
     2694
     2695.wp-block-separator:not(.is-style-dots) {
     2696    max-width: calc(100vw - 30px);
     2697}
     2698@media only screen and (min-width: 482px) {
     2699
     2700    .wp-block-separator:not(.is-style-dots) {
     2701        max-width: min(calc(100vw - 100px), 610px);
     2702    }
     2703}
     2704@media only screen and (min-width: 822px) {
     2705
     2706    .wp-block-separator:not(.is-style-dots) {
     2707        max-width: min(calc(100vw - 200px), 610px);
     2708    }
     2709}
     2710
    19692711hr:not(.is-style-dots) {
    1970     max-width: var(--responsive--aligndefault-width);
     2712    max-width: calc(100vw - 30px);
     2713}
     2714@media only screen and (min-width: 482px) {
     2715
     2716    hr:not(.is-style-dots) {
     2717        max-width: min(calc(100vw - 100px), 610px);
     2718    }
     2719}
     2720@media only screen and (min-width: 822px) {
     2721
     2722    hr:not(.is-style-dots) {
     2723        max-width: min(calc(100vw - 200px), 610px);
     2724    }
    19712725}
    19722726
    … …  
    19782732}
    19792733
    1980 .wp-block-separator.is-style-twentytwentyone-separator-thick,
     2734.wp-block-separator.is-style-twentytwentyone-separator-thick {
     2735    border-bottom-width: 3px;
     2736}
     2737
    19812738hr.is-style-twentytwentyone-separator-thick {
    1982     border-bottom-width: calc(3 * var(--separator--height));
     2739    border-bottom-width: 3px;
    19832740}
    19842741
    … …  
    20022759}
    20032760
    2004 .wp-block-separator.is-style-dots:before,
     2761.wp-block-separator.is-style-dots:before {
     2762    color: #28303d;
     2763}
     2764
    20052765hr.is-style-dots:before {
    2006     color: var(--separator--border-color);
     2766    color: #28303d;
    20072767}
    20082768
    … …  
    20242784
    20252785.wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
    2026     color: var(--global--color-primary);
     2786    color: #28303d;
    20272787}
    20282788
    … …  
    20312791}
    20322792
    2033 table th,
     2793table th {
     2794    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2795}
     2796
    20342797.wp-block-table th {
    2035     font-family: var(--heading--font-family);
    2036 }
    2037 
    2038 table td,
    2039 table th,
    2040 .wp-block-table td,
     2798    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2799}
     2800
     2801table td {
     2802    padding: 10px;
     2803}
     2804
     2805table th {
     2806    padding: 10px;
     2807}
     2808
     2809.wp-block-table td {
     2810    padding: 10px;
     2811}
     2812
    20412813.wp-block-table th {
    2042     padding: calc(0.5 * var(--global--spacing-unit));
    2043 }
    2044 
    2045 table.is-style-regular .has-background,
    2046 table.is-style-stripes .has-background thead tr,
    2047 table.is-style-stripes .has-background tfoot tr,
    2048 table.is-style-stripes .has-background tbody tr:nth-child(even),
    2049 .wp-block-table.is-style-regular .has-background,
    2050 .wp-block-table.is-style-stripes .has-background thead tr,
    2051 .wp-block-table.is-style-stripes .has-background tfoot tr,
     2814    padding: 10px;
     2815}
     2816
     2817table.is-style-regular .has-background {
     2818    color: #28303d;
     2819}
     2820
     2821table.is-style-stripes .has-background thead tr {
     2822    color: #28303d;
     2823}
     2824
     2825table.is-style-stripes .has-background tfoot tr {
     2826    color: #28303d;
     2827}
     2828
     2829table.is-style-stripes .has-background tbody tr:nth-child(even) {
     2830    color: #28303d;
     2831}
     2832
     2833.wp-block-table.is-style-regular .has-background {
     2834    color: #28303d;
     2835}
     2836
     2837.wp-block-table.is-style-stripes .has-background thead tr {
     2838    color: #28303d;
     2839}
     2840
     2841.wp-block-table.is-style-stripes .has-background tfoot tr {
     2842    color: #28303d;
     2843}
     2844
    20522845.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
    2053     color: var(--table--has-background-text-color);
    2054 }
    2055 
    2056 table.is-style-stripes,
     2846    color: #28303d;
     2847}
     2848
     2849table.is-style-stripes {
     2850    border-color: #f0f0f0;
     2851}
     2852
    20572853.wp-block-table.is-style-stripes {
    2058     border-color: var(--table--stripes-border-color);
     2854    border-color: #f0f0f0;
    20592855}
    20602856
    … …  
    20662862}
    20672863
    2068 table.is-style-stripes tbody tr:nth-child(odd),
     2864table.is-style-stripes tbody tr:nth-child(odd) {
     2865    background-color: #f0f0f0;
     2866}
     2867
    20692868.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    2070     background-color: var(--table--stripes-background-color);
     2869    background-color: #f0f0f0;
    20712870}
    20722871
    … …  
    20932892    font-weight: bold;
    20942893    text-align: left;
    2095     margin-bottom: var(--global--spacing-unit);
     2894    margin-bottom: 20px;
    20962895    color: currentColor;
    20972896}
    … …  
    20992898.wp-calendar-nav {
    21002899    text-align: left;
    2101     margin-top: calc(var(--global--spacing-unit) / 2);
     2900    margin-top: 10px;
    21022901}
    21032902
    … …  
    21242923}
    21252924
    2126 :root .is-extra-small-text,
     2925:root .is-extra-small-text {
     2926    font-size: 1rem;
     2927}
     2928
    21272929:root .has-extra-small-font-size {
    2128     font-size: var(--global--font-size-xs);
    2129 }
    2130 
    2131 :root .is-small-text,
     2930    font-size: 1rem;
     2931}
     2932
     2933:root .is-small-text {
     2934    font-size: 1.125rem;
     2935}
     2936
    21322937:root .has-small-font-size {
    2133     font-size: var(--global--font-size-sm);
    2134 }
    2135 
    2136 :root .is-regular-text,
    2137 :root .has-regular-font-size,
    2138 :root .is-normal-font-size,
    2139 :root .has-normal-font-size,
     2938    font-size: 1.125rem;
     2939}
     2940
     2941:root .is-regular-text {
     2942    font-size: 1.25rem;
     2943}
     2944
     2945:root .has-regular-font-size {
     2946    font-size: 1.25rem;
     2947}
     2948
     2949:root .is-normal-font-size {
     2950    font-size: 1.25rem;
     2951}
     2952
     2953:root .has-normal-font-size {
     2954    font-size: 1.25rem;
     2955}
     2956
    21402957:root .has-medium-font-size {
    2141     font-size: var(--global--font-size-base);
    2142 }
    2143 
    2144 :root .is-large-text,
     2958    font-size: 1.25rem;
     2959}
     2960
     2961:root .is-large-text {
     2962    font-size: 1.5rem;
     2963    line-height: 1.3;
     2964}
     2965
    21452966:root .has-large-font-size {
    2146     font-size: var(--global--font-size-lg);
    2147     line-height: var(--global--line-height-heading);
    2148 }
    2149 
    2150 :root .is-larger-text,
    2151 :root .has-larger-font-size,
    2152 :root .is-extra-large-text,
     2967    font-size: 1.5rem;
     2968    line-height: 1.3;
     2969}
     2970
     2971:root .is-larger-text {
     2972    font-size: 2.5rem;
     2973    line-height: 1.3;
     2974}
     2975@media only screen and (min-width: 652px) {
     2976
     2977    :root .is-larger-text {
     2978        font-size: 2.5rem;
     2979    }
     2980}
     2981
     2982:root .has-larger-font-size {
     2983    font-size: 2.5rem;
     2984    line-height: 1.3;
     2985}
     2986@media only screen and (min-width: 652px) {
     2987
     2988    :root .has-larger-font-size {
     2989        font-size: 2.5rem;
     2990    }
     2991}
     2992
     2993:root .is-extra-large-text {
     2994    font-size: 2.5rem;
     2995    line-height: 1.3;
     2996}
     2997@media only screen and (min-width: 652px) {
     2998
     2999    :root .is-extra-large-text {
     3000        font-size: 2.5rem;
     3001    }
     3002}
     3003
    21533004:root .has-extra-large-font-size {
    2154     font-size: var(--global--font-size-xl);
    2155     line-height: var(--global--line-height-heading);
    2156 }
    2157 
    2158 :root .is-huge-text,
     3005    font-size: 2.5rem;
     3006    line-height: 1.3;
     3007}
     3008@media only screen and (min-width: 652px) {
     3009
     3010    :root .has-extra-large-font-size {
     3011        font-size: 2.5rem;
     3012    }
     3013}
     3014
     3015:root .is-huge-text {
     3016    font-size: 6rem;
     3017    line-height: 1.3;
     3018    font-weight: 300;
     3019}
     3020@media only screen and (min-width: 652px) {
     3021
     3022    :root .is-huge-text {
     3023        font-size: 6rem;
     3024    }
     3025}
     3026
    21593027:root .has-huge-font-size {
    2160     font-size: var(--global--font-size-xxl);
    2161     line-height: var(--global--line-height-heading);
    2162     font-weight: var(--heading--font-weight-page-title);
    2163 }
    2164 
    2165 :root .is-gigantic-text,
     3028    font-size: 6rem;
     3029    line-height: 1.3;
     3030    font-weight: 300;
     3031}
     3032@media only screen and (min-width: 652px) {
     3033
     3034    :root .has-huge-font-size {
     3035        font-size: 6rem;
     3036    }
     3037}
     3038
     3039:root .is-gigantic-text {
     3040    font-size: 9rem;
     3041    line-height: 1.3;
     3042    font-weight: 300;
     3043}
     3044@media only screen and (min-width: 652px) {
     3045
     3046    :root .is-gigantic-text {
     3047        font-size: 9rem;
     3048    }
     3049}
     3050
    21663051:root .has-gigantic-font-size {
    2167     font-size: var(--global--font-size-xxxl);
    2168     line-height: var(--global--line-height-heading);
    2169     font-weight: var(--heading--font-weight-page-title);
     3052    font-size: 9rem;
     3053    line-height: 1.3;
     3054    font-weight: 300;
     3055}
     3056@media only screen and (min-width: 652px) {
     3057
     3058    :root .has-gigantic-font-size {
     3059        font-size: 9rem;
     3060    }
    21703061}
    21713062
    … …  
    21753066*/
    21763067.wp-block.editor-post-title__block {
    2177     border-bottom: 3px solid var(--global--color-border);
    2178     padding-bottom: calc(2 * var(--global--spacing-vertical));
    2179     margin-bottom: calc(3 * var(--global--spacing-vertical));
    2180     max-width: var(--responsive--alignwide-width);
     3068    border-bottom: 3px solid #28303d;
     3069    padding-bottom: 60px;
     3070    margin-bottom: 90px;
     3071    max-width: calc(100vw - 30px);
     3072}
     3073@media only screen and (min-width: 482px) {
     3074
     3075    .wp-block.editor-post-title__block {
     3076        max-width: calc(100vw - 100px);
     3077    }
     3078}
     3079@media only screen and (min-width: 822px) {
     3080
     3081    .wp-block.editor-post-title__block {
     3082        max-width: min(calc(100vw - 200px), 1240px);
     3083    }
    21813084}
    21823085
    21833086.wp-block.editor-post-title__block .editor-post-title__input {
    2184     color: var(--global--color-secondary);
    2185     font-family: var(--heading--font-family);
    2186     font-size: var(--global--font-size-page-title);
    2187     font-weight: var(--heading--font-weight-page-title);
    2188     line-height: var(--heading--line-height-h1);
     3087    color: #39414d;
     3088    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3089    font-size: 4rem;
     3090    font-weight: 300;
     3091    line-height: 1.1;
     3092}
     3093@media only screen and (min-width: 652px) {
     3094
     3095    .wp-block.editor-post-title__block .editor-post-title__input {
     3096        font-size: 6rem;
     3097    }
    21893098}
    21903099
    21913100.wp-block.block-editor-default-block-appender > textarea {
    2192     font-family: var(--global--font-secondary);
    2193     font-size: var(--global--font-size-md);
     3101    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3102    font-size: 1.25rem;
    21943103}
    21953104
    21963105.has-primary-color[class] {
    2197     color: var(--global--color-primary);
     3106    color: #28303d;
    21983107}
    21993108
    22003109.has-secondary-color[class] {
    2201     color: var(--global--color-secondary);
     3110    color: #39414d;
    22023111}
    22033112
    … …  
    22143123
    22153124.has-primary-background-color[class] {
    2216     background-color: var(--global--color-primary);
    2217     color: var(--global--color-background);
     3125    background-color: #28303d;
     3126    color: #d1e4dd;
    22183127}
    22193128
    22203129.has-secondary-background-color[class] {
    2221     background-color: var(--global--color-secondary);
    2222     color: var(--global--color-background);
     3130    background-color: #39414d;
     3131    color: #d1e4dd;
    22233132}
    22243133
    22253134.has-white-background-color[class] {
    2226     background-color: var(--global--color-white);
    2227     color: var(--global--color-secondary);
     3135    background-color: #fff;
     3136    color: #39414d;
    22283137}
    22293138
    22303139.has-black-background-color[class] {
    2231     background-color: var(--global--color-black);
    2232     color: var(--global--color-primary);
     3140    background-color: #000;
     3141    color: #28303d;
    22333142}
    22343143
    22353144[data-block] {
    2236     margin-top: var(--global--spacing-vertical);
    2237     margin-bottom: var(--global--spacing-vertical);
     3145    margin-top: 30px;
     3146    margin-bottom: 30px;
    22383147}
    22393148
    22403149.wp-block {
    2241     max-width: var(--responsive--aligndefault-width);
    2242 }
    2243 
    2244 .wp-block[data-align=wide],
     3150    max-width: calc(100vw - 30px);
     3151}
     3152
     3153@media only screen and (min-width: 482px) {
     3154
     3155    .wp-block {
     3156        max-width: min(calc(100vw - 100px), 610px);
     3157    }
     3158}
     3159
     3160@media only screen and (min-width: 822px) {
     3161
     3162    .wp-block {
     3163        max-width: min(calc(100vw - 200px), 610px);
     3164    }
     3165}
     3166
     3167.wp-block[data-align=wide] {
     3168    max-width: calc(100vw - 30px);
     3169}
     3170@media only screen and (min-width: 482px) {
     3171
     3172    .wp-block[data-align=wide] {
     3173        max-width: calc(100vw - 100px);
     3174    }
     3175}
     3176@media only screen and (min-width: 822px) {
     3177
     3178    .wp-block[data-align=wide] {
     3179        max-width: min(calc(100vw - 200px), 1240px);
     3180    }
     3181}
     3182
    22453183.wp-block.alignwide {
    2246     max-width: var(--responsive--alignwide-width);
     3184    max-width: calc(100vw - 30px);
     3185}
     3186@media only screen and (min-width: 482px) {
     3187
     3188    .wp-block.alignwide {
     3189        max-width: calc(100vw - 100px);
     3190    }
     3191}
     3192@media only screen and (min-width: 822px) {
     3193
     3194    .wp-block.alignwide {
     3195        max-width: min(calc(100vw - 200px), 1240px);
     3196    }
    22473197}
    22483198
    … …  
    22543204.alignleft {
    22553205    margin: 0;
    2256     margin-right: var(--global--spacing-horizontal);
     3206    margin-right: 25px;
    22573207}
    22583208
    22593209.alignright {
    22603210    margin: 0;
    2261     margin-left: var(--global--spacing-horizontal);
     3211    margin-left: 25px;
    22623212}
    22633213
    22643214.has-drop-cap:not(:focus)::first-letter {
    2265     font-family: var(--heading--font-family);
    2266     font-weight: var(--heading--font-weight);
     3215    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3216    font-weight: normal;
    22673217    line-height: 0.66;
    22683218    text-transform: uppercase;
    … …  
    22703220    float: left;
    22713221    margin: 0.1em 0.1em 0 0;
    2272     font-size: calc(1.2 * var(--heading--font-size-h1));
     3222    font-size: 5rem;
     3223}
     3224
     3225@media only screen and (min-width: 652px) {
     3226
     3227    .has-drop-cap:not(:focus)::first-letter {
     3228        font-size: 7rem;
     3229    }
    22733230}
    22743231
    … …  
    22773234    .wp-block[data-align=left] > * {
    22783235        max-width: 290px;
    2279         margin-right: var(--global--spacing-horizontal);
     3236        margin-right: 25px;
    22803237    }
    22813238
    22823239    .wp-block[data-align=right] > * {
    22833240        max-width: 290px;
    2284         margin-left: var(--global--spacing-horizontal);
     3241        margin-left: 25px;
    22853242    }
    22863243}
    … …  
    22953252
    22963253html {
    2297     font-family: var(--global--font-secondary);
    2298     line-height: var(--global--line-height-body);
     3254    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3255    line-height: 1.7;
    22993256}
    23003257
    23013258body {
    2302     --wp--typography--line-height: var(--global--line-height-body);
    2303     color: var(--global--color-primary);
    2304     background-color: var(--global--color-background);
    2305     font-family: var(--global--font-secondary);
    2306     font-size: var(--global--font-size-base);
     3259    color: #28303d;
     3260    background-color: #d1e4dd;
     3261    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3262    font-size: 1.25rem;
    23073263    font-weight: normal;
    23083264    -moz-osx-font-smoothing: grayscale;
    … …  
    23113267
    23123268.wp-block a {
    2313     color: var(--wp--style--color--link, var(--global--color-primary));
     3269    color: #28303d;
    23143270}
    23153271
    … …  
    23193275
    23203276.wp-block a:focus {
    2321     outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     3277    outline: 2px solid #28303d;
    23223278    text-decoration: none;
    23233279}
    23243280
    2325 .has-background .has-link-color a,
     3281.has-background .has-link-color a {
     3282    color: #28303d;
     3283}
     3284
    23263285.has-background.has-link-color a {
    2327     color: var(--wp--style--color--link, var(--global--color-primary));
     3286    color: #28303d;
    23283287}
    23293288
    … …  
    23343293
    23353294.has-black-color[class] {
    2336     color: var(--global--color-black);
     3295    color: #000;
    23373296}
    23383297
    23393298.has-gray-color[class] {
    2340     color: var(--global--color-gray);
     3299    color: #39414d;
    23413300}
    23423301
    23433302.has-dark-gray-color[class] {
    2344     color: var(--global--color-dark-gray);
     3303    color: #28303d;
    23453304}
    23463305
    23473306.has-green-color[class] {
    2348     color: var(--global--color-green);
     3307    color: #d1e4dd;
    23493308}
    23503309
    23513310.has-blue-color[class] {
    2352     color: var(--global--color-blue);
     3311    color: #d1dfe4;
    23533312}
    23543313
    23553314.has-purple-color[class] {
    2356     color: var(--global--color-purple);
     3315    color: #d1d1e4;
    23573316}
    23583317
    23593318.has-red-color[class] {
    2360     color: var(--global--color-red);
     3319    color: #e4d1d1;
    23613320}
    23623321
    23633322.has-orange-color[class] {
    2364     color: var(--global--color-orange);
     3323    color: #e4dad1;
    23653324}
    23663325
    23673326.has-yellow-color[class] {
    2368     color: var(--global--color-yellow);
     3327    color: #eeeadd;
    23693328}
    23703329
    23713330.has-white-color[class] {
    2372     color: var(--global--color-white);
     3331    color: #fff;
    23733332}
    23743333
    … …  
    23853344
    23863345.has-black-background-color[class] {
    2387     background-color: var(--global--color-black);
     3346    background-color: #000;
    23883347}
    23893348
    23903349.has-gray-background-color[class] {
    2391     background-color: var(--global--color-gray);
     3350    background-color: #39414d;
    23923351}
    23933352
    23943353.has-dark-gray-background-color[class] {
    2395     background-color: var(--global--color-dark-gray);
     3354    background-color: #28303d;
    23963355}
    23973356
    23983357.has-green-background-color[class] {
    2399     background-color: var(--global--color-green);
     3358    background-color: #d1e4dd;
    24003359}
    24013360
    24023361.has-blue-background-color[class] {
    2403     background-color: var(--global--color-blue);
     3362    background-color: #d1dfe4;
    24043363}
    24053364
    24063365.has-purple-background-color[class] {
    2407     background-color: var(--global--color-purple);
     3366    background-color: #d1d1e4;
    24083367}
    24093368
    24103369.has-red-background-color[class] {
    2411     background-color: var(--global--color-red);
     3370    background-color: #e4d1d1;
    24123371}
    24133372
    24143373.has-orange-background-color[class] {
    2415     background-color: var(--global--color-orange);
     3374    background-color: #e4dad1;
    24163375}
    24173376
    24183377.has-yellow-background-color[class] {
    2419     background-color: var(--global--color-yellow);
     3378    background-color: #eeeadd;
    24203379}
    24213380
    24223381.has-white-background-color[class] {
    2423     background-color: var(--global--color-white);
    2424 }
    2425 
    2426 :not(.has-text-color).has-black-background-color[class],
    2427 :not(.has-text-color).has-gray-background-color[class],
     3382    background-color: #fff;
     3383}
     3384
     3385:not(.has-text-color).has-black-background-color[class] {
     3386    color: #fff;
     3387}
     3388
     3389:not(.has-text-color).has-gray-background-color[class] {
     3390    color: #fff;
     3391}
     3392
    24283393:not(.has-text-color).has-dark-gray-background-color[class] {
    2429     color: var(--global--color-white);
    2430 }
    2431 
    2432 :not(.has-text-color).has-green-background-color[class],
    2433 :not(.has-text-color).has-blue-background-color[class],
    2434 :not(.has-text-color).has-purple-background-color[class],
    2435 :not(.has-text-color).has-red-background-color[class],
    2436 :not(.has-text-color).has-orange-background-color[class],
    2437 :not(.has-text-color).has-yellow-background-color[class],
     3394    color: #fff;
     3395}
     3396
     3397:not(.has-text-color).has-green-background-color[class] {
     3398    color: #28303d;
     3399}
     3400
     3401:not(.has-text-color).has-blue-background-color[class] {
     3402    color: #28303d;
     3403}
     3404
     3405:not(.has-text-color).has-purple-background-color[class] {
     3406    color: #28303d;
     3407}
     3408
     3409:not(.has-text-color).has-red-background-color[class] {
     3410    color: #28303d;
     3411}
     3412
     3413:not(.has-text-color).has-orange-background-color[class] {
     3414    color: #28303d;
     3415}
     3416
     3417:not(.has-text-color).has-yellow-background-color[class] {
     3418    color: #28303d;
     3419}
     3420
    24383421:not(.has-text-color).has-white-background-color[class] {
    2439     color: var(--global--color-dark-gray);
     3422    color: #28303d;
    24403423}
    24413424
    24423425.has-purple-to-yellow-gradient-background {
    2443     background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
     3426    background: linear-gradient(160deg, #d1d1e4, #eeeadd);
    24443427}
    24453428
    24463429.has-yellow-to-purple-gradient-background {
    2447     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
     3430    background: linear-gradient(160deg, #eeeadd, #d1d1e4);
    24483431}
    24493432
    24503433.has-green-to-yellow-gradient-background {
    2451     background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
     3434    background: linear-gradient(160deg, #d1e4dd, #eeeadd);
    24523435}
    24533436
    24543437.has-yellow-to-green-gradient-background {
    2455     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
     3438    background: linear-gradient(160deg, #eeeadd, #d1e4dd);
    24563439}
    24573440
    24583441.has-red-to-yellow-gradient-background {
    2459     background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
     3442    background: linear-gradient(160deg, #e4d1d1, #eeeadd);
    24603443}
    24613444
    24623445.has-yellow-to-red-gradient-background {
    2463     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
     3446    background: linear-gradient(160deg, #eeeadd, #e4d1d1);
    24643447}
    24653448
    24663449.has-purple-to-red-gradient-background {
    2467     background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
     3450    background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
    24683451}
    24693452
    24703453.has-red-to-purple-gradient-background {
    2471     background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
    2472 }
     3454    background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
     3455}

  • branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/ie.css

    r49818 r49824  
    102102
    103103    /* Font Family */
    104     --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    105     --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    106104
    107105    /* Font Size */
    108     --global--font-size-base: 1.25rem;
    109     --global--font-size-xs: 1rem;
    110     --global--font-size-sm: 1.125rem;
    111     --global--font-size-md: 1.25rem;
    112     --global--font-size-lg: 1.5rem;
    113     --global--font-size-xl: 2.25rem;
    114     --global--font-size-xxl: 4rem;
    115     --global--font-size-xxxl: 5rem;
    116     --global--font-size-page-title: var(--global--font-size-xxl);
    117     --global--letter-spacing: normal;
    118106
    119107    /* Line Height */
    120     --global--line-height-body: 1.7;
    121     --global--line-height-heading: 1.3;
    122     --global--line-height-page-title: 1.1;
    123108
    124109    /* Headings */
    125     --heading--font-family: var(--global--font-primary);
    126     --heading--font-size-h6: var(--global--font-size-xs);
    127     --heading--font-size-h5: var(--global--font-size-sm);
    128     --heading--font-size-h4: var(--global--font-size-lg);
    129     --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    130     --heading--font-size-h2: var(--global--font-size-xl);
    131     --heading--font-size-h1: var(--global--font-size-page-title);
    132     --heading--letter-spacing-h6: 0.05em;
    133     --heading--letter-spacing-h5: 0.05em;
    134     --heading--letter-spacing-h4: var(--global--letter-spacing);
    135     --heading--letter-spacing-h3: var(--global--letter-spacing);
    136     --heading--letter-spacing-h2: var(--global--letter-spacing);
    137     --heading--letter-spacing-h1: var(--global--letter-spacing);
    138     --heading--line-height-h6: var(--global--line-height-heading);
    139     --heading--line-height-h5: var(--global--line-height-heading);
    140     --heading--line-height-h4: var(--global--line-height-heading);
    141     --heading--line-height-h3: var(--global--line-height-heading);
    142     --heading--line-height-h2: var(--global--line-height-heading);
    143     --heading--line-height-h1: var(--global--line-height-page-title);
    144     --heading--font-weight: normal;
    145     --heading--font-weight-page-title: 300;
    146     --heading--font-weight-strong: 600;
    147110
    148111    /* Block: Latest posts */
    149     --latest-posts--title-font-family: var(--heading--font-family);
    150     --latest-posts--title-font-size: var(--heading--font-size-h3);
    151     --latest-posts--description-font-family: var(--global--font-secondary);
    152     --latest-posts--description-font-size: var(--global--font-size-sm);
    153     --list--font-family: var(--global--font-secondary);
    154     --definition-term--font-family: var(--global--font-primary);
    155112
    156113    /* Colors */
    157     --global--color-black: #000;
    158     --global--color-dark-gray: #28303d;
    159     --global--color-gray: #39414d;
    160     --global--color-light-gray: #f0f0f0;
    161     --global--color-green: #d1e4dd;
    162     --global--color-blue: #d1dfe4;
    163     --global--color-purple: #d1d1e4;
    164     --global--color-red: #e4d1d1;
    165     --global--color-orange: #e4dad1;
    166     --global--color-yellow: #eeeadd;
    167     --global--color-white: #fff;
    168     --global--color-white-50: rgba(255, 255, 255, 0.5);
    169     --global--color-white-90: rgba(255, 255, 255, 0.9);
    170     --global--color-primary: var(--global--color-dark-gray);
    171114
    172115    /* Body text color, site title, footer text color. */
    173     --global--color-secondary: var(--global--color-gray);
    174116
    175117    /* Headings */
    176     --global--color-primary-hover: var(--global--color-primary);
    177     --global--color-background: var(--global--color-green);
    178118
    179119    /* Mint, default body background */
    180     --global--color-border: var(--global--color-primary);
    181120
    182121    /* Used for borders (separators) */
    183122
    184123    /* Spacing */
    185     --global--spacing-unit: 20px;
    186     --global--spacing-measure: unset;
    187     --global--spacing-horizontal: 25px;
    188     --global--spacing-vertical: 30px;
    189124
    190125    /* Elevation */
    191     --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    192126
    193127    /* Forms */
    194     --form--font-family: var(--global--font-secondary);
    195     --form--font-size: var(--global--font-size-sm);
    196     --form--line-height: var(--global--line-height-body);
    197     --form--color-text: var(--global--color-dark-gray);
    198     --form--color-ranged: var(--global--color-secondary);
    199     --form--label-weight: 500;
    200     --form--border-color: var(--global--color-secondary);
    201     --form--border-width: 3px;
    202     --form--border-radius: 0;
    203     --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
    204128
    205129    /* Cover block */
    206     --cover--height: calc(15 * var(--global--spacing-vertical));
    207     --cover--color-foreground: var(--global--color-white);
    208     --cover--color-background: var(--global--color-black);
    209130
    210131    /* Buttons */
    211     --button--color-text: var(--global--color-background);
    212     --button--color-text-hover: var(--global--color-secondary);
    213     --button--color-text-active: var(--global--color-secondary);
    214     --button--color-background: var(--global--color-secondary);
    215     --button--color-background-active: var(--global--color-background);
    216     --button--font-family: var(--global--font-primary);
    217     --button--font-size: var(--global--font-size-base);
    218     --button--font-weight: 500;
    219     --button--line-height: 1.5;
    220     --button--border-width: 3px;
    221     --button--border-radius: 0;
    222     --button--padding-vertical: 15px;
    223     --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
    224132
    225133    /* entry */
    226     --entry-header--color: var(--global--color-primary);
    227     --entry-header--color-link: currentColor;
    228     --entry-header--color-hover: var(--global--color-primary-hover);
    229     --entry-header--color-focus: var(--global--color-secondary);
    230     --entry-header--font-size: var(--heading--font-size-h2);
    231     --entry-content--font-family: var(--global--font-secondary);
    232     --entry-author-bio--font-family: var(--heading--font-family);
    233     --entry-author-bio--font-size: var(--heading--font-size-h4);
    234134
    235135    /* Header */
    236     --branding--color-text: var(--global--color-primary);
    237     --branding--color-link: var(--global--color-primary);
    238     --branding--color-link-hover: var(--global--color-secondary);
    239     --branding--title--font-family: var(--global--font-primary);
    240     --branding--title--font-size: var(--global--font-size-lg);
    241     --branding--title--font-size-mobile: var(--heading--font-size-h4);
    242     --branding--title--font-weight: normal;
    243     --branding--title--text-transform: uppercase;
    244     --branding--description--font-family: var(--global--font-secondary);
    245     --branding--description--font-size: var(--global--font-size-sm);
    246     --branding--description--font-family: var(--global--font-secondary);
    247     --branding--logo--max-width: 300px;
    248     --branding--logo--max-height: 100px;
    249     --branding--logo--max-width-mobile: 96px;
    250     --branding--logo--max-height-mobile: 96px;
    251136
    252137    /* Main navigation */
    253     --primary-nav--font-family: var(--global--font-secondary);
    254     --primary-nav--font-family-mobile: var(--global--font-primary);
    255     --primary-nav--font-size: var(--global--font-size-md);
    256     --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
    257     --primary-nav--font-size-mobile: var(--global--font-size-sm);
    258     --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
    259     --primary-nav--font-size-button: var(--global--font-size-xs);
    260     --primary-nav--font-style: normal;
    261     --primary-nav--font-style-sub-menu-mobile: normal;
    262     --primary-nav--font-weight: normal;
    263     --primary-nav--font-weight-button: 500;
    264     --primary-nav--color-link: var(--global--color-primary);
    265     --primary-nav--color-link-hover: var(--global--color-primary-hover);
    266     --primary-nav--color-text: var(--global--color-primary);
    267     --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    268     --primary-nav--border-color: var(--global--color-primary);
    269138
    270139    /* Pagination */
    271     --pagination--color-text: var(--global--color-primary);
    272     --pagination--color-link-hover: var(--global--color-primary-hover);
    273     --pagination--font-family: var(--global--font-secondary);
    274     --pagination--font-size: var(--global--font-size-lg);
    275     --pagination--font-weight: normal;
    276     --pagination--font-weight-strong: 600;
    277140
    278141    /* Footer */
    279     --footer--color-text: var(--global--color-primary);
    280     --footer--color-link: var(--global--color-primary);
    281     --footer--color-link-hover: var(--global--color-primary-hover);
    282     --footer--font-family: var(--global--font-primary);
    283     --footer--font-size: var(--global--font-size-sm);
    284142
    285143    /* Block: Pull quote */
    286     --pullquote--font-family: var(--global--font-primary);
    287     --pullquote--font-size: var(--heading--font-size-h3);
    288     --pullquote--font-style: normal;
    289     --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    290     --pullquote--line-height: var(--global--line-height-heading);
    291     --pullquote--border-width: 3px;
    292     --pullquote--border-color: var(--global--color-primary);
    293     --pullquote--color-foreground: var(--global--color-primary);
    294     --pullquote--color-background: var(--global--color-background);
    295     --quote--font-family: var(--global--font-secondary);
    296     --quote--font-size: var(--global--font-size-md);
    297     --quote--font-size-large: var(--global--font-size-xl);
    298     --quote--font-style: normal;
    299     --quote--font-weight: 700;
    300     --quote--font-weight-strong: bolder;
    301     --quote--font-style-large: normal;
    302     --quote--font-style-cite: normal;
    303     --quote--line-height: var(--global--line-height-body);
    304     --quote--line-height-large: 1.35;
    305     --separator--border-color: var(--global--color-border);
    306     --separator--height: 1px;
    307144
    308145    /* Block: Table */
    309     --table--stripes-border-color: var(--global--color-light-gray);
    310     --table--stripes-background-color: var(--global--color-light-gray);
    311     --table--has-background-text-color: var(--global--color-dark-gray);
    312146
    313147    /* Widgets */
    314     --widget--line-height-list: 1.9;
    315     --widget--line-height-title: 1.4;
    316     --widget--font-weight-title: 700;
    317     --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
    318148
    319149    /* Admin-bar height */
    320     --global--admin-bar--height: 0;
    321 }
    322 
    323 .admin-bar {
    324     --global--admin-bar--height: 32px;
    325 }
    326 @media only screen and (max-width: 782px) {
    327 
    328     .admin-bar {
    329         --global--admin-bar--height: 46px;
    330     }
    331 }
    332 
    333 @media only screen and (min-width: 652px) {
    334 
    335     :root {
    336         --global--font-size-xl: 2.5rem;
    337         --global--font-size-xxl: 6rem;
    338         --global--font-size-xxxl: 9rem;
    339         --heading--font-size-h3: 2rem;
    340         --heading--font-size-h2: 3rem;
    341     }
    342150}
    343151
    … …  
    732540 * Root Media Query Variables
    733541 */
    734 :root {
    735     --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    736     --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    737     --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    738     --responsive--alignfull-width: 100%;
    739     --responsive--alignright-margin: var(--global--spacing-horizontal);
    740     --responsive--alignleft-margin: var(--global--spacing-horizontal);
    741 }
    742 
    743 @media only screen and (min-width: 482px) {
    744 
    745     :root {
    746         --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
    747         --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    748         --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    749         --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    750     }
    751 }
    752 @media only screen and (min-width: 822px) {
    753 
    754     :root {
    755         --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
    756         --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    757     }
    758 }
    759542
    760543/**
    761544 * Extends
    762545 */
    763 .post-thumbnail,
    764 .entry-content .wp-audio-shortcode,
    765 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
    766 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
    767 .default-max-width {
    768     max-width: var(--responsive--aligndefault-width);
     546.post-thumbnail {
     547    max-width: calc(100vw - 30px);
    769548    margin-left: auto;
    770549    margin-right: auto;
    771550}
    772 
    773 .widget-area,
    774 .pagination,
    775 .comments-pagination,
    776 .post-navigation,
    777 .site-footer,
    778 .site-header,
    779 .alignwide,
    780 .wide-max-width {
    781     max-width: var(--responsive--alignwide-width);
     551@media only screen and (min-width: 482px) {
     552
     553    .post-thumbnail {
     554        max-width: min(calc(100vw - 100px), 610px);
     555    }
     556}
     557@media only screen and (min-width: 822px) {
     558
     559    .post-thumbnail {
     560        max-width: min(calc(100vw - 200px), 610px);
     561    }
     562}
     563
     564.entry-content .wp-audio-shortcode {
     565    max-width: calc(100vw - 30px);
    782566    margin-left: auto;
    783567    margin-right: auto;
    784568}
    785 
    786 .alignfull,
    787 .wp-block-group .wp-block-group__inner-container > *.alignfull,
    788 .full-max-width {
    789     max-width: var(--responsive--alignfull-width);
    790     width: var(--responsive--alignfull-width);
     569@media only screen and (min-width: 482px) {
     570
     571    .entry-content .wp-audio-shortcode {
     572        max-width: min(calc(100vw - 100px), 610px);
     573    }
     574}
     575@media only screen and (min-width: 822px) {
     576
     577    .entry-content .wp-audio-shortcode {
     578        max-width: min(calc(100vw - 200px), 610px);
     579    }
     580}
     581
     582.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     583    max-width: calc(100vw - 30px);
    791584    margin-left: auto;
    792585    margin-right: auto;
    793586}
    794 
    795587@media only screen and (min-width: 482px) {
    796588
    797     .alignfull,
    798     .full-max-width {
    799         max-width: var(--responsive--alignfull-width);
     589    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     590        max-width: min(calc(100vw - 100px), 610px);
     591    }
     592}
     593@media only screen and (min-width: 822px) {
     594
     595    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     596        max-width: min(calc(100vw - 200px), 610px);
     597    }
     598}
     599
     600*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     601    max-width: calc(100vw - 30px);
     602    margin-left: auto;
     603    margin-right: auto;
     604}
     605@media only screen and (min-width: 482px) {
     606
     607    *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     608        max-width: min(calc(100vw - 100px), 610px);
     609    }
     610}
     611@media only screen and (min-width: 822px) {
     612
     613    *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     614        max-width: min(calc(100vw - 200px), 610px);
     615    }
     616}
     617
     618.default-max-width {
     619    max-width: calc(100vw - 30px);
     620    margin-left: auto;
     621    margin-right: auto;
     622}
     623@media only screen and (min-width: 482px) {
     624
     625    .default-max-width {
     626        max-width: min(calc(100vw - 100px), 610px);
     627    }
     628}
     629@media only screen and (min-width: 822px) {
     630
     631    .default-max-width {
     632        max-width: min(calc(100vw - 200px), 610px);
     633    }
     634}
     635
     636.widget-area {
     637    max-width: calc(100vw - 30px);
     638    margin-left: auto;
     639    margin-right: auto;
     640}
     641
     642@media only screen and (min-width: 482px) {
     643
     644    .widget-area {
     645        max-width: calc(100vw - 100px);
     646    }
     647}
     648
     649@media only screen and (min-width: 822px) {
     650
     651    .widget-area {
     652        max-width: min(calc(100vw - 200px), 1240px);
     653    }
     654}
     655
     656.pagination {
     657    max-width: calc(100vw - 30px);
     658    margin-left: auto;
     659    margin-right: auto;
     660}
     661
     662@media only screen and (min-width: 482px) {
     663
     664    .pagination {
     665        max-width: calc(100vw - 100px);
     666    }
     667}
     668
     669@media only screen and (min-width: 822px) {
     670
     671    .pagination {
     672        max-width: min(calc(100vw - 200px), 1240px);
     673    }
     674}
     675
     676.comments-pagination {
     677    max-width: calc(100vw - 30px);
     678    margin-left: auto;
     679    margin-right: auto;
     680}
     681
     682@media only screen and (min-width: 482px) {
     683
     684    .comments-pagination {
     685        max-width: calc(100vw - 100px);
     686    }
     687}
     688
     689@media only screen and (min-width: 822px) {
     690
     691    .comments-pagination {
     692        max-width: min(calc(100vw - 200px), 1240px);
     693    }
     694}
     695
     696.post-navigation {
     697    max-width: calc(100vw - 30px);
     698    margin-left: auto;
     699    margin-right: auto;
     700}
     701
     702@media only screen and (min-width: 482px) {
     703
     704    .post-navigation {
     705        max-width: calc(100vw - 100px);
     706    }
     707}
     708
     709@media only screen and (min-width: 822px) {
     710
     711    .post-navigation {
     712        max-width: min(calc(100vw - 200px), 1240px);
     713    }
     714}
     715
     716.site-footer {
     717    max-width: calc(100vw - 30px);
     718    margin-left: auto;
     719    margin-right: auto;
     720}
     721
     722@media only screen and (min-width: 482px) {
     723
     724    .site-footer {
     725        max-width: calc(100vw - 100px);
     726    }
     727}
     728
     729@media only screen and (min-width: 822px) {
     730
     731    .site-footer {
     732        max-width: min(calc(100vw - 200px), 1240px);
     733    }
     734}
     735
     736.site-header {
     737    max-width: calc(100vw - 30px);
     738    margin-left: auto;
     739    margin-right: auto;
     740}
     741
     742@media only screen and (min-width: 482px) {
     743
     744    .site-header {
     745        max-width: calc(100vw - 100px);
     746    }
     747}
     748
     749@media only screen and (min-width: 822px) {
     750
     751    .site-header {
     752        max-width: min(calc(100vw - 200px), 1240px);
     753    }
     754}
     755
     756.alignwide {
     757    max-width: calc(100vw - 30px);
     758    margin-left: auto;
     759    margin-right: auto;
     760}
     761
     762@media only screen and (min-width: 482px) {
     763
     764    .alignwide {
     765        max-width: calc(100vw - 100px);
     766    }
     767}
     768
     769@media only screen and (min-width: 822px) {
     770
     771    .alignwide {
     772        max-width: min(calc(100vw - 200px), 1240px);
     773    }
     774}
     775
     776.wide-max-width {
     777    max-width: calc(100vw - 30px);
     778    margin-left: auto;
     779    margin-right: auto;
     780}
     781
     782@media only screen and (min-width: 482px) {
     783
     784    .wide-max-width {
     785        max-width: calc(100vw - 100px);
     786    }
     787}
     788
     789@media only screen and (min-width: 822px) {
     790
     791    .wide-max-width {
     792        max-width: min(calc(100vw - 200px), 1240px);
     793    }
     794}
     795
     796.alignfull {
     797    max-width: 100%;
     798    width: 100%;
     799    margin-left: auto;
     800    margin-right: auto;
     801}
     802
     803.wp-block-group .wp-block-group__inner-container > *.alignfull {
     804    max-width: 100%;
     805    width: 100%;
     806    margin-left: auto;
     807    margin-right: auto;
     808}
     809
     810.full-max-width {
     811    max-width: 100%;
     812    width: 100%;
     813    margin-left: auto;
     814    margin-right: auto;
     815}
     816
     817@media only screen and (min-width: 482px) {
     818
     819    .alignfull {
     820        max-width: 100%;
    800821        width: auto;
    801822        margin-left: auto;
    802823        margin-right: auto;
    803824    }
    804 }
    805 
    806 .entry-header .post-thumbnail,
    807 .singular .post-thumbnail,
    808 .alignfull [class*=inner-container] > .alignwide,
     825
     826    .full-max-width {
     827        max-width: 100%;
     828        width: auto;
     829        margin-left: auto;
     830        margin-right: auto;
     831    }
     832}
     833
     834.entry-header .post-thumbnail {
     835    margin-left: auto;
     836    margin-right: auto;
     837    width: calc(100vw - 30px);
     838    max-width: 100%;
     839}
     840@media only screen and (min-width: 482px) {
     841
     842    .entry-header .post-thumbnail {
     843        width: calc(100vw - 100px);
     844    }
     845}
     846@media only screen and (min-width: 822px) {
     847
     848    .entry-header .post-thumbnail {
     849        width: min(calc(100vw - 200px), 1240px);
     850    }
     851}
     852
     853.singular .post-thumbnail {
     854    margin-left: auto;
     855    margin-right: auto;
     856    width: calc(100vw - 30px);
     857    max-width: 100%;
     858}
     859@media only screen and (min-width: 482px) {
     860
     861    .singular .post-thumbnail {
     862        width: calc(100vw - 100px);
     863    }
     864}
     865@media only screen and (min-width: 822px) {
     866
     867    .singular .post-thumbnail {
     868        width: min(calc(100vw - 200px), 1240px);
     869    }
     870}
     871
     872.alignfull [class*=inner-container] > .alignwide {
     873    margin-left: auto;
     874    margin-right: auto;
     875    width: calc(100vw - 30px);
     876    max-width: 100%;
     877}
     878@media only screen and (min-width: 482px) {
     879
     880    .alignfull [class*=inner-container] > .alignwide {
     881        width: calc(100vw - 100px);
     882    }
     883}
     884@media only screen and (min-width: 822px) {
     885
     886    .alignfull [class*=inner-container] > .alignwide {
     887        width: min(calc(100vw - 200px), 1240px);
     888    }
     889}
     890
    809891.alignwide [class*=inner-container] > .alignwide {
    810892    margin-left: auto;
    811893    margin-right: auto;
    812     width: var(--responsive--alignwide-width);
    813     max-width: var(--responsive--alignfull-width);
    814 }
    815 
     894    width: calc(100vw - 30px);
     895    max-width: 100%;
     896}
    816897@media only screen and (min-width: 482px) {
    817898
     899    .alignwide [class*=inner-container] > .alignwide {
     900        width: calc(100vw - 100px);
     901    }
     902}
     903@media only screen and (min-width: 822px) {
     904
     905    .alignwide [class*=inner-container] > .alignwide {
     906        width: min(calc(100vw - 200px), 1240px);
     907    }
     908}
     909
     910@media only screen and (min-width: 482px) {
     911
    818912    .entry-content > .alignleft {
    819913
    820914        /*rtl:ignore*/
    821         margin-left: var(--responsive--alignleft-margin);
     915        margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
    822916
    823917        /*rtl:ignore*/
    824         margin-right: var(--global--spacing-horizontal);
     918        margin-right: 25px;
     919    }
     920    @media only screen and (min-width: 482px) {
     921
     922        .entry-content > .alignleft {
     923            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     924        }
     925    }
     926    @media only screen and (min-width: 482px) {
     927
     928        .entry-content > .alignleft {
     929            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     930        }
     931    }
     932    @media only screen and (min-width: 822px) {
     933
     934        .entry-content > .alignleft {
     935            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     936        }
    825937    }
    826938}
    … …  
    830942
    831943        /*rtl:ignore*/
    832         margin-left: var(--global--spacing-horizontal);
     944        margin-left: 25px;
    833945
    834946        /*rtl:ignore*/
    835         margin-right: var(--responsive--alignright-margin);
     947        margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     948    }
     949    @media only screen and (min-width: 482px) {
     950
     951        .entry-content > .alignright {
     952            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     953        }
     954    }
     955    @media only screen and (min-width: 482px) {
     956
     957        .entry-content > .alignright {
     958            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     959        }
     960    }
     961    @media only screen and (min-width: 822px) {
     962
     963        .entry-content > .alignright {
     964            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     965        }
    836966    }
    837967}
    … …  
    850980 * - Set vertical padding and horizontal margins
    851981 */
    852 .site-header,
    853 .site-main,
    854 .widget-area,
    855 .site-footer {
    856     padding-top: var(--global--spacing-vertical);
    857     padding-bottom: var(--global--spacing-vertical);
     982.site-header {
     983    padding-top: 30px;
     984    padding-bottom: 30px;
    858985    margin-left: auto;
    859986    margin-right: auto;
    860987}
    861988
     989.site-main {
     990    padding-top: 30px;
     991    padding-bottom: 30px;
     992    margin-left: auto;
     993    margin-right: auto;
     994}
     995
     996.widget-area {
     997    padding-top: 30px;
     998    padding-bottom: 30px;
     999    margin-left: auto;
     1000    margin-right: auto;
     1001}
     1002
     1003.site-footer {
     1004    padding-top: 30px;
     1005    padding-bottom: 30px;
     1006    margin-left: auto;
     1007    margin-right: auto;
     1008}
     1009
    8621010.site-header {
    863     padding-top: calc(0.75 * var(--global--spacing-vertical));
    864     padding-bottom: calc(2 * var(--global--spacing-vertical));
     1011    padding-top: 23px;
     1012    padding-bottom: 60px;
    8651013}
    8661014@media only screen and (min-width: 482px) {
    8671015
    8681016    .site-header {
    869         padding-bottom: calc(3 * var(--global--spacing-vertical));
     1017        padding-bottom: 90px;
    8701018    }
    8711019}
    … …  
    8761024 */
    8771025.site-main > * {
    878     margin-top: calc(3 * var(--global--spacing-vertical));
    879     margin-bottom: calc(3 * var(--global--spacing-vertical));
     1026    margin-top: 90px;
     1027    margin-bottom: 90px;
    8801028}
    8811029
    … …  
    9041052 * - Set margins
    9051053 */
    906 .entry-header,
    907 .post-thumbnail,
    908 .entry-content,
    909 .entry-footer,
     1054.entry-header {
     1055    margin-top: 30px;
     1056    margin-right: auto;
     1057    margin-bottom: 30px;
     1058    margin-left: auto;
     1059}
     1060
     1061.post-thumbnail {
     1062    margin-top: 30px;
     1063    margin-right: auto;
     1064    margin-bottom: 30px;
     1065    margin-left: auto;
     1066}
     1067
     1068.entry-content {
     1069    margin-top: 30px;
     1070    margin-right: auto;
     1071    margin-bottom: 30px;
     1072    margin-left: auto;
     1073}
     1074
     1075.entry-footer {
     1076    margin-top: 30px;
     1077    margin-right: auto;
     1078    margin-bottom: 30px;
     1079    margin-left: auto;
     1080}
     1081
    9101082.author-bio {
    911     margin-top: var(--global--spacing-vertical);
     1083    margin-top: 30px;
    9121084    margin-right: auto;
    913     margin-bottom: var(--global--spacing-vertical);
     1085    margin-bottom: 30px;
    9141086    margin-left: auto;
    9151087}
    … …  
    9191091 * - Sets spacing-vertical margin logic
    9201092 */
    921 .site-main > article > *,
    922 .site-main > .not-found > *,
    923 .entry-content > *,
    924 [class*=inner-container] > *,
     1093.site-main > article > * {
     1094    margin-top: 20px;
     1095    margin-bottom: 20px;
     1096}
     1097
     1098.site-main > .not-found > * {
     1099    margin-top: 20px;
     1100    margin-bottom: 20px;
     1101}
     1102
     1103.entry-content > * {
     1104    margin-top: 20px;
     1105    margin-bottom: 20px;
     1106}
     1107
     1108[class*=inner-container] > * {
     1109    margin-top: 20px;
     1110    margin-bottom: 20px;
     1111}
     1112
    9251113.wp-block-template-part > * {
    926     margin-top: calc(0.666 * var(--global--spacing-vertical));
    927     margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     1114    margin-top: 20px;
     1115    margin-bottom: 20px;
    9281116}
    9291117@media only screen and (min-width: 482px) {
    9301118
    931     .site-main > article > *,
    932     .site-main > .not-found > *,
    933     .entry-content > *,
    934     [class*=inner-container] > *,
     1119    .site-main > article > * {
     1120        margin-top: 30px;
     1121        margin-bottom: 30px;
     1122    }
     1123
     1124    .site-main > .not-found > * {
     1125        margin-top: 30px;
     1126        margin-bottom: 30px;
     1127    }
     1128
     1129    .entry-content > * {
     1130        margin-top: 30px;
     1131        margin-bottom: 30px;
     1132    }
     1133
     1134    [class*=inner-container] > * {
     1135        margin-top: 30px;
     1136        margin-bottom: 30px;
     1137    }
     1138
    9351139    .wp-block-template-part > * {
    936         margin-top: var(--global--spacing-vertical);
    937         margin-bottom: var(--global--spacing-vertical);
     1140        margin-top: 30px;
     1141        margin-bottom: 30px;
    9381142    }
    9391143}
    … …  
    9551159}
    9561160
    957 .site-footer > *,
     1161.site-footer > * {
     1162    margin-top: 20px;
     1163    margin-bottom: 20px;
     1164}
     1165
    9581166.widget-area > * {
    959     margin-top: calc(0.666 * var(--global--spacing-vertical));
    960     margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     1167    margin-top: 20px;
     1168    margin-bottom: 20px;
    9611169}
    9621170@media only screen and (min-width: 482px) {
    9631171
    964     .site-footer > *,
     1172    .site-footer > * {
     1173        margin-top: 30px;
     1174        margin-bottom: 30px;
     1175    }
     1176
    9651177    .widget-area > * {
    966         margin-top: var(--global--spacing-vertical);
    967         margin-bottom: var(--global--spacing-vertical);
     1178        margin-top: 30px;
     1179        margin-bottom: 30px;
    9681180    }
    9691181}
    … …  
    9731185 * - Sets spacing-unit margins
    9741186 */
    975 .entry-header > *,
    976 .post-thumbnail > *,
    977 .page-content > *,
    978 .comment-content > *,
     1187.entry-header > * {
     1188    margin-top: 20px;
     1189    margin-bottom: 20px;
     1190}
     1191
     1192.post-thumbnail > * {
     1193    margin-top: 20px;
     1194    margin-bottom: 20px;
     1195}
     1196
     1197.page-content > * {
     1198    margin-top: 20px;
     1199    margin-bottom: 20px;
     1200}
     1201
     1202.comment-content > * {
     1203    margin-top: 20px;
     1204    margin-bottom: 20px;
     1205}
     1206
    9791207.widget > * {
    980     margin-top: var(--global--spacing-unit);
    981     margin-bottom: var(--global--spacing-unit);
     1208    margin-top: 20px;
     1209    margin-bottom: 20px;
    9821210}
    9831211
    … …  
    10201248}
    10211249
    1022 .entry-content > *.alignfull + .alignleft,
     1250.entry-content > *.alignfull + .alignleft {
     1251    margin-top: 30px;
     1252}
     1253
    10231254.entry-content > *.alignfull + .alignright {
    1024     margin-top: var(--global--spacing-vertical);
     1255    margin-top: 30px;
    10251256}
    10261257
    … …  
    10671298    /* Apply border-box across the entire page. */
    10681299    box-sizing: border-box;
    1069     font-family: var(--global--font-secondary);
    1070     line-height: var(--global--line-height-body);
     1300    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1301    line-height: 1.7;
    10711302}
    10721303
    … …  
    10811312
    10821313body {
    1083     font-size: var(--global--font-size-base);
     1314    font-size: 1.25rem;
    10841315    font-weight: normal;
    1085     color: var(--global--color-primary);
     1316    color: #28303d;
    10861317    text-align: left;
    1087     background-color: var(--global--color-background);
     1318    background-color: #d1e4dd;
    10881319}
    10891320
    … …  
    11221353    padding: 0;
    11231354    position: relative;
    1124     margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1355    margin: 30px 0 30px 25px;
    11251356}
    11261357
    11271358blockquote > * {
    1128     margin-top: var(--global--spacing-unit);
    1129     margin-bottom: var(--global--spacing-unit);
     1359    margin-top: 20px;
     1360    margin-bottom: 20px;
    11301361}
    11311362
    … …  
    11391370
    11401371blockquote p {
    1141     letter-spacing: var(--heading--letter-spacing-h4);
    1142     font-family: var(--quote--font-family);
    1143     font-size: var(--quote--font-size);
    1144     font-style: var(--quote--font-style);
    1145     font-weight: var(--quote--font-weight);
    1146     line-height: var(--quote--line-height);
    1147 }
    1148 
    1149 blockquote cite,
     1372    letter-spacing: normal;
     1373    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1374    font-size: 1.25rem;
     1375    font-style: normal;
     1376    font-weight: 700;
     1377    line-height: 1.7;
     1378}
     1379
     1380blockquote cite {
     1381    font-weight: normal;
     1382    color: #28303d;
     1383    font-size: 1rem;
     1384    letter-spacing: normal;
     1385}
     1386
    11501387blockquote footer {
    11511388    font-weight: normal;
    1152     color: var(--global--color-primary);
    1153     font-size: var(--global--font-size-xs);
    1154     letter-spacing: var(--global--letter-spacing);
     1389    color: #28303d;
     1390    font-size: 1rem;
     1391    letter-spacing: normal;
    11551392}
    11561393
    … …  
    11601397}
    11611398
    1162 blockquote.alignleft p,
    1163 blockquote.alignright p {
    1164     font-size: var(--heading--font-size-h5);
     1399blockquote.alignleft p {
     1400    font-size: 1.125rem;
    11651401    max-width: inherit;
    11661402    width: inherit;
    11671403}
    11681404
    1169 blockquote.alignleft cite,
    1170 blockquote.alignleft footer,
    1171 blockquote.alignright cite,
     1405blockquote.alignright p {
     1406    font-size: 1.125rem;
     1407    max-width: inherit;
     1408    width: inherit;
     1409}
     1410
     1411blockquote.alignleft cite {
     1412    font-size: 1rem;
     1413    letter-spacing: normal;
     1414}
     1415
     1416blockquote.alignleft footer {
     1417    font-size: 1rem;
     1418    letter-spacing: normal;
     1419}
     1420
     1421blockquote.alignright cite {
     1422    font-size: 1rem;
     1423    letter-spacing: normal;
     1424}
     1425
    11721426blockquote.alignright footer {
    1173     font-size: var(--global--font-size-xs);
    1174     letter-spacing: var(--global--letter-spacing);
     1427    font-size: 1rem;
     1428    letter-spacing: normal;
    11751429}
    11761430
    11771431blockquote strong {
    1178     font-weight: var(--quote--font-weight-strong);
     1432    font-weight: bolder;
    11791433}
    11801434
    11811435blockquote:before {
    11821436    content: "“";
    1183     font-size: var(--quote--font-size);
    1184     line-height: var(--quote--line-height);
     1437    font-size: 1.25rem;
     1438    line-height: 1.7;
    11851439    position: absolute;
    1186     left: calc(-0.5 * var(--global--spacing-horizontal));
    1187 }
    1188 
    1189 blockquote .wp-block-quote__citation,
    1190 blockquote cite,
     1440    left: -12px;
     1441}
     1442
     1443blockquote .wp-block-quote__citation {
     1444    color: #28303d;
     1445    font-size: 1rem;
     1446    font-style: normal;
     1447}
     1448
     1449blockquote cite {
     1450    color: #28303d;
     1451    font-size: 1rem;
     1452    font-style: normal;
     1453}
     1454
    11911455blockquote footer {
    1192     color: var(--global--color-primary);
    1193     font-size: var(--global--font-size-xs);
    1194     font-style: var(--quote--font-style-cite);
     1456    color: #28303d;
     1457    font-size: 1rem;
     1458    font-style: normal;
    11951459}
    11961460@media only screen and (max-width: 481px) {
    11971461
    11981462    blockquote {
    1199         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     1463        padding-left: 13px;
    12001464    }
    12011465
    … …  
    12051469}
    12061470
    1207 input[type=text],
    1208 input[type=email],
    1209 input[type=url],
    1210 input[type=password],
    1211 input[type=search],
    1212 input[type=number],
    1213 input[type=tel],
    1214 input[type=date],
    1215 input[type=month],
    1216 input[type=week],
    1217 input[type=time],
    1218 input[type=datetime],
    1219 input[type=datetime-local],
    1220 input[type=color],
     1471input[type=text] {
     1472    border: 3px solid #39414d;
     1473    border-radius: 0;
     1474    color: #28303d;
     1475    line-height: 1.7;
     1476    padding: 10px;
     1477    margin: 0 2px;
     1478}
     1479
     1480input[type=email] {
     1481    border: 3px solid #39414d;
     1482    border-radius: 0;
     1483    color: #28303d;
     1484    line-height: 1.7;
     1485    padding: 10px;
     1486    margin: 0 2px;
     1487}
     1488
     1489input[type=url] {
     1490    border: 3px solid #39414d;
     1491    border-radius: 0;
     1492    color: #28303d;
     1493    line-height: 1.7;
     1494    padding: 10px;
     1495    margin: 0 2px;
     1496}
     1497
     1498input[type=password] {
     1499    border: 3px solid #39414d;
     1500    border-radius: 0;
     1501    color: #28303d;
     1502    line-height: 1.7;
     1503    padding: 10px;
     1504    margin: 0 2px;
     1505}
     1506
     1507input[type=search] {
     1508    border: 3px solid #39414d;
     1509    border-radius: 0;
     1510    color: #28303d;
     1511    line-height: 1.7;
     1512    padding: 10px;
     1513    margin: 0 2px;
     1514}
     1515
     1516input[type=number] {
     1517    border: 3px solid #39414d;
     1518    border-radius: 0;
     1519    color: #28303d;
     1520    line-height: 1.7;
     1521    padding: 10px;
     1522    margin: 0 2px;
     1523}
     1524
     1525input[type=tel] {
     1526    border: 3px solid #39414d;
     1527    border-radius: 0;
     1528    color: #28303d;
     1529    line-height: 1.7;
     1530    padding: 10px;
     1531    margin: 0 2px;
     1532}
     1533
     1534input[type=date] {
     1535    border: 3px solid #39414d;
     1536    border-radius: 0;
     1537    color: #28303d;
     1538    line-height: 1.7;
     1539    padding: 10px;
     1540    margin: 0 2px;
     1541}
     1542
     1543input[type=month] {
     1544    border: 3px solid #39414d;
     1545    border-radius: 0;
     1546    color: #28303d;
     1547    line-height: 1.7;
     1548    padding: 10px;
     1549    margin: 0 2px;
     1550}
     1551
     1552input[type=week] {
     1553    border: 3px solid #39414d;
     1554    border-radius: 0;
     1555    color: #28303d;
     1556    line-height: 1.7;
     1557    padding: 10px;
     1558    margin: 0 2px;
     1559}
     1560
     1561input[type=time] {
     1562    border: 3px solid #39414d;
     1563    border-radius: 0;
     1564    color: #28303d;
     1565    line-height: 1.7;
     1566    padding: 10px;
     1567    margin: 0 2px;
     1568}
     1569
     1570input[type=datetime] {
     1571    border: 3px solid #39414d;
     1572    border-radius: 0;
     1573    color: #28303d;
     1574    line-height: 1.7;
     1575    padding: 10px;
     1576    margin: 0 2px;
     1577}
     1578
     1579input[type=datetime-local] {
     1580    border: 3px solid #39414d;
     1581    border-radius: 0;
     1582    color: #28303d;
     1583    line-height: 1.7;
     1584    padding: 10px;
     1585    margin: 0 2px;
     1586}
     1587
     1588input[type=color] {
     1589    border: 3px solid #39414d;
     1590    border-radius: 0;
     1591    color: #28303d;
     1592    line-height: 1.7;
     1593    padding: 10px;
     1594    margin: 0 2px;
     1595}
     1596
    12211597.site textarea {
    1222     border: var(--form--border-width) solid var(--form--border-color);
    1223     border-radius: var(--form--border-radius);
    1224     color: var(--form--color-text);
    1225     line-height: var(--global--line-height-body);
    1226     padding: var(--form--spacing-unit);
     1598    border: 3px solid #39414d;
     1599    border-radius: 0;
     1600    color: #28303d;
     1601    line-height: 1.7;
     1602    padding: 10px;
    12271603    margin: 0 2px;
    12281604}
    12291605
    1230 input[type=text]:focus,
    1231 input[type=email]:focus,
    1232 input[type=url]:focus,
    1233 input[type=password]:focus,
    1234 input[type=search]:focus,
    1235 input[type=number]:focus,
    1236 input[type=tel]:focus,
    1237 input[type=date]:focus,
    1238 input[type=month]:focus,
    1239 input[type=week]:focus,
    1240 input[type=time]:focus,
    1241 input[type=datetime]:focus,
    1242 input[type=datetime-local]:focus,
    1243 input[type=color]:focus,
     1606input[type=text]:focus {
     1607    color: #28303d;
     1608    outline-offset: 2px;
     1609    outline: 2px dotted #39414d;
     1610}
     1611
     1612input[type=email]:focus {
     1613    color: #28303d;
     1614    outline-offset: 2px;
     1615    outline: 2px dotted #39414d;
     1616}
     1617
     1618input[type=url]:focus {
     1619    color: #28303d;
     1620    outline-offset: 2px;
     1621    outline: 2px dotted #39414d;
     1622}
     1623
     1624input[type=password]:focus {
     1625    color: #28303d;
     1626    outline-offset: 2px;
     1627    outline: 2px dotted #39414d;
     1628}
     1629
     1630input[type=search]:focus {
     1631    color: #28303d;
     1632    outline-offset: 2px;
     1633    outline: 2px dotted #39414d;
     1634}
     1635
     1636input[type=number]:focus {
     1637    color: #28303d;
     1638    outline-offset: 2px;
     1639    outline: 2px dotted #39414d;
     1640}
     1641
     1642input[type=tel]:focus {
     1643    color: #28303d;
     1644    outline-offset: 2px;
     1645    outline: 2px dotted #39414d;
     1646}
     1647
     1648input[type=date]:focus {
     1649    color: #28303d;
     1650    outline-offset: 2px;
     1651    outline: 2px dotted #39414d;
     1652}
     1653
     1654input[type=month]:focus {
     1655    color: #28303d;
     1656    outline-offset: 2px;
     1657    outline: 2px dotted #39414d;
     1658}
     1659
     1660input[type=week]:focus {
     1661    color: #28303d;
     1662    outline-offset: 2px;
     1663    outline: 2px dotted #39414d;
     1664}
     1665
     1666input[type=time]:focus {
     1667    color: #28303d;
     1668    outline-offset: 2px;
     1669    outline: 2px dotted #39414d;
     1670}
     1671
     1672input[type=datetime]:focus {
     1673    color: #28303d;
     1674    outline-offset: 2px;
     1675    outline: 2px dotted #39414d;
     1676}
     1677
     1678input[type=datetime-local]:focus {
     1679    color: #28303d;
     1680    outline-offset: 2px;
     1681    outline: 2px dotted #39414d;
     1682}
     1683
     1684input[type=color]:focus {
     1685    color: #28303d;
     1686    outline-offset: 2px;
     1687    outline: 2px dotted #39414d;
     1688}
     1689
    12441690.site textarea:focus {
    1245     color: var(--form--color-text);
     1691    color: #28303d;
    12461692    outline-offset: 2px;
    1247     outline: 2px dotted var(--form--border-color);
     1693    outline: 2px dotted #39414d;
    12481694}
    12491695
    … …  
    12661712}
    12671713
    1268 .is-dark-theme input[type=text],
    1269 .is-dark-theme input[type=email],
    1270 .is-dark-theme input[type=url],
    1271 .is-dark-theme input[type=password],
    1272 .is-dark-theme input[type=search],
    1273 .is-dark-theme input[type=number],
    1274 .is-dark-theme input[type=tel],
    1275 .is-dark-theme input[type=date],
    1276 .is-dark-theme input[type=month],
    1277 .is-dark-theme input[type=week],
    1278 .is-dark-theme input[type=time],
    1279 .is-dark-theme input[type=datetime],
    1280 .is-dark-theme input[type=datetime-local],
    1281 .is-dark-theme input[type=color],
     1714.is-dark-theme input[type=text] {
     1715    background: rgba(255, 255, 255, 0.9);
     1716}
     1717
     1718.is-dark-theme input[type=email] {
     1719    background: rgba(255, 255, 255, 0.9);
     1720}
     1721
     1722.is-dark-theme input[type=url] {
     1723    background: rgba(255, 255, 255, 0.9);
     1724}
     1725
     1726.is-dark-theme input[type=password] {
     1727    background: rgba(255, 255, 255, 0.9);
     1728}
     1729
     1730.is-dark-theme input[type=search] {
     1731    background: rgba(255, 255, 255, 0.9);
     1732}
     1733
     1734.is-dark-theme input[type=number] {
     1735    background: rgba(255, 255, 255, 0.9);
     1736}
     1737
     1738.is-dark-theme input[type=tel] {
     1739    background: rgba(255, 255, 255, 0.9);
     1740}
     1741
     1742.is-dark-theme input[type=date] {
     1743    background: rgba(255, 255, 255, 0.9);
     1744}
     1745
     1746.is-dark-theme input[type=month] {
     1747    background: rgba(255, 255, 255, 0.9);
     1748}
     1749
     1750.is-dark-theme input[type=week] {
     1751    background: rgba(255, 255, 255, 0.9);
     1752}
     1753
     1754.is-dark-theme input[type=time] {
     1755    background: rgba(255, 255, 255, 0.9);
     1756}
     1757
     1758.is-dark-theme input[type=datetime] {
     1759    background: rgba(255, 255, 255, 0.9);
     1760}
     1761
     1762.is-dark-theme input[type=datetime-local] {
     1763    background: rgba(255, 255, 255, 0.9);
     1764}
     1765
     1766.is-dark-theme input[type=color] {
     1767    background: rgba(255, 255, 255, 0.9);
     1768}
     1769
    12821770.is-dark-theme .site textarea {
    1283     background: var(--global--color-white-90);
     1771    background: rgba(255, 255, 255, 0.9);
    12841772}
    12851773
    … …  
    12891777
    12901778.is-dark-theme input[type=search]:focus {
    1291     outline-color: var(--global--color-background);
     1779    outline-color: #d1e4dd;
    12921780}
    12931781
    12941782input[type=color] {
    1295     padding: calc(var(--form--spacing-unit) / 2);
    1296     height: calc(4 * var(--form--spacing-unit));
     1783    padding: 5px;
     1784    height: 40px;
    12971785}
    12981786
    … …  
    13051793
    13061794select {
    1307     border: var(--form--border-width) solid var(--form--border-color);
    1308     color: var(--form--color-text);
     1795    border: 3px solid #39414d;
     1796    color: #28303d;
    13091797    -moz-appearance: none;
    13101798    -webkit-appearance: none;
    13111799    appearance: none;
    1312     line-height: var(--global--line-height-body);
    1313     padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
    1314     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;
    1315     background-position: right var(--form--spacing-unit) top 60%;
     1800    line-height: 1.7;
     1801    padding: 10px 30px 10px 10px;
     1802    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;
     1803    background-position: right 10px top 60%;
    13161804}
    13171805
    13181806select:focus {
    13191807    outline-offset: 2px;
    1320     outline: 2px dotted var(--form--border-color);
     1808    outline: 2px dotted #39414d;
    13211809}
    13221810
    13231811.is-dark-theme select {
    1324     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;
    1325     background-position: right var(--form--spacing-unit) top 60%;
     1812    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;
     1813    background-position: right 10px top 60%;
    13261814}
    13271815
    … …  
    13311819
    13321820label {
    1333     font-size: var(--form--font-size);
    1334     font-weight: var(--form--label-weight);
    1335     margin-bottom: calc(var(--global--spacing-vertical) / 3);
     1821    font-size: 1.125rem;
     1822    font-weight: 500;
     1823    margin-bottom: 10px;
    13361824}
    13371825
    … …  
    13431831@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    13441832
    1345     input[type=checkbox],
     1833    input[type=checkbox] {
     1834        -webkit-appearance: none;
     1835        -moz-appearance: none;
     1836        position: relative;
     1837        width: 25px;
     1838        height: 25px;
     1839        border: 3px solid #39414d;
     1840        background: #fff;
     1841    }
     1842
    13461843    input[type=radio] {
    13471844        -webkit-appearance: none;
    … …  
    13501847        width: 25px;
    13511848        height: 25px;
    1352         border: var(--form--border-width) solid var(--form--border-color);
    1353         background: var(--global--color-white);
     1849        border: 3px solid #39414d;
     1850        background: #fff;
    13541851    }
    13551852
    … …  
    13591856    }
    13601857
    1361     .is-dark-theme input[type=checkbox],
     1858    .is-dark-theme input[type=checkbox] {
     1859        background: rgba(255, 255, 255, 0.9);
     1860    }
     1861
    13621862    .is-dark-theme input[type=radio] {
    1363         background: var(--global--color-white-90);
     1863        background: rgba(255, 255, 255, 0.9);
    13641864    }
    13651865
    13661866    input[type=checkbox]:focus {
    13671867        outline-offset: 2px;
    1368         outline: 2px dotted var(--form--border-color);
     1868        outline: 2px dotted #39414d;
    13691869    }
    13701870
    … …  
    13781878        width: 7px;
    13791879        height: 13px;
    1380         border: 3px solid var(--form--color-text);
     1880        border: 3px solid #28303d;
    13811881        border-top: 0;
    13821882        border-left: 0;
    … …  
    13851885
    13861886    input[type=checkbox]:checked {
    1387         color: var(--form--color-text);
     1887        color: #28303d;
    13881888    }
    13891889
    … …  
    13981898    input[type=radio]:focus {
    13991899        outline-offset: 2px;
    1400         outline: 2px dotted var(--form--border-color);
     1900        outline: 2px dotted #39414d;
    14011901    }
    14021902
    … …  
    14111911        height: 11px;
    14121912        border-radius: 50%;
    1413         background: var(--form--color-text);
     1913        background: #28303d;
    14141914    }
    14151915
    14161916    input[type=radio]:checked {
    1417         border: 4px solid var(--form--border-color);
     1917        border: 4px solid #39414d;
    14181918    }
    14191919
    … …  
    14241924    input[type=radio]:checked:focus {
    14251925        outline-offset: 4px;
    1426         outline: 2px dotted var(--form--border-color);
    1427     }
    1428 }
    1429 
    1430 input[type=checkbox] + label,
     1926        outline: 2px dotted #39414d;
     1927    }
     1928}
     1929
     1930input[type=checkbox] + label {
     1931    display: inline-block;
     1932    padding-left: 10px;
     1933    font-size: 1rem;
     1934    vertical-align: top;
     1935}
     1936
    14311937input[type=radio] + label {
    14321938    display: inline-block;
    14331939    padding-left: 10px;
    1434     font-size: var(--global--font-size-xs);
     1940    font-size: 1rem;
    14351941    vertical-align: top;
    14361942}
    … …  
    14491955        /* Specific width is required for Firefox. */
    14501956        height: 6px;
    1451         background: var(--form--color-ranged);
     1957        background: #39414d;
    14521958        border-radius: 6px;
    14531959        outline-offset: 10px;
    … …  
    14601966    input[type=range]::-webkit-slider-thumb {
    14611967        -webkit-appearance: none;
    1462         border: 3px solid var(--form--color-ranged);
     1968        border: 3px solid #39414d;
    14631969        height: 44px;
    14641970        width: 44px;
    14651971        border-radius: 50%;
    1466         background: var(--global--color-background);
     1972        background: #d1e4dd;
    14671973        cursor: pointer;
    14681974    }
    14691975
    14701976    input[type=range]::-moz-range-thumb {
    1471         border: 3px solid var(--form--color-ranged);
     1977        border: 3px solid #39414d;
    14721978        height: 44px;
    14731979        width: 44px;
    14741980        border-radius: 50%;
    1475         background: var(--global--color-background);
     1981        background: #d1e4dd;
    14761982        cursor: pointer;
    14771983        box-sizing: border-box;
    … …  
    14841990    border-radius: 6px;
    14851991    border-width: 19px 0;
    1486     border-color: var(--global--color-background);
     1992    border-color: #d1e4dd;
    14871993    background: transparent;
    14881994    color: transparent;
    … …  
    14911997
    14921998input[type=range]::-ms-fill-upper {
    1493     background: var(--form--color-ranged);
     1999    background: #39414d;
    14942000    border-radius: 6px;
    14952001}
    14962002
    14972003input[type=range]::-ms-fill-lower {
    1498     background: var(--form--color-ranged);
     2004    background: #39414d;
    14992005    border-radius: 6px;
    15002006}
    15012007
    15022008input[type=range]::-ms-thumb {
    1503     border: 3px solid var(--form--color-ranged);
     2009    border: 3px solid #39414d;
    15042010    height: 44px;
    15052011    width: 44px;
    15062012    border-radius: 50%;
    1507     background: var(--global--color-background);
     2013    background: #d1e4dd;
    15082014    cursor: pointer;
    15092015}
    … …  
    15112017fieldset {
    15122018    display: grid;
    1513     border-color: var(--global--color-secondary);
    1514     padding: var(--global--spacing-horizontal);
     2019    border-color: #39414d;
     2020    padding: 25px;
    15152021}
    15162022
    15172023fieldset legend {
    1518     font-size: var(--global--font-size-lg);
     2024    font-size: 1.5rem;
    15192025}
    15202026
    … …  
    15242030
    15252031fieldset input:not([type=submit]) {
    1526     margin-bottom: var(--global--spacing-unit);
     2032    margin-bottom: 20px;
    15272033}
    15282034
    … …  
    15322038}
    15332039
    1534 fieldset input[type=radio] + label,
     2040fieldset input[type=radio] + label {
     2041    font-size: 1.125rem;
     2042    padding-left: 0;
     2043    margin-bottom: 20px;
     2044}
     2045
    15352046fieldset input[type=checkbox] + label {
    1536     font-size: var(--form--font-size);
     2047    font-size: 1.125rem;
    15372048    padding-left: 0;
    1538     margin-bottom: var(--global--spacing-unit);
     2049    margin-bottom: 20px;
    15392050}
    15402051
    … …  
    15442055
    15452056.post-password-message {
    1546     font-size: var(--global--font-size-lg);
     2057    font-size: 1.5rem;
    15472058}
    15482059
    … …  
    15592070.post-password-form input[type=password] {
    15602071    flex-grow: 1;
    1561     margin-top: calc(var(--global--spacing-vertical) / 3);
    1562     margin-right: calc(0.66 * var(--global--spacing-horizontal));
     2072    margin-top: 10px;
     2073    margin-right: 17px;
    15632074}
    15642075
    15652076.post-password-form__submit {
    1566     margin-top: calc(var(--global--spacing-vertical) / 3);
     2077    margin-top: 10px;
    15672078}
    15682079@media only screen and (min-width: 592px) {
    15692080
    15702081    .post-password-form__submit {
    1571         margin-left: calc(0.4 * var(--global--spacing-horizontal));
     2082        margin-left: 10px;
    15722083    }
    15732084}
    … …  
    15932104
    15942105/* Media captions */
    1595 figcaption,
    1596 .wp-caption,
    1597 .wp-caption-text,
     2106figcaption {
     2107    color: currentColor;
     2108    font-size: 1rem;
     2109    line-height: 1.7;
     2110    margin-top: 10px;
     2111    margin-bottom: 20px;
     2112    text-align: center;
     2113}
     2114
     2115.wp-caption {
     2116    color: currentColor;
     2117    font-size: 1rem;
     2118    line-height: 1.7;
     2119    margin-top: 10px;
     2120    margin-bottom: 20px;
     2121    text-align: center;
     2122}
     2123
     2124.wp-caption-text {
     2125    color: currentColor;
     2126    font-size: 1rem;
     2127    line-height: 1.7;
     2128    margin-top: 10px;
     2129    margin-bottom: 20px;
     2130    text-align: center;
     2131}
     2132
    15982133.wp-block-embed figcaption {
    15992134    color: currentColor;
    1600     font-size: var(--global--font-size-xs);
    1601     line-height: var(--global--line-height-body);
    1602     margin-top: calc(0.5 * var(--global--spacing-unit));
    1603     margin-bottom: var(--global--spacing-unit);
     2135    font-size: 1rem;
     2136    line-height: 1.7;
     2137    margin-top: 10px;
     2138    margin-bottom: 20px;
    16042139    text-align: center;
    16052140}
    … …  
    16512186a {
    16522187    cursor: pointer;
    1653     color: var(--wp--style--color--link, var(--global--color-primary));
     2188    color: #28303d;
    16542189    text-underline-offset: 3px;
    16552190    text-decoration-skip-ink: all;
    … …  
    16702205}
    16712206
    1672 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
     2207.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     2208    color: #d1e4dd;
     2209}
     2210
    16732211.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    1674     color: var(--wp--style--color--link, var(--global--color-background));
     2212    color: #d1e4dd;
    16752213}
    16762214
    16772215.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    16782216    background: rgba(0, 0, 0, 0.9);
    1679     color: var(--wp--style--color--link, var(--global--color-white));
     2217    color: #fff;
    16802218}
    16812219
    16822220.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    1683     color: var(--wp--style--color--link, var(--global--color-white));
     2221    color: #fff;
    16842222}
    16852223
    …