WordPress.org
Get WordPress

Make WordPress Core

Changeset 49824 for branches/5.6


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

Twenty Twenty-One: Bring back PostCSS config.

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

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

Location:
branches/5.6
Files:
3 edited
1 copied

Legend:

Unmodified
Added
Removed

  • branches/5.6

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

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

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

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