WordPress.org
Get WordPress

Make WordPress Core

Changeset 49800 for trunk


Ignore:
Timestamp:
12/14/2020 04:47:37 PM (4 years ago)
Author:
ryelle
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.
Fixes #52040.

Location:
trunk/src/wp-content/themes/twentytwentyone
Files:
1 added
2 edited

Legend:

Unmodified
Added
Removed

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

    r49795 r49800  
    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}

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

    r49795 r49800  
    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
    … …  
    16972235
    16982236.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    1699     outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    1700 }
    1701 
    1702 .has-background .has-link-color a,
     2237    outline: 2px dotted #28303d;
     2238}
     2239
     2240.has-background .has-link-color a {
     2241    color: #28303d;
     2242}
     2243
    17032244.has-background.has-link-color a {
    1704     color: var(--wp--style--color--link, var(--global--color-primary));
     2245    color: #28303d;
    17052246}
    17062247
    … …  
    17082249.wp-block-audio audio:focus {
    17092250    outline-offset: 5px;
    1710     outline: 2px solid var(--global--color-primary);
     2251    outline: 2px solid #28303d;
    17112252}
    17122253
    … …  
    17142255 * Button
    17152256 */
    1716 .site .button,
    1717 input[type=submit],
    1718 input[type=reset],
    1719 .wp-block-search__button,
     2257.site .button {
     2258    line-height: 1.5;
     2259    color: #d1e4dd;
     2260    cursor: pointer;
     2261    font-weight: 500;
     2262    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2263    font-size: 1.25rem;
     2264    background-color: #39414d;
     2265    border-radius: 0;
     2266    border: 3px solid #39414d;
     2267    text-decoration: none;
     2268    padding: 15px 30px;
     2269}
     2270
     2271input[type=submit] {
     2272    line-height: 1.5;
     2273    color: #d1e4dd;
     2274    cursor: pointer;
     2275    font-weight: 500;
     2276    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2277    font-size: 1.25rem;
     2278    background-color: #39414d;
     2279    border-radius: 0;
     2280    border: 3px solid #39414d;
     2281    text-decoration: none;
     2282    padding: 15px 30px;
     2283}
     2284
     2285input[type=reset] {
     2286    line-height: 1.5;
     2287    color: #d1e4dd;
     2288    cursor: pointer;
     2289    font-weight: 500;
     2290    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2291    font-size: 1.25rem;
     2292    background-color: #39414d;
     2293    border-radius: 0;
     2294    border: 3px solid #39414d;
     2295    text-decoration: none;
     2296    padding: 15px 30px;
     2297}
     2298
     2299.wp-block-search__button {
     2300    line-height: 1.5;
     2301    color: #d1e4dd;
     2302    cursor: pointer;
     2303    font-weight: 500;
     2304    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2305    font-size: 1.25rem;
     2306    background-color: #39414d;
     2307    border-radius: 0;
     2308    border: 3px solid #39414d;
     2309    text-decoration: none;
     2310    padding: 15px 30px;
     2311}
     2312
    17202313.wp-block-button .wp-block-button__link {
    1721     line-height: var(--button--line-height);
    1722     color: var(--button--color-text);
     2314    line-height: 1.5;
     2315    color: #d1e4dd;
    17232316    cursor: pointer;
    1724     font-weight: var(--button--font-weight);
    1725     font-family: var(--button--font-family);
    1726     font-size: var(--button--font-size);
    1727     background-color: var(--button--color-background);
    1728     border-radius: var(--button--border-radius);
    1729     border: var(--button--border-width) solid var(--button--color-background);
     2317    font-weight: 500;
     2318    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2319    font-size: 1.25rem;
     2320    background-color: #39414d;
     2321    border-radius: 0;
     2322    border: 3px solid #39414d;
    17302323    text-decoration: none;
    1731     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2324    padding: 15px 30px;
    17322325}
    17332326
    … …  
    17422335}
    17432336
    1744 .is-dark-theme .site .button:focus,
    1745 .is-dark-theme input[type=submit]:focus,
    1746 .is-dark-theme input[type=reset]:focus,
    1747 .is-dark-theme .wp-block-search__button:focus,
     2337.is-dark-theme .site .button:focus {
     2338    color: #39414d;
     2339}
     2340
     2341.is-dark-theme input[type=submit]:focus {
     2342    color: #39414d;
     2343}
     2344
     2345.is-dark-theme input[type=reset]:focus {
     2346    color: #39414d;
     2347}
     2348
     2349.is-dark-theme .wp-block-search__button:focus {
     2350    color: #39414d;
     2351}
     2352
    17482353.is-dark-theme .wp-block-button .wp-block-button__link:focus {
    1749     color: var(--button--color-background);
    1750 }
    1751 
    1752 .site .button:focus:not(.has-background),
    1753 input[type=submit]:focus:not(.has-background),
    1754 input[type=reset]:focus:not(.has-background),
    1755 .wp-block-search__button:focus:not(.has-background),
     2354    color: #39414d;
     2355}
     2356
     2357.site .button:focus:not(.has-background) {
     2358    color: #39414d;
     2359}
     2360
     2361input[type=submit]:focus:not(.has-background) {
     2362    color: #39414d;
     2363}
     2364
     2365input[type=reset]:focus:not(.has-background) {
     2366    color: #39414d;
     2367}
     2368
     2369.wp-block-search__button:focus:not(.has-background) {
     2370    color: #39414d;
     2371}
     2372
    17562373.wp-block-button .wp-block-button__link:focus:not(.has-background) {
    1757     color: var(--button--color-text-hover);
    1758 }
    1759 
    1760 .site .button:disabled,
    1761 input[type=submit]:disabled,
    1762 input[type=reset]:disabled,
    1763 .wp-block-search__button:disabled,
     2374    color: #39414d;
     2375}
     2376
     2377.site .button:disabled {
     2378    background-color: rgba(255, 255, 255, 0.5);
     2379    border-color: rgba(255, 255, 255, 0.5);
     2380    color: #39414d;
     2381}
     2382
     2383input[type=submit]:disabled {
     2384    background-color: rgba(255, 255, 255, 0.5);
     2385    border-color: rgba(255, 255, 255, 0.5);
     2386    color: #39414d;
     2387}
     2388
     2389input[type=reset]:disabled {
     2390    background-color: rgba(255, 255, 255, 0.5);
     2391    border-color: rgba(255, 255, 255, 0.5);
     2392    color: #39414d;
     2393}
     2394
     2395.wp-block-search__button:disabled {
     2396    background-color: rgba(255, 255, 255, 0.5);
     2397    border-color: rgba(255, 255, 255, 0.5);
     2398    color: #39414d;
     2399}
     2400
    17642401.wp-block-button .wp-block-button__link:disabled {
    1765     background-color: var(--global--color-white-50);
    1766     border-color: var(--global--color-white-50);
    1767     color: var(--button--color-text-active);
    1768 }
    1769 
    1770 .site .button:active,
    1771 input[type=submit]:active,
    1772 input[type=reset]:active,
    1773 .wp-block-search .wp-block-search__button:active,
     2402    background-color: rgba(255, 255, 255, 0.5);
     2403    border-color: rgba(255, 255, 255, 0.5);
     2404    color: #39414d;
     2405}
     2406
     2407.site .button:active {
     2408    color: #39414d;
     2409    background-color: #d1e4dd;
     2410}
     2411
     2412input[type=submit]:active {
     2413    color: #39414d;
     2414    background-color: #d1e4dd;
     2415}
     2416
     2417input[type=reset]:active {
     2418    color: #39414d;
     2419    background-color: #d1e4dd;
     2420}
     2421
     2422.wp-block-search .wp-block-search__button:active {
     2423    color: #39414d;
     2424    background-color: #d1e4dd;
     2425}
     2426
    17742427.wp-block-file .wp-block-file__button:active {
    1775     color: var(--button--color-text-active);
    1776     background-color: var(--button--color-background-active);
    1777 }
    1778 
    1779 .site .button:hover,
    1780 input[type=submit]:hover,
    1781 input[type=reset]:hover,
    1782 .wp-block-search .wp-block-search__button:hover,
     2428    color: #39414d;
     2429    background-color: #d1e4dd;
     2430}
     2431
     2432.site .button:hover {
     2433    color: #39414d;
     2434    background: transparent;
     2435}
     2436
     2437input[type=submit]:hover {
     2438    color: #39414d;
     2439    background: transparent;
     2440}
     2441
     2442input[type=reset]:hover {
     2443    color: #39414d;
     2444    background: transparent;
     2445}
     2446
     2447.wp-block-search .wp-block-search__button:hover {
     2448    color: #39414d;
     2449    background: transparent;
     2450}
     2451
    17832452.wp-block-file .wp-block-file__button:hover {
    1784     color: var(--button--color-text-hover);
     2453    color: #39414d;
    17852454    background: transparent;
    17862455}
    … …  
    17902459 */
    17912460.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    1792     color: var(--button--color-text-active) !important;
     2461    color: #39414d !important;
    17932462    background: transparent !important;
    1794     border-color: var(--button--color-background);
     2463    border-color: #39414d;
    17952464}
    17962465
    17972466.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    1798     color: var(--button--color-text-hover) !important;
     2467    color: #39414d !important;
    17992468    background: transparent !important;
    1800     border-color: var(--button--color-background);
     2469    border-color: #39414d;
    18012470}
    18022471
    18032472.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
    1804     color: var(--button--color-text) !important;
    1805     background: var(--button--color-background) !important;
     2473    color: #d1e4dd !important;
     2474    background: #39414d !important;
    18062475}
    18072476
    18082477.wp-block-button.is-style-outline .wp-block-button__link {
    1809     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2478    padding: 15px 30px;
    18102479}
    18112480
    … …  
    18162485.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
    18172486    background: transparent;
    1818     color: var(--button--color-background);
    1819     border-color: var(--button--color-background);
     2487    color: #39414d;
     2488    border-color: #39414d;
    18202489}
    18212490
    … …  
    18242493}
    18252494
    1826 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
    1827 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
     2495.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
     2496    color: #fff;
     2497}
     2498
     2499.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
     2500    color: #fff;
     2501}
     2502
    18282503.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
    1829     color: var(--global--color-white);
     2504    color: #fff;
    18302505}
    18312506
    18322507.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background {
    1833     color: var(--global--color-dark-gray);
    1834 }
    1835 
    1836 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color,
    1837 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color,
     2508    color: #28303d;
     2509}
     2510
     2511.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color {
     2512    color: #fff;
     2513}
     2514
     2515.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color {
     2516    color: #fff;
     2517}
     2518
    18382519.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color {
    1839     color: var(--global--color-white);
     2520    color: #fff;
    18402521}
    18412522
    … …  
    18452526}
    18462527
    1847 .wp-block-button.is-style-outline .wp-block-button__link:active,
     2528.wp-block-button.is-style-outline .wp-block-button__link:active {
     2529    color: #d1e4dd !important;
     2530    background: #39414d !important;
     2531    border-color: #39414d;
     2532}
     2533
    18482534.wp-block-button.is-style-outline .wp-block-button__link:hover {
    1849     color: var(--button--color-text) !important;
    1850     background: var(--button--color-background) !important;
    1851     border-color: var(--button--color-background);
    1852 }
    1853 
    1854 .wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
     2535    color: #d1e4dd !important;
     2536    background: #39414d !important;
     2537    border-color: #39414d;
     2538}
     2539
     2540.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color {
     2541    border-color: #39414d;
     2542}
     2543
    18552544.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
    1856     border-color: var(--button--color-background);
     2545    border-color: #39414d;
    18572546}
    18582547
    18592548.wp-block-button.is-style-outline .wp-block-button__link:focus {
    1860     color: var(--button--color-background) !important;
     2549    color: #39414d !important;
    18612550    background: transparent !important;
    18622551}
    … …  
    18662555}
    18672556
    1868 .is-style-outline .wp-block-button__link[style*=radius]:focus,
     2557.is-style-outline .wp-block-button__link[style*=radius]:focus {
     2558    outline-offset: 2px;
     2559    outline: 2px dotted #39414d;
     2560}
     2561
    18692562.wp-block-button a.wp-block-button__link[style*=radius]:focus {
    18702563    outline-offset: 2px;
    1871     outline: 2px dotted var(--button--color-background);
     2564    outline: 2px dotted #39414d;
    18722565}
    18732566
    18742567.wp-block-code {
    1875     border-color: var(--global--color-border);
     2568    border-color: #28303d;
    18762569    border-radius: 0;
    18772570    border-style: solid;
    18782571    border-width: 0.1rem;
    1879     padding: var(--global--spacing-unit);
     2572    padding: 20px;
    18802573}
    18812574
    18822575.wp-block-code code {
    1883     font-size: var(--global--font-size-xs);
     2576    font-size: 1rem;
    18842577    white-space: pre;
    18852578    overflow-x: auto;
    … …  
    18922585
    18932586.wp-block-columns .wp-block-column > * {
    1894     margin-top: calc(0.66 * var(--global--spacing-vertical));
    1895     margin-bottom: calc(0.66 * var(--global--spacing-vertical));
     2587    margin-top: 20px;
     2588    margin-bottom: 20px;
    18962589}
    18972590@media only screen and (min-width: 482px) {
    18982591
    18992592    .wp-block-columns .wp-block-column > * {
    1900         margin-top: var(--global--spacing-vertical);
    1901         margin-bottom: var(--global--spacing-vertical);
     2593        margin-top: 30px;
     2594        margin-bottom: 30px;
    19022595    }
    19032596}
    … …  
    19162609
    19172610.wp-block-columns .wp-block-column:not(:last-child) {
    1918     margin-bottom: calc(0.66 * var(--global--spacing-vertical));
     2611    margin-bottom: 20px;
    19192612}
    19202613@media only screen and (min-width: 482px) {
    19212614
    19222615    .wp-block-columns .wp-block-column:not(:last-child) {
    1923         margin-bottom: var(--global--spacing-vertical);
     2616        margin-bottom: 30px;
    19242617    }
    19252618}
    … …  
    19372630
    19382631    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
    1939         margin-left: calc(-2 * var(--global--spacing-horizontal));
    1940         margin-top: calc(2.5 * var(--global--spacing-horizontal));
     2632        margin-left: -50px;
     2633        margin-top: 63px;
    19412634        z-index: 2;
    19422635    }
    19432636
    1944     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
    1945     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
    1946     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
    1947     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
    1948     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
    1949     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
    1950     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
    1951     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
    1952     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
     2637    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
     2638        background-color: #d1e4dd;
     2639        padding: 20px;
     2640    }
     2641
     2642    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
     2643        background-color: #d1e4dd;
     2644        padding: 20px;
     2645    }
     2646
     2647    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
     2648        background-color: #d1e4dd;
     2649        padding: 20px;
     2650    }
     2651
     2652    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
     2653        background-color: #d1e4dd;
     2654        padding: 20px;
     2655    }
     2656
     2657    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
     2658        background-color: #d1e4dd;
     2659        padding: 20px;
     2660    }
     2661
     2662    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
     2663        background-color: #d1e4dd;
     2664        padding: 20px;
     2665    }
     2666
     2667    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
     2668        background-color: #d1e4dd;
     2669        padding: 20px;
     2670    }
     2671
     2672    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     2673        background-color: #d1e4dd;
     2674        padding: 20px;
     2675    }
     2676
     2677    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
     2678        background-color: #d1e4dd;
     2679        padding: 20px;
     2680    }
     2681
    19532682    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
    1954         background-color: var(--global--color-background);
    1955         padding: var(--global--spacing-unit);
    1956     }
    1957 
    1958     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     2683        background-color: #d1e4dd;
     2684        padding: 20px;
     2685    }
     2686
     2687    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     2688        padding-left: 50px;
     2689    }
     2690
    19592691    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
    1960         padding-left: calc(2 * var(--global--spacing-horizontal));
     2692        padding-left: 50px;
    19612693    }
    19622694
    … …  
    19662698}
    19672699
    1968 .wp-block-columns.alignfull .wp-block-column p:not(.has-background),
    1969 .wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
    1970 .wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
    1971 .wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
    1972 .wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
    1973 .wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
     2700.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
     2701    padding-left: 20px;
     2702    padding-right: 20px;
     2703}
     2704
     2705.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
     2706    padding-left: 20px;
     2707    padding-right: 20px;
     2708}
     2709
     2710.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
     2711    padding-left: 20px;
     2712    padding-right: 20px;
     2713}
     2714
     2715.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
     2716    padding-left: 20px;
     2717    padding-right: 20px;
     2718}
     2719
     2720.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
     2721    padding-left: 20px;
     2722    padding-right: 20px;
     2723}
     2724
     2725.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
     2726    padding-left: 20px;
     2727    padding-right: 20px;
     2728}
     2729
    19742730.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
    1975     padding-left: var(--global--spacing-unit);
    1976     padding-right: var(--global--spacing-unit);
    1977 }
    1978 
    1979 .wp-block-cover,
     2731    padding-left: 20px;
     2732    padding-right: 20px;
     2733}
     2734
     2735.wp-block-cover {
     2736    background-color: #000;
     2737    min-height: 450px;
     2738    margin-top: inherit;
     2739    margin-bottom: inherit;
     2740
     2741    /* default & custom background-color */
     2742
     2743    /* Treating H2 separately to account for legacy /core styles */
     2744
     2745    /* Block Styles */
     2746}
     2747
    19802748.wp-block-cover-image {
    1981     background-color: var(--cover--color-background);
    1982     min-height: var(--cover--height);
     2749    background-color: #000;
     2750    min-height: 450px;
    19832751    margin-top: inherit;
    19842752    margin-bottom: inherit;
    … …  
    20022770}
    20032771
    2004 .wp-block-cover .wp-block-cover__inner-container,
    2005 .wp-block-cover .wp-block-cover-image-text,
    2006 .wp-block-cover .wp-block-cover-text,
    2007 .wp-block-cover-image .wp-block-cover__inner-container,
    2008 .wp-block-cover-image .wp-block-cover-image-text,
     2772.wp-block-cover .wp-block-cover__inner-container {
     2773    color: currentColor;
     2774    margin-top: 30px;
     2775    margin-bottom: 30px;
     2776}
     2777
     2778.wp-block-cover .wp-block-cover-image-text {
     2779    color: currentColor;
     2780    margin-top: 30px;
     2781    margin-bottom: 30px;
     2782}
     2783
     2784.wp-block-cover .wp-block-cover-text {
     2785    color: currentColor;
     2786    margin-top: 30px;
     2787    margin-bottom: 30px;
     2788}
     2789
     2790.wp-block-cover-image .wp-block-cover__inner-container {
     2791    color: currentColor;
     2792    margin-top: 30px;
     2793    margin-bottom: 30px;
     2794}
     2795
     2796.wp-block-cover-image .wp-block-cover-image-text {
     2797    color: currentColor;
     2798    margin-top: 30px;
     2799    margin-bottom: 30px;
     2800}
     2801
    20092802.wp-block-cover-image .wp-block-cover-text {
    20102803    color: currentColor;
    2011     margin-top: var(--global--spacing-vertical);
    2012     margin-bottom: var(--global--spacing-vertical);
     2804    margin-top: 30px;
     2805    margin-bottom: 30px;
    20132806}
    20142807
    … …  
    20222815}
    20232816
    2024 .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
    2025 .wp-block-cover .wp-block-cover-image-text .has-link-color a,
    2026 .wp-block-cover .wp-block-cover-text .has-link-color a,
    2027 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
    2028 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
     2817.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
     2818    color: #28303d;
     2819}
     2820
     2821.wp-block-cover .wp-block-cover-image-text .has-link-color a {
     2822    color: #28303d;
     2823}
     2824
     2825.wp-block-cover .wp-block-cover-text .has-link-color a {
     2826    color: #28303d;
     2827}
     2828
     2829.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
     2830    color: #28303d;
     2831}
     2832
     2833.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
     2834    color: #28303d;
     2835}
     2836
    20292837.wp-block-cover-image .wp-block-cover-text .has-link-color a {
    2030     color: var(--wp--style--color--link, var(--global--color-primary));
    2031 }
    2032 
    2033 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
    2034 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
    2035 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
    2036 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
    2037 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
     2838    color: #28303d;
     2839}
     2840
     2841.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
     2842    color: #fff;
     2843}
     2844
     2845.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
     2846    color: #fff;
     2847}
     2848
     2849.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
     2850    color: #fff;
     2851}
     2852
     2853.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
     2854    color: #fff;
     2855}
     2856
     2857.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
     2858    color: #fff;
     2859}
     2860
    20382861.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
    2039     color: var(--cover--color-foreground);
    2040 }
    2041 
    2042 .wp-block-cover h2,
    2043 .wp-block-cover-image h2 {
    2044     font-size: var(--heading--font-size-h2);
    2045     letter-spacing: var(--heading--letter-spacing-h2);
    2046     line-height: var(--heading--line-height-h2);
     2862    color: #fff;
     2863}
     2864
     2865.wp-block-cover h2 {
     2866    font-size: 2.25rem;
     2867    letter-spacing: normal;
     2868    line-height: 1.3;
    20472869    max-width: inherit;
    20482870    text-align: inherit;
    20492871    padding: 0;
    20502872}
     2873@media only screen and (min-width: 652px) {
     2874
     2875    .wp-block-cover h2 {
     2876        font-size: 3rem;
     2877    }
     2878}
     2879@media only screen and (min-width: 652px) {
     2880
     2881    .wp-block-cover h2 {
     2882        font-size: 3rem;
     2883    }
     2884}
     2885
     2886.wp-block-cover-image h2 {
     2887    font-size: 2.25rem;
     2888    letter-spacing: normal;
     2889    line-height: 1.3;
     2890    max-width: inherit;
     2891    text-align: inherit;
     2892    padding: 0;
     2893}
     2894@media only screen and (min-width: 652px) {
     2895
     2896    .wp-block-cover-image h2 {
     2897        font-size: 3rem;
     2898    }
     2899}
     2900@media only screen and (min-width: 652px) {
     2901
     2902    .wp-block-cover-image h2 {
     2903        font-size: 3rem;
     2904    }
     2905}
    20512906
    20522907.wp-block-cover h2.has-text-align-left,
    … …  
    20652920}
    20662921
    2067 .wp-block-cover .wp-block-cover__inner-container,
     2922.wp-block-cover .wp-block-cover__inner-container {
     2923    width: calc(100% - 60px);
     2924}
     2925
    20682926.wp-block-cover-image .wp-block-cover__inner-container {
    2069     width: calc(100% - calc(2 * var(--global--spacing-vertical)));
    2070 }
    2071 
    2072 .wp-block-cover .wp-block-cover__inner-container > *,
     2927    width: calc(100% - 60px);
     2928}
     2929
     2930.wp-block-cover .wp-block-cover__inner-container > * {
     2931    margin-top: 20px;
     2932    margin-bottom: 20px;
     2933}
     2934
    20732935.wp-block-cover-image .wp-block-cover__inner-container > * {
    2074     margin-top: calc(0.666 * var(--global--spacing-vertical));
    2075     margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     2936    margin-top: 20px;
     2937    margin-bottom: 20px;
    20762938}
    20772939@media only screen and (min-width: 482px) {
    20782940
    2079     .wp-block-cover .wp-block-cover__inner-container > *,
     2941    .wp-block-cover .wp-block-cover__inner-container > * {
     2942        margin-top: 30px;
     2943        margin-bottom: 30px;
     2944    }
     2945
    20802946    .wp-block-cover-image .wp-block-cover__inner-container > * {
    2081         margin-top: var(--global--spacing-vertical);
    2082         margin-bottom: var(--global--spacing-vertical);
     2947        margin-top: 30px;
     2948        margin-bottom: 30px;
    20832949    }
    20842950}
    … …  
    21012967}
    21022968
    2103 .wp-block-cover.alignleft > *,
    2104 .wp-block-cover.alignright > *,
    2105 .wp-block-cover-image.alignleft > *,
     2969.wp-block-cover.alignleft > * {
     2970    margin-top: 60px;
     2971    margin-bottom: 60px;
     2972    padding-left: 25px;
     2973    padding-right: 25px;
     2974    width: 100%;
     2975}
     2976
     2977.wp-block-cover.alignright > * {
     2978    margin-top: 60px;
     2979    margin-bottom: 60px;
     2980    padding-left: 25px;
     2981    padding-right: 25px;
     2982    width: 100%;
     2983}
     2984
     2985.wp-block-cover-image.alignleft > * {
     2986    margin-top: 60px;
     2987    margin-bottom: 60px;
     2988    padding-left: 25px;
     2989    padding-right: 25px;
     2990    width: 100%;
     2991}
     2992
    21062993.wp-block-cover-image.alignright > * {
    2107     margin-top: calc(2 * var(--global--spacing-vertical));
    2108     margin-bottom: calc(2 * var(--global--spacing-vertical));
    2109     padding-left: var(--global--spacing-horizontal);
    2110     padding-right: var(--global--spacing-horizontal);
     2994    margin-top: 60px;
     2995    margin-bottom: 60px;
     2996    padding-left: 25px;
     2997    padding-right: 25px;
    21112998    width: 100%;
    21122999}
    … …  
    21193006}
    21203007
    2121 .wp-block-cover.is-style-twentytwentyone-border,
     3008.wp-block-cover.is-style-twentytwentyone-border {
     3009    border: 3px solid #28303d;
     3010}
     3011
    21223012.wp-block-cover-image.is-style-twentytwentyone-border {
    2123     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
    2124 }
    2125 
    2126 .wp-block-file a.wp-block-file__button:active,
    2127 .wp-block-file a.wp-block-file__button:focus,
     3013    border: 3px solid #28303d;
     3014}
     3015
     3016.wp-block-file a.wp-block-file__button:active {
     3017    color: #39414d;
     3018    opacity: inherit;
     3019}
     3020
     3021.wp-block-file a.wp-block-file__button:focus {
     3022    color: #39414d;
     3023    opacity: inherit;
     3024}
     3025
    21283026.wp-block-file a.wp-block-file__button:hover {
    2129     color: var(--button--color-text-hover);
     3027    color: #39414d;
    21303028    opacity: inherit;
    21313029}
    21323030
    21333031.wp-block-file a.wp-block-file__button:visited {
    2134     color: var(--button--color-text);
     3032    color: #d1e4dd;
    21353033}
    21363034
    21373035.wp-block-file a.wp-block-file__button:visited:hover {
    2138     color: var(--button--color-text-hover);
     3036    color: #39414d;
    21393037}
    21403038
    21413039.wp-block-file .wp-block-file__button {
    2142     line-height: var(--button--line-height);
    2143     color: var(--button--color-text);
     3040    line-height: 1.5;
     3041    color: #d1e4dd;
    21443042    cursor: pointer;
    2145     font-weight: var(--button--font-weight);
    2146     font-family: var(--button--font-family);
    2147     font-size: var(--button--font-size);
    2148     background-color: var(--button--color-background);
    2149     border-radius: var(--button--border-radius);
    2150     border: var(--button--border-width) solid var(--button--color-background);
     3043    font-weight: 500;
     3044    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3045    font-size: 1.25rem;
     3046    background-color: #39414d;
     3047    border-radius: 0;
     3048    border: 3px solid #39414d;
    21513049    text-decoration: none;
    2152     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     3050    padding: 15px 30px;
    21533051    display: inline-block;
    21543052}
    … …  
    21613059
    21623060.is-dark-theme .wp-block-file .wp-block-file__button:focus {
    2163     color: var(--button--color-background);
     3061    color: #39414d;
    21643062}
    21653063
    21663064.wp-block-file .wp-block-file__button:focus:not(.has-background) {
    2167     color: var(--button--color-text-hover);
     3065    color: #39414d;
    21683066}
    21693067
    21703068.wp-block-file .wp-block-file__button:disabled {
    2171     background-color: var(--global--color-white-50);
    2172     border-color: var(--global--color-white-50);
    2173     color: var(--button--color-text-active);
     3069    background-color: rgba(255, 255, 255, 0.5);
     3070    border-color: rgba(255, 255, 255, 0.5);
     3071    color: #39414d;
    21743072}
    21753073
    … …  
    21783076}
    21793077
    2180 .wp-block-gallery .blocks-gallery-image,
     3078.wp-block-gallery .blocks-gallery-image {
     3079    width: calc(50% - 10px);
     3080}
     3081
    21813082.wp-block-gallery .blocks-gallery-item {
    2182     width: calc((100% - var(--global--spacing-unit)) / 2);
    2183 }
    2184 
    2185 .wp-block-gallery .blocks-gallery-image figcaption,
     3083    width: calc(50% - 10px);
     3084}
     3085
     3086.wp-block-gallery .blocks-gallery-image figcaption {
     3087    margin: 0;
     3088    color: #fff;
     3089    font-size: 1rem;
     3090}
     3091
    21863092.wp-block-gallery .blocks-gallery-item figcaption {
    21873093    margin: 0;
    2188     color: var(--global--color-white);
    2189     font-size: var(--global--font-size-xs);
    2190 }
    2191 
    2192 .wp-block-gallery .blocks-gallery-image figcaption a,
     3094    color: #fff;
     3095    font-size: 1rem;
     3096}
     3097
     3098.wp-block-gallery .blocks-gallery-image figcaption a {
     3099    color: #fff;
     3100}
     3101
    21933102.wp-block-gallery .blocks-gallery-item figcaption a {
    2194     color: var(--global--color-white);
    2195 }
    2196 
    2197 .wp-block-gallery .blocks-gallery-image figcaption a:focus,
     3103    color: #fff;
     3104}
     3105
     3106.wp-block-gallery .blocks-gallery-image figcaption a:focus {
     3107    background-color: transparent;
     3108    outline: 2px solid #28303d;
     3109    text-decoration: none;
     3110}
     3111
    21983112.wp-block-gallery .blocks-gallery-item figcaption a:focus {
    21993113    background-color: transparent;
    2200     outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     3114    outline: 2px solid #28303d;
    22013115    text-decoration: none;
    22023116}
    … …  
    22263140
    22273141.wp-block-group .wp-block-group__inner-container > * {
    2228     margin-top: calc(0.666 * var(--global--spacing-vertical));
    2229     margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     3142    margin-top: 20px;
     3143    margin-bottom: 20px;
    22303144}
    22313145@media only screen and (min-width: 482px) {
    22323146
    22333147    .wp-block-group .wp-block-group__inner-container > * {
    2234         margin-top: var(--global--spacing-vertical);
    2235         margin-bottom: var(--global--spacing-vertical);
     3148        margin-top: 30px;
     3149        margin-bottom: 30px;
    22363150    }
    22373151}
    … …  
    22463160
    22473161.wp-block-group.has-background {
    2248     padding: calc(0.666 * var(--global--spacing-vertical));
     3162    padding: 20px;
    22493163}
    22503164@media only screen and (min-width: 482px) {
    22513165
    22523166    .wp-block-group.has-background {
    2253         padding: var(--global--spacing-vertical);
     3167        padding: 30px;
    22543168    }
    22553169}
    22563170
    22573171.wp-block-group.is-style-twentytwentyone-border {
    2258     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
    2259     padding: var(--global--spacing-vertical);
    2260 }
    2261 
    2262 .wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
    2263 .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
    2264 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
     3172    border: 3px solid #28303d;
     3173    padding: 30px;
     3174}
     3175
     3176.wp-block-group.has-background .wp-block-group__inner-container > .alignfull {
     3177    max-width: calc(100% + 60px);
     3178    width: calc(100% + 60px);
     3179    margin-left: -30px;
     3180}
     3181
     3182.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
     3183    max-width: calc(100% + 60px);
     3184    width: calc(100% + 60px);
     3185    margin-left: -30px;
     3186}
     3187
     3188.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull {
     3189    max-width: calc(100% + 60px);
     3190    width: calc(100% + 60px);
     3191    margin-left: -30px;
     3192}
     3193
    22653194.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
    2266     max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
    2267     width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
    2268     margin-left: calc(-1 * var(--global--spacing-vertical));
    2269 }
    2270 
    2271 h1,
    2272 .h1,
    2273 h2,
    2274 .h2,
    2275 h3,
    2276 .h3,
    2277 h4,
    2278 .h4,
    2279 h5,
    2280 .h5,
    2281 h6,
     3195    max-width: calc(100% + 60px);
     3196    width: calc(100% + 60px);
     3197    margin-left: -30px;
     3198}
     3199
     3200h1 {
     3201    clear: both;
     3202    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3203    font-weight: normal;
     3204}
     3205
     3206.h1 {
     3207    clear: both;
     3208    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3209    font-weight: normal;
     3210}
     3211
     3212h2 {
     3213    clear: both;
     3214    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3215    font-weight: normal;
     3216}
     3217
     3218.h2 {
     3219    clear: both;
     3220    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3221    font-weight: normal;
     3222}
     3223
     3224h3 {
     3225    clear: both;
     3226    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3227    font-weight: normal;
     3228}
     3229
     3230.h3 {
     3231    clear: both;
     3232    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3233    font-weight: normal;
     3234}
     3235
     3236h4 {
     3237    clear: both;
     3238    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3239    font-weight: normal;
     3240}
     3241
     3242.h4 {
     3243    clear: both;
     3244    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3245    font-weight: normal;
     3246}
     3247
     3248h5 {
     3249    clear: both;
     3250    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3251    font-weight: normal;
     3252}
     3253
     3254.h5 {
     3255    clear: both;
     3256    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3257    font-weight: normal;
     3258}
     3259
     3260h6 {
     3261    clear: both;
     3262    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3263    font-weight: normal;
     3264}
     3265
    22823266.h6 {
    22833267    clear: both;
    2284     font-family: var(--heading--font-family);
    2285     font-weight: var(--heading--font-weight);
    2286 }
    2287 
    2288 h1 strong,
    2289 .h1 strong,
    2290 h2 strong,
    2291 .h2 strong,
    2292 h3 strong,
    2293 .h3 strong,
    2294 h4 strong,
    2295 .h4 strong,
    2296 h5 strong,
    2297 .h5 strong,
    2298 h6 strong,
     3268    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3269    font-weight: normal;
     3270}
     3271
     3272h1 strong {
     3273    font-weight: 600;
     3274}
     3275
     3276.h1 strong {
     3277    font-weight: 600;
     3278}
     3279
     3280h2 strong {
     3281    font-weight: 600;
     3282}
     3283
     3284.h2 strong {
     3285    font-weight: 600;
     3286}
     3287
     3288h3 strong {
     3289    font-weight: 600;
     3290}
     3291
     3292.h3 strong {
     3293    font-weight: 600;
     3294}
     3295
     3296h4 strong {
     3297    font-weight: 600;
     3298}
     3299
     3300.h4 strong {
     3301    font-weight: 600;
     3302}
     3303
     3304h5 strong {
     3305    font-weight: 600;
     3306}
     3307
     3308.h5 strong {
     3309    font-weight: 600;
     3310}
     3311
     3312h6 strong {
     3313    font-weight: 600;
     3314}
     3315
    22993316.h6 strong {
    2300     font-weight: var(--heading--font-weight-strong);
    2301 }
    2302 
    2303 h1,
     3317    font-weight: 600;
     3318}
     3319
     3320h1 {
     3321    font-size: 4rem;
     3322    letter-spacing: normal;
     3323    line-height: 1.1;
     3324}
     3325
     3326@media only screen and (min-width: 652px) {
     3327
     3328    h1 {
     3329        font-size: 6rem;
     3330    }
     3331}
     3332
    23043333.h1 {
    2305     font-size: var(--heading--font-size-h1);
    2306     letter-spacing: var(--heading--letter-spacing-h1);
    2307     line-height: var(--heading--line-height-h1);
    2308 }
    2309 
    2310 h2,
     3334    font-size: 4rem;
     3335    letter-spacing: normal;
     3336    line-height: 1.1;
     3337}
     3338
     3339@media only screen and (min-width: 652px) {
     3340
     3341    .h1 {
     3342        font-size: 6rem;
     3343    }
     3344}
     3345
     3346h2 {
     3347    font-size: 2.25rem;
     3348    letter-spacing: normal;
     3349    line-height: 1.3;
     3350}
     3351
     3352@media only screen and (min-width: 652px) {
     3353
     3354    h2 {
     3355        font-size: 3rem;
     3356    }
     3357}
     3358
     3359@media only screen and (min-width: 652px) {
     3360
     3361    h2 {
     3362        font-size: 3rem;
     3363    }
     3364}
     3365
    23113366.h2 {
    2312     font-size: var(--heading--font-size-h2);
    2313     letter-spacing: var(--heading--letter-spacing-h2);
    2314     line-height: var(--heading--line-height-h2);
    2315 }
    2316 
    2317 h3,
     3367    font-size: 2.25rem;
     3368    letter-spacing: normal;
     3369    line-height: 1.3;
     3370}
     3371
     3372@media only screen and (min-width: 652px) {
     3373
     3374    .h2 {
     3375        font-size: 3rem;
     3376    }
     3377}
     3378
     3379@media only screen and (min-width: 652px) {
     3380
     3381    .h2 {
     3382        font-size: 3rem;
     3383    }
     3384}
     3385
     3386h3 {
     3387    font-size: 2rem;
     3388    letter-spacing: normal;
     3389    line-height: 1.3;
     3390}
     3391
     3392@media only screen and (min-width: 652px) {
     3393
     3394    h3 {
     3395        font-size: 2rem;
     3396    }
     3397}
     3398
    23183399.h3 {
    2319     font-size: var(--heading--font-size-h3);
    2320     letter-spacing: var(--heading--letter-spacing-h3);
    2321     line-height: var(--heading--line-height-h3);
    2322 }
    2323 
    2324 h4,
     3400    font-size: 2rem;
     3401    letter-spacing: normal;
     3402    line-height: 1.3;
     3403}
     3404
     3405@media only screen and (min-width: 652px) {
     3406
     3407    .h3 {
     3408        font-size: 2rem;
     3409    }
     3410}
     3411
     3412h4 {
     3413    font-size: 1.5rem;
     3414    font-weight: 600;
     3415    letter-spacing: normal;
     3416    line-height: 1.3;
     3417}
     3418
    23253419.h4 {
    2326     font-size: var(--heading--font-size-h4);
    2327     font-weight: var(--heading--font-weight-strong);
    2328     letter-spacing: var(--heading--letter-spacing-h4);
    2329     line-height: var(--heading--line-height-h4);
    2330 }
    2331 
    2332 h5,
     3420    font-size: 1.5rem;
     3421    font-weight: 600;
     3422    letter-spacing: normal;
     3423    line-height: 1.3;
     3424}
     3425
     3426h5 {
     3427    font-size: 1.125rem;
     3428    font-weight: 600;
     3429    letter-spacing: 0.05em;
     3430    line-height: 1.3;
     3431}
     3432
    23333433.h5 {
    2334     font-size: var(--heading--font-size-h5);
    2335     font-weight: var(--heading--font-weight-strong);
    2336     letter-spacing: var(--heading--letter-spacing-h5);
    2337     line-height: var(--heading--line-height-h5);
    2338 }
    2339 
    2340 h6,
     3434    font-size: 1.125rem;
     3435    font-weight: 600;
     3436    letter-spacing: 0.05em;
     3437    line-height: 1.3;
     3438}
     3439
     3440h6 {
     3441    font-size: 1rem;
     3442    font-weight: 600;
     3443    letter-spacing: 0.05em;
     3444    line-height: 1.3;
     3445}
     3446
    23413447.h6 {
    2342     font-size: var(--heading--font-size-h6);
    2343     font-weight: var(--heading--font-weight-strong);
    2344     letter-spacing: var(--heading--letter-spacing-h6);
    2345     line-height: var(--heading--line-height-h6);
     3448    font-size: 1rem;
     3449    font-weight: 600;
     3450    letter-spacing: 0.05em;
     3451    line-height: 1.3;
    23463452}
    23473453
    … …  
    23513457
    23523458.wp-block-image figcaption {
    2353     color: var(--global--color-primary);
    2354     font-size: var(--global--font-size-xs);
    2355     line-height: var(--global--line-height-body);
    2356     margin-top: calc(0.5 * var(--global--spacing-unit));
    2357     margin-bottom: var(--global--spacing-unit);
     3459    color: #28303d;
     3460    font-size: 1rem;
     3461    line-height: 1.7;
     3462    margin-top: 10px;
     3463    margin-bottom: 20px;
    23583464    text-align: center;
    23593465}
    23603466
    23613467.wp-block-image .alignright {
    2362     margin-left: var(--global--spacing-horizontal);
     3468    margin-left: 25px;
    23633469}
    23643470
    23653471.wp-block-image .alignleft {
    2366     margin-right: var(--global--spacing-horizontal);
     3472    margin-right: 25px;
    23673473}
    23683474
    … …  
    23883494}
    23893495
    2390 .wp-block-image.is-style-twentytwentyone-border img,
     3496.wp-block-image.is-style-twentytwentyone-border img {
     3497    border: 3px solid #28303d;
     3498}
     3499
    23913500.wp-block-image.is-style-twentytwentyone-image-frame img {
    2392     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     3501    border: 3px solid #28303d;
    23933502}
    23943503
    23953504.wp-block-image.is-style-twentytwentyone-image-frame img {
    2396     padding: var(--global--spacing-unit);
     3505    padding: 20px;
    23973506}
    23983507
    … …  
    24183527
    24193528.wp-block-latest-comments .wp-block-latest-comments__comment {
    2420     font-size: var(--global--font-size-sm);
    2421     line-height: var(--global--line-height-body);
     3529    font-size: 1.125rem;
     3530    line-height: 1.7;
    24223531
    24233532    /* Vertical margins logic */
    2424     margin-top: var(--global--spacing-vertical);
    2425     margin-bottom: var(--global--spacing-vertical);
     3533    margin-top: 30px;
     3534    margin-bottom: 30px;
    24263535}
    24273536
    … …  
    24353544
    24363545.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    2437     font-family: var(--heading--font-family);
     3546    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    24383547}
    24393548
    24403549.wp-block-latest-comments .wp-block-latest-comments__comment-date {
    2441     color: var(--global--color-primary);
    2442     font-size: var(--global--font-size-sm);
     3550    color: #28303d;
     3551    font-size: 1.125rem;
    24433552}
    24443553
    24453554.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    2446     font-size: var(--global--font-size-sm);
    2447     line-height: var(--global--line-height-body);
     3555    font-size: 1.125rem;
     3556    line-height: 1.7;
    24483557    margin: 0;
    24493558}
    … …  
    24543563
    24553564.wp-block-latest-posts:not(.is-grid) > li {
    2456     margin-top: calc(1.666 * var(--global--spacing-vertical));
    2457     margin-bottom: calc(1.666 * var(--global--spacing-vertical));
     3565    margin-top: 50px;
     3566    margin-bottom: 50px;
    24583567}
    24593568
    … …  
    24723581
    24733582.wp-block-latest-posts.is-grid > li {
    2474     margin-bottom: var(--global--spacing-vertical);
     3583    margin-bottom: 30px;
    24753584}
    24763585
    … …  
    24933602
    24943603.wp-block-latest-posts > li > * {
    2495     margin-top: calc(0.333 * var(--global--spacing-vertical));
    2496     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     3604    margin-top: 10px;
     3605    margin-bottom: 10px;
    24973606}
    24983607
    … …  
    25073616.wp-block-latest-posts > li > a {
    25083617    display: inline-block;
    2509     font-family: var(--latest-posts--title-font-family);
    2510     font-size: var(--latest-posts--title-font-size);
    2511     font-weight: var(--heading--font-weight);
    2512     line-height: var(--global--line-height-heading);
    2513     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     3618    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3619    font-size: 2rem;
     3620    font-weight: normal;
     3621    line-height: 1.3;
     3622    margin-bottom: 10px;
     3623}
     3624@media only screen and (min-width: 652px) {
     3625
     3626    .wp-block-latest-posts > li > a {
     3627        font-size: 2rem;
     3628    }
    25143629}
    25153630
    25163631.wp-block-latest-posts .wp-block-latest-posts__post-author {
    2517     color: var(--global--color-primary);
    2518     font-size: var(--global--font-size-md);
    2519     line-height: var(--global--line-height-body);
     3632    color: #28303d;
     3633    font-size: 1.25rem;
     3634    line-height: 1.7;
    25203635}
    25213636
    25223637.wp-block-latest-posts .wp-block-latest-posts__post-date {
    2523     color: var(--global--color-primary);
    2524     font-size: var(--global--font-size-xs);
    2525     line-height: var(--global--line-height-body);
     3638    color: #28303d;
     3639    font-size: 1rem;
     3640    line-height: 1.7;
    25263641}
    25273642
    … …  
    25313646}
    25323647
    2533 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
     3648.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
     3649    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3650    font-size: 1.125rem;
     3651    line-height: 1.7;
     3652    margin-top: 20px;
     3653}
     3654
    25343655.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
    2535     font-family: var(--latest-posts--description-font-family);
    2536     font-size: var(--latest-posts--description-font-size);
    2537     line-height: var(--global--line-height-body);
    2538     margin-top: calc(0.666 * var(--global--spacing-vertical));
     3656    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3657    font-size: 1.125rem;
     3658    line-height: 1.7;
     3659    margin-top: 20px;
    25393660}
    25403661
    25413662.wp-block-latest-posts.alignfull {
    2542     padding-left: var(--global--spacing-unit);
    2543     padding-right: var(--global--spacing-unit);
     3663    padding-left: 20px;
     3664    padding-right: 20px;
    25443665}
    25453666
    … …  
    25513672
    25523673.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
    2553     border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
    2554     border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
    2555 }
    2556 
    2557 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
     3674    border-top: 3px solid #28303d;
     3675    border-bottom: 3px solid #28303d;
     3676}
     3677
     3678.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
     3679    padding-bottom: 30px;
     3680    border-bottom: 1px solid #28303d;
     3681    margin-top: 30px;
     3682    margin-bottom: 30px;
     3683}
     3684
    25583685.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
    2559     padding-bottom: var(--global--spacing-vertical);
    2560     border-bottom: var(--separator--height) solid var(--global--color-border);
    2561     margin-top: var(--global--spacing-vertical);
    2562     margin-bottom: var(--global--spacing-vertical);
     3686    padding-bottom: 30px;
     3687    border-bottom: 1px solid #28303d;
     3688    margin-top: 30px;
     3689    margin-bottom: 30px;
    25633690}
    25643691
    … …  
    25703697
    25713698.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
    2572     box-shadow: inset 0 -1px 0 0 var(--global--color-border);
    2573     border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
     3699    box-shadow: inset 0 -1px 0 0 #28303d;
     3700    border-bottom: 2px solid #28303d;
    25743701}
    25753702
    25763703.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
    25773704    margin: 0;
    2578     padding-top: var(--global--spacing-vertical);
    2579     padding-right: var(--global--spacing-horizontal);
     3705    padding-top: 30px;
     3706    padding-right: 25px;
    25803707}
    25813708
    25823709.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
    2583     padding-bottom: var(--global--spacing-vertical);
     3710    padding-bottom: 30px;
    25843711}
    25853712@media screen and (min-width: 600px) {
    25863713
    25873714    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
    2588         width: calc((100% / 2));
     3715        width: 50%;
    25893716    }
    25903717
    25913718    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
    2592         width: calc((100% / 3));
     3719        width: 33%;
    25933720    }
    25943721
    25953722    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
    2596         width: calc((100% / 4));
     3723        width: 25%;
    25973724    }
    25983725
    25993726    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
    2600         width: calc((100% / 5));
     3727        width: 20%;
    26013728    }
    26023729
    26033730    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
    2604         width: calc((100% / 6));
     3731        width: 17%;
    26053732    }
    26063733}
    26073734
    26083735.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
    2609     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
    2610     padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
     3736    border: 3px solid #28303d;
     3737    padding: 30px 25px;
    26113738}
    26123739
    26133740.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
    2614     padding-bottom: var(--global--spacing-vertical);
     3741    padding-bottom: 30px;
    26153742}
    26163743
    26173744.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
    2618     margin-top: var(--global--spacing-horizontal);
    2619     margin-bottom: var(--global--spacing-horizontal);
     3745    margin-top: 25px;
     3746    margin-bottom: 25px;
    26203747}
    26213748
    … …  
    26753802}
    26763803
    2677 ul,
     3804ul {
     3805    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3806    margin: 0;
     3807    padding-left: 50px;
     3808}
     3809
    26783810ol {
    2679     font-family: var(--list--font-family);
     3811    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    26803812    margin: 0;
    2681     padding-left: calc(2 * var(--global--spacing-horizontal));
     3813    padding-left: 50px;
    26823814}
    26833815
    … …  
    27043836
    27053837dt {
    2706     font-family: var(--definition-term--font-family);
     3838    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    27073839    font-weight: bold;
    27083840}
    … …  
    27103842dd {
    27113843    margin: 0;
    2712     padding-left: calc(2 * var(--global--spacing-horizontal));
     3844    padding-left: 50px;
    27133845}
    27143846
    … …  
    27303862
    27313863.wp-block-media-text .wp-block-media-text__content {
    2732     padding: var(--global--spacing-horizontal);
     3864    padding: 25px;
    27333865}
    27343866@media only screen and (min-width: 592px) {
    27353867
    27363868    .wp-block-media-text .wp-block-media-text__content {
    2737         padding: var(--global--spacing-vertical);
     3869        padding: 30px;
    27383870    }
    27393871}
    27403872
    27413873.wp-block-media-text .wp-block-media-text__content > * {
    2742     margin-top: calc(0.666 * var(--global--spacing-vertical));
    2743     margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     3874    margin-top: 20px;
     3875    margin-bottom: 20px;
    27443876}
    27453877@media only screen and (min-width: 482px) {
    27463878
    27473879    .wp-block-media-text .wp-block-media-text__content > * {
    2748         margin-top: var(--global--spacing-vertical);
    2749         margin-bottom: var(--global--spacing-vertical);
     3880        margin-top: 30px;
     3881        margin-bottom: 30px;
    27503882    }
    27513883}
    … …  
    27613893
    27623894    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    2763         padding-top: var(--global--spacing-vertical);
    2764         padding-bottom: var(--global--spacing-vertical);
     3895        padding-top: 30px;
     3896        padding-bottom: 30px;
    27653897    }
    27663898}
    27673899
    27683900.wp-block-media-text.is-style-twentytwentyone-border {
    2769     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     3901    border: 3px solid #28303d;
    27703902}
    27713903
    … …  
    27753907
    27763908.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
    2777     padding: var(--primary-nav--padding);
     3909    padding: 13px;
    27783910}
    27793911
    27803912.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
    2781     font-family: var(--primary-nav--font-family);
    2782     font-size: var(--primary-nav--font-size);
    2783     font-weight: var(--primary-nav--font-weight);
     3913    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3914    font-size: 1.25rem;
     3915    font-weight: normal;
    27843916}
    27853917
    … …  
    27953927    border: none;
    27963928    left: 0;
    2797     margin-left: var(--primary-nav--padding);
     3929    margin-left: 13px;
    27983930    min-width: max-content;
    27993931    opacity: 0;
    … …  
    28053937.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
    28063938    display: inline-block;
    2807     padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
     3939    padding: 7px 13px;
    28083940}
    28093941
    … …  
    28203952
    28213953.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
    2822     background: var(--global--color-background);
     3954    background: #d1e4dd;
    28233955    margin: 0;
    28243956    padding: 0;
    28253957    position: absolute;
    28263958    top: 100%;
    2827     border: 1px solid var(--primary-nav--border-color);
    2828 }
    2829 
    2830 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
     3959    border: 1px solid #28303d;
     3960}
     3961
     3962.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before {
     3963    content: "";
     3964    display: block;
     3965    position: absolute;
     3966    width: 0;
     3967    top: -10px;
     3968    left: 25px;
     3969    border-style: solid;
     3970    border-color: #28303d transparent;
     3971    border-width: 0 7px 10px 7px;
     3972}
     3973
    28313974.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
    28323975    content: "";
    … …  
    28353978    width: 0;
    28363979    top: -10px;
    2837     left: var(--global--spacing-horizontal);
     3980    left: 25px;
    28383981    border-style: solid;
    2839     border-color: var(--primary-nav--border-color) transparent;
     3982    border-color: #28303d transparent;
    28403983    border-width: 0 7px 10px 7px;
    28413984}
    … …  
    28433986.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
    28443987    top: -9px;
    2845     border-color: var(--global--color-background) transparent;
     3988    border-color: #d1e4dd transparent;
    28463989}
    28473990
    28483991.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
    2849     background: var(--global--color-background);
     3992    background: #d1e4dd;
    28503993}
    28513994
    28523995.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
    2853     background: var(--global--color-background);
    2854 }
    2855 
    2856 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
     3996    background: #d1e4dd;
     3997}
     3998
     3999.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
     4000    color: #28303d;
     4001}
     4002
    28574003.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
    2858     color: var(--primary-nav--color-link-hover);
     4004    color: #28303d;
    28594005}
    28604006
    … …  
    28694015
    28704016p {
    2871     line-height: var(--wp--typography--line-height, --global--line-height-body);
     4017    line-height: --global--line-height-body;
    28724018}
    28734019
    28744020p.has-background {
    2875     padding: var(--global--spacing-unit);
     4021    padding: 20px;
    28764022}
    28774023
    28784024p.has-text-color a {
    2879     color: var(--wp--style--color--link, var(--global--color-primary));
     4025    color: #28303d;
    28804026}
    28814027
    … …  
    28864032
    28874033.wp-block-pullquote {
    2888     padding: calc(2 * var(--global--spacing-unit)) 0;
     4034    padding: 40px 0;
    28894035    text-align: center;
    2890     border-width: var(--pullquote--border-width);
     4036    border-width: 3px;
    28914037    border-bottom-style: solid;
    28924038    border-top-style: solid;
    … …  
    29124058
    29134059.wp-block-pullquote p {
    2914     font-family: var(--pullquote--font-family);
    2915     font-size: var(--pullquote--font-size);
    2916     font-style: var(--pullquote--font-style);
     4060    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4061    font-size: 2rem;
     4062    font-style: normal;
    29174063    font-weight: 700;
    2918     letter-spacing: var(--pullquote--letter-spacing);
    2919     line-height: var(--pullquote--line-height);
     4064    letter-spacing: normal;
     4065    line-height: 1.3;
    29204066    margin: 0;
     4067}
     4068@media only screen and (min-width: 652px) {
     4069
     4070    .wp-block-pullquote p {
     4071        font-size: 2rem;
     4072    }
    29214073}
    29224074
    … …  
    29254077}
    29264078
    2927 .wp-block-pullquote .wp-block-pullquote__citation,
    2928 .wp-block-pullquote cite,
     4079.wp-block-pullquote .wp-block-pullquote__citation {
     4080    color: currentColor;
     4081    display: block;
     4082    font-size: 1rem;
     4083    font-style: normal;
     4084    text-transform: none;
     4085}
     4086
     4087.wp-block-pullquote cite {
     4088    color: currentColor;
     4089    display: block;
     4090    font-size: 1rem;
     4091    font-style: normal;
     4092    text-transform: none;
     4093}
     4094
    29294095.wp-block-pullquote footer {
    29304096    color: currentColor;
    29314097    display: block;
    2932     font-size: var(--global--font-size-xs);
    2933     font-style: var(--pullquote--font-style);
     4098    font-size: 1rem;
     4099    font-style: normal;
    29344100    text-transform: none;
    29354101}
    … …  
    29444110}
    29454111
    2946 .wp-block-pullquote.alignwide > p,
     4112.wp-block-pullquote.alignwide > p {
     4113    max-width: calc(100vw - 30px);
     4114}
     4115@media only screen and (min-width: 482px) {
     4116
     4117    .wp-block-pullquote.alignwide > p {
     4118        max-width: calc(100vw - 100px);
     4119    }
     4120}
     4121@media only screen and (min-width: 822px) {
     4122
     4123    .wp-block-pullquote.alignwide > p {
     4124        max-width: min(calc(100vw - 200px), 1240px);
     4125    }
     4126}
     4127
    29474128.wp-block-pullquote.alignwide blockquote {
    2948     max-width: var(--responsive--alignwide-width);
    2949 }
    2950 
    2951 .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
     4129    max-width: calc(100vw - 30px);
     4130}
     4131@media only screen and (min-width: 482px) {
     4132
     4133    .wp-block-pullquote.alignwide blockquote {
     4134        max-width: calc(100vw - 100px);
     4135    }
     4136}
     4137@media only screen and (min-width: 822px) {
     4138
     4139    .wp-block-pullquote.alignwide blockquote {
     4140        max-width: min(calc(100vw - 200px), 1240px);
     4141    }
     4142}
     4143
     4144.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p {
     4145    padding: 0 40px;
     4146}
     4147
    29524148.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
    2953     padding: 0 calc(2 * var(--global--spacing-unit));
     4149    padding: 0 40px;
    29544150}
    29554151
    29564152.wp-block-pullquote.is-style-solid-color {
    2957     color: var(--pullquote--color-foreground);
    2958     padding: calc(2.5 * var(--global--spacing-unit));
    2959     border-width: var(--pullquote--border-width);
     4153    color: #28303d;
     4154    padding: 50px;
     4155    border-width: 3px;
    29604156    border-style: solid;
    2961     border-color: var(--pullquote--border-color);
     4157    border-color: #28303d;
    29624158}
    29634159@media (min-width: 600px) {
    29644160
    29654161    .wp-block-pullquote.is-style-solid-color {
    2966         padding: calc(5 * var(--global--spacing-unit));
     4162        padding: 100px;
    29674163    }
    29684164}
    … …  
    29784174
    29794175.wp-block-pullquote.is-style-solid-color blockquote p {
    2980     font-size: var(--pullquote--font-size);
     4176    font-size: 2rem;
     4177}
     4178@media only screen and (min-width: 652px) {
     4179
     4180    .wp-block-pullquote.is-style-solid-color blockquote p {
     4181        font-size: 2rem;
     4182    }
    29814183}
    29824184
    … …  
    29874189}
    29884190
    2989 .wp-block-pullquote.is-style-solid-color.alignleft,
     4191.wp-block-pullquote.is-style-solid-color.alignleft {
     4192    padding: 20px;
     4193}
     4194
    29904195.wp-block-pullquote.is-style-solid-color.alignright {
    2991     padding: var(--global--spacing-unit);
     4196    padding: 20px;
    29924197}
    29934198
    … …  
    30074212.wp-block-quote:before {
    30084213    content: "“";
    3009     font-size: var(--quote--font-size);
    3010     line-height: var(--quote--line-height);
     4214    font-size: 1.25rem;
     4215    line-height: 1.7;
    30114216    left: 8px;
    30124217}
    … …  
    30284233
    30294234.wp-block-quote.has-text-align-right {
    3030     margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
     4235    margin: 30px 25px 30px auto;
    30314236    padding-right: 0;
    30324237    border-right: none;
    … …  
    30394244.wp-block-quote.has-text-align-right p:before {
    30404245    content: "”";
    3041     font-size: var(--quote--font-size);
     4246    font-size: 1.25rem;
    30424247    font-weight: normal;
    3043     line-height: var(--quote--line-height);
     4248    line-height: 1.7;
    30444249    margin-right: 5px;
    30454250}
    30464251
    30474252.wp-block-quote.has-text-align-center {
    3048     margin: var(--global--spacing-vertical) auto;
     4253    margin: 30px auto;
    30494254}
    30504255
    … …  
    30534258}
    30544259
    3055 .wp-block-quote.is-large,
     4260.wp-block-quote.is-large {
     4261    padding-left: 0;
     4262    padding-right: 0;
     4263
     4264    /* Resetting margins to match _block-container.scss */
     4265    margin-top: 30px;
     4266    margin-bottom: 30px;
     4267}
     4268
    30564269.wp-block-quote.is-style-large {
    30574270    padding-left: 0;
    … …  
    30594272
    30604273    /* Resetting margins to match _block-container.scss */
    3061     margin-top: var(--global--spacing-vertical);
    3062     margin-bottom: var(--global--spacing-vertical);
    3063 }
    3064 
    3065 .wp-block-quote.is-large p,
     4274    margin-top: 30px;
     4275    margin-bottom: 30px;
     4276}
     4277
     4278.wp-block-quote.is-large p {
     4279    font-size: 2.25rem;
     4280    font-style: normal;
     4281    line-height: 1.35;
     4282}
     4283@media only screen and (min-width: 652px) {
     4284
     4285    .wp-block-quote.is-large p {
     4286        font-size: 2.5rem;
     4287    }
     4288}
     4289
    30664290.wp-block-quote.is-style-large p {
    3067     font-size: var(--quote--font-size-large);
    3068     font-style: var(--quote--font-style-large);
    3069     line-height: var(--quote--line-height-large);
    3070 }
    3071 
    3072 .wp-block-quote.is-large:before,
     4291    font-size: 2.25rem;
     4292    font-style: normal;
     4293    line-height: 1.35;
     4294}
     4295@media only screen and (min-width: 652px) {
     4296
     4297    .wp-block-quote.is-style-large p {
     4298        font-size: 2.5rem;
     4299    }
     4300}
     4301
     4302.wp-block-quote.is-large:before {
     4303    font-size: 2.25rem;
     4304    line-height: 1.35;
     4305    left: -25px;
     4306}
     4307@media only screen and (min-width: 652px) {
     4308
     4309    .wp-block-quote.is-large:before {
     4310        font-size: 2.5rem;
     4311    }
     4312}
     4313
    30734314.wp-block-quote.is-style-large:before {
    3074     font-size: var(--quote--font-size-large);
    3075     line-height: var(--quote--line-height-large);
    3076     left: calc(-1 * var(--global--spacing-horizontal));
     4315    font-size: 2.25rem;
     4316    line-height: 1.35;
     4317    left: -25px;
     4318}
     4319@media only screen and (min-width: 652px) {
     4320
     4321    .wp-block-quote.is-style-large:before {
     4322        font-size: 2.5rem;
     4323    }
    30774324}
    30784325
    … …  
    30824329}
    30834330
    3084 .wp-block-quote.is-large.has-text-align-right p:before,
     4331.wp-block-quote.is-large.has-text-align-right p:before {
     4332    content: "”";
     4333    font-size: 2.25rem;
     4334    font-weight: normal;
     4335    line-height: 1.35;
     4336    margin-right: 10px;
     4337}
     4338@media only screen and (min-width: 652px) {
     4339
     4340    .wp-block-quote.is-large.has-text-align-right p:before {
     4341        font-size: 2.5rem;
     4342    }
     4343}
     4344
    30854345.wp-block-quote.is-style-large.has-text-align-right p:before {
    30864346    content: "”";
    3087     font-size: var(--quote--font-size-large);
     4347    font-size: 2.25rem;
    30884348    font-weight: normal;
    3089     line-height: var(--quote--line-height-large);
     4349    line-height: 1.35;
    30904350    margin-right: 10px;
    30914351}
    3092 
    3093 .wp-block-quote.is-large .wp-block-quote__citation,
    3094 .wp-block-quote.is-large cite,
    3095 .wp-block-quote.is-large footer,
    3096 .wp-block-quote.is-style-large .wp-block-quote__citation,
    3097 .wp-block-quote.is-style-large cite,
     4352@media only screen and (min-width: 652px) {
     4353
     4354    .wp-block-quote.is-style-large.has-text-align-right p:before {
     4355        font-size: 2.5rem;
     4356    }
     4357}
     4358
     4359.wp-block-quote.is-large .wp-block-quote__citation {
     4360    color: #28303d;
     4361    font-size: 1.125rem;
     4362}
     4363
     4364.wp-block-quote.is-large cite {
     4365    color: #28303d;
     4366    font-size: 1.125rem;
     4367}
     4368
     4369.wp-block-quote.is-large footer {
     4370    color: #28303d;
     4371    font-size: 1.125rem;
     4372}
     4373
     4374.wp-block-quote.is-style-large .wp-block-quote__citation {
     4375    color: #28303d;
     4376    font-size: 1.125rem;
     4377}
     4378
     4379.wp-block-quote.is-style-large cite {
     4380    color: #28303d;
     4381    font-size: 1.125rem;
     4382}
     4383
    30984384.wp-block-quote.is-style-large footer {
    3099     color: var(--global--color-primary);
    3100     font-size: var(--global--font-size-sm);
     4385    color: #28303d;
     4386    font-size: 1.125rem;
    31014387}
    31024388@media only screen and (max-width: 481px) {
    31034389
    3104     .wp-block-quote.is-large,
     4390    .wp-block-quote.is-large {
     4391        padding-left: 25px;
     4392    }
     4393
    31054394    .wp-block-quote.is-style-large {
    3106         padding-left: var(--global--spacing-horizontal);
     4395        padding-left: 25px;
    31074396    }
    31084397
    … …  
    31124401    }
    31134402
    3114     .wp-block-quote.is-large.has-text-align-right,
     4403    .wp-block-quote.is-large.has-text-align-right {
     4404        padding-left: 0;
     4405        padding-right: 25px;
     4406    }
     4407
    31154408    .wp-block-quote.is-style-large.has-text-align-right {
    31164409        padding-left: 0;
    3117         padding-right: var(--global--spacing-horizontal);
     4410        padding-right: 25px;
    31184411    }
    31194412
    … …  
    31334426    .wp-block-quote.has-text-align-right {
    31344427        padding-left: 0;
    3135         padding-right: calc(0.5 * var(--global--spacing-horizontal));
     4428        padding-right: 13px;
    31364429    }
    31374430
    … …  
    31554448
    31564449.wp-block-rss:not(.is-grid) > li {
    3157     margin-top: calc(1.666 * var(--global--spacing-vertical));
    3158     margin-bottom: calc(1.666 * var(--global--spacing-vertical));
     4450    margin-top: 50px;
     4451    margin-bottom: 50px;
    31594452}
    31604453
    … …  
    31684461
    31694462.wp-block-rss.is-grid > li {
    3170     margin-bottom: var(--global--spacing-vertical);
     4463    margin-bottom: 30px;
    31714464}
    31724465
    … …  
    31894482
    31904483.wp-block-rss > li > * {
    3191     margin-top: calc(0.333 * var(--global--spacing-vertical));
    3192     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     4484    margin-top: 10px;
     4485    margin-bottom: 10px;
    31934486}
    31944487
    … …  
    32034496.wp-block-rss .wp-block-rss__item-title > a {
    32044497    display: inline-block;
    3205     font-family: var(--latest-posts--title-font-family);
    3206     font-size: var(--latest-posts--title-font-size);
    3207     font-weight: var(--heading--font-weight);
    3208     line-height: var(--global--line-height-heading);
    3209     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     4498    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4499    font-size: 2rem;
     4500    font-weight: normal;
     4501    line-height: 1.3;
     4502    margin-bottom: 10px;
     4503}
     4504@media only screen and (min-width: 652px) {
     4505
     4506    .wp-block-rss .wp-block-rss__item-title > a {
     4507        font-size: 2rem;
     4508    }
    32104509}
    32114510
    32124511.wp-block-rss .wp-block-rss__item-author {
    3213     color: var(--global--color-primary);
    3214     font-size: var(--global--font-size-md);
    3215     line-height: var(--global--line-height-body);
     4512    color: #28303d;
     4513    font-size: 1.25rem;
     4514    line-height: 1.7;
    32164515}
    32174516
    32184517.wp-block-rss .wp-block-rss__item-publish-date {
    3219     color: var(--global--color-primary);
    3220     font-size: var(--global--font-size-xs);
    3221     line-height: var(--global--line-height-body);
     4518    color: #28303d;
     4519    font-size: 1rem;
     4520    line-height: 1.7;
    32224521}
    32234522
    … …  
    32274526}
    32284527
    3229 .wp-block-rss .wp-block-rss__item-excerpt,
     4528.wp-block-rss .wp-block-rss__item-excerpt {
     4529    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4530    font-size: 1.125rem;
     4531    line-height: 1.7;
     4532    margin-top: 20px;
     4533}
     4534
    32304535.wp-block-rss .wp-block-rss__item-full-content {
    3231     font-family: var(--latest-posts--description-font-family);
    3232     font-size: var(--latest-posts--description-font-size);
    3233     line-height: var(--global--line-height-body);
    3234     margin-top: calc(0.666 * var(--global--spacing-vertical));
     4536    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4537    font-size: 1.125rem;
     4538    line-height: 1.7;
     4539    margin-top: 20px;
    32354540}
    32364541
    32374542.wp-block-rss.alignfull {
    3238     padding-left: var(--global--spacing-unit);
    3239     padding-right: var(--global--spacing-unit);
     4543    padding-left: 20px;
     4544    padding-right: 20px;
    32404545}
    32414546
    … …  
    32474552
    32484553.wp-block-search {
    3249     max-width: var(--responsive--aligndefault-width);
     4554    max-width: calc(100vw - 30px);
     4555}
     4556
     4557@media only screen and (min-width: 482px) {
     4558
     4559    .wp-block-search {
     4560        max-width: min(calc(100vw - 100px), 610px);
     4561    }
     4562}
     4563
     4564@media only screen and (min-width: 822px) {
     4565
     4566    .wp-block-search {
     4567        max-width: min(calc(100vw - 200px), 610px);
     4568    }
    32504569}
    32514570
    … …  
    32554574
    32564575.wp-block-search .wp-block-search__label {
    3257     font-size: var(--form--font-size);
    3258     font-weight: var(--form--label-weight);
    3259     margin-bottom: calc(var(--global--spacing-vertical) / 3);
     4576    font-size: 1.125rem;
     4577    font-weight: 500;
     4578    margin-bottom: 10px;
    32604579}
    32614580
    32624581.wp-block-search .wp-block-search__input {
    3263     border: var(--form--border-width) solid var(--form--border-color);
    3264     border-radius: var(--form--border-radius);
    3265     color: var(--form--color-text);
    3266     line-height: var(--form--line-height);
     4582    border: 3px solid #39414d;
     4583    border-radius: 0;
     4584    color: #28303d;
     4585    line-height: 1.7;
    32674586    max-width: inherit;
    3268     margin-right: calc(-1 * var(--button--border-width));
    3269     padding: var(--form--spacing-unit);
     4587    margin-right: -3px;
     4588    padding: 10px;
    32704589}
    32714590
    32724591.wp-block-search .wp-block-search__input:focus {
    3273     color: var(--form--color-text);
    3274     border-color: var(--form--border-color);
     4592    color: #28303d;
     4593    border-color: #39414d;
    32754594}
    32764595
    … …  
    32824601}
    32834602
    3284 .has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
    3285 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
     4603.has-background.has-gray-background-color .wp-block-search .wp-block-search__input {
     4604    border-color: #fff;
     4605}
     4606
     4607.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input {
     4608    border-color: #fff;
     4609}
     4610
    32864611.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
    3287     border-color: var(--global--color-white);
     4612    border-color: #fff;
    32884613}
    32894614
    … …  
    32914616    margin-left: 0;
    32924617    background-color: transparent;
    3293     color: var(--button--color-text-hover);
     4618    color: #39414d;
    32944619    line-height: 1;
    32954620}
    32964621
    32974622.wp-block-search button.wp-block-search__button:hover {
    3298     background-color: var(--button--color-background);
    3299     color: var(--button--color-text);
     4623    background-color: #39414d;
     4624    color: #d1e4dd;
    33004625}
    33014626
    33024627.wp-block-search button.wp-block-search__button.has-icon {
    3303     padding: 6px calc(0.5 * var(--button--padding-horizontal));
     4628    padding: 6px 15px;
    33044629}
    33054630
    … …  
    33104635}
    33114636
    3312 .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button,
    3313 .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button,
     4637.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button {
     4638    color: #fff;
     4639    border-color: currentColor;
     4640}
     4641
     4642.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button {
     4643    color: #fff;
     4644    border-color: currentColor;
     4645}
     4646
    33144647.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
    3315     color: var(--global--color-white);
     4648    color: #fff;
    33164649    border-color: currentColor;
    33174650}
    33184651
    3319 .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
    3320 .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
     4652.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4653    background-color: #39414d;
     4654    border-color: #fff;
     4655    color: #fff;
     4656}
     4657
     4658.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4659    background-color: #39414d;
     4660    border-color: #fff;
     4661    color: #fff;
     4662}
     4663
    33214664.has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
    3322     background-color: var(--button--color-background);
    3323     border-color: var(--global--color-white);
    3324     color: var(--global--color-white);
    3325 }
    3326 
    3327 .is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover,
    3328 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover,
     4665    background-color: #39414d;
     4666    border-color: #fff;
     4667    color: #fff;
     4668}
     4669
     4670.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4671    color: #d1e4dd;
     4672}
     4673
     4674.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4675    color: #d1e4dd;
     4676}
     4677
    33294678.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
    3330     color: var(--button--color-text);
     4679    color: #d1e4dd;
    33314680}
    33324681
    … …  
    33424691}
    33434692
    3344 .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
    3345 .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
    3346 .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
    3347 .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
    3348 .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
    3349 .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
     4693.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover {
     4694    background-color: #39414d;
     4695    border-color: #39414d;
     4696    color: #fff;
     4697}
     4698
     4699.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover {
     4700    background-color: #39414d;
     4701    border-color: #39414d;
     4702    color: #fff;
     4703}
     4704
     4705.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover {
     4706    background-color: #39414d;
     4707    border-color: #39414d;
     4708    color: #fff;
     4709}
     4710
     4711.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover {
     4712    background-color: #39414d;
     4713    border-color: #39414d;
     4714    color: #fff;
     4715}
     4716
     4717.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover {
     4718    background-color: #39414d;
     4719    border-color: #39414d;
     4720    color: #fff;
     4721}
     4722
     4723.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover {
     4724    background-color: #39414d;
     4725    border-color: #39414d;
     4726    color: #fff;
     4727}
     4728
    33504729.has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
    3351     background-color: var(--form--border-color);
    3352     border-color: var(--form--border-color);
    3353     color: var(--global--color-white);
    3354 }
    3355 
    3356 .is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover,
    3357 .is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover,
    3358 .is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover,
    3359 .is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover,
    3360 .is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover,
    3361 .is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover,
     4730    background-color: #39414d;
     4731    border-color: #39414d;
     4732    color: #fff;
     4733}
     4734
     4735.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover {
     4736    border-color: #d1e4dd;
     4737    background-color: #d1e4dd;
     4738    color: #39414d;
     4739}
     4740
     4741.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover {
     4742    border-color: #d1e4dd;
     4743    background-color: #d1e4dd;
     4744    color: #39414d;
     4745}
     4746
     4747.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover {
     4748    border-color: #d1e4dd;
     4749    background-color: #d1e4dd;
     4750    color: #39414d;
     4751}
     4752
     4753.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover {
     4754    border-color: #d1e4dd;
     4755    background-color: #d1e4dd;
     4756    color: #39414d;
     4757}
     4758
     4759.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover {
     4760    border-color: #d1e4dd;
     4761    background-color: #d1e4dd;
     4762    color: #39414d;
     4763}
     4764
     4765.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover {
     4766    border-color: #d1e4dd;
     4767    background-color: #d1e4dd;
     4768    color: #39414d;
     4769}
     4770
    33624771.is-dark-theme .has-background.has-yellow-background-color .wp-block-search button.wp-block-search__button:hover {
    3363     border-color: var(--button--color-text);
    3364     background-color: var(--button--color-text);
    3365     color: var(--button--color-background);
     4772    border-color: #d1e4dd;
     4773    background-color: #d1e4dd;
     4774    color: #39414d;
    33664775}
    33674776
    33684777.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    3369     background-color: var(--global--color-white);
    3370     border: var(--form--border-width) solid var(--form--border-color);
    3371     border-radius: var(--form--border-radius);
     4778    background-color: #fff;
     4779    border: 3px solid #39414d;
     4780    border-radius: 0;
    33724781}
    33734782
    … …  
    33774786
    33784787.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
    3379     outline: 2px dotted var(--form--border-color);
     4788    outline: 2px dotted #39414d;
    33804789    outline-offset: -5px;
    33814790}
    … …  
    33864795
    33874796.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button button.wp-block-search__button {
    3388     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
    3389 }
    3390 
    3391 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
    3392 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
     4797    padding: 15px 30px;
     4798}
     4799
     4800.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4801    border-color: #39414d;
     4802    color: #39414d;
     4803}
     4804
     4805.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4806    border-color: #39414d;
     4807    color: #39414d;
     4808}
     4809
    33934810.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
    3394     border-color: var(--button--color-background);
    3395     color: var(--button--color-background);
    3396 }
    3397 
    3398 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
    3399 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
     4811    border-color: #39414d;
     4812    color: #39414d;
     4813}
     4814
     4815.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4816    color: #fff;
     4817}
     4818
     4819.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4820    color: #fff;
     4821}
     4822
    34004823.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
    3401     color: var(--global--color-white);
    3402 }
    3403 
    3404 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
    3405 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button,
     4824    color: #fff;
     4825}
     4826
     4827.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4828    border-color: #d1e4dd;
     4829    color: #d1e4dd;
     4830}
     4831
     4832.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4833    border-color: #d1e4dd;
     4834    color: #d1e4dd;
     4835}
     4836
    34064837.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
    3407     border-color: var(--button--color-text);
    3408     color: var(--button--color-text);
    3409 }
    3410 
    3411 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
    3412 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover,
     4838    border-color: #d1e4dd;
     4839    color: #d1e4dd;
     4840}
     4841
     4842.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4843    color: #fff;
     4844}
     4845
     4846.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4847    color: #fff;
     4848}
     4849
    34134850.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
    3414     color: var(--global--color-white);
     4851    color: #fff;
    34154852}
    34164853
    34174854.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
    3418     border-color: var(--button--color-text);
    3419     color: var(--button--color-text);
     4855    border-color: #d1e4dd;
     4856    color: #d1e4dd;
    34204857}
    34214858
    34224859.is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
    3423     border-color: var(--button--color-text);
    3424     background-color: var(--button--color-text);
    3425     color: var(--button--color-background);
     4860    border-color: #d1e4dd;
     4861    background-color: #d1e4dd;
     4862    color: #39414d;
    34264863}
    34274864
    … …  
    34324869hr {
    34334870    border-style: none;
    3434     border-bottom: var(--separator--height) solid var(--separator--border-color);
     4871    border-bottom: 1px solid #28303d;
    34354872    clear: both;
    34364873    margin-left: auto;
    … …  
    34394876
    34404877hr.wp-block-separator {
    3441     border-bottom: var(--separator--height) solid var(--separator--border-color);
     4878    border-bottom: 1px solid #28303d;
    34424879    opacity: 1;
    34434880
    … …  
    34484885
    34494886hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
    3450     max-width: var(--responsive--aligndefault-width);
     4887    max-width: calc(100vw - 30px);
     4888}
     4889@media only screen and (min-width: 482px) {
     4890
     4891    hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
     4892        max-width: min(calc(100vw - 100px), 610px);
     4893    }
     4894}
     4895@media only screen and (min-width: 822px) {
     4896
     4897    hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
     4898        max-width: min(calc(100vw - 200px), 610px);
     4899    }
    34514900}
    34524901
    34534902hr.wp-block-separator:not(.is-style-dots).alignwide {
    3454     max-width: var(--responsive--alignwide-width);
     4903    max-width: calc(100vw - 30px);
     4904}
     4905@media only screen and (min-width: 482px) {
     4906
     4907    hr.wp-block-separator:not(.is-style-dots).alignwide {
     4908        max-width: calc(100vw - 100px);
     4909    }
     4910}
     4911@media only screen and (min-width: 822px) {
     4912
     4913    hr.wp-block-separator:not(.is-style-dots).alignwide {
     4914        max-width: min(calc(100vw - 200px), 1240px);
     4915    }
    34554916}
    34564917
    34574918hr.wp-block-separator:not(.is-style-dots).alignfull {
    3458     max-width: var(--responsive--alignfull-width);
     4919    max-width: 100%;
    34594920}
    34604921
    34614922hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
    3462     border-bottom-width: calc(3 * var(--separator--height));
     4923    border-bottom-width: 3px;
    34634924}
    34644925
    … …  
    34744935
    34754936hr.wp-block-separator.is-style-dots:before {
    3476     color: var(--separator--border-color);
    3477     font-size: var(--global--font-size-xl);
    3478     letter-spacing: var(--global--font-size-sm);
    3479     padding-left: var(--global--font-size-sm);
     4937    color: #28303d;
     4938    font-size: 2.25rem;
     4939    letter-spacing: 1.125rem;
     4940    padding-left: 1.125rem;
     4941}
     4942@media only screen and (min-width: 652px) {
     4943
     4944    hr.wp-block-separator.is-style-dots:before {
     4945        font-size: 2.5rem;
     4946    }
    34804947}
    34814948
    … …  
    34884955
    34894956.wp-block-social-links a:focus {
    3490     color: var(--global--color-primary);
     4957    color: #28303d;
    34914958}
    34924959
    34934960.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
    3494     color: var(--global--color-primary);
     4961    color: #28303d;
    34954962}
    34964963
    … …  
    35074974
    35084975    .wp-block-spacer[style] {
    3509         height: var(--global--spacing-unit) !important;
     4976        height: 20px !important;
    35104977    }
    35114978}
    … …  
    35184985}
    35194986
    3520 table th,
     4987table th {
     4988    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4989}
     4990
    35214991.wp-block-table th {
    3522     font-family: var(--heading--font-family);
    3523 }
    3524 
    3525 table td,
    3526 table th,
    3527 .wp-block-table td,
     4992    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4993}
     4994
     4995table td {
     4996    padding: 10px;
     4997    border: 1px solid;
     4998}
     4999
     5000table th {
     5001    padding: 10px;
     5002    border: 1px solid;
     5003}
     5004
     5005.wp-block-table td {
     5006    padding: 10px;
     5007    border: 1px solid;
     5008}
     5009
    35285010.wp-block-table th {
    3529     padding: calc(0.5 * var(--global--spacing-unit));
     5011    padding: 10px;
    35305012    border: 1px solid;
    35315013}
    35325014
    3533 table.is-style-regular .has-background,
    3534 table.is-style-stripes .has-background thead tr,
    3535 table.is-style-stripes .has-background tfoot tr,
    3536 table.is-style-stripes .has-background tbody tr:nth-child(even),
    3537 .wp-block-table.is-style-regular .has-background,
    3538 .wp-block-table.is-style-stripes .has-background thead tr,
    3539 .wp-block-table.is-style-stripes .has-background tfoot tr,
     5015table.is-style-regular .has-background {
     5016    color: #28303d;
     5017}
     5018
     5019table.is-style-stripes .has-background thead tr {
     5020    color: #28303d;
     5021}
     5022
     5023table.is-style-stripes .has-background tfoot tr {
     5024    color: #28303d;
     5025}
     5026
     5027table.is-style-stripes .has-background tbody tr:nth-child(even) {
     5028    color: #28303d;
     5029}
     5030
     5031.wp-block-table.is-style-regular .has-background {
     5032    color: #28303d;
     5033}
     5034
     5035.wp-block-table.is-style-stripes .has-background thead tr {
     5036    color: #28303d;
     5037}
     5038
     5039.wp-block-table.is-style-stripes .has-background tfoot tr {
     5040    color: #28303d;
     5041}
     5042
    35405043.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
    3541     color: var(--table--has-background-text-color);
    3542 }
    3543 
    3544 table.is-style-stripes,
     5044    color: #28303d;
     5045}
     5046
     5047table.is-style-stripes {
     5048    border-color: #f0f0f0;
     5049}
     5050
    35455051.wp-block-table.is-style-stripes {
    3546     border-color: var(--table--stripes-border-color);
     5052    border-color: #f0f0f0;
    35475053}
    35485054
    … …  
    35545060}
    35555061
    3556 table.is-style-stripes tbody tr:nth-child(odd),
     5062table.is-style-stripes tbody tr:nth-child(odd) {
     5063    background-color: #f0f0f0;
     5064}
     5065
    35575066.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    3558     background-color: var(--table--stripes-background-color);
     5067    background-color: #f0f0f0;
    35595068}
    35605069
    … …  
    35825091    font-weight: bold;
    35835092    text-align: left;
    3584     margin-bottom: var(--global--spacing-unit);
     5093    margin-bottom: 20px;
    35855094    color: currentColor;
    35865095}
    … …  
    35885097.wp-calendar-nav {
    35895098    text-align: left;
    3590     margin-top: calc(var(--global--spacing-unit) / 2);
     5099    margin-top: 10px;
    35915100}
    35925101
    … …  
    36055114
    36065115.wp-block-tag-cloud.alignfull {
    3607     padding-left: var(--global--spacing-unit);
    3608     padding-right: var(--global--spacing-unit);
     5116    padding-left: 20px;
     5117    padding-right: 20px;
    36095118}
    36105119
    36115120.wp-block-verse {
    3612     font-family: var(--entry-content--font-family);
     5121    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    36135122}
    36145123
    36155124.wp-block-video figcaption {
    3616     color: var(--global--color-primary);
    3617     font-size: var(--global--font-size-xs);
    3618     margin-top: calc(0.5 * var(--global--spacing-unit));
    3619     margin-bottom: var(--global--spacing-unit);
     5125    color: #28303d;
     5126    font-size: 1rem;
     5127    margin-top: 10px;
     5128    margin-bottom: 20px;
    36205129    text-align: center;
    36215130}
    … …  
    36275136}
    36285137
    3629 :root .is-extra-small-text,
     5138:root .is-extra-small-text {
     5139    font-size: 1rem;
     5140}
     5141
    36305142:root .has-extra-small-font-size {
    3631     font-size: var(--global--font-size-xs);
    3632 }
    3633 
    3634 :root .is-small-text,
     5143    font-size: 1rem;
     5144}
     5145
     5146:root .is-small-text {
     5147    font-size: 1.125rem;
     5148}
     5149
    36355150:root .has-small-font-size {
    3636     font-size: var(--global--font-size-sm);
    3637 }
    3638 
    3639 :root .is-regular-text,
    3640 :root .has-regular-font-size,
    3641 :root .is-normal-font-size,
    3642 :root .has-normal-font-size,
     5151    font-size: 1.125rem;
     5152}
     5153
     5154:root .is-regular-text {
     5155    font-size: 1.25rem;
     5156}
     5157
     5158:root .has-regular-font-size {
     5159    font-size: 1.25rem;
     5160}
     5161
     5162:root .is-normal-font-size {
     5163    font-size: 1.25rem;
     5164}
     5165
     5166:root .has-normal-font-size {
     5167    font-size: 1.25rem;
     5168}
     5169
    36435170:root .has-medium-font-size {
    3644     font-size: var(--global--font-size-base);
    3645 }
    3646 
    3647 :root .is-large-text,
     5171    font-size: 1.25rem;
     5172}
     5173
     5174:root .is-large-text {
     5175    font-size: 1.5rem;
     5176    line-height: 1.3;
     5177}
     5178
    36485179:root .has-large-font-size {
    3649     font-size: var(--global--font-size-lg);
    3650     line-height: var(--global--line-height-heading);
    3651 }
    3652 
    3653 :root .is-larger-text,
    3654 :root .has-larger-font-size,
    3655 :root .is-extra-large-text,
     5180    font-size: 1.5rem;
     5181    line-height: 1.3;
     5182}
     5183
     5184:root .is-larger-text {
     5185    font-size: 2.5rem;
     5186    line-height: 1.3;
     5187}
     5188@media only screen and (min-width: 652px) {
     5189
     5190    :root .is-larger-text {
     5191        font-size: 2.5rem;
     5192    }
     5193}
     5194
     5195:root .has-larger-font-size {
     5196    font-size: 2.5rem;
     5197    line-height: 1.3;
     5198}
     5199@media only screen and (min-width: 652px) {
     5200
     5201    :root .has-larger-font-size {
     5202        font-size: 2.5rem;
     5203    }
     5204}
     5205
     5206:root .is-extra-large-text {
     5207    font-size: 2.5rem;
     5208    line-height: 1.3;
     5209}
     5210@media only screen and (min-width: 652px) {
     5211
     5212    :root .is-extra-large-text {
     5213        font-size: 2.5rem;
     5214    }
     5215}
     5216
    36565217:root .has-extra-large-font-size {
    3657     font-size: var(--global--font-size-xl);
    3658     line-height: var(--global--line-height-heading);
    3659 }
    3660 
    3661 :root .is-huge-text,
     5218    font-size: 2.5rem;
     5219    line-height: 1.3;
     5220}
     5221@media only screen and (min-width: 652px) {
     5222
     5223    :root .has-extra-large-font-size {
     5224        font-size: 2.5rem;
     5225    }
     5226}
     5227
     5228:root .is-huge-text {
     5229    font-size: 6rem;
     5230    line-height: 1.3;
     5231    font-weight: 300;
     5232}
     5233@media only screen and (min-width: 652px) {
     5234
     5235    :root .is-huge-text {
     5236        font-size: 6rem;
     5237    }
     5238}
     5239
    36625240:root .has-huge-font-size {
    3663     font-size: var(--global--font-size-xxl);
    3664     line-height: var(--global--line-height-heading);
    3665     font-weight: var(--heading--font-weight-page-title);
    3666 }
    3667 
    3668 :root .is-gigantic-text,
     5241    font-size: 6rem;
     5242    line-height: 1.3;
     5243    font-weight: 300;
     5244}
     5245@media only screen and (min-width: 652px) {
     5246
     5247    :root .has-huge-font-size {
     5248        font-size: 6rem;
     5249    }
     5250}
     5251
     5252:root .is-gigantic-text {
     5253    font-size: 9rem;
     5254    line-height: 1.3;
     5255    font-weight: 300;
     5256}
     5257@media only screen and (min-width: 652px) {
     5258
     5259    :root .is-gigantic-text {
     5260        font-size: 9rem;
     5261    }
     5262}
     5263
    36695264:root .has-gigantic-font-size {
    3670     font-size: var(--global--font-size-xxxl);
    3671     line-height: var(--global--line-height-heading);
    3672     font-weight: var(--heading--font-weight-page-title);
     5265    font-size: 9rem;
     5266    line-height: 1.3;
     5267    font-weight: 300;
     5268}
     5269@media only screen and (min-width: 652px) {
     5270
     5271    :root .has-gigantic-font-size {
     5272        font-size: 9rem;
     5273    }
    36735274}
    36745275
    … …  
    36905291
    36915292.entry-content > .alignleft {
    3692     max-width: var(--responsive--aligndefault-width);
     5293    max-width: calc(100vw - 30px);
     5294}
     5295
     5296@media only screen and (min-width: 482px) {
     5297
     5298    .entry-content > .alignleft {
     5299        max-width: min(calc(100vw - 100px), 610px);
     5300    }
     5301}
     5302
     5303@media only screen and (min-width: 822px) {
     5304
     5305    .entry-content > .alignleft {
     5306        max-width: min(calc(100vw - 200px), 610px);
     5307    }
    36935308}
    36945309
    … …  
    37015316
    37025317        /*rtl:ignore*/
    3703         margin-right: var(--global--spacing-horizontal);
    3704         margin-bottom: var(--global--spacing-vertical);
     5318        margin-right: 25px;
     5319        margin-bottom: 30px;
    37055320    }
    37065321
    37075322    .entry-content > .alignleft {
    3708         max-width: calc(50% - var(--responsive--alignleft-margin));
     5323        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5324    }
     5325
     5326    @media only screen and (min-width: 482px) {
     5327
     5328        .entry-content > .alignleft {
     5329            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5330        }
     5331    }
     5332
     5333    @media only screen and (min-width: 482px) {
     5334
     5335        .entry-content > .alignleft {
     5336            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5337        }
     5338    }
     5339
     5340    @media only screen and (min-width: 822px) {
     5341
     5342        .entry-content > .alignleft {
     5343            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5344        }
    37095345    }
    37105346}
    … …  
    37275363.alignright {
    37285364    margin-top: 0;
    3729     margin-bottom: var(--global--spacing-vertical);
     5365    margin-bottom: 30px;
    37305366}
    37315367
    37325368.entry-content > .alignright {
    3733     max-width: var(--responsive--aligndefault-width);
     5369    max-width: calc(100vw - 30px);
     5370}
     5371
     5372@media only screen and (min-width: 482px) {
     5373
     5374    .entry-content > .alignright {
     5375        max-width: min(calc(100vw - 100px), 610px);
     5376    }
     5377}
     5378
     5379@media only screen and (min-width: 822px) {
     5380
     5381    .entry-content > .alignright {
     5382        max-width: min(calc(100vw - 200px), 610px);
     5383    }
    37345384}
    37355385
    … …  
    37425392
    37435393        /*rtl:ignore*/
    3744         margin-left: var(--global--spacing-horizontal);
     5394        margin-left: 25px;
    37455395    }
    37465396
    37475397    .entry-content > .alignright {
    3748         max-width: calc(50% - var(--responsive--alignright-margin));
     5398        max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5399    }
     5400
     5401    @media only screen and (min-width: 482px) {
     5402
     5403        .entry-content > .alignright {
     5404            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5405        }
     5406    }
     5407
     5408    @media only screen and (min-width: 482px) {
     5409
     5410        .entry-content > .alignright {
     5411            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5412        }
     5413    }
     5414
     5415    @media only screen and (min-width: 822px) {
     5416
     5417        .entry-content > .alignright {
     5418            max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);
     5419        }
    37495420    }
    37505421}
    … …  
    37825453
    37835454.has-drop-cap:not(:focus)::first-letter {
    3784     font-family: var(--heading--font-family);
    3785     font-weight: var(--heading--font-weight);
     5455    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5456    font-weight: normal;
    37865457    line-height: 0.66;
    37875458    text-transform: uppercase;
    … …  
    37895460    float: left;
    37905461    margin: 0.1em 0.1em 0 0;
    3791     font-size: calc(1.2 * var(--heading--font-size-h1));
     5462    font-size: 5rem;
     5463}
     5464
     5465@media only screen and (min-width: 652px) {
     5466
     5467    .has-drop-cap:not(:focus)::first-letter {
     5468        font-size: 7rem;
     5469    }
    37925470}
    37935471
    … …  
    38145492    align-items: flex-start;
    38155493    flex-wrap: wrap;
    3816     row-gap: var(--global--spacing-vertical);
     5494    row-gap: 30px;
    38175495}
    38185496
    … …  
    38235501
    38245502    .site-header {
    3825         padding-top: calc(var(--global--spacing-vertical) / 0.75);
     5503        padding-top: 40px;
    38265504    }
    38275505}
    … …  
    38295507
    38305508    .site-header {
    3831         padding-top: calc(2.4 * var(--global--spacing-vertical));
     5509        padding-top: 72px;
    38325510    }
    38335511}
    38345512
    38355513.site-branding {
    3836     color: var(--branding--color-text);
     5514    color: #28303d;
    38375515    margin-right: 140px;
    38385516}
    … …  
    38525530
    38535531.site-title {
    3854     color: var(--branding--color-link);
    3855     font-family: var(--branding--title--font-family);
    3856     font-size: var(--branding--title--font-size-mobile);
     5532    color: #28303d;
     5533    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5534    font-size: 1.5rem;
    38575535    letter-spacing: normal;
    3858     text-transform: var(--branding--title--text-transform);
    3859     line-height: var(--global--line-height-heading);
    3860     margin-bottom: calc(var(--global--spacing-vertical) / 6);
     5536    text-transform: uppercase;
     5537    line-height: 1.3;
     5538    margin-bottom: 5px;
    38615539}
    38625540
    38635541.site-title a {
    38645542    color: currentColor;
    3865     font-weight: var(--branding--title--font-weight);
     5543    font-weight: normal;
    38665544}
    38675545
    … …  
    38725550}
    38735551
    3874 .site-title a:hover,
     5552.site-title a:hover {
     5553    color: #39414d;
     5554}
     5555
    38755556.site-title a:focus {
    3876     color: var(--branding--color-link-hover);
     5557    color: #39414d;
    38775558}
    38785559@media only screen and (min-width: 482px) {
    38795560
    38805561    .site-title {
    3881         font-size: var(--branding--title--font-size);
     5562        font-size: 1.5rem;
    38825563    }
    38835564}
    … …  
    38855566.site-description {
    38865567    color: currentColor;
    3887     font-family: var(--branding--description--font-family);
    3888     font-size: var(--branding--description--font-size);
     5568    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5569    font-size: 1.125rem;
    38895570    line-height: 1.4;
    38905571}
    … …  
    39005581
    39015582.site-title > a {
    3902     text-decoration-color: var(--global--color-secondary);
     5583    text-decoration-color: #39414d;
    39035584}
    39045585
    39055586.site-logo {
    3906     margin: calc(var(--global--spacing-vertical) / 2) 0;
     5587    margin: 15px 0;
    39075588}
    39085589
    39095590.site-header > .site-logo {
    39105591    width: 100%;
    3911     padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
     5592    padding-bottom: 45px;
    39125593    border-bottom: 1px solid;
    39135594    text-align: center;
    … …  
    39175598    margin-left: auto;
    39185599    margin-right: auto;
    3919     max-width: var(--branding--logo--max-width-mobile);
    3920     max-height: var(--branding--logo--max-height-mobile);
     5600    max-width: 96px;
     5601    max-height: 96px;
    39215602    height: auto;
    39225603    display: inline-block;
    … …  
    39265607
    39275608    .site-logo .custom-logo {
    3928         max-width: var(--branding--logo--max-width);
    3929         max-height: var(--branding--logo--max-height);
     5609        max-width: 300px;
     5610        max-height: 100px;
    39305611        height: auto;
    39315612        width: auto;
    … …  
    39375618    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    39385619        position: absolute;
    3939         padding-top: calc(0.5 * var(--global--spacing-vertical));
     5620        padding-top: 15px;
    39405621        margin-top: 0;
    3941         top: var(--global--admin-bar--height);
     5622        top: 0;
    39425623    }
    39435624
    … …  
    39475628
    39485629    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
    3949         max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);
     5630        max-height: calc(10px + 2em);
    39505631    }
    39515632
    … …  
    39785659        position: relative;
    39795660        padding-top: 0;
    3980         margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
     5661        margin-top: -10px;
    39815662    }
    39825663
    39835664    body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
    3984         padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
    3985         padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
    3986         margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
     5665        padding-left: 11px;
     5666        padding-right: 11px;
     5667        margin-right: -15px;
    39875668    }
    39885669
    … …  
    39995680.site-footer {
    40005681    padding-top: 0;
    4001     padding-bottom: calc(1.7 * var(--global--spacing-vertical));
     5682    padding-bottom: 51px;
    40025683}
    40035684
    40045685.no-widgets .site-footer {
    4005     margin-top: calc(6 * var(--global--spacing-vertical));
     5686    margin-top: 180px;
    40065687}
    40075688@media only screen and (max-width: 481px) {
    40085689
    40095690    .no-widgets .site-footer {
    4010         margin-top: calc(3 * var(--global--spacing-vertical));
     5691        margin-top: 90px;
    40115692    }
    40125693}
    40135694
    40145695.site-footer > .site-info {
    4015     padding-top: var(--global--spacing-vertical);
    4016     color: var(--footer--color-text);
    4017     font-family: var(--footer--font-family);
    4018     font-size: var(--footer--font-size);
    4019     line-height: var(--global--line-height-body);
    4020     border-top: 3px solid var(--global--color-border);
     5696    padding-top: 30px;
     5697    color: #28303d;
     5698    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5699    font-size: 1.125rem;
     5700    line-height: 1.7;
     5701    border-top: 3px solid #28303d;
    40215702}
    40225703
    40235704.site-footer > .site-info .site-name {
    4024     text-transform: var(--branding--title--text-transform);
    4025     font-size: var(--branding--title--font-size);
     5705    text-transform: uppercase;
     5706    font-size: 1.5rem;
    40265707}
    40275708
    40285709.site-footer > .site-info .powered-by {
    4029     margin-top: calc(0.5 * var(--global--spacing-vertical));
     5710    margin-top: 15px;
    40305711}
    40315712@media only screen and (min-width: 822px) {
    … …  
    40435724
    40445725.site-footer > .site-info a {
    4045     color: var(--footer--color-link);
    4046 }
    4047 
    4048 .site-footer > .site-info a:link,
    4049 .site-footer > .site-info a:visited,
     5726    color: #28303d;
     5727}
     5728
     5729.site-footer > .site-info a:link {
     5730    color: #28303d;
     5731}
     5732
     5733.site-footer > .site-info a:visited {
     5734    color: #28303d;
     5735}
     5736
    40505737.site-footer > .site-info a:active {
    4051     color: var(--footer--color-link);
     5738    color: #28303d;
    40525739}
    40535740
    40545741.site-footer > .site-info a:hover {
    4055     color: var(--footer--color-link-hover);
     5742    color: #28303d;
    40565743}
    40575744
    40585745.site-footer > .site-info a:focus {
    4059     color: var(--footer--color-link-hover);
     5746    color: #28303d;
    40605747}
    40615748
    40625749.is-dark-theme .site-footer > .site-info a:focus {
    4063     color: var(--wp--style--color--link, var(--global--color-background));
     5750    color: #d1e4dd;
    40645751}
    40655752
    40665753.has-background-white .site-footer > .site-info a:focus {
    4067     color: var(--wp--style--color--link, var(--global--color-white));
     5754    color: #fff;
    40685755}
    40695756
    40705757.singular .entry-header {
    4071     border-bottom: 3px solid var(--global--color-border);
    4072     padding-bottom: calc(2 * var(--global--spacing-vertical));
    4073     margin-bottom: calc(3 * var(--global--spacing-vertical));
     5758    border-bottom: 3px solid #28303d;
     5759    padding-bottom: 60px;
     5760    margin-bottom: 90px;
    40745761}
    40755762
    … …  
    40825769.singular .has-post-thumbnail .entry-header {
    40835770    border-bottom: none;
    4084     padding-bottom: calc(1.3 * var(--global--spacing-vertical));
     5771    padding-bottom: 39px;
    40855772    margin-bottom: 0;
    40865773}
    40875774
    40885775.no-results.not-found > *:first-child {
    4089     margin-bottom: calc(3 * var(--global--spacing-vertical));
     5776    margin-bottom: 90px;
    40905777}
    40915778
    … …  
    40965783.page-links .post-page-numbers {
    40975784    display: inline-block;
    4098     margin-left: calc(0.66 * var(--global--spacing-unit));
    4099     margin-right: calc(0.66 * var(--global--spacing-unit));
     5785    margin-left: 13px;
     5786    margin-right: 13px;
    41005787    min-width: 44px;
    41015788    min-height: 44px;
    … …  
    41075794
    41085795.entry-title {
    4109     color: var(--entry-header--color);
    4110     font-size: var(--entry-header--font-size);
    4111     letter-spacing: var(--heading--letter-spacing-h2);
    4112     line-height: var(--heading--line-height-h2);
     5796    color: #28303d;
     5797    font-size: 2.25rem;
     5798    letter-spacing: normal;
     5799    line-height: 1.3;
    41135800    overflow-wrap: break-word;
    41145801}
    41155802
     5803@media only screen and (min-width: 652px) {
     5804
     5805    .entry-title {
     5806        font-size: 3rem;
     5807    }
     5808}
     5809
     5810@media only screen and (min-width: 652px) {
     5811
     5812    .entry-title {
     5813        font-size: 3rem;
     5814    }
     5815}
     5816
    41165817.entry-title a {
    4117     color: var(--entry-header--color-link);
     5818    color: currentColor;
    41185819    text-underline-offset: 0.15em;
    41195820}
    41205821
    41215822.entry-title a:hover {
    4122     color: var(--entry-header--color-hover);
     5823    color: #28303d;
    41235824}
    41245825
    41255826.entry-title a:focus {
    4126     color: var(--entry-header--color-focus);
     5827    color: #39414d;
    41275828}
    41285829
    41295830.entry-title a:active {
    4130     color: var(--entry-header--color-link);
     5831    color: currentColor;
    41315832}
    41325833
    41335834.singular .entry-title {
    4134     font-size: var(--global--font-size-page-title);
     5835    font-size: 4rem;
     5836}
     5837
     5838@media only screen and (min-width: 652px) {
     5839
     5840    .singular .entry-title {
     5841        font-size: 6rem;
     5842    }
    41355843}
    41365844
    41375845h1.entry-title {
    4138     line-height: var(--heading--line-height-h1);
    4139     font-weight: var(--heading--font-weight-page-title);
     5846    line-height: 1.1;
     5847    font-weight: 300;
    41405848}
    41415849
    … …  
    41435851 * Entry Content
    41445852 */
    4145 .entry-content,
     5853.entry-content {
     5854    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5855}
     5856
    41465857.entry-summary {
    4147     font-family: var(--entry-content--font-family);
     5858    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    41485859}
    41495860
    … …  
    41535864
    41545865.entry-content > iframe[style] {
    4155     margin: var(--global--spacing-vertical) 0 !important;
     5866    margin: 30px 0 !important;
    41565867    max-width: 100% !important;
    41575868}
    … …  
    41595870
    41605871    .entry-content > iframe[style] {
    4161         max-width: var(--global--spacing-vertical) !important;
     5872        max-width: 30px !important;
    41625873    }
    41635874}
    41645875
    41655876.entry-footer {
    4166     color: var(--global--color-primary);
     5877    color: #28303d;
    41675878    clear: both;
    41685879    float: none;
    4169     font-size: var(--global--font-size-xs);
     5880    font-size: 1rem;
    41705881    display: block;
    41715882}
    … …  
    41795890}
    41805891
    4181 .entry-footer a:hover,
     5892.entry-footer a:hover {
     5893    color: #28303d;
     5894}
     5895
    41825896.entry-footer a:focus {
    4183     color: var(--global--color-primary-hover);
     5897    color: #28303d;
    41845898}
    41855899
    … …  
    41895903
    41905904.site-main > article > .entry-footer {
    4191     margin-top: var(--global--spacing-vertical);
    4192     padding-top: var(--global--spacing-unit);
    4193     padding-bottom: calc(3 * var(--global--spacing-vertical));
    4194     border-bottom: var(--separator--height) solid var(--separator--border-color);
     5905    margin-top: 30px;
     5906    padding-top: 20px;
     5907    padding-bottom: 90px;
     5908    border-bottom: 1px solid #28303d;
    41955909}
    41965910
    41975911body:not(.single) .site-main > article:last-of-type .entry-footer {
    4198     border-bottom: var(--separator--height) solid transparent;
     5912    border-bottom: 1px solid transparent;
    41995913}
    42005914
    42015915.single .site-main > article > .entry-footer {
    4202     margin-top: calc(3.4 * var(--global--spacing-vertical));
    4203     margin-bottom: calc(3.4 * var(--global--spacing-vertical));
     5916    margin-top: 102px;
     5917    margin-bottom: 102px;
    42045918    padding-bottom: 0;
    4205     padding-top: calc(0.8 * var(--global--spacing-vertical));
    4206     border-top: 3px solid var(--separator--border-color);
    4207     border-bottom: var(--separator--height) solid transparent;
     5919    padding-top: 24px;
     5920    border-top: 3px solid #28303d;
     5921    border-bottom: 1px solid transparent;
    42085922    display: grid;
    42095923    grid-template-columns: repeat(2, 1fr);
    4210     column-gap: calc(2 * var(--global--spacing-horizontal));
     5924    column-gap: 50px;
    42115925}
    42125926
    … …  
    42565970    margin-left: auto;
    42575971    margin-right: auto;
    4258     margin-top: calc(2 * var(--global--spacing-vertical));
     5972    margin-top: 60px;
    42595973}
    42605974
    … …  
    42645978.author-bio {
    42655979    position: relative;
    4266     font-size: var(--global--font-size-xs);
    4267     max-width: var(--responsive--aligndefault-width);
     5980    font-size: 1rem;
     5981    max-width: calc(100vw - 30px);
     5982}
     5983@media only screen and (min-width: 482px) {
     5984
     5985    .author-bio {
     5986        max-width: min(calc(100vw - 100px), 610px);
     5987    }
     5988}
     5989@media only screen and (min-width: 822px) {
     5990
     5991    .author-bio {
     5992        max-width: min(calc(100vw - 200px), 610px);
     5993    }
    42685994}
    42695995
    42705996.site-main > article > .author-bio {
    4271     margin-top: calc(2 * var(--global--spacing-vertical));
     5997    margin-top: 60px;
    42725998}
    42735999
    … …  
    42806006.author-bio.show-avatars .author-bio-content {
    42816007    display: inline-block;
    4282     padding-left: var(--global--spacing-horizontal);
    4283     max-width: calc(var(--responsive--aligndefault-width) - 90px);
     6008    padding-left: 25px;
     6009    max-width: calc(100vw - 120px);
     6010}
     6011@media only screen and (min-width: 482px) {
     6012
     6013    .author-bio.show-avatars .author-bio-content {
     6014        max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px);
     6015    }
     6016}
     6017@media only screen and (min-width: 822px) {
     6018
     6019    .author-bio.show-avatars .author-bio-content {
     6020        max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px);
     6021    }
    42846022}
    42856023
    42866024.author-bio .author-bio-content .author-title {
    4287     font-family: var(--entry-author-bio--font-family);
    4288     font-size: var(--entry-author-bio--font-size);
     6025    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6026    font-size: 1.5rem;
    42896027    display: inline;
    42906028}
    42916029
    42926030.author-bio .author-bio-content .author-description {
    4293     font-size: var(--global--font-size-xs);
    4294     margin-top: calc(0.5 * var(--global--spacing-vertical));
    4295     margin-bottom: calc(0.5 * var(--global--spacing-vertical));
     6031    font-size: 1rem;
     6032    margin-top: 15px;
     6033    margin-bottom: 15px;
    42966034}
    42976035
    42986036.page-title {
    4299     font-size: var(--global--font-size-page-title);
    4300 }
    4301 
    4302 h1.page-title,
     6037    font-size: 4rem;
     6038}
     6039
     6040@media only screen and (min-width: 652px) {
     6041
     6042    .page-title {
     6043        font-size: 6rem;
     6044    }
     6045}
     6046
     6047h1.page-title {
     6048    font-weight: 300;
     6049}
     6050
    43036051h2.page-title {
    4304     font-weight: var(--heading--font-weight-page-title);
     6052    font-weight: 300;
    43056053}
    43066054
    43076055h1.page-title {
    4308     line-height: var(--heading--line-height-h1);
     6056    line-height: 1.1;
    43096057}
    43106058
    43116059.page-header {
    4312     border-bottom: 3px solid var(--global--color-border);
    4313     padding-bottom: calc(2 * var(--global--spacing-vertical));
    4314 }
    4315 
    4316 .archive .content-area .format-aside .entry-content,
    4317 .archive .content-area .format-status .entry-content,
    4318 .archive .content-area .format-link .entry-content,
    4319 .search .content-area .format-aside .entry-content,
    4320 .search .content-area .format-status .entry-content,
    4321 .search .content-area .format-link .entry-content,
    4322 .blog .content-area .format-aside .entry-content,
    4323 .blog .content-area .format-status .entry-content,
     6060    border-bottom: 3px solid #28303d;
     6061    padding-bottom: 60px;
     6062}
     6063
     6064.archive .content-area .format-aside .entry-content {
     6065    font-size: 1.5rem;
     6066}
     6067
     6068.archive .content-area .format-status .entry-content {
     6069    font-size: 1.5rem;
     6070}
     6071
     6072.archive .content-area .format-link .entry-content {
     6073    font-size: 1.5rem;
     6074}
     6075
     6076.search .content-area .format-aside .entry-content {
     6077    font-size: 1.5rem;
     6078}
     6079
     6080.search .content-area .format-status .entry-content {
     6081    font-size: 1.5rem;
     6082}
     6083
     6084.search .content-area .format-link .entry-content {
     6085    font-size: 1.5rem;
     6086}
     6087
     6088.blog .content-area .format-aside .entry-content {
     6089    font-size: 1.5rem;
     6090}
     6091
     6092.blog .content-area .format-status .entry-content {
     6093    font-size: 1.5rem;
     6094}
     6095
    43246096.blog .content-area .format-link .entry-content {
    4325     font-size: var(--global--font-size-lg);
    4326 }
    4327 
    4328 .archive .format-image .entry-content,
    4329 .archive .format-gallery .entry-content,
    4330 .archive .format-video .entry-content,
    4331 .search .format-image .entry-content,
    4332 .search .format-gallery .entry-content,
    4333 .search .format-video .entry-content,
    4334 .blog .format-image .entry-content,
    4335 .blog .format-gallery .entry-content,
     6097    font-size: 1.5rem;
     6098}
     6099
     6100.archive .format-image .entry-content {
     6101    margin-top: 60px;
     6102}
     6103
     6104.archive .format-gallery .entry-content {
     6105    margin-top: 60px;
     6106}
     6107
     6108.archive .format-video .entry-content {
     6109    margin-top: 60px;
     6110}
     6111
     6112.search .format-image .entry-content {
     6113    margin-top: 60px;
     6114}
     6115
     6116.search .format-gallery .entry-content {
     6117    margin-top: 60px;
     6118}
     6119
     6120.search .format-video .entry-content {
     6121    margin-top: 60px;
     6122}
     6123
     6124.blog .format-image .entry-content {
     6125    margin-top: 60px;
     6126}
     6127
     6128.blog .format-gallery .entry-content {
     6129    margin-top: 60px;
     6130}
     6131
    43366132.blog .format-video .entry-content {
    4337     margin-top: calc(2 * var(--global--spacing-vertical));
     6133    margin-top: 60px;
    43386134}
    43396135
    … …  
    43476143}
    43486144
    4349 .archive.logged-in .entry-footer .posted-on,
    4350 .search.logged-in .entry-footer .posted-on,
     6145.archive.logged-in .entry-footer .posted-on {
     6146    margin-right: 10px;
     6147}
     6148
     6149.search.logged-in .entry-footer .posted-on {
     6150    margin-right: 10px;
     6151}
     6152
    43516153.blog.logged-in .entry-footer .posted-on {
    4352     margin-right: calc(0.5 * var(--global--spacing-unit));
     6154    margin-right: 10px;
    43536155}
    43546156
    43556157.archive-description {
    4356     margin-top: var(--global--spacing-vertical);
    4357     font-size: var(--global--font-size-xl);
    4358     line-height: var(--global--line-height-heading);
     6158    margin-top: 30px;
     6159    font-size: 2.25rem;
     6160    line-height: 1.3;
     6161}
     6162
     6163@media only screen and (min-width: 652px) {
     6164
     6165    .archive-description {
     6166        font-size: 2.5rem;
     6167    }
    43596168}
    43606169
    43616170.error404 main p {
    4362     font-size: var(--global--font-size-lg);
    4363     margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
     6171    font-size: 1.5rem;
     6172    margin-bottom: 50px;
    43646173}
    43656174
    43666175.search-no-results .page-content {
    4367     margin-top: calc(3 * var(--global--spacing-vertical));
     6176    margin-top: 90px;
    43686177}
    43696178
    … …  
    43726181 */
    43736182.comments-area > * {
    4374     margin-top: var(--global--spacing-vertical);
    4375     margin-bottom: var(--global--spacing-vertical);
     6183    margin-top: 30px;
     6184    margin-bottom: 30px;
    43766185}
    43776186
    … …  
    44026211 * Comment Title
    44036212 */
    4404 .comments-title,
     6213.comments-title {
     6214    font-size: 2.25rem;
     6215    letter-spacing: normal;
     6216}
     6217@media only screen and (min-width: 652px) {
     6218
     6219    .comments-title {
     6220        font-size: 3rem;
     6221    }
     6222}
     6223@media only screen and (min-width: 652px) {
     6224
     6225    .comments-title {
     6226        font-size: 3rem;
     6227    }
     6228}
     6229
    44056230.comment-reply-title {
    4406     font-size: var(--heading--font-size-h2);
    4407     letter-spacing: var(--heading--letter-spacing-h2);
     6231    font-size: 2.25rem;
     6232    letter-spacing: normal;
     6233}
     6234@media only screen and (min-width: 652px) {
     6235
     6236    .comment-reply-title {
     6237        font-size: 3rem;
     6238    }
     6239}
     6240@media only screen and (min-width: 652px) {
     6241
     6242    .comment-reply-title {
     6243        font-size: 3rem;
     6244    }
    44086245}
    44096246
    … …  
    44146251
    44156252.comment-reply-title small a {
    4416     font-family: var(--global--font-secondary);
    4417     font-size: var(--global--font-size-xs);
     6253    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6254    font-size: 1rem;
    44186255    font-style: normal;
    44196256    font-weight: normal;
    … …  
    44236260/* Nested comment reply title*/
    44246261.comment .comment-respond .comment-reply-title {
    4425     font-size: var(--global--font-size-lg);
     6262    font-size: 1.5rem;
    44266263}
    44276264
    … …  
    44356272
    44366273.comment-list > li {
    4437     margin-top: var(--global--spacing-vertical);
    4438     margin-bottom: var(--global--spacing-vertical);
     6274    margin-top: 30px;
     6275    margin-bottom: 30px;
    44396276}
    44406277
    … …  
    44456282
    44466283.comment-list .children > li {
    4447     margin-top: var(--global--spacing-vertical);
    4448     margin-bottom: var(--global--spacing-vertical);
     6284    margin-top: 30px;
     6285    margin-bottom: 30px;
    44496286}
    44506287
    44516288@media only screen and (min-width: 482px) {
    44526289
    4453     .comment-list .depth-2,
     6290    .comment-list .depth-2 {
     6291        padding-left: 100px;
     6292    }
     6293
    44546294    .comment-list .depth-3 {
    4455         padding-left: calc(4 * var(--global--spacing-horizontal));
     6295        padding-left: 100px;
    44566296    }
    44576297}
    … …  
    44616301 */
    44626302.comment-meta .comment-author {
    4463     line-height: var(--global--line-height-heading);
    4464     margin-bottom: calc(0.25 * var(--global--spacing-unit));
     6303    line-height: 1.3;
     6304    margin-bottom: 5px;
    44656305}
    44666306@media only screen and (min-width: 482px) {
    … …  
    44736313
    44746314.comment-meta .comment-author .fn {
    4475     font-family: var(--global--font-secondary);
     6315    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    44766316    font-weight: normal;
    4477     font-size: var(--global--font-size-lg);
     6317    font-size: 1.5rem;
    44786318    hyphens: auto;
    44796319    word-wrap: break-word;
    … …  
    44826322
    44836323.comment-meta .comment-metadata {
    4484     color: var(--global--color-primary);
    4485     font-size: var(--global--font-size-xs);
     6324    color: #28303d;
     6325    font-size: 1rem;
    44866326    padding: 8px 0 9px 0;
    44876327}
    44886328
    44896329.comment-meta .comment-metadata .edit-link {
    4490     margin-left: var(--global--spacing-horizontal);
     6330    margin-left: 25px;
    44916331}
    44926332@media only screen and (min-width: 482px) {
    … …  
    45026342
    45036343.reply {
    4504     font-size: var(--global--font-size-sm);
    4505     line-height: var(--global--line-height-heading);
     6344    font-size: 1.125rem;
     6345    line-height: 1.3;
    45066346}
    45076347
    … …  
    45146354}
    45156355
    4516 .pingback .url,
     6356.pingback .url {
     6357    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6358}
     6359
    45176360.trackback .url {
    4518     font-family: var(--global--font-primary);
     6361    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    45196362}
    45206363
    45216364.comment-body {
    45226365    position: relative;
    4523     margin-bottom: calc(1.7 * var(--global--spacing-vertical));
     6366    margin-bottom: 51px;
    45246367}
    45256368
    45266369.comment-body > * {
    4527     margin-top: var(--global--spacing-vertical);
    4528     margin-bottom: var(--global--spacing-vertical);
     6370    margin-top: 30px;
     6371    margin-bottom: 30px;
    45296372}
    45306373
    … …  
    45376380}
    45386381
    4539 .pingback .comment-body,
     6382.pingback .comment-body {
     6383    margin-top: 30px;
     6384    margin-bottom: 30px;
     6385}
     6386
    45406387.trackback .comment-body {
    4541     margin-top: var(--global--spacing-vertical);
    4542     margin-bottom: var(--global--spacing-vertical);
     6388    margin-top: 30px;
     6389    margin-bottom: 30px;
    45436390}
    45446391
    45456392.comment-respond {
    4546     margin-top: var(--global--spacing-vertical);
     6393    margin-top: 30px;
    45476394}
    45486395
    45496396.comment-respond > * {
    4550     margin-top: var(--global--spacing-unit);
    4551     margin-bottom: var(--global--spacing-unit);
     6397    margin-top: 20px;
     6398    margin-bottom: 20px;
    45526399}
    45536400
    … …  
    45616408
    45626409.comment-respond > *:last-child.comment-form {
    4563     margin-bottom: var(--global--spacing-vertical);
     6410    margin-bottom: 30px;
    45646411}
    45656412
    … …  
    45826429
    45836430.comment-form .comment-notes {
    4584     font-size: var(--global--font-size-sm);
     6431    font-size: 1.125rem;
    45856432}
    45866433
    … …  
    46036450}
    46046451
    4605 .comment-form .comment-form-cookies-consent > label,
     6452.comment-form .comment-form-cookies-consent > label {
     6453    font-size: 1rem;
     6454    font-weight: normal;
     6455}
     6456
    46066457.comment-form .comment-notes {
    4607     font-size: var(--global--font-size-xs);
     6458    font-size: 1rem;
    46086459    font-weight: normal;
    46096460}
    46106461
    46116462.comment-form > p {
    4612     margin-bottom: var(--global--spacing-unit);
     6463    margin-bottom: 20px;
    46136464}
    46146465
    … …  
    46216472}
    46226473
    4623 .comment-form > p label,
    4624 .comment-form > p input[type=email],
    4625 .comment-form > p input[type=text],
    4626 .comment-form > p input[type=url],
     6474.comment-form > p label {
     6475    display: block;
     6476    font-size: 1.125rem;
     6477    margin-bottom: 10px;
     6478    width: 100%;
     6479    font-weight: 500;
     6480}
     6481
     6482.comment-form > p input[type=email] {
     6483    display: block;
     6484    font-size: 1.125rem;
     6485    margin-bottom: 10px;
     6486    width: 100%;
     6487    font-weight: 500;
     6488}
     6489
     6490.comment-form > p input[type=text] {
     6491    display: block;
     6492    font-size: 1.125rem;
     6493    margin-bottom: 10px;
     6494    width: 100%;
     6495    font-weight: 500;
     6496}
     6497
     6498.comment-form > p input[type=url] {
     6499    display: block;
     6500    font-size: 1.125rem;
     6501    margin-bottom: 10px;
     6502    width: 100%;
     6503    font-weight: 500;
     6504}
     6505
    46276506.comment-form > p textarea {
    46286507    display: block;
    4629     font-size: var(--global--font-size-sm);
    4630     margin-bottom: calc(.5 * var(--global--spacing-unit));
     6508    font-size: 1.125rem;
     6509    margin-bottom: 10px;
    46316510    width: 100%;
    4632     font-weight: var(--form--label-weight);
     6511    font-weight: 500;
    46336512}
    46346513
    … …  
    46396518
    46406519    .comment-form > p.comment-form-author {
    4641         margin-right: calc(1.5 * var(--global--spacing-horizontal));
     6520        margin-right: 38px;
    46426521    }
    46436522
    … …  
    46536532    position: absolute;
    46546533    right: 0;
    4655     padding-top: calc(0.5 * var(--global--spacing-vertical));
    4656     padding-bottom: calc(0.25 * var(--global--spacing-vertical));
     6534    padding-top: 15px;
     6535    padding-bottom: 8px;
    46576536}
    46586537
    46596538.menu-button-container #primary-mobile-menu {
    46606539    margin-left: auto;
    4661     padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
     6540    padding: 10px 15px;
    46626541}
    46636542@media only screen and (max-width: 481px) {
    … …  
    46706549.menu-button-container .button.button {
    46716550    display: flex;
    4672     font-size: var(--primary-nav--font-size-button);
    4673     font-weight: var(--primary-nav--font-weight-button);
     6551    font-size: 1rem;
     6552    font-weight: 500;
    46746553    background-color: transparent;
    46756554    border: none;
    4676     color: var(--primary-nav--color-link);
     6555    color: #28303d;
    46776556}
    46786557
    … …  
    46836562
    46846563.menu-button-container .button.button .dropdown-icon .svg-icon {
    4685     margin-left: calc(0.25 * var(--global--spacing-unit));
     6564    margin-left: 5px;
    46866565}
    46876566
    … …  
    47116590    width: 100%;
    47126591    z-index: 500;
    4713     background-color: var(--global--color-background);
     6592    background-color: #d1e4dd;
    47146593}
    47156594
    … …  
    47206599.primary-navigation {
    47216600    position: absolute;
    4722     top: var(--global--admin-bar--height);
     6601    top: 0;
    47236602    right: 0;
    4724     color: var(--primary-nav--color-text);
    4725     font-size: var(--primary-nav--font-size);
     6603    color: #28303d;
     6604    font-size: 1.25rem;
    47266605    line-height: 1.15;
    47276606    margin-top: 0;
    … …  
    47376616    bottom: 0;
    47386617    left: 0;
    4739     padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
    4740     padding-left: var(--global--spacing-unit);
    4741     padding-right: var(--global--spacing-unit);
    4742     padding-bottom: var(--global--spacing-horizontal);
    4743     background-color: var(--global--color-background);
     6618    padding-top: calc(2rem + 47px);
     6619    padding-left: 20px;
     6620    padding-right: 20px;
     6621    padding-bottom: 25px;
     6622    background-color: #d1e4dd;
    47446623    transition: all 0.15s ease-in-out;
    4745     transform: translateY(var(--global--spacing-vertical));
     6624    transform: translateY(30px);
    47466625}
    47476626@media only screen and (max-width: 481px) {
    … …  
    47616640
    47626641    .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    4763         top: var(--global--admin-bar--height);
     6642        top: 32px;
     6643    }
     6644    @media only screen and (max-width: 782px) {
     6645
     6646        .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
     6647            top: 46px;
     6648        }
    47646649    }
    47656650
    47666651    .admin-bar .primary-navigation > .primary-menu-container {
    4767         height: calc(100vh - var(--global--admin-bar--height));
     6652        height: calc(100vh - 32px);
     6653    }
     6654    @media only screen and (max-width: 782px) {
     6655
     6656        .admin-bar .primary-navigation > .primary-menu-container {
     6657            height: calc(100vh - 46px);
     6658        }
    47686659    }
    47696660
    47706661    .primary-navigation > .primary-menu-container:focus {
    4771         border: 2px solid var(--global--color-primary);
     6662        border: 2px solid #28303d;
    47726663    }
    47736664}
    … …  
    48676758.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    48686759    display: flex;
    4869     height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
     6760    height: calc(27px + 1em);
    48706761    width: 44px;
    48716762    padding: 0;
    … …  
    48786769
    48796770.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
    4880     outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     6771    outline: 2px solid #28303d;
    48816772}
    48826773@media only screen and (max-width: 481px) {
    … …  
    49276818    }
    49286819
    4929     .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
     6820    .primary-navigation > div > .menu-wrapper > li > .sub-menu:before {
     6821        content: "";
     6822        display: block;
     6823        position: absolute;
     6824        width: 0;
     6825        top: -10px;
     6826        left: 25px;
     6827        border-style: solid;
     6828        border-color: #28303d transparent;
     6829        border-width: 0 7px 10px 7px;
     6830    }
     6831
    49306832    .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    49316833        content: "";
    … …  
    49346836        width: 0;
    49356837        top: -10px;
    4936         left: var(--global--spacing-horizontal);
     6838        left: 25px;
    49376839        border-style: solid;
    4938         border-color: var(--primary-nav--border-color) transparent;
     6840        border-color: #28303d transparent;
    49396841        border-width: 0 7px 10px 7px;
    49406842    }
    … …  
    49426844    .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    49436845        top: -9px;
    4944         border-color: var(--global--color-background) transparent;
     6846        border-color: #d1e4dd transparent;
    49456847    }
    49466848
    49476849    .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    4948         background: var(--global--color-background);
     6850        background: #d1e4dd;
    49496851    }
    49506852
    … …  
    49586860    }
    49596861
    4960     .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
    4961     .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
     6862    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before {
    49626863
    49636864        /* rtl:ignore */
    4964         left: var(--global--spacing-horizontal);
     6865        left: 25px;
    49656866
    49666867        /* rtl:ignore */
    … …  
    49686869    }
    49696870
     6871    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
     6872
     6873        /* rtl:ignore */
     6874        left: 25px;
     6875
     6876        /* rtl:ignore */
     6877        right: auto;
     6878    }
     6879
    49706880    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
    49716881
    … …  
    49776887    }
    49786888
    4979     .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
    4980     .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
     6889    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before {
    49816890
    49826891        /* rtl:ignore */
    … …  
    49846893
    49856894        /* rtl:ignore */
    4986         right: var(--global--spacing-horizontal);
     6895        right: 25px;
     6896    }
     6897
     6898    .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
     6899
     6900        /* rtl:ignore */
     6901        left: auto;
     6902
     6903        /* rtl:ignore */
     6904        right: 25px;
    49876905    }
    49886906}
    49896907
    49906908.primary-navigation .primary-menu > .menu-item:hover > a {
    4991     color: var(--primary-nav--color-link-hover);
     6909    color: #28303d;
    49926910}
    49936911@media only screen and (min-width: 482px) {
    49946912
    49956913    .primary-navigation .primary-menu-container {
    4996         margin-right: calc(0px - var(--primary-nav--padding));
    4997         margin-left: calc(0px - var(--primary-nav--padding));
     6914        margin-right: -13px;
     6915        margin-left: -13px;
    49986916    }
    49996917
    … …  
    50036921
    50046922    .primary-navigation .primary-menu-container > ul > .menu-item > a {
    5005         padding-left: var(--primary-nav--padding);
    5006         padding-right: var(--primary-nav--padding);
     6923        padding-left: 13px;
     6924        padding-right: 13px;
    50076925    }
    50086926
    50096927    .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    5010         margin-left: calc(5px - var(--primary-nav--padding));
     6928        margin-left: -8px;
    50116929    }
    50126930}
    … …  
    50146932.primary-navigation a {
    50156933    display: block;
    5016     font-family: var(--primary-nav--font-family-mobile);
    5017     font-size: var(--primary-nav--font-size-mobile);
    5018     font-weight: var(--primary-nav--font-weight);
    5019     padding: var(--primary-nav--padding) 0;
     6934    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6935    font-size: 1.125rem;
     6936    font-weight: normal;
     6937    padding: 13px 0;
    50206938    text-decoration: none;
    50216939}
    … …  
    50246942    .primary-navigation a {
    50256943        display: block;
    5026         font-family: var(--primary-nav--font-family);
    5027         font-size: var(--primary-nav--font-size);
    5028         font-weight: var(--primary-nav--font-weight);
     6944        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6945        font-size: 1.25rem;
     6946        font-weight: normal;
    50296947    }
    50306948}
    50316949
    50326950.primary-navigation a + svg {
    5033     fill: var(--primary-nav--color-text);
    5034 }
    5035 
    5036 .primary-navigation a:hover,
    5037 .primary-navigation a:link,
     6951    fill: #28303d;
     6952}
     6953
     6954.primary-navigation a:hover {
     6955    color: #28303d;
     6956}
     6957
     6958.primary-navigation a:link {
     6959    color: #28303d;
     6960}
     6961
    50386962.primary-navigation a:visited {
    5039     color: var(--primary-nav--color-link-hover);
     6963    color: #28303d;
    50406964}
    50416965
    … …  
    50686992    padding: 0;
    50696993    list-style: none;
    5070     margin-left: var(--primary-nav--padding);
    5071     border: 1px solid var(--primary-nav--border-color);
     6994    margin-left: 13px;
     6995    border: 1px solid #28303d;
    50726996}
    50736997
    … …  
    50897013
    50907014.primary-navigation .sub-menu .menu-item > a {
    5091     padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
     7015    padding: 17px 13px;
    50927016    display: block;
    5093     font-size: var(--primary-nav--font-size-sub-menu-mobile);
    5094     font-style: var(--primary-nav--font-style-sub-menu-mobile);
     7017    font-size: 1.125rem;
     7018    font-style: normal;
    50957019}
    50967020@media only screen and (min-width: 482px) {
    50977021
    50987022    .primary-navigation .sub-menu .menu-item > a {
    5099         font-size: var(--primary-nav--font-size-sub-menu);
    5100         font-style: var(--primary-nav--font-style);
     7023        font-size: 1rem;
     7024        font-style: normal;
    51017025    }
    51027026}
    … …  
    51207044    display: block;
    51217045    clear: both;
    5122     font-size: var(--global--font-size-xs);
     7046    font-size: 1rem;
    51237047    text-transform: none;
    51247048    line-height: 1.7;
    … …  
    51497073
    51507074.footer-navigation {
    5151     margin-top: calc(2 * var(--global--spacing-vertical));
    5152     margin-bottom: var(--global--spacing-vertical);
    5153     color: var(--footer--color-text);
    5154     font-size: var(--global--font-size-xs);
    5155     font-family: var(--footer--font-family);
     7075    margin-top: 60px;
     7076    margin-bottom: 30px;
     7077    color: #28303d;
     7078    font-size: 1rem;
     7079    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    51567080}
    51577081
    … …  
    51707094
    51717095.footer-navigation-wrapper li a {
    5172     padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
     7096    padding: 17px 13px;
    51737097    transition: transform 0.1s ease;
    5174     color: var(--footer--color-link);
    5175 }
    5176 
    5177 .footer-navigation-wrapper li a:link,
    5178 .footer-navigation-wrapper li a:visited,
     7098    color: #28303d;
     7099}
     7100
     7101.footer-navigation-wrapper li a:link {
     7102    color: #28303d;
     7103}
     7104
     7105.footer-navigation-wrapper li a:visited {
     7106    color: #28303d;
     7107}
     7108
    51797109.footer-navigation-wrapper li a:active {
    5180     color: var(--footer--color-link);
     7110    color: #28303d;
    51817111}
    51827112
    … …  
    51857115    text-decoration-style: dotted;
    51867116    text-decoration-skip-ink: none;
    5187     color: var(--footer--color-link-hover);
     7117    color: #28303d;
    51887118}
    51897119
    51907120.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
    5191     fill: var(--wp--style--color--link, var(--global--color-background));
     7121    fill: #d1e4dd;
    51927122}
    51937123
    51947124.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
    5195     fill: var(--wp--style--color--link, var(--global--color-white));
     7125    fill: #fff;
    51967126}
    51977127
    51987128.footer-navigation-wrapper li .svg-icon {
    51997129    vertical-align: middle;
    5200     fill: var(--footer--color-link);
     7130    fill: #28303d;
    52017131}
    52027132
    … …  
    52127142/* Next/Previous navigation */
    52137143.navigation {
    5214     color: var(--global--color-primary);
     7144    color: #28303d;
    52157145}
    52167146
    52177147.navigation a {
    5218     color: var(--global--color-primary);
     7148    color: #28303d;
    52197149    text-decoration: none;
    52207150}
    52217151
    52227152.navigation a:hover {
    5223     color: var(--global--color-primary-hover);
     7153    color: #28303d;
    52247154    text-decoration: underline;
    52257155    text-decoration-style: dotted;
    … …  
    52277157
    52287158.navigation a:focus {
    5229     color: var(--global--color-secondary);
     7159    color: #39414d;
    52307160}
    52317161
    52327162.navigation a:active {
    5233     color: var(--global--color-primary);
     7163    color: #28303d;
    52347164}
    52357165
    … …  
    52567186    }
    52577187
    5258     .navigation .nav-links .nav-next,
     7188    .navigation .nav-links .nav-next {
     7189        flex: 0 1 auto;
     7190        margin-bottom: inherit;
     7191        margin-top: inherit;
     7192        max-width: calc(50% - 10px);
     7193    }
     7194
    52597195    .navigation .nav-links .nav-previous {
    52607196        flex: 0 1 auto;
    52617197        margin-bottom: inherit;
    52627198        margin-top: inherit;
    5263         max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
     7199        max-width: calc(50% - 10px);
    52647200    }
    52657201
    … …  
    52767212}
    52777213
    5278 .navigation .nav-previous .svg-icon,
     7214.navigation .nav-previous .svg-icon {
     7215    top: -2px;
     7216    margin-right: 5px;
     7217}
     7218
    52797219.navigation .prev .svg-icon {
    52807220    top: -2px;
    5281     margin-right: calc(0.25 * var(--global--spacing-unit));
    5282 }
    5283 
    5284 .navigation .nav-next .svg-icon,
     7221    margin-right: 5px;
     7222}
     7223
     7224.navigation .nav-next .svg-icon {
     7225    top: -1px;
     7226    margin-left: 5px;
     7227}
     7228
    52857229.navigation .next .svg-icon {
    52867230    top: -1px;
    5287     margin-left: calc(0.25 * var(--global--spacing-unit));
     7231    margin-left: 5px;
    52887232}
    52897233
    52907234.post-navigation {
    5291     margin: var(--global--spacing-vertical) auto;
     7235    margin: 30px auto;
    52927236}
    52937237@media only screen and (min-width: 822px) {
    52947238
    52957239    .post-navigation {
    5296         margin: var(--global--spacing-vertical) auto;
     7240        margin: 30px auto;
    52977241    }
    52987242}
    52997243
    53007244.post-navigation .meta-nav {
    5301     line-height: var(--global--line-height-body);
    5302     color: var(--global--color-primary);
     7245    line-height: 1.7;
     7246    color: #28303d;
    53037247}
    53047248
    53057249.post-navigation .post-title {
    53067250    display: inline-block;
    5307     font-family: var(--global--font-primary);
    5308     font-size: var(--global--font-size-lg);
    5309     font-weight: var(--pagination--font-weight-strong);
    5310     line-height: var(--global--line-height-heading);
     7251    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     7252    font-size: 1.5rem;
     7253    font-weight: 600;
     7254    line-height: 1.3;
    53117255}
    53127256@media only screen and (min-width: 822px) {
    53137257
    53147258    .post-navigation .post-title {
    5315         margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
     7259        margin: 5px 29px 0;
    53167260    }
    53177261}
    … …  
    53237267}
    53247268
    5325 .post-navigation .nav-next,
     7269.post-navigation .nav-next {
     7270    margin-top: 30px;
     7271    margin-bottom: 30px;
     7272}
     7273
    53267274.post-navigation .nav-previous {
    5327     margin-top: var(--global--spacing-vertical);
    5328     margin-bottom: var(--global--spacing-vertical);
     7275    margin-top: 30px;
     7276    margin-bottom: 30px;
    53297277}
    53307278
    … …  
    53397287}
    53407288
    5341 .pagination,
     7289.pagination {
     7290    border-top: 3px solid #28303d;
     7291    padding-top: 30px;
     7292    margin: 30px auto;
     7293}
     7294
    53427295.comments-pagination {
    5343     border-top: 3px solid var(--global--color-border);
    5344     padding-top: var(--global--spacing-vertical);
    5345     margin: var(--global--spacing-vertical) auto;
     7296    border-top: 3px solid #28303d;
     7297    padding-top: 30px;
     7298    margin: 30px auto;
    53467299}
    53477300@media only screen and (min-width: 822px) {
    53487301
    5349     .pagination,
     7302    .pagination {
     7303        margin: 30px auto;
     7304    }
     7305
    53507306    .comments-pagination {
    5351         margin: var(--global--spacing-vertical) auto;
    5352     }
    5353 }
    5354 
    5355 .pagination .nav-links,
     7307        margin: 30px auto;
     7308    }
     7309}
     7310
     7311.pagination .nav-links {
     7312    margin-top: -30px;
     7313}
     7314
    53567315.comments-pagination .nav-links {
    5357     margin-top: calc(-1 * var(--global--spacing-vertical));
    5358 }
    5359 
    5360 .pagination .nav-links a:hover,
     7316    margin-top: -30px;
     7317}
     7318
     7319.pagination .nav-links a:hover {
     7320    color: #28303d;
     7321}
     7322
    53617323.comments-pagination .nav-links a:hover {
    5362     color: var(--pagination--color-link-hover);
    5363 }
    5364 
    5365 .is-dark-theme .pagination .nav-links a:active,
    5366 .is-dark-theme .pagination .nav-links a:hover:active,
    5367 .is-dark-theme .pagination .nav-links a:hover:focus,
    5368 .is-dark-theme .comments-pagination .nav-links a:active,
    5369 .is-dark-theme .comments-pagination .nav-links a:hover:active,
     7324    color: #28303d;
     7325}
     7326
     7327.is-dark-theme .pagination .nav-links a:active {
     7328    color: #d1e4dd;
     7329}
     7330
     7331.is-dark-theme .pagination .nav-links a:hover:active {
     7332    color: #d1e4dd;
     7333}
     7334
     7335.is-dark-theme .pagination .nav-links a:hover:focus {
     7336    color: #d1e4dd;
     7337}
     7338
     7339.is-dark-theme .comments-pagination .nav-links a:active {
     7340    color: #d1e4dd;
     7341}
     7342
     7343.is-dark-theme .comments-pagination .nav-links a:hover:active {
     7344    color: #d1e4dd;
     7345}
     7346
    53707347.is-dark-theme .comments-pagination .nav-links a:hover:focus {
    5371     color: var(--global--color-background);
    5372 }
    5373 
    5374 .has-background-white .pagination .nav-links a:active,
    5375 .has-background-white .pagination .nav-links a:hover:active,
    5376 .has-background-white .pagination .nav-links a:hover:focus,
    5377 .has-background-white .comments-pagination .nav-links a:active,
    5378 .has-background-white .comments-pagination .nav-links a:hover:active,
     7348    color: #d1e4dd;
     7349}
     7350
     7351.has-background-white .pagination .nav-links a:active {
     7352    color: #fff;
     7353}
     7354
     7355.has-background-white .pagination .nav-links a:hover:active {
     7356    color: #fff;
     7357}
     7358
     7359.has-background-white .pagination .nav-links a:hover:focus {
     7360    color: #fff;
     7361}
     7362
     7363.has-background-white .comments-pagination .nav-links a:active {
     7364    color: #fff;
     7365}
     7366
     7367.has-background-white .comments-pagination .nav-links a:hover:active {
     7368    color: #fff;
     7369}
     7370
    53797371.has-background-white .comments-pagination .nav-links a:hover:focus {
    5380     color: var(--global--color-white);
    5381 }
    5382 
    5383 .pagination .nav-links > *,
     7372    color: #fff;
     7373}
     7374
     7375.pagination .nav-links > * {
     7376    color: #28303d;
     7377    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     7378    font-size: 1.5rem;
     7379    font-weight: normal;
     7380    margin-top: 30px;
     7381    margin-left: 13px;
     7382    margin-right: 13px;
     7383}
     7384
    53847385.comments-pagination .nav-links > * {
    5385     color: var(--pagination--color-text);
    5386     font-family: var(--pagination--font-family);
    5387     font-size: var(--pagination--font-size);
    5388     font-weight: var(--pagination--font-weight);
    5389     margin-top: var(--global--spacing-vertical);
    5390     margin-left: calc(0.66 * var(--global--spacing-unit));
    5391     margin-right: calc(0.66 * var(--global--spacing-unit));
     7386    color: #28303d;
     7387    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     7388    font-size: 1.5rem;
     7389    font-weight: normal;
     7390    margin-top: 30px;
     7391    margin-left: 13px;
     7392    margin-right: 13px;
    53927393}
    53937394
    … …  
    54517452
    54527453.comments-pagination {
    5453     padding-top: calc(0.66 * var(--global--spacing-vertical));
    5454     margin: calc(3 * var(--global--spacing-vertical)) auto;
     7454    padding-top: 20px;
     7455    margin: 90px auto;
    54557456}
    54567457@media only screen and (min-width: 822px) {
    54577458
    54587459    .comments-pagination {
    5459         margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
     7460        margin: 90px auto 120px auto;
    54607461    }
    54617462}
    54627463
    54637464.comments-pagination .nav-links > * {
    5464     font-size: var(--global--font-size-md);
     7465    font-size: 1.25rem;
    54657466}
    54667467
    54677468.widget-area {
    5468     margin-top: calc(6 * var(--global--spacing-vertical));
    5469     padding-bottom: calc(var(--global--spacing-vertical) / 3);
    5470     color: var(--footer--color-text);
    5471     font-size: var(--footer--font-size);
    5472     font-family: var(--footer--font-family);
     7469    margin-top: 180px;
     7470    padding-bottom: 10px;
     7471    color: #28303d;
     7472    font-size: 1.125rem;
     7473    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    54737474}
    54747475@media only screen and (min-width: 652px) {
    … …  
    54777478        display: grid;
    54787479        grid-template-columns: repeat(2, 1fr);
    5479         column-gap: calc(2 * var(--global--spacing-horizontal));
     7480        column-gap: 50px;
    54807481    }
    54817482}
    … …  
    54897490
    54907491    .widget-area {
    5491         margin-top: calc(3 * var(--global--spacing-vertical));
     7492        margin-top: 90px;
    54927493    }
    54937494}
    … …  
    54997500
    55007501.widget-area ul li {
    5501     line-height: var(--widget--line-height-list);
    5502 }
    5503 
    5504 .widget-area ul.sub-menu,
     7502    line-height: 1.9;
     7503}
     7504
     7505.widget-area ul.sub-menu {
     7506    margin-left: 13px;
     7507}
     7508
    55057509.widget-area ul.children {
    5506     margin-left: var(--widget--spacing-menu);
     7510    margin-left: 13px;
    55077511}
    55087512
    … …  
    55127516
    55137517.widget-area a {
    5514     color: var(--footer--color-link);
     7518    color: #28303d;
    55157519    text-decoration: underline;
    55167520    text-decoration-style: solid;
    … …  
    55187522}
    55197523
    5520 .widget-area a:link,
    5521 .widget-area a:visited,
     7524.widget-area a:link {
     7525    color: #28303d;
     7526}
     7527
     7528.widget-area a:visited {
     7529    color: #28303d;
     7530}
     7531
    55227532.widget-area a:active {
    5523     color: var(--footer--color-link);
     7533    color: #28303d;
    55247534}
    55257535
    55267536.widget-area a:hover {
    5527     color: var(--footer--color-link-hover);
     7537    color: #28303d;
    55287538    text-decoration-style: dotted;
    55297539}
    55307540
    55317541.widget-area .wp-block-social-links.alignright {
    5532     margin-top: var(--global--spacing-vertical);
     7542    margin-top: 30px;
    55337543    justify-content: flex-end;
    55347544}
    55357545
    55367546.widget-area .wp-block-social-links.alignleft {
    5537     margin-top: var(--global--spacing-vertical);
     7547    margin-top: 30px;
    55387548}
    55397549
    … …  
    55457555
    55467556.widget-title {
    5547     font-size: var(--global--font-size-sm);
    5548     font-weight: var(--widget--font-weight-title);
    5549     line-height: var(--widget--line-height-title);
     7557    font-size: 1.125rem;
     7558    font-weight: 700;
     7559    line-height: 1.4;
    55507560}
    55517561
    … …  
    55547564    flex-wrap: wrap;
    55557565    margin: auto;
    5556     max-width: var(--responsive--aligndefault-width);
     7566    max-width: calc(100vw - 30px);
     7567}
     7568
     7569@media only screen and (min-width: 482px) {
     7570
     7571    .search-form {
     7572        max-width: min(calc(100vw - 100px), 610px);
     7573    }
     7574}
     7575
     7576@media only screen and (min-width: 822px) {
     7577
     7578    .search-form {
     7579        max-width: min(calc(100vw - 200px), 610px);
     7580    }
    55577581}
    55587582
    … …  
    55607584    width: 100%;
    55617585    margin-bottom: 0;
    5562     font-weight: var(--form--label-weight);
     7586    font-weight: 500;
    55637587}
    55647588
    … …  
    55667590    flex-grow: 1;
    55677591    max-width: inherit;
    5568     margin-top: calc(var(--global--spacing-vertical) / 3);
    5569     margin-right: calc(0.66 * var(--global--spacing-horizontal));
     7592    margin-top: 10px;
     7593    margin-right: 17px;
    55707594}
    55717595
    55727596.search-form .search-submit {
    5573     margin-top: calc(var(--global--spacing-vertical) / 3);
     7597    margin-top: 10px;
    55747598    margin-left: 10px;
    55757599}
    55767600
    55777601.widget_search > .search-form .search-field {
    5578     margin-right: calc(-1 * var(--button--border-width));
     7602    margin-right: -3px;
    55797603    -webkit-appearance: none;
    5580     margin-bottom: calc(0.5 * var(--global--spacing-vertical));
     7604    margin-bottom: 15px;
    55817605}
    55827606
    … …  
    55847608    margin-left: 0;
    55857609    background-color: transparent;
    5586     color: var(--button--color-text-hover);
    5587     margin-bottom: calc(0.5 * var(--global--spacing-vertical));
     7610    color: #39414d;
     7611    margin-bottom: 15px;
    55887612}
    55897613
    55907614.widget_search > .search-form .search-submit:hover {
    5591     background-color: var(--button--color-background);
    5592     color: var(--button--color-text);
     7615    background-color: #39414d;
     7616    color: #d1e4dd;
    55937617}
    55947618
    … …  
    56487672
    56497673.has-black-color[class] {
    5650     color: var(--global--color-black);
     7674    color: #000;
    56517675}
    56527676
    56537677.has-gray-color[class] {
    5654     color: var(--global--color-gray);
     7678    color: #39414d;
    56557679}
    56567680
    56577681.has-dark-gray-color[class] {
    5658     color: var(--global--color-dark-gray);
     7682    color: #28303d;
    56597683}
    56607684
    56617685.has-green-color[class] {
    5662     color: var(--global--color-green);
     7686    color: #d1e4dd;
    56637687}
    56647688
    56657689.has-blue-color[class] {
    5666     color: var(--global--color-blue);
     7690    color: #d1dfe4;
    56677691}
    56687692
    56697693.has-purple-color[class] {
    5670     color: var(--global--color-purple);
     7694    color: #d1d1e4;
    56717695}
    56727696
    56737697.has-red-color[class] {
    5674     color: var(--global--color-red);
     7698    color: #e4d1d1;
    56757699}
    56767700
    56777701.has-orange-color[class] {
    5678     color: var(--global--color-orange);
     7702    color: #e4dad1;
    56797703}
    56807704
    56817705.has-yellow-color[class] {
    5682     color: var(--global--color-yellow);
     7706    color: #eeeadd;
    56837707}
    56847708
    56857709.has-white-color[class] {
    5686     color: var(--global--color-white);
     7710    color: #fff;
    56877711}
    56887712
    … …  
    56997723
    57007724.has-black-background-color[class] {
    5701     background-color: var(--global--color-black);
     7725    background-color: #000;
    57027726}
    57037727
    57047728.has-gray-background-color[class] {
    5705     background-color: var(--global--color-gray);
     7729    background-color: #39414d;
    57067730}
    57077731
    57087732.has-dark-gray-background-color[class] {
    5709     background-color: var(--global--color-dark-gray);
     7733    background-color: #28303d;
    57107734}
    57117735
    57127736.has-green-background-color[class] {
    5713     background-color: var(--global--color-green);
     7737    background-color: #d1e4dd;
    57147738}
    57157739
    57167740.has-blue-background-color[class] {
    5717     background-color: var(--global--color-blue);
     7741    background-color: #d1dfe4;
    57187742}
    57197743
    57207744.has-purple-background-color[class] {
    5721     background-color: var(--global--color-purple);
     7745    background-color: #d1d1e4;
    57227746}
    57237747
    57247748.has-red-background-color[class] {
    5725     background-color: var(--global--color-red);
     7749    background-color: #e4d1d1;
    57267750}
    57277751
    57287752.has-orange-background-color[class] {
    5729     background-color: var(--global--color-orange);
     7753    background-color: #e4dad1;
    57307754}
    57317755
    57327756.has-yellow-background-color[class] {
    5733     background-color: var(--global--color-yellow);
     7757    background-color: #eeeadd;
    57347758}
    57357759
    57367760.has-white-background-color[class] {
    5737     background-color: var(--global--color-white);
    5738 }
    5739 
    5740 :not(.has-text-color).has-black-background-color[class],
    5741 :not(.has-text-color).has-gray-background-color[class],
     7761    background-color: #fff;
     7762}
     7763
     7764:not(.has-text-color).has-black-background-color[class] {
     7765    color: #fff;
     7766}
     7767
     7768:not(.has-text-color).has-gray-background-color[class] {
     7769    color: #fff;
     7770}
     7771
    57427772:not(.has-text-color).has-dark-gray-background-color[class] {
    5743     color: var(--global--color-white);
    5744 }
    5745 
    5746 :not(.has-text-color).has-green-background-color[class],
    5747 :not(.has-text-color).has-blue-background-color[class],
    5748 :not(.has-text-color).has-purple-background-color[class],
    5749 :not(.has-text-color).has-red-background-color[class],
    5750 :not(.has-text-color).has-orange-background-color[class],
    5751 :not(.has-text-color).has-yellow-background-color[class],
     7773    color: #fff;
     7774}
     7775
     7776:not(.has-text-color).has-green-background-color[class] {
     7777    color: #28303d;
     7778}
     7779
     7780:not(.has-text-color).has-blue-background-color[class] {
     7781    color: #28303d;
     7782}
     7783
     7784:not(.has-text-color).has-purple-background-color[class] {
     7785    color: #28303d;
     7786}
     7787
     7788:not(.has-text-color).has-red-background-color[class] {
     7789    color: #28303d;
     7790}
     7791
     7792:not(.has-text-color).has-orange-background-color[class] {
     7793    color: #28303d;
     7794}
     7795
     7796:not(.has-text-color).has-yellow-background-color[class] {
     7797    color: #28303d;
     7798}
     7799
    57527800:not(.has-text-color).has-white-background-color[class] {
    5753     color: var(--global--color-dark-gray);
     7801    color: #28303d;
    57547802}
    57557803
    57567804.has-purple-to-yellow-gradient-background {
    5757     background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
     7805    background: linear-gradient(160deg, #d1d1e4, #eeeadd);
    57587806}
    57597807
    57607808.has-yellow-to-purple-gradient-background {
    5761     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
     7809    background: linear-gradient(160deg, #eeeadd, #d1d1e4);
    57627810}
    57637811
    57647812.has-green-to-yellow-gradient-background {
    5765     background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
     7813    background: linear-gradient(160deg, #d1e4dd, #eeeadd);
    57667814}
    57677815
    57687816.has-yellow-to-green-gradient-background {
    5769     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
     7817    background: linear-gradient(160deg, #eeeadd, #d1e4dd);
    57707818}
    57717819
    57727820.has-red-to-yellow-gradient-background {
    5773     background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
     7821    background: linear-gradient(160deg, #e4d1d1, #eeeadd);
    57747822}
    57757823
    57767824.has-yellow-to-red-gradient-background {
    5777     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
     7825    background: linear-gradient(160deg, #eeeadd, #e4d1d1);
    57787826}
    57797827
    57807828.has-purple-to-red-gradient-background {
    5781     background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
     7829    background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
    57827830}
    57837831
    57847832.has-red-to-purple-gradient-background {
    5785     background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
    5786 }
    5787 
    5788 header *,
    5789 main *,
     7833    background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
     7834}
     7835
     7836header * {
     7837    max-width: unset;
     7838}
     7839
     7840main * {
     7841    max-width: unset;
     7842}
     7843
    57907844footer * {
    5791     max-width: var(--global--spacing-measure);
     7845    max-width: unset;
    57927846}
    57937847
Note: See TracChangeset for help on using the changeset viewer.