WordPress.org
Get WordPress

Make WordPress Core

Ticket #52040: 52040.patch

File 52040.patch, 295.0 KB (added by poena, 5 years ago)

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

     
    88:root {
    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;
    22857}
    22958
    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         }
    249 }
    250 
    25159/**
    25260 * Repsonsive Styles
    25361 */
    … …  
    25967/**
    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 }
    27070
    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 }
    287 
    28871/**
    28972 * Extends
    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        .default-max-width{
     81        max-width: min(calc(100vw - 100px), 610px);
     82        }
     83}
     84@media only screen and (min-width: 822px){
     85        .default-max-width{
     86        max-width: min(calc(100vw - 200px), 610px);
     87        }
     88}
    29689
    29790.wide-max-width {
    298         max-width: var(--responsive--alignwide-width);
     91        max-width: calc(100vw - 30px);
    29992        margin-left: auto;
    30093        margin-right: auto;
    30194}
    30295
     96@media only screen and (min-width: 482px){
     97        .wide-max-width{
     98        max-width: calc(100vw - 100px);
     99        }
     100}
     101
     102@media only screen and (min-width: 822px){
     103        .wide-max-width{
     104        max-width: min(calc(100vw - 200px), 1240px);
     105        }
     106}
     107
    303108@media only screen and (min-width: 482px) {
    304109
    305110        .full-max-width {
    306                 max-width: var(--responsive--alignfull-width);
     111                max-width: 100%;
    307112                width: auto;
    308113                margin-left: auto;
    309114                margin-right: auto;
    … …  
    313118blockquote {
    314119        padding: 0;
    315120        position: relative;
    316         margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
     121        margin: 30px 0 30px 25px;
    317122}
    318123
    319124blockquote > * {
    320         margin-top: var(--global--spacing-unit);
    321         margin-bottom: var(--global--spacing-unit);
     125        margin-top: 20px;
     126        margin-bottom: 20px;
    322127}
    323128
    324129blockquote > *:first-child {
    … …  
    330135}
    331136
    332137blockquote 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);
     138        letter-spacing: normal;
     139        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     140        font-size: 1.25rem;
     141        font-style: normal;
     142        font-weight: 700;
     143        line-height: 1.7;
    339144}
    340145
    341 blockquote cite,
     146blockquote cite {
     147        font-weight: normal;
     148        color: #28303d;
     149        font-size: 1rem;
     150        letter-spacing: normal;
     151}
     152
    342153blockquote footer {
    343154        font-weight: normal;
    344         color: var(--global--color-primary);
    345         font-size: var(--global--font-size-xs);
    346         letter-spacing: var(--global--letter-spacing);
     155        color: #28303d;
     156        font-size: 1rem;
     157        letter-spacing: normal;
    347158}
    348159
    349160blockquote.alignleft,
    … …  
    351162        padding-left: inherit;
    352163}
    353164
    354 blockquote.alignleft p,
     165blockquote.alignleft p {
     166        font-size: 1.125rem;
     167        max-width: inherit;
     168        width: inherit;
     169}
     170
    355171blockquote.alignright p {
    356         font-size: var(--heading--font-size-h5);
     172        font-size: 1.125rem;
    357173        max-width: inherit;
    358174        width: inherit;
    359175}
    360176
    361 blockquote.alignleft cite,
    362 blockquote.alignleft footer,
    363 blockquote.alignright cite,
     177blockquote.alignleft cite {
     178        font-size: 1rem;
     179        letter-spacing: normal;
     180}
     181
     182blockquote.alignleft footer {
     183        font-size: 1rem;
     184        letter-spacing: normal;
     185}
     186
     187blockquote.alignright cite {
     188        font-size: 1rem;
     189        letter-spacing: normal;
     190}
     191
    364192blockquote.alignright footer {
    365         font-size: var(--global--font-size-xs);
    366         letter-spacing: var(--global--letter-spacing);
     193        font-size: 1rem;
     194        letter-spacing: normal;
    367195}
    368196
    369197blockquote strong {
    370         font-weight: var(--quote--font-weight-strong);
     198        font-weight: bolder;
    371199}
    372200
    373201blockquote:before {
    374202        content: "“";
    375         font-size: var(--quote--font-size);
    376         line-height: var(--quote--line-height);
     203        font-size: 1.25rem;
     204        line-height: 1.7;
    377205        position: absolute;
    378         left: calc(-0.5 * var(--global--spacing-horizontal));
     206        left: -12px;
    379207}
    380208
    381 blockquote .wp-block-quote__citation,
    382 blockquote cite,
     209blockquote .wp-block-quote__citation {
     210        color: #28303d;
     211        font-size: 1rem;
     212        font-style: normal;
     213}
     214
     215blockquote cite {
     216        color: #28303d;
     217        font-size: 1rem;
     218        font-style: normal;
     219}
     220
    383221blockquote footer {
    384         color: var(--global--color-primary);
    385         font-size: var(--global--font-size-xs);
    386         font-style: var(--quote--font-style-cite);
     222        color: #28303d;
     223        font-size: 1rem;
     224        font-style: normal;
    387225}
    388226@media only screen and (max-width: 481px) {
    389227
    390228        blockquote {
    391                 padding-left: calc(0.5 * var(--global--spacing-horizontal));
     229                padding-left: 13px;
    392230        }
    393231
    394232        blockquote:before {
    … …  
    416254}
    417255
    418256/* Media captions */
    419 figcaption,
    420 .wp-caption,
    421 .wp-caption-text,
     257figcaption {
     258        color: currentColor;
     259        font-size: 1rem;
     260        line-height: 1.7;
     261        margin-top: 10px;
     262        margin-bottom: 20px;
     263        text-align: center;
     264}
     265.wp-caption {
     266        color: currentColor;
     267        font-size: 1rem;
     268        line-height: 1.7;
     269        margin-top: 10px;
     270        margin-bottom: 20px;
     271        text-align: center;
     272}
     273.wp-caption-text {
     274        color: currentColor;
     275        font-size: 1rem;
     276        line-height: 1.7;
     277        margin-top: 10px;
     278        margin-bottom: 20px;
     279        text-align: center;
     280}
    422281.wp-block-embed figcaption {
    423282        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);
     283        font-size: 1rem;
     284        line-height: 1.7;
     285        margin-top: 10px;
     286        margin-bottom: 20px;
    428287        text-align: center;
    429288}
    430289
    … …  
    450309}
    451310
    452311select {
    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);
     312        border: 3px solid #39414d;
     313        border-radius: 0;
     314        color: #28303d;
     315        font-size: 1.125rem;
    457316        -moz-appearance: none;
    458317        -webkit-appearance: none;
    459318        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%;
     319        padding: 10px 30px 10px 10px;
     320        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;
     321        background-position: right 10px top 60%;
    463322}
    464323
    465324/*
    … …  
    469328 */
    470329a {
    471330        cursor: pointer;
    472         color: var(--wp--style--color--link, var(--global--color-primary));
     331        color: #28303d;
    473332        text-underline-offset: 3px;
    474333        text-decoration-skip-ink: all;
    475334}
    … …  
    488347        background: rgba(255, 255, 255, 0.9);
    489348}
    490349
    491 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
     350.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     351        color: #d1e4dd;
     352}
     353
    492354.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));
     355        color: #d1e4dd;
    494356}
    495357
    496358.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    497359        background: rgba(0, 0, 0, 0.9);
    498         color: var(--wp--style--color--link, var(--global--color-white));
     360        color: #fff;
    499361}
    500362
    501363.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));
     364        color: #fff;
    503365}
    504366
    505367.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
    … …  
    515377}
    516378
    517379.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));
     380        outline: 2px dotted #28303d;
    519381}
    520382
    521 .has-background .has-link-color a,
     383.has-background .has-link-color a {
     384        color: #28303d;
     385}
     386
    522387.has-background.has-link-color a {
    523         color: var(--wp--style--color--link, var(--global--color-primary));
     388        color: #28303d;
    524389}
    525390
    526391.wp-block-button__link {
    527         line-height: var(--button--line-height);
    528         color: var(--button--color-text);
     392        line-height: 1.5;
     393        color: #d1e4dd;
    529394        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);
     395        font-weight: 500;
     396        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     397        font-size: 1.25rem;
     398        background-color: #39414d;
     399        border-radius: 0;
     400        border: 3px solid #39414d;
    536401        text-decoration: none;
    537         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     402        padding: 15px 30px;
    538403}
    539404
    540405.wp-block-button__link:focus {
    … …  
    544409}
    545410
    546411.is-dark-theme .wp-block-button__link:focus {
    547         color: var(--button--color-background);
     412        color: #39414d;
    548413}
    549414
    550415.wp-block-button__link:focus:not(.has-background) {
    551         color: var(--button--color-text-hover);
     416        color: #39414d;
    552417}
    553418
    554419.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);
     420        background-color: rgba(255, 255, 255, 0.5);
     421        border-color: rgba(255, 255, 255, 0.5);
     422        color: #39414d;
    558423}
    559424
    560425/**
    … …  
    566431}
    567432
    568433[data-block].wp-block-buttons .wp-block-button:first-child {
    569         margin-top: var(--global--spacing-vertical);
     434        margin-top: 30px;
    570435}
    571436
    572437[data-block].wp-block-buttons .wp-block-button:last-child {
    573         margin-bottom: var(--global--spacing-vertical);
     438        margin-bottom: 30px;
    574439}
    575440
    576441.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    577         color: var(--button--color-text-active) !important;
     442        color: #39414d !important;
    578443        background: transparent !important;
    579         border-color: var(--button--color-background);
     444        border-color: #39414d;
    580445}
    581446
    582447.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    583         color: var(--button--color-text-hover) !important;
     448        color: #39414d !important;
    584449        background: transparent !important;
    585         border-color: var(--button--color-background);
     450        border-color: #39414d;
    586451}
    587452
    588453.wp-block-button.is-style-outline .wp-block-button__link {
    589         color: var(--button--color-background);
     454        color: #39414d;
    590455        background: transparent;
    591         border: var(--button--border-width) solid currentColor;
    592         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     456        border: 3px solid currentColor;
     457        padding: 15px 30px;
    593458}
    594459
    595 .wp-block-button.is-style-outline .wp-block-button__link:active,
     460.wp-block-button.is-style-outline .wp-block-button__link:active {
     461        background-color: #39414d;
     462        color: #d1e4dd;
     463        border-color: #39414d;
     464}
     465
    596466.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);
     467        background-color: #39414d;
     468        color: #d1e4dd;
     469        border-color: #39414d;
    600470}
    601471
    602472.wp-block-button.is-style-outline .wp-block-button__link.has-background {
    603         border-color: var(--button--color-background);
     473        border-color: #39414d;
    604474}
    605475
    606 .wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
     476.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
     477        background-color: #39414d !important;
     478}
     479
    607480.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
    608         background-color: var(--button--color-background) !important;
     481        background-color: #39414d !important;
    609482}
    610483
    611484.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
    612         color: var(--global--color-dark-gray);
     485        color: #28303d;
    613486}
    614487
    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),
     488.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
     489        color: #fff;
     490}
     491
     492.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
     493        color: #fff;
     494}
     495
    617496.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);
     497        color: #fff;
    619498}
    620499
    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,
     500.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color {
     501        color: #28303d;
     502}
     503
     504.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color {
     505        color: #28303d;
     506}
     507
     508.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color {
     509        color: #28303d;
     510}
     511
     512.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color {
     513        color: #28303d;
     514}
     515
     516.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color {
     517        color: #28303d;
     518}
     519
     520.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color {
     521        color: #28303d;
     522}
     523
    627524.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);
     525        color: #28303d;
    629526}
    630527
    631528.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
    … …  
    632529        border-color: currentColor;
    633530}
    634531
    635 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
     532.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
     533        color: #d1e4dd !important;
     534        border-color: #39414d;
     535}
     536
    636537.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);
     538        color: #d1e4dd !important;
     539        border-color: #39414d;
    639540}
    640541
    641542.wp-block-button.is-style-squared {
    … …  
    648549}
    649550
    650551.wp-block-code code {
    651         font-size: var(--global--font-size-xs);
     552        font-size: 1rem;
    652553        white-space: pre !important;
    653554        overflow-x: auto;
    654555}
    655556
    656557.wp-block-code {
    657         border-color: var(--global--color-border);
     558        border-color: #28303d;
    658559        border-radius: 0;
    659560        border-style: solid;
    660561        border-width: 0.1rem;
    661         padding: var(--global--spacing-unit);
     562        padding: 20px;
    662563        color: currentColor;
    663564}
    664565
    665 .wp-block-cover,
     566.wp-block-cover {
     567        background-color: #000;
     568        min-height: 450px;
     569        margin-top: inherit;
     570        margin-bottom: inherit;
     571}
     572
    666573.wp-block-cover-image {
    667         background-color: var(--cover--color-background);
    668         min-height: var(--cover--height);
     574        background-color: #000;
     575        min-height: 450px;
    669576        margin-top: inherit;
    670577        margin-bottom: inherit;
    671578}
    … …  
    720627        color: currentColor;
    721628}
    722629
    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,
     630.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
     631        color: #28303d;
     632}
     633
     634.wp-block-cover .wp-block-cover-image-text .has-link-color a {
     635        color: #28303d;
     636}
     637
     638.wp-block-cover .wp-block-cover-text .has-link-color a {
     639        color: #28303d;
     640}
     641
     642.wp-block-cover .block-editor-block-list__block .has-link-color a {
     643        color: #28303d;
     644}
     645
     646.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
     647        color: #28303d;
     648}
     649
     650.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
     651        color: #28303d;
     652}
     653
     654.wp-block-cover-image .wp-block-cover-text .has-link-color a {
     655        color: #28303d;
     656}
     657
    730658.wp-block-cover-image .block-editor-block-list__block .has-link-color a {
    731         color: var(--wp--style--color--link, var(--global--color-primary));
     659        color: #28303d;
    732660}
    733661
    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,
     662.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
     663        color: #fff;
     664}
     665
     666.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
     667        color: #fff;
     668}
     669
     670.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
     671        color: #fff;
     672}
     673
     674.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block {
     675        color: #fff;
     676}
     677
     678.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
     679        color: #fff;
     680}
     681
     682.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
     683        color: #fff;
     684}
     685
     686.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
     687        color: #fff;
     688}
     689
    741690.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
    742         color: var(--cover--color-foreground);
     691        color: #fff;
    743692}
    744693
    745 .wp-block-cover h2,
     694.wp-block-cover h2 {
     695        font-size: 2.25rem;
     696        letter-spacing: normal;
     697        line-height: 1.3;
     698        padding: 0;
     699        max-width: inherit;
     700        text-align: inherit;
     701}
     702
     703@media only screen and (min-width: 652px){
     704        .wp-block-cover h2{
     705        font-size: 3rem;
     706        }
     707}
     708
     709@media only screen and (min-width: 652px){
     710        .wp-block-cover h2{
     711        font-size: 3rem;
     712        }
     713}
     714
    746715.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);
     716        font-size: 2.25rem;
     717        letter-spacing: normal;
     718        line-height: 1.3;
    750719        padding: 0;
    751720        max-width: inherit;
    752721        text-align: inherit;
    753722}
    754723
     724@media only screen and (min-width: 652px){
     725        .wp-block-cover-image h2{
     726        font-size: 3rem;
     727        }
     728}
     729
     730@media only screen and (min-width: 652px){
     731        .wp-block-cover-image h2{
     732        font-size: 3rem;
     733        }
     734}
     735
    755736.wp-block-cover h2.has-text-align-left,
    756737.wp-block-cover-image h2.has-text-align-left {
    757738        text-align: left;
    … …  
    767748        text-align: right;
    768749}
    769750
    770 .wp-block-cover.is-style-twentytwentyone-border,
     751.wp-block-cover.is-style-twentytwentyone-border {
     752        border: 3px solid #28303d;
     753}
     754
    771755.wp-block-cover-image.is-style-twentytwentyone-border {
    772         border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     756        border: 3px solid #28303d;
    773757}
    774758
    775759.wp-block-columns:not(.alignwide):not(.alignfull) {
    … …  
    796780@media only screen and (min-width: 652px) {
    797781
    798782        .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));
     783                margin-left: -50px;
     784                margin-top: 63px;
    801785                z-index: 2;
    802786        }
    803787
    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),
     788        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
     789                background-color: #d1e4dd;
     790                padding: 20px;
     791        }
     792
     793        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
     794                background-color: #d1e4dd;
     795                padding: 20px;
     796        }
     797
     798        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
     799                background-color: #d1e4dd;
     800                padding: 20px;
     801        }
     802
     803        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
     804                background-color: #d1e4dd;
     805                padding: 20px;
     806        }
     807
     808        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
     809                background-color: #d1e4dd;
     810                padding: 20px;
     811        }
     812
     813        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
     814                background-color: #d1e4dd;
     815                padding: 20px;
     816        }
     817
     818        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
     819                background-color: #d1e4dd;
     820                padding: 20px;
     821        }
     822
     823        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     824                background-color: #d1e4dd;
     825                padding: 20px;
     826        }
     827
     828        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
     829                background-color: #d1e4dd;
     830                padding: 20px;
     831        }
     832
    813833        .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);
     834                background-color: #d1e4dd;
     835                padding: 20px;
    816836        }
    817837
    818         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     838        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     839                padding-left: 50px;
     840        }
     841
    819842        .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));
     843                padding-left: 50px;
    821844        }
    822845
    823846        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
    … …  
    825848        }
    826849}
    827850
    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),
     851.wp-block[data-align=full] > .wp-block-columns p:not(.has-background) {
     852        padding-left: 20px;
     853        padding-right: 20px;
     854}
     855
     856.wp-block[data-align=full] > .wp-block-columns h1:not(.has-background) {
     857        padding-left: 20px;
     858        padding-right: 20px;
     859}
     860
     861.wp-block[data-align=full] > .wp-block-columns h2:not(.has-background) {
     862        padding-left: 20px;
     863        padding-right: 20px;
     864}
     865
     866.wp-block[data-align=full] > .wp-block-columns h3:not(.has-background) {
     867        padding-left: 20px;
     868        padding-right: 20px;
     869}
     870
     871.wp-block[data-align=full] > .wp-block-columns h4:not(.has-background) {
     872        padding-left: 20px;
     873        padding-right: 20px;
     874}
     875
     876.wp-block[data-align=full] > .wp-block-columns h5:not(.has-background) {
     877        padding-left: 20px;
     878        padding-right: 20px;
     879}
     880
    834881.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);
     882        padding-left: 20px;
     883        padding-right: 20px;
    837884}
    838885
    839886.wp-block-file .wp-block-file__textlink {
    … …  
    848895}
    849896
    850897.wp-block-file .wp-block-file__button {
    851         line-height: var(--button--line-height);
    852         color: var(--button--color-text);
     898        line-height: 1.5;
     899        color: #d1e4dd;
    853900        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);
     901        font-weight: 500;
     902        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     903        font-size: 1.25rem;
     904        background-color: #39414d;
     905        border-radius: 0;
     906        border: 3px solid #39414d;
    860907        text-decoration: none;
    861         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     908        padding: 15px 30px;
    862909        display: inline-block;
    863910}
    864911
    … …  
    869916}
    870917
    871918.is-dark-theme .wp-block-file .wp-block-file__button:focus {
    872         color: var(--button--color-background);
     919        color: #39414d;
    873920}
    874921
    875922.wp-block-file .wp-block-file__button:focus:not(.has-background) {
    876         color: var(--button--color-text-hover);
     923        color: #39414d;
    877924}
    878925
    879926.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);
     927        background-color: rgba(255, 255, 255, 0.5);
     928        border-color: rgba(255, 255, 255, 0.5);
     929        color: #39414d;
    883930}
    884931
    885932.wp-block-file .wp-block-file__button:hover {
    886         color: var(--button--color-text-hover);
     933        color: #39414d;
    887934        background: transparent;
    888935}
    889936
    … …  
    892939}
    893940
    894941.wp-block-gallery figcaption a {
    895         color: var(--global--color-white);
     942        color: #fff;
    896943}
    897944
    898945.wp-block-group {
    … …  
    909956}
    910957
    911958.wp-block-group.has-background {
    912         padding: var(--global--spacing-vertical);
     959        padding: 30px;
    913960}
    914961
    915962[data-align=full] .wp-block-group.has-background {
    … …  
    918965}
    919966
    920967.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);
     968        border: 3px solid #28303d;
     969        padding: 30px;
    923970}
    924971
    925972.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));
     973        max-width: calc(100% + 60px);
     974        width: calc(100% + 60px);
     975        margin-left: -30px;
    929976}
    930977
    931978.wp-block-group > .wp-block-group__inner-container > *:first-child {
    … …  
    946993        width: 100%;
    947994}
    948995
    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,
     996.wp-block-heading h1 {
     997        clear: both;
     998        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     999        font-weight: normal;
     1000}
     1001
     1002h1 {
     1003        clear: both;
     1004        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1005        font-weight: normal;
     1006}
     1007
     1008.h1 {
     1009        clear: both;
     1010        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1011        font-weight: normal;
     1012}
     1013
     1014.wp-block-heading h2 {
     1015        clear: both;
     1016        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1017        font-weight: normal;
     1018}
     1019
     1020h2 {
     1021        clear: both;
     1022        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1023        font-weight: normal;
     1024}
     1025
     1026.h2 {
     1027        clear: both;
     1028        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1029        font-weight: normal;
     1030}
     1031
     1032.wp-block-heading h3 {
     1033        clear: both;
     1034        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1035        font-weight: normal;
     1036}
     1037
     1038h3 {
     1039        clear: both;
     1040        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1041        font-weight: normal;
     1042}
     1043
     1044.h3 {
     1045        clear: both;
     1046        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1047        font-weight: normal;
     1048}
     1049
     1050.wp-block-heading h4 {
     1051        clear: both;
     1052        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1053        font-weight: normal;
     1054}
     1055
     1056h4 {
     1057        clear: both;
     1058        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1059        font-weight: normal;
     1060}
     1061
     1062.h4 {
     1063        clear: both;
     1064        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1065        font-weight: normal;
     1066}
     1067
     1068.wp-block-heading h5 {
     1069        clear: both;
     1070        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1071        font-weight: normal;
     1072}
     1073
     1074h5 {
     1075        clear: both;
     1076        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1077        font-weight: normal;
     1078}
     1079
     1080.h5 {
     1081        clear: both;
     1082        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1083        font-weight: normal;
     1084}
     1085
     1086.wp-block-heading h6 {
     1087        clear: both;
     1088        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1089        font-weight: normal;
     1090}
     1091
     1092h6 {
     1093        clear: both;
     1094        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1095        font-weight: normal;
     1096}
     1097
    9661098.h6 {
    9671099        clear: both;
    968         font-family: var(--heading--font-family);
    969         font-weight: var(--heading--font-weight);
     1100        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1101        font-weight: normal;
    9701102}
    9711103
    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,
     1104.wp-block-heading h1 strong {
     1105        font-weight: 600;
     1106}
     1107
     1108h1 strong {
     1109        font-weight: 600;
     1110}
     1111
     1112.h1 strong {
     1113        font-weight: 600;
     1114}
     1115
     1116.wp-block-heading h2 strong {
     1117        font-weight: 600;
     1118}
     1119
     1120h2 strong {
     1121        font-weight: 600;
     1122}
     1123
     1124.h2 strong {
     1125        font-weight: 600;
     1126}
     1127
     1128.wp-block-heading h3 strong {
     1129        font-weight: 600;
     1130}
     1131
     1132h3 strong {
     1133        font-weight: 600;
     1134}
     1135
     1136.h3 strong {
     1137        font-weight: 600;
     1138}
     1139
     1140.wp-block-heading h4 strong {
     1141        font-weight: 600;
     1142}
     1143
     1144h4 strong {
     1145        font-weight: 600;
     1146}
     1147
     1148.h4 strong {
     1149        font-weight: 600;
     1150}
     1151
     1152.wp-block-heading h5 strong {
     1153        font-weight: 600;
     1154}
     1155
     1156h5 strong {
     1157        font-weight: 600;
     1158}
     1159
     1160.h5 strong {
     1161        font-weight: 600;
     1162}
     1163
     1164.wp-block-heading h6 strong {
     1165        font-weight: 600;
     1166}
     1167
     1168h6 strong {
     1169        font-weight: 600;
     1170}
     1171
    9891172.h6 strong {
    990         font-weight: var(--heading--font-weight-strong);
     1173        font-weight: 600;
    9911174}
    9921175
    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"],
     1176.wp-block-heading h1[style*="--wp--typography--line-height"] {
     1177        line-height: --global--line-height-body;
     1178}
     1179
     1180h1[style*="--wp--typography--line-height"] {
     1181        line-height: --global--line-height-body;
     1182}
     1183
     1184.h1[style*="--wp--typography--line-height"] {
     1185        line-height: --global--line-height-body;
     1186}
     1187
     1188.wp-block-heading h2[style*="--wp--typography--line-height"] {
     1189        line-height: --global--line-height-body;
     1190}
     1191
     1192h2[style*="--wp--typography--line-height"] {
     1193        line-height: --global--line-height-body;
     1194}
     1195
     1196.h2[style*="--wp--typography--line-height"] {
     1197        line-height: --global--line-height-body;
     1198}
     1199
     1200.wp-block-heading h3[style*="--wp--typography--line-height"] {
     1201        line-height: --global--line-height-body;
     1202}
     1203
     1204h3[style*="--wp--typography--line-height"] {
     1205        line-height: --global--line-height-body;
     1206}
     1207
     1208.h3[style*="--wp--typography--line-height"] {
     1209        line-height: --global--line-height-body;
     1210}
     1211
     1212.wp-block-heading h4[style*="--wp--typography--line-height"] {
     1213        line-height: --global--line-height-body;
     1214}
     1215
     1216h4[style*="--wp--typography--line-height"] {
     1217        line-height: --global--line-height-body;
     1218}
     1219
     1220.h4[style*="--wp--typography--line-height"] {
     1221        line-height: --global--line-height-body;
     1222}
     1223
     1224.wp-block-heading h5[style*="--wp--typography--line-height"] {
     1225        line-height: --global--line-height-body;
     1226}
     1227
     1228h5[style*="--wp--typography--line-height"] {
     1229        line-height: --global--line-height-body;
     1230}
     1231
     1232.h5[style*="--wp--typography--line-height"] {
     1233        line-height: --global--line-height-body;
     1234}
     1235
     1236.wp-block-heading h6[style*="--wp--typography--line-height"] {
     1237        line-height: --global--line-height-body;
     1238}
     1239
     1240h6[style*="--wp--typography--line-height"] {
     1241        line-height: --global--line-height-body;
     1242}
     1243
    10101244.h6[style*="--wp--typography--line-height"] {
    1011         line-height: var(--wp--typography--line-height, --global--line-height-body);
     1245        line-height: --global--line-height-body;
    10121246}
    10131247
    1014 .wp-block-heading h1,
    1015 h1,
     1248.wp-block-heading h1 {
     1249        font-size: 4rem;
     1250        letter-spacing: normal;
     1251        line-height: 1.1;
     1252}
     1253
     1254@media only screen and (min-width: 652px){
     1255        .wp-block-heading h1{
     1256        font-size: 6rem;
     1257        }
     1258}
     1259
     1260h1 {
     1261        font-size: 4rem;
     1262        letter-spacing: normal;
     1263        line-height: 1.1;
     1264}
     1265
     1266@media only screen and (min-width: 652px){
     1267        h1{
     1268        font-size: 6rem;
     1269        }
     1270}
     1271
    10161272.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);
     1273        font-size: 4rem;
     1274        letter-spacing: normal;
     1275        line-height: 1.1;
    10201276}
    10211277
    1022 .wp-block-heading h2,
    1023 h2,
     1278@media only screen and (min-width: 652px){
     1279        .h1{
     1280        font-size: 6rem;
     1281        }
     1282}
     1283
     1284.wp-block-heading h2 {
     1285        font-size: 2.25rem;
     1286        letter-spacing: normal;
     1287        line-height: 1.3;
     1288}
     1289
     1290@media only screen and (min-width: 652px){
     1291        .wp-block-heading h2{
     1292        font-size: 3rem;
     1293        }
     1294}
     1295
     1296@media only screen and (min-width: 652px){
     1297        .wp-block-heading h2{
     1298        font-size: 3rem;
     1299        }
     1300}
     1301
     1302h2 {
     1303        font-size: 2.25rem;
     1304        letter-spacing: normal;
     1305        line-height: 1.3;
     1306}
     1307
     1308@media only screen and (min-width: 652px){
     1309        h2{
     1310        font-size: 3rem;
     1311        }
     1312}
     1313
     1314@media only screen and (min-width: 652px){
     1315        h2{
     1316        font-size: 3rem;
     1317        }
     1318}
     1319
    10241320.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);
     1321        font-size: 2.25rem;
     1322        letter-spacing: normal;
     1323        line-height: 1.3;
    10281324}
    10291325
    1030 .wp-block-heading h3,
    1031 h3,
     1326@media only screen and (min-width: 652px){
     1327        .h2{
     1328        font-size: 3rem;
     1329        }
     1330}
     1331
     1332@media only screen and (min-width: 652px){
     1333        .h2{
     1334        font-size: 3rem;
     1335        }
     1336}
     1337
     1338.wp-block-heading h3 {
     1339        font-size: 2rem;
     1340        letter-spacing: normal;
     1341        line-height: 1.3;
     1342}
     1343
     1344@media only screen and (min-width: 652px){
     1345        .wp-block-heading h3{
     1346        font-size: 2rem;
     1347        }
     1348}
     1349
     1350h3 {
     1351        font-size: 2rem;
     1352        letter-spacing: normal;
     1353        line-height: 1.3;
     1354}
     1355
     1356@media only screen and (min-width: 652px){
     1357        h3{
     1358        font-size: 2rem;
     1359        }
     1360}
     1361
    10321362.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);
     1363        font-size: 2rem;
     1364        letter-spacing: normal;
     1365        line-height: 1.3;
    10361366}
    10371367
    1038 .wp-block-heading h4,
    1039 h4,
     1368@media only screen and (min-width: 652px){
     1369        .h3{
     1370        font-size: 2rem;
     1371        }
     1372}
     1373
     1374.wp-block-heading h4 {
     1375        font-size: 1.5rem;
     1376        font-weight: 600;
     1377        letter-spacing: normal;
     1378        line-height: 1.3;
     1379}
     1380
     1381h4 {
     1382        font-size: 1.5rem;
     1383        font-weight: 600;
     1384        letter-spacing: normal;
     1385        line-height: 1.3;
     1386}
     1387
    10401388.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);
     1389        font-size: 1.5rem;
     1390        font-weight: 600;
     1391        letter-spacing: normal;
     1392        line-height: 1.3;
    10451393}
    10461394
    1047 .wp-block-heading h5,
    1048 h5,
     1395.wp-block-heading h5 {
     1396        font-size: 1.125rem;
     1397        font-weight: 600;
     1398        letter-spacing: 0.05em;
     1399        line-height: 1.3;
     1400}
     1401
     1402h5 {
     1403        font-size: 1.125rem;
     1404        font-weight: 600;
     1405        letter-spacing: 0.05em;
     1406        line-height: 1.3;
     1407}
     1408
    10491409.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);
     1410        font-size: 1.125rem;
     1411        font-weight: 600;
     1412        letter-spacing: 0.05em;
     1413        line-height: 1.3;
    10541414}
    10551415
    1056 .wp-block-heading h6,
    1057 h6,
     1416.wp-block-heading h6 {
     1417        font-size: 1rem;
     1418        font-weight: 600;
     1419        letter-spacing: 0.05em;
     1420        line-height: 1.3;
     1421}
     1422
     1423h6 {
     1424        font-size: 1rem;
     1425        font-weight: 600;
     1426        letter-spacing: 0.05em;
     1427        line-height: 1.3;
     1428}
     1429
    10581430.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);
     1431        font-size: 1rem;
     1432        font-weight: 600;
     1433        letter-spacing: 0.05em;
     1434        line-height: 1.3;
    10631435}
    10641436
    10651437[data-type="core/html"] textarea {
    1066         color: var(--global--color-dark-gray);
     1438        color: #28303d;
    10671439        border-radius: 0;
    1068         padding: var(--global--spacing-unit);
     1440        padding: 20px;
    10691441}
    10701442
    10711443/* Center image block by default in the editor */
    … …  
    10781450}
    10791451
    10801452/* Block Styles */
    1081 .wp-block-image.is-style-twentytwentyone-border img,
     1453.wp-block-image.is-style-twentytwentyone-border img {
     1454        border: 3px solid #28303d;
     1455}
    10821456.wp-block-image.is-style-twentytwentyone-image-frame img {
    1083         border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     1457        border: 3px solid #28303d;
    10841458}
    10851459
    10861460.wp-block-image.is-style-twentytwentyone-image-frame img {
    1087         padding: var(--global--spacing-unit);
     1461        padding: 20px;
    10881462}
    10891463
    10901464.wp-block-latest-comments {
    … …  
    10961470}
    10971471
    10981472.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));
     1473        margin-top: 50px;
     1474        margin-bottom: 50px;
    11011475}
    11021476
    11031477.wp-block-latest-posts:not(.is-grid) > li:first-child {
    … …  
    11141488}
    11151489
    11161490.wp-block-latest-posts.is-grid > li {
    1117         margin-bottom: var(--global--spacing-vertical);
     1491        margin-bottom: 30px;
    11181492}
    11191493
    11201494.wp-block-latest-posts.is-grid > li:last-child {
    … …  
    11221496}
    11231497
    11241498.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));
     1499        margin-top: 10px;
     1500        margin-bottom: 10px;
    11271501}
    11281502
    11291503.wp-block-latest-posts > li > *:first-child {
    … …  
    11361510
    11371511.wp-block-latest-posts > li > a {
    11381512        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));
     1513        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1514        font-size: 2rem;
     1515        font-weight: normal;
     1516        line-height: 1.3;
     1517        margin-bottom: 10px;
    11441518}
    11451519
     1520@media only screen and (min-width: 652px){
     1521        .wp-block-latest-posts > li > a{
     1522        font-size: 2rem;
     1523        }
     1524}
     1525
    11461526.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);
     1527        color: #28303d;
     1528        font-size: 1.25rem;
     1529        line-height: 1.7;
    11501530}
    11511531
    11521532.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);
     1533        color: #28303d;
     1534        font-size: 1rem;
     1535        line-height: 1.7;
    11561536}
    11571537
    11581538[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
    … …  
    11601540        color: currentColor;
    11611541}
    11621542
    1163 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
     1543.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
     1544        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1545        font-size: 1.125rem;
     1546        line-height: 1.7;
     1547        margin-top: 20px;
     1548}
     1549
    11641550.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));
     1551        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1552        font-size: 1.125rem;
     1553        line-height: 1.7;
     1554        margin-top: 20px;
    11691555}
    11701556
    11711557.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);
     1558        border-top: 3px solid #28303d;
     1559        border-bottom: 3px solid #28303d;
    11741560}
    11751561
    1176 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
     1562.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
     1563        padding-bottom: 30px;
     1564        border-bottom: 1px solid #28303d;
     1565        margin-top: 30px;
     1566        margin-bottom: 30px;
     1567}
     1568
    11771569.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);
     1570        padding-bottom: 30px;
     1571        border-bottom: 1px solid #28303d;
     1572        margin-top: 30px;
     1573        margin-bottom: 30px;
    11821574}
    11831575
    11841576.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
    … …  
    11881580}
    11891581
    11901582.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);
     1583        box-shadow: inset 0 -1px 0 0 #28303d;
     1584        border-bottom: 2px solid #28303d;
    11931585}
    11941586
    11951587.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
    11961588        margin: 0;
    1197         padding-top: var(--global--spacing-vertical);
    1198         padding-right: var(--global--spacing-horizontal);
     1589        padding-top: 30px;
     1590        padding-right: 25px;
    11991591}
    12001592
    12011593.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
    1202         padding-bottom: var(--global--spacing-vertical);
     1594        padding-bottom: 30px;
    12031595}
    12041596@media screen and (min-width: 600px) {
    12051597
    12061598        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
    1207                 width: calc((100% / 2));
     1599                width: 50%;
    12081600        }
    12091601
    12101602        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
    1211                 width: calc((100% / 3));
     1603                width: 33%;
    12121604        }
    12131605
    12141606        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
    1215                 width: calc((100% / 4));
     1607                width: 25%;
    12161608        }
    12171609
    12181610        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
    1219                 width: calc((100% / 5));
     1611                width: 20%;
    12201612        }
    12211613
    12221614        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
    1223                 width: calc((100% / 6));
     1615                width: 17%;
    12241616        }
    12251617}
    12261618
    12271619.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);
     1620        border: 3px solid #28303d;
     1621        padding: 30px 25px;
    12301622}
    12311623
    12321624.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);
     1625        padding-bottom: 30px;
     1626        margin-bottom: 30px;
    12351627}
    12361628
    12371629.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);
     1630        margin-top: 25px;
     1631        margin-bottom: 25px;
    12401632}
    12411633
    12421634.gallery-item {
    … …  
    12821674        display: block;
    12831675}
    12841676
    1285 ul,
     1677ul {
     1678        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1679        margin: 30px 0;
     1680        padding-left: 50px;
     1681}
     1682
    12861683ol {
    1287         font-family: var(--list--font-family);
    1288         margin: var(--global--spacing-vertical) 0;
    1289         padding-left: calc(2 * var(--global--spacing-horizontal));
     1684        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1685        margin: 30px 0;
     1686        padding-left: 50px;
    12901687}
    12911688
    12921689ul.aligncenter,
    … …  
    13091706}
    13101707
    13111708dt {
    1312         font-family: var(--definition-term--font-family);
     1709        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    13131710        font-weight: bold;
    13141711}
    13151712
    … …  
    13321729}
    13331730
    13341731.wp-block-media-text .wp-block-media-text__content {
    1335         padding: var(--global--spacing-horizontal);
     1732        padding: 25px;
    13361733}
    13371734
    13381735.wp-block-media-text.is-style-twentytwentyone-border {
    1339         border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     1736        border: 3px solid #28303d;
    13401737}
    13411738
    13421739.wp-block-navigation .wp-block-navigation__container {
    1343         background: var(--global--color-background);
     1740        background: #d1e4dd;
    13441741        padding: 0;
    13451742}
    13461743
    13471744.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
    1348         padding: var(--primary-nav--padding);
     1745        padding: 13px;
    13491746}
    13501747
    13511748.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);
     1749        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1750        font-size: 1.25rem;
     1751        font-weight: normal;
    13551752}
    13561753
    13571754.wp-block-navigation .has-child .wp-block-navigation__container {
    1358         box-shadow: var(--global--elevation);
     1755        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    13591756}
    13601757
    1361 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
     1758.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
     1759        color: #28303d;
     1760}
     1761
    13621762.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
    1363         color: var(--primary-nav--color-link-hover);
     1763        color: #28303d;
    13641764}
    13651765
    13661766.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
    … …  
    13681768}
    13691769
    13701770p {
    1371         line-height: var(--wp--typography--line-height, --global--line-height-body);
     1771        line-height: --global--line-height-body;
    13721772}
    13731773
    13741774p.has-background {
    1375         padding: var(--global--spacing-unit);
     1775        padding: 20px;
    13761776}
    13771777
    13781778pre.wp-block-preformatted {
    13791779        overflow-x: auto;
    13801780        white-space: pre !important;
    1381         font-size: var(--global--font-size-xs);
     1781        font-size: 1rem;
    13821782}
    13831783
    13841784.wp-block-pullquote {
    1385         padding: calc(2 * var(--global--spacing-unit)) 0;
     1785        padding: 40px 0;
    13861786        text-align: center;
    1387         border-width: var(--pullquote--border-width);
     1787        border-width: 3px;
    13881788        border-bottom-style: solid;
    13891789        border-top-style: solid;
    13901790        color: currentColor;
    … …  
    14041804}
    14051805
    14061806.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);
     1807        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1808        font-size: 2rem;
     1809        font-style: normal;
    14101810        font-weight: 700;
    1411         letter-spacing: var(--pullquote--letter-spacing);
    1412         line-height: var(--pullquote--line-height);
     1811        letter-spacing: normal;
     1812        line-height: 1.3;
    14131813        margin: 0;
    14141814}
    14151815
     1816@media only screen and (min-width: 652px){
     1817        .wp-block-pullquote p{
     1818        font-size: 2rem;
     1819        }
     1820}
     1821
    14161822.wp-block-pullquote a {
    14171823        color: currentColor;
    14181824}
    14191825
    1420 .wp-block-pullquote .wp-block-pullquote__citation,
    1421 .wp-block-pullquote cite,
     1826.wp-block-pullquote .wp-block-pullquote__citation {
     1827        font-size: 1rem;
     1828        font-style: normal;
     1829        text-transform: none;
     1830}
     1831
     1832.wp-block-pullquote cite {
     1833        font-size: 1rem;
     1834        font-style: normal;
     1835        text-transform: none;
     1836}
     1837
    14221838.wp-block-pullquote footer {
    1423         font-size: var(--global--font-size-xs);
    1424         font-style: var(--pullquote--font-style);
     1839        font-size: 1rem;
     1840        font-style: normal;
    14251841        text-transform: none;
    14261842}
    14271843
    … …  
    14321848.wp-block-pullquote.is-style-solid-color {
    14331849        margin-left: auto;
    14341850        margin-right: auto;
    1435         padding: calc(2.5 * var(--global--spacing-unit));
    1436         border-width: var(--pullquote--border-width);
     1851        padding: 50px;
     1852        border-width: 3px;
    14371853        border-style: solid;
    1438         border-color: var(--pullquote--border-color);
     1854        border-color: #28303d;
    14391855}
    14401856@media (min-width: 600px) {
    14411857
    14421858        .wp-block-pullquote.is-style-solid-color {
    1443                 padding: calc(5 * var(--global--spacing-unit));
     1859                padding: 100px;
    14441860        }
    14451861}
    14461862
    … …  
    14481864        text-align: left;
    14491865}
    14501866
    1451 .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
     1867.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
     1868        padding-left: 20px;
     1869        padding-right: 20px;
     1870        max-width: inherit;
     1871}
     1872
    14521873.wp-block-pullquote.is-style-solid-color.alignright blockquote {
    1453         padding-left: var(--global--spacing-unit);
    1454         padding-right: var(--global--spacing-unit);
     1874        padding-left: 20px;
     1875        padding-right: 20px;
    14551876        max-width: inherit;
    14561877}
    14571878
    … …  
    14611882}
    14621883
    14631884.wp-block-pullquote.is-style-solid-color blockquote p {
    1464         font-size: var(--pullquote--font-size);
     1885        font-size: 2rem;
    14651886}
    14661887
     1888@media only screen and (min-width: 652px){
     1889        .wp-block-pullquote.is-style-solid-color blockquote p{
     1890        font-size: 2rem;
     1891        }
     1892}
     1893
    14671894.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
    14681895.wp-block-pullquote.is-style-solid-color cite,
    14691896.wp-block-pullquote.is-style-solid-color footer {
    … …  
    14711898}
    14721899
    14731900.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
    1474         padding: 0 calc(2 * var(--global--spacing-unit));
     1901        padding: 0 40px;
    14751902}
    14761903
    1477 .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color,
     1904.wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color {
     1905        padding: 20px;
     1906}
     1907
    14781908.wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color {
    1479         padding: var(--global--spacing-unit);
     1909        padding: 20px;
    14801910}
    14811911
    14821912.wp-block-quote {
    14831913        position: relative;
    14841914        border-left: none;
    1485         margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1915        margin: 30px auto 30px 25px;
    14861916}
    14871917
    14881918.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);
     1919        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1920        font-size: 1.25rem;
     1921        font-style: normal;
     1922        font-weight: 700;
     1923        line-height: 1.7;
    14941924}
    14951925
    14961926.wp-block-quote strong {
    1497         font-weight: var(--quote--font-weight-strong);
     1927        font-weight: bolder;
    14981928}
    14991929
    15001930.wp-block-quote:before {
    15011931        content: "“";
    1502         font-size: var(--quote--font-size);
    1503         line-height: var(--quote--line-height);
    1504         left: calc(-0.5 * var(--global--spacing-horizontal));
     1932        font-size: 1.25rem;
     1933        line-height: 1.7;
     1934        left: -12px;
    15051935}
    15061936
    15071937.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);
     1938        color: #28303d;
     1939        font-size: 1rem;
     1940        font-style: normal;
    15111941}
    15121942
    15131943.has-background .wp-block-quote .wp-block-quote__citation,
    … …  
    15181948}
    15191949
    15201950.wp-block-quote.has-text-align-right {
    1521         margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
     1951        margin: 30px 25px 30px auto;
    15221952        padding-right: 0;
    15231953        border-right: none;
    15241954}
    … …  
    15291959
    15301960.wp-block-quote.has-text-align-right p:before {
    15311961        content: "”";
    1532         font-size: var(--quote--font-size);
     1962        font-size: 1.25rem;
    15331963        font-weight: normal;
    1534         line-height: var(--quote--line-height);
     1964        line-height: 1.7;
    15351965        margin-right: 5px;
    15361966}
    15371967
    15381968.wp-block-quote.has-text-align-center {
    1539         margin: var(--global--spacing-vertical) auto;
     1969        margin: 30px auto;
    15401970}
    15411971
    15421972.wp-block-quote.has-text-align-center:before {
    … …  
    15431973        display: none;
    15441974}
    15451975
    1546 .wp-block-quote.is-large,
     1976.wp-block-quote.is-large {
     1977        padding-left: 0;
     1978
     1979        /* Resetting margins to match _block-container.scss */
     1980        margin-top: 30px;
     1981        margin-bottom: 30px;
     1982}
     1983
    15471984.wp-block-quote.is-style-large {
    15481985        padding-left: 0;
    15491986
    15501987        /* Resetting margins to match _block-container.scss */
    1551         margin-top: var(--global--spacing-vertical);
    1552         margin-bottom: var(--global--spacing-vertical);
     1988        margin-top: 30px;
     1989        margin-bottom: 30px;
    15531990}
    15541991
    1555 .wp-block-quote.is-large p,
     1992.wp-block-quote.is-large p {
     1993        font-size: 2.25rem;
     1994        font-style: normal;
     1995        line-height: 1.35;
     1996}
     1997
     1998@media only screen and (min-width: 652px){
     1999        .wp-block-quote.is-large p{
     2000        font-size: 2.5rem;
     2001        }
     2002}
     2003
    15562004.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);
     2005        font-size: 2.25rem;
     2006        font-style: normal;
     2007        line-height: 1.35;
    15602008}
    15612009
    1562 .wp-block-quote.is-large:before,
     2010@media only screen and (min-width: 652px){
     2011        .wp-block-quote.is-style-large p{
     2012        font-size: 2.5rem;
     2013        }
     2014}
     2015
     2016.wp-block-quote.is-large:before {
     2017        font-size: 2.25rem;
     2018        line-height: 1.35;
     2019        left: -25px;
     2020}
     2021
     2022@media only screen and (min-width: 652px){
     2023        .wp-block-quote.is-large:before{
     2024        font-size: 2.5rem;
     2025        }
     2026}
     2027
    15632028.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));
     2029        font-size: 2.25rem;
     2030        line-height: 1.35;
     2031        left: -25px;
    15672032}
    15682033
     2034@media only screen and (min-width: 652px){
     2035        .wp-block-quote.is-style-large:before{
     2036        font-size: 2.5rem;
     2037        }
     2038}
     2039
    15692040.wp-block-quote.is-large.has-text-align-right:before,
    15702041.wp-block-quote.is-style-large.has-text-align-right:before {
    15712042        display: none;
    15722043}
    15732044
    1574 .wp-block-quote.is-large.has-text-align-right p:before,
     2045.wp-block-quote.is-large.has-text-align-right p:before {
     2046        content: "”";
     2047        font-size: 2.25rem;
     2048        font-weight: normal;
     2049        line-height: 1.35;
     2050        margin-right: 10px;
     2051}
     2052
     2053@media only screen and (min-width: 652px){
     2054        .wp-block-quote.is-large.has-text-align-right p:before{
     2055        font-size: 2.5rem;
     2056        }
     2057}
     2058
    15752059.wp-block-quote.is-style-large.has-text-align-right p:before {
    15762060        content: "”";
    1577         font-size: var(--quote--font-size-large);
     2061        font-size: 2.25rem;
    15782062        font-weight: normal;
    1579         line-height: var(--quote--line-height-large);
     2063        line-height: 1.35;
    15802064        margin-right: 10px;
    15812065}
     2066
     2067@media only screen and (min-width: 652px){
     2068        .wp-block-quote.is-style-large.has-text-align-right p:before{
     2069        font-size: 2.5rem;
     2070        }
     2071}
    15822072@media only screen and (max-width: 481px) {
    15832073
    1584         .wp-block-quote.is-large,
     2074        .wp-block-quote.is-large {
     2075                padding-left: 25px;
     2076        }
     2077
    15852078        .wp-block-quote.is-style-large {
    1586                 padding-left: var(--global--spacing-horizontal);
     2079                padding-left: 25px;
    15872080        }
    15882081
    15892082        .wp-block-quote.is-large:before,
    … …  
    15912084                left: 0;
    15922085        }
    15932086
    1594         .wp-block-quote.is-large.has-text-align-right,
     2087        .wp-block-quote.is-large.has-text-align-right {
     2088                padding-left: 0;
     2089                padding-right: 25px;
     2090        }
     2091
    15952092        .wp-block-quote.is-style-large.has-text-align-right {
    15962093                padding-left: 0;
    1597                 padding-right: var(--global--spacing-horizontal);
     2094                padding-right: 25px;
    15982095        }
    15992096
    16002097        .wp-block-quote.is-large.has-text-align-right:before,
    … …  
    16052102@media only screen and (max-width: 481px) {
    16062103
    16072104        .wp-block-quote {
    1608                 padding-left: calc(0.5 * var(--global--spacing-horizontal));
     2105                padding-left: 13px;
    16092106        }
    16102107
    16112108        .wp-block-quote:before {
    … …  
    16142111
    16152112        .wp-block-quote.has-text-align-right {
    16162113                padding-left: 0;
    1617                 padding-right: calc(0.5 * var(--global--spacing-horizontal));
     2114                padding-right: 13px;
    16182115        }
    16192116
    16202117        .wp-block-quote.has-text-align-right:before {
    … …  
    16462143}
    16472144
    16482145.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));
     2146        margin-top: 50px;
     2147        margin-bottom: 50px;
    16512148}
    16522149
    16532150.wp-block-rss:not(.is-grid) > li:first-child {
    … …  
    16592156}
    16602157
    16612158.wp-block-rss.is-grid > li {
    1662         margin-bottom: var(--global--spacing-vertical);
     2159        margin-bottom: 30px;
    16632160}
    16642161
    16652162.wp-block-rss.is-grid > li:last-child {
    … …  
    16802177}
    16812178
    16822179.wp-block-rss > li > * {
    1683         margin-top: calc(0.333 * var(--global--spacing-vertical));
    1684         margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     2180        margin-top: 10px;
     2181        margin-bottom: 10px;
    16852182}
    16862183
    16872184.wp-block-rss > li > *:first-child {
    … …  
    16942191
    16952192.wp-block-rss .wp-block-rss__item-title > a {
    16962193        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));
     2194        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2195        font-size: 2rem;
     2196        font-weight: normal;
     2197        line-height: 1.3;
     2198        margin-bottom: 10px;
    17022199}
    17032200
     2201@media only screen and (min-width: 652px){
     2202        .wp-block-rss .wp-block-rss__item-title > a{
     2203        font-size: 2rem;
     2204        }
     2205}
     2206
    17042207.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);
     2208        color: #28303d;
     2209        font-size: 1.25rem;
     2210        line-height: 1.7;
    17082211}
    17092212
    17102213.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);
     2214        color: #28303d;
     2215        font-size: 1rem;
     2216        line-height: 1.7;
    17142217}
    17152218
    17162219[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
    … …  
    17182221        color: currentColor;
    17192222}
    17202223
    1721 .wp-block-rss .wp-block-rss__item-excerpt,
     2224.wp-block-rss .wp-block-rss__item-excerpt {
     2225        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2226        font-size: 1.125rem;
     2227        line-height: 1.7;
     2228        margin-top: 20px;
     2229}
     2230
    17222231.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));
     2232        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2233        font-size: 1.125rem;
     2234        line-height: 1.7;
     2235        margin-top: 20px;
    17272236}
    17282237
    17292238.wp-block-rss.alignfull {
    1730         padding-left: var(--global--spacing-unit);
    1731         padding-right: var(--global--spacing-unit);
     2239        padding-left: 20px;
     2240        padding-right: 20px;
    17322241}
    17332242
    17342243.entry-content [class*=inner-container] .wp-block-rss.alignfull,
    … …  
    17382247}
    17392248
    17402249.wp-block-search {
    1741         max-width: var(--responsive--aligndefault-width);
     2250        max-width: calc(100vw - 30px);
    17422251}
    17432252
     2253@media only screen and (min-width: 482px){
     2254        .wp-block-search{
     2255        max-width: min(calc(100vw - 100px), 610px);
     2256        }
     2257}
     2258
     2259@media only screen and (min-width: 822px){
     2260        .wp-block-search{
     2261        max-width: min(calc(100vw - 200px), 610px);
     2262        }
     2263}
     2264
    17442265.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);
     2266        font-size: 1.125rem;
     2267        font-weight: 500;
     2268        margin-bottom: 10px;
    17482269}
    17492270
    17502271.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);
     2272        border: 3px solid #39414d;
     2273        border-radius: 0;
     2274        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2275        font-size: 1.125rem;
     2276        line-height: 1.7;
    17562277        max-width: inherit;
    1757         margin-right: calc(-1 * var(--button--border-width));
    1758         padding: var(--form--spacing-unit);
     2278        margin-right: -3px;
     2279        padding: 10px;
    17592280}
    17602281
    17612282.is-dark-theme .wp-block-search .wp-block-search__input {
    1762         background: var(--global--color-white-90);
     2283        background: rgba(255, 255, 255, 0.9);
    17632284}
    17642285
    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,
     2286.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input {
     2287        border-color: #28303d;
     2288}
     2289
     2290.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input {
     2291        border-color: #28303d;
     2292}
     2293
     2294.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input {
     2295        border-color: #28303d;
     2296}
     2297
     2298.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input {
     2299        border-color: #28303d;
     2300}
     2301
     2302.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input {
     2303        border-color: #28303d;
     2304}
     2305
     2306.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input {
     2307        border-color: #28303d;
     2308}
     2309
    17712310.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
    1772         border-color: var(--form--color-text);
     2311        border-color: #28303d;
    17732312}
    17742313
    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,
     2314.has-background.has-gray-background-color .wp-block-search .wp-block-search__input {
     2315        border-color: #fff;
     2316}
     2317
     2318.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input {
     2319        border-color: #fff;
     2320}
     2321
    17772322.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
    1778         border-color: var(--global--color-white);
     2323        border-color: #fff;
    17792324}
    17802325
    17812326.wp-block-search .wp-block-search__button {
    1782         line-height: var(--button--line-height);
    1783         color: var(--button--color-text);
     2327        line-height: 1.5;
     2328        color: #d1e4dd;
    17842329        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);
     2330        font-weight: 500;
     2331        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2332        font-size: 1.25rem;
     2333        background-color: #39414d;
     2334        border-radius: 0;
     2335        border: 3px solid #39414d;
    17912336        text-decoration: none;
    1792         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2337        padding: 15px 30px;
    17932338        box-shadow: none;
    17942339        margin-left: 0;
    17952340        background-color: transparent;
    1796         color: var(--button--color-text-hover);
     2341        color: #39414d;
    17972342}
    17982343
    17992344.wp-block-search .wp-block-search__button:focus {
    … …  
    18032348}
    18042349
    18052350.is-dark-theme .wp-block-search .wp-block-search__button:focus {
    1806         color: var(--button--color-background);
     2351        color: #39414d;
    18072352}
    18082353
    18092354.wp-block-search .wp-block-search__button:focus:not(.has-background) {
    1810         color: var(--button--color-text-hover);
     2355        color: #39414d;
    18112356}
    18122357
    18132358.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);
     2359        background-color: rgba(255, 255, 255, 0.5);
     2360        border-color: rgba(255, 255, 255, 0.5);
     2361        color: #39414d;
    18172362}
    18182363
    18192364.wp-block-search .wp-block-search__button:hover {
    1820         color: var(--button--color-text);
    1821         background-color: var(--button--color-background);
     2365        color: #d1e4dd;
     2366        background-color: #39414d;
    18222367}
    18232368
    18242369.wp-block-search .wp-block-search__button.has-icon {
    1825         padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
     2370        padding: 30px 15px;
    18262371}
    18272372
    18282373.wp-block-search .wp-block-search__button.has-icon svg {
    … …  
    18302375        height: 40px;
    18312376}
    18322377
    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,
     2378.has-background.has-gray-background-color .wp-block-search .wp-block-search__button {
     2379        color: #fff;
     2380        border-color: currentColor;
     2381}
     2382
     2383.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button {
     2384        color: #fff;
     2385        border-color: currentColor;
     2386}
     2387
    18352388.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
    1836         color: var(--global--color-white);
     2389        color: #fff;
    18372390        border-color: currentColor;
    18382391}
    18392392
    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,
     2393.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2394        color: #fff;
     2395        background-color: #39414d;
     2396        border-color: #fff;
     2397}
     2398
     2399.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2400        color: #fff;
     2401        background-color: #39414d;
     2402        border-color: #fff;
     2403}
     2404
    18422405.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);
     2406        color: #fff;
     2407        background-color: #39414d;
     2408        border-color: #fff;
    18462409}
    18472410
    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,
     2411.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2412        color: #d1e4dd;
     2413        background-color: #39414d;
     2414}
     2415
     2416.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2417        color: #d1e4dd;
     2418        background-color: #39414d;
     2419}
     2420
    18502421.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);
     2422        color: #d1e4dd;
     2423        background-color: #39414d;
    18532424}
    18542425
    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,
     2426.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
     2427        color: #fff;
     2428        background-color: #39414d;
     2429        border-color: #39414d;
     2430}
     2431
     2432.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
     2433        color: #fff;
     2434        background-color: #39414d;
     2435        border-color: #39414d;
     2436}
     2437
     2438.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
     2439        color: #fff;
     2440        background-color: #39414d;
     2441        border-color: #39414d;
     2442}
     2443
     2444.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
     2445        color: #fff;
     2446        background-color: #39414d;
     2447        border-color: #39414d;
     2448}
     2449
     2450.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
     2451        color: #fff;
     2452        background-color: #39414d;
     2453        border-color: #39414d;
     2454}
     2455
     2456.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
     2457        color: #fff;
     2458        background-color: #39414d;
     2459        border-color: #39414d;
     2460}
     2461
    18612462.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);
     2463        color: #fff;
     2464        background-color: #39414d;
     2465        border-color: #39414d;
    18652466}
    18662467
    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,
     2468.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button {
     2469        color: #28303d;
     2470        border-color: currentColor;
     2471}
     2472
     2473.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button {
     2474        color: #28303d;
     2475        border-color: currentColor;
     2476}
     2477
     2478.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button {
     2479        color: #28303d;
     2480        border-color: currentColor;
     2481}
     2482
     2483.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button {
     2484        color: #28303d;
     2485        border-color: currentColor;
     2486}
     2487
     2488.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button {
     2489        color: #28303d;
     2490        border-color: currentColor;
     2491}
     2492
     2493.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button {
     2494        color: #28303d;
     2495        border-color: currentColor;
     2496}
     2497
    18732498.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
    1874         color: var(--form--color-text);
     2499        color: #28303d;
    18752500        border-color: currentColor;
    18762501}
    18772502
    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,
     2503.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
     2504        color: #fff;
     2505        background-color: #d1e4dd;
     2506        border-color: #d1e4dd;
     2507}
     2508
     2509.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
     2510        color: #fff;
     2511        background-color: #d1e4dd;
     2512        border-color: #d1e4dd;
     2513}
     2514
     2515.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
     2516        color: #fff;
     2517        background-color: #d1e4dd;
     2518        border-color: #d1e4dd;
     2519}
     2520
     2521.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
     2522        color: #fff;
     2523        background-color: #d1e4dd;
     2524        border-color: #d1e4dd;
     2525}
     2526
     2527.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
     2528        color: #fff;
     2529        background-color: #d1e4dd;
     2530        border-color: #d1e4dd;
     2531}
     2532
     2533.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
     2534        color: #fff;
     2535        background-color: #d1e4dd;
     2536        border-color: #d1e4dd;
     2537}
     2538
    18842539.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);
     2540        color: #fff;
     2541        background-color: #d1e4dd;
     2542        border-color: #d1e4dd;
    18882543}
    18892544
    18902545.wp-block-search.wp-block-search__button-inside .wp-block-search__input,
    … …  
    18992554}
    19002555
    19012556.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);
     2557        padding: 15px 30px;
    19032558}
    19042559
    19052560.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    1906         color: var(--button--color-text);
     2561        color: #d1e4dd;
    19072562        border-color: currentColor;
    19082563}
    19092564
    19102565.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);
     2566        color: #fff;
     2567        background-color: #d1e4dd;
     2568        border-color: #d1e4dd;
    19142569}
    19152570
    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,
     2571.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2572        color: #39414d;
     2573        border-color: currentColor;
     2574}
     2575
     2576.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2577        color: #39414d;
     2578        border-color: currentColor;
     2579}
     2580
    19182581.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);
     2582        color: #39414d;
    19202583        border-color: currentColor;
    19212584}
    19222585
    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,
     2586.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2587        color: #fff;
     2588        background-color: #39414d;
     2589        border-color: #39414d;
     2590}
     2591
     2592.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2593        color: #fff;
     2594        background-color: #39414d;
     2595        border-color: #39414d;
     2596}
     2597
    19252598.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);
     2599        color: #fff;
     2600        background-color: #39414d;
     2601        border-color: #39414d;
    19292602}
    19302603
    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,
     2604.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2605        color: #d1e4dd;
     2606        border-color: currentColor;
     2607}
     2608
     2609.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2610        color: #d1e4dd;
     2611        border-color: currentColor;
     2612}
     2613
    19332614.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);
     2615        color: #d1e4dd;
    19352616        border-color: currentColor;
    19362617}
    19372618
    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,
     2619.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2620        color: #fff;
     2621        background-color: #d1e4dd;
     2622        border-color: #d1e4dd;
     2623}
     2624
     2625.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2626        color: #fff;
     2627        background-color: #d1e4dd;
     2628        border-color: #d1e4dd;
     2629}
     2630
    19402631.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);
     2632        color: #fff;
     2633        background-color: #d1e4dd;
     2634        border-color: #d1e4dd;
    19442635}
    19452636
    19462637.wp-block[data-align=center] > * {
    … …  
    19512642        justify-content: center;
    19522643}
    19532644
    1954 .wp-block-separator,
     2645.wp-block-separator {
     2646        border-bottom: 1px solid #28303d;
     2647        clear: both;
     2648        opacity: 1;
     2649}
     2650
    19552651hr {
    1956         border-bottom: var(--separator--height) solid var(--separator--border-color);
     2652        border-bottom: 1px solid #28303d;
    19572653        clear: both;
    19582654        opacity: 1;
    19592655}
    19602656
    1961 .wp-block-separator[style*="text-align:right"],
    1962 .wp-block-separator[style*="text-align: right"],
    1963 hr[style*="text-align:right"],
     2657.wp-block-separator[style*="text-align:right"] {
     2658        border-right-color: #28303d;
     2659}
     2660
     2661.wp-block-separator[style*="text-align: right"] {
     2662        border-right-color: #28303d;
     2663}
     2664
     2665hr[style*="text-align:right"] {
     2666        border-right-color: #28303d;
     2667}
     2668
    19642669hr[style*="text-align: right"] {
    1965         border-right-color: var(--separator--border-color);
     2670        border-right-color: #28303d;
    19662671}
    19672672
    1968 .wp-block-separator:not(.is-style-dots),
     2673.wp-block-separator:not(.is-style-dots) {
     2674        max-width: calc(100vw - 30px);
     2675}
     2676
     2677@media only screen and (min-width: 482px){
     2678        .wp-block-separator:not(.is-style-dots){
     2679        max-width: min(calc(100vw - 100px), 610px);
     2680        }
     2681}
     2682
     2683@media only screen and (min-width: 822px){
     2684        .wp-block-separator:not(.is-style-dots){
     2685        max-width: min(calc(100vw - 200px), 610px);
     2686        }
     2687}
     2688
    19692689hr:not(.is-style-dots) {
    1970         max-width: var(--responsive--aligndefault-width);
     2690        max-width: calc(100vw - 30px);
    19712691}
    19722692
     2693@media only screen and (min-width: 482px){
     2694        hr:not(.is-style-dots){
     2695        max-width: min(calc(100vw - 100px), 610px);
     2696        }
     2697}
     2698
     2699@media only screen and (min-width: 822px){
     2700        hr:not(.is-style-dots){
     2701        max-width: min(calc(100vw - 200px), 610px);
     2702        }
     2703}
     2704
    19732705[data-align=full] > .wp-block-separator,
    19742706[data-align=wide] > .wp-block-separator,
    19752707[data-align=full] > hr,
    … …  
    19772709        max-width: inherit;
    19782710}
    19792711
    1980 .wp-block-separator.is-style-twentytwentyone-separator-thick,
     2712.wp-block-separator.is-style-twentytwentyone-separator-thick {
     2713        border-bottom-width: 3px;
     2714}
     2715
    19812716hr.is-style-twentytwentyone-separator-thick {
    1982         border-bottom-width: calc(3 * var(--separator--height));
     2717        border-bottom-width: 3px;
    19832718}
    19842719
    19852720.wp-block-separator.is-style-dots,
    … …  
    20012736        color: currentColor !important;
    20022737}
    20032738
    2004 .wp-block-separator.is-style-dots:before,
     2739.wp-block-separator.is-style-dots:before {
     2740        color: #28303d;
     2741}
     2742
    20052743hr.is-style-dots:before {
    2006         color: var(--separator--border-color);
     2744        color: #28303d;
    20072745}
    20082746
    20092747.has-background .wp-block-separator,
    … …  
    20232761}
    20242762
    20252763.wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
    2026         color: var(--global--color-primary);
     2764        color: #28303d;
    20272765}
    20282766
    20292767.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
    … …  
    20302768        background: none;
    20312769}
    20322770
    2033 table th,
     2771table th {
     2772        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2773}
     2774
    20342775.wp-block-table th {
    2035         font-family: var(--heading--font-family);
     2776        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    20362777}
    20372778
    2038 table td,
    2039 table th,
    2040 .wp-block-table td,
     2779table td {
     2780        padding: 10px;
     2781}
     2782
     2783table th {
     2784        padding: 10px;
     2785}
     2786
     2787.wp-block-table td {
     2788        padding: 10px;
     2789}
     2790
    20412791.wp-block-table th {
    2042         padding: calc(0.5 * var(--global--spacing-unit));
     2792        padding: 10px;
    20432793}
    20442794
    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,
     2795table.is-style-regular .has-background {
     2796        color: #28303d;
     2797}
     2798
     2799table.is-style-stripes .has-background thead tr {
     2800        color: #28303d;
     2801}
     2802
     2803table.is-style-stripes .has-background tfoot tr {
     2804        color: #28303d;
     2805}
     2806
     2807table.is-style-stripes .has-background tbody tr:nth-child(even) {
     2808        color: #28303d;
     2809}
     2810
     2811.wp-block-table.is-style-regular .has-background {
     2812        color: #28303d;
     2813}
     2814
     2815.wp-block-table.is-style-stripes .has-background thead tr {
     2816        color: #28303d;
     2817}
     2818
     2819.wp-block-table.is-style-stripes .has-background tfoot tr {
     2820        color: #28303d;
     2821}
     2822
    20522823.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
    2053         color: var(--table--has-background-text-color);
     2824        color: #28303d;
    20542825}
    20552826
    2056 table.is-style-stripes,
     2827table.is-style-stripes {
     2828        border-color: #f0f0f0;
     2829}
     2830
    20572831.wp-block-table.is-style-stripes {
    2058         border-color: var(--table--stripes-border-color);
     2832        border-color: #f0f0f0;
    20592833}
    20602834
    20612835table.is-style-stripes th,
    … …  
    20652839        border-width: 0;
    20662840}
    20672841
    2068 table.is-style-stripes tbody tr:nth-child(odd),
     2842table.is-style-stripes tbody tr:nth-child(odd) {
     2843        background-color: #f0f0f0;
     2844}
     2845
    20692846.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    2070         background-color: var(--table--stripes-background-color);
     2847        background-color: #f0f0f0;
    20712848}
    20722849
    20732850table.wp-calendar-table td,
    … …  
    20922869table.wp-calendar-table caption {
    20932870        font-weight: bold;
    20942871        text-align: left;
    2095         margin-bottom: var(--global--spacing-unit);
     2872        margin-bottom: 20px;
    20962873        color: currentColor;
    20972874}
    20982875
    20992876.wp-calendar-nav {
    21002877        text-align: left;
    2101         margin-top: calc(var(--global--spacing-unit) / 2);
     2878        margin-top: 10px;
    21022879}
    21032880
    21042881.wp-calendar-nav svg {
    … …  
    21232900        color: currentColor;
    21242901}
    21252902
    2126 :root .is-extra-small-text,
     2903:root .is-extra-small-text {
     2904        font-size: 1rem;
     2905}
     2906
    21272907:root .has-extra-small-font-size {
    2128         font-size: var(--global--font-size-xs);
     2908        font-size: 1rem;
    21292909}
    21302910
    2131 :root .is-small-text,
     2911:root .is-small-text {
     2912        font-size: 1.125rem;
     2913}
     2914
    21322915:root .has-small-font-size {
    2133         font-size: var(--global--font-size-sm);
     2916        font-size: 1.125rem;
    21342917}
    21352918
    2136 :root .is-regular-text,
    2137 :root .has-regular-font-size,
    2138 :root .is-normal-font-size,
    2139 :root .has-normal-font-size,
     2919:root .is-regular-text {
     2920        font-size: 1.25rem;
     2921}
     2922
     2923:root .has-regular-font-size {
     2924        font-size: 1.25rem;
     2925}
     2926
     2927:root .is-normal-font-size {
     2928        font-size: 1.25rem;
     2929}
     2930
     2931:root .has-normal-font-size {
     2932        font-size: 1.25rem;
     2933}
     2934
    21402935:root .has-medium-font-size {
    2141         font-size: var(--global--font-size-base);
     2936        font-size: 1.25rem;
    21422937}
    21432938
    2144 :root .is-large-text,
     2939:root .is-large-text {
     2940        font-size: 1.5rem;
     2941        line-height: 1.3;
     2942}
     2943
    21452944:root .has-large-font-size {
    2146         font-size: var(--global--font-size-lg);
    2147         line-height: var(--global--line-height-heading);
     2945        font-size: 1.5rem;
     2946        line-height: 1.3;
    21482947}
    21492948
    2150 :root .is-larger-text,
    2151 :root .has-larger-font-size,
    2152 :root .is-extra-large-text,
     2949:root .is-larger-text {
     2950        font-size: 2.5rem;
     2951        line-height: 1.3;
     2952}
     2953
     2954@media only screen and (min-width: 652px){
     2955        :root .is-larger-text{
     2956        font-size: 2.5rem;
     2957        }
     2958}
     2959
     2960:root .has-larger-font-size {
     2961        font-size: 2.5rem;
     2962        line-height: 1.3;
     2963}
     2964
     2965@media only screen and (min-width: 652px){
     2966        :root .has-larger-font-size{
     2967        font-size: 2.5rem;
     2968        }
     2969}
     2970
     2971:root .is-extra-large-text {
     2972        font-size: 2.5rem;
     2973        line-height: 1.3;
     2974}
     2975
     2976@media only screen and (min-width: 652px){
     2977        :root .is-extra-large-text{
     2978        font-size: 2.5rem;
     2979        }
     2980}
     2981
    21532982:root .has-extra-large-font-size {
    2154         font-size: var(--global--font-size-xl);
    2155         line-height: var(--global--line-height-heading);
     2983        font-size: 2.5rem;
     2984        line-height: 1.3;
    21562985}
    21572986
    2158 :root .is-huge-text,
     2987@media only screen and (min-width: 652px){
     2988        :root .has-extra-large-font-size{
     2989        font-size: 2.5rem;
     2990        }
     2991}
     2992
     2993:root .is-huge-text {
     2994        font-size: 6rem;
     2995        line-height: 1.3;
     2996        font-weight: 300;
     2997}
     2998
     2999@media only screen and (min-width: 652px){
     3000        :root .is-huge-text{
     3001        font-size: 6rem;
     3002        }
     3003}
     3004
    21593005: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);
     3006        font-size: 6rem;
     3007        line-height: 1.3;
     3008        font-weight: 300;
    21633009}
    21643010
    2165 :root .is-gigantic-text,
     3011@media only screen and (min-width: 652px){
     3012        :root .has-huge-font-size{
     3013        font-size: 6rem;
     3014        }
     3015}
     3016
     3017:root .is-gigantic-text {
     3018        font-size: 9rem;
     3019        line-height: 1.3;
     3020        font-weight: 300;
     3021}
     3022
     3023@media only screen and (min-width: 652px){
     3024        :root .is-gigantic-text{
     3025        font-size: 9rem;
     3026        }
     3027}
     3028
    21663029: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);
     3030        font-size: 9rem;
     3031        line-height: 1.3;
     3032        font-weight: 300;
    21703033}
    21713034
     3035@media only screen and (min-width: 652px){
     3036        :root .has-gigantic-font-size{
     3037        font-size: 9rem;
     3038        }
     3039}
     3040
    21723041/**
    21733042* Editor Post Title
    21743043* - Needs a special styles
    21753044*/
    21763045.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);
     3046        border-bottom: 3px solid #28303d;
     3047        padding-bottom: 60px;
     3048        margin-bottom: 90px;
     3049        max-width: calc(100vw - 30px);
    21813050}
     3051@media only screen and (min-width: 482px){
     3052        .wp-block.editor-post-title__block{
     3053        max-width: calc(100vw - 100px);
     3054        }
     3055}
     3056@media only screen and (min-width: 822px){
     3057        .wp-block.editor-post-title__block{
     3058        max-width: min(calc(100vw - 200px), 1240px);
     3059        }
     3060}
    21823061
    21833062.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);
     3063        color: #39414d;
     3064        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3065        font-size: 4rem;
     3066        font-weight: 300;
     3067        line-height: 1.1;
    21893068}
    21903069
     3070@media only screen and (min-width: 652px){
     3071        .wp-block.editor-post-title__block .editor-post-title__input{
     3072        font-size: 6rem;
     3073        }
     3074}
     3075
    21913076.wp-block.block-editor-default-block-appender > textarea {
    2192         font-family: var(--global--font-secondary);
    2193         font-size: var(--global--font-size-md);
     3077        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3078        font-size: 1.25rem;
    21943079}
    21953080
    21963081.has-primary-color[class] {
    2197         color: var(--global--color-primary);
     3082        color: #28303d;
    21983083}
    21993084
    22003085.has-secondary-color[class] {
    2201         color: var(--global--color-secondary);
     3086        color: #39414d;
    22023087}
    22033088
    22043089.has-background a,
    … …  
    22133098}
    22143099
    22153100.has-primary-background-color[class] {
    2216         background-color: var(--global--color-primary);
    2217         color: var(--global--color-background);
     3101        background-color: #28303d;
     3102        color: #d1e4dd;
    22183103}
    22193104
    22203105.has-secondary-background-color[class] {
    2221         background-color: var(--global--color-secondary);
    2222         color: var(--global--color-background);
     3106        background-color: #39414d;
     3107        color: #d1e4dd;
    22233108}
    22243109
    22253110.has-white-background-color[class] {
    2226         background-color: var(--global--color-white);
    2227         color: var(--global--color-secondary);
     3111        background-color: #fff;
     3112        color: #39414d;
    22283113}
    22293114
    22303115.has-black-background-color[class] {
    2231         background-color: var(--global--color-black);
    2232         color: var(--global--color-primary);
     3116        background-color: #000;
     3117        color: #28303d;
    22333118}
    22343119
    22353120[data-block] {
    2236         margin-top: var(--global--spacing-vertical);
    2237         margin-bottom: var(--global--spacing-vertical);
     3121        margin-top: 30px;
     3122        margin-bottom: 30px;
    22383123}
    22393124
    22403125.wp-block {
    2241         max-width: var(--responsive--aligndefault-width);
     3126        max-width: calc(100vw - 30px);
    22423127}
    22433128
    2244 .wp-block[data-align=wide],
     3129@media only screen and (min-width: 482px){
     3130        .wp-block{
     3131        max-width: min(calc(100vw - 100px), 610px);
     3132        }
     3133}
     3134
     3135@media only screen and (min-width: 822px){
     3136        .wp-block{
     3137        max-width: min(calc(100vw - 200px), 610px);
     3138        }
     3139}
     3140
     3141.wp-block[data-align=wide] {
     3142        max-width: calc(100vw - 30px);
     3143}
     3144
     3145@media only screen and (min-width: 482px){
     3146        .wp-block[data-align=wide]{
     3147        max-width: calc(100vw - 100px);
     3148        }
     3149}
     3150
     3151@media only screen and (min-width: 822px){
     3152        .wp-block[data-align=wide]{
     3153        max-width: min(calc(100vw - 200px), 1240px);
     3154        }
     3155}
     3156
    22453157.wp-block.alignwide {
    2246         max-width: var(--responsive--alignwide-width);
     3158        max-width: calc(100vw - 30px);
    22473159}
    22483160
     3161@media only screen and (min-width: 482px){
     3162        .wp-block.alignwide{
     3163        max-width: calc(100vw - 100px);
     3164        }
     3165}
     3166
     3167@media only screen and (min-width: 822px){
     3168        .wp-block.alignwide{
     3169        max-width: min(calc(100vw - 200px), 1240px);
     3170        }
     3171}
     3172
    22493173.wp-block[data-align=full],
    22503174.wp-block.alignfull {
    22513175        max-width: none;
    … …  
    22533177
    22543178.alignleft {
    22553179        margin: 0;
    2256         margin-right: var(--global--spacing-horizontal);
     3180        margin-right: 25px;
    22573181}
    22583182
    22593183.alignright {
    22603184        margin: 0;
    2261         margin-left: var(--global--spacing-horizontal);
     3185        margin-left: 25px;
    22623186}
    22633187
    22643188.has-drop-cap:not(:focus)::first-letter {
    2265         font-family: var(--heading--font-family);
    2266         font-weight: var(--heading--font-weight);
     3189        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3190        font-weight: normal;
    22673191        line-height: 0.66;
    22683192        text-transform: uppercase;
    22693193        font-style: normal;
    22703194        float: left;
    22713195        margin: 0.1em 0.1em 0 0;
    2272         font-size: calc(1.2 * var(--heading--font-size-h1));
     3196        font-size: 5rem;
    22733197}
    22743198
     3199@media only screen and (min-width: 652px){
     3200        .has-drop-cap:not(:focus)::first-letter{
     3201        font-size: 7rem;
     3202        }
     3203}
     3204
    22753205@media only screen and (min-width: 482px) {
    22763206
    22773207        .wp-block[data-align=left] > * {
    22783208                max-width: 290px;
    2279                 margin-right: var(--global--spacing-horizontal);
     3209                margin-right: 25px;
    22803210        }
    22813211
    22823212        .wp-block[data-align=right] > * {
    22833213                max-width: 290px;
    2284                 margin-left: var(--global--spacing-horizontal);
     3214                margin-left: 25px;
    22853215        }
    22863216}
    22873217
    … …  
    22943224}
    22953225
    22963226html {
    2297         font-family: var(--global--font-secondary);
    2298         line-height: var(--global--line-height-body);
     3227        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3228        line-height: 1.7;
    22993229}
    23003230
    23013231body {
    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);
     3232        color: #28303d;
     3233        background-color: #d1e4dd;
     3234        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3235        font-size: 1.25rem;
    23073236        font-weight: normal;
    23083237        -moz-osx-font-smoothing: grayscale;
    23093238        -webkit-font-smoothing: antialiased;
    … …  
    23103239}
    23113240
    23123241.wp-block a {
    2313         color: var(--wp--style--color--link, var(--global--color-primary));
     3242        color: #28303d;
    23143243}
    23153244
    23163245.wp-block a:hover {
    … …  
    23183247}
    23193248
    23203249.wp-block a:focus {
    2321         outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     3250        outline: 2px solid #28303d;
    23223251        text-decoration: none;
    23233252}
    23243253
    2325 .has-background .has-link-color a,
     3254.has-background .has-link-color a {
     3255        color: #28303d;
     3256}
     3257
    23263258.has-background.has-link-color a {
    2327         color: var(--wp--style--color--link, var(--global--color-primary));
     3259        color: #28303d;
    23283260}
    23293261
    23303262button,
    … …  
    23333265}
    23343266
    23353267.has-black-color[class] {
    2336         color: var(--global--color-black);
     3268        color: #000;
    23373269}
    23383270
    23393271.has-gray-color[class] {
    2340         color: var(--global--color-gray);
     3272        color: #39414d;
    23413273}
    23423274
    23433275.has-dark-gray-color[class] {
    2344         color: var(--global--color-dark-gray);
     3276        color: #28303d;
    23453277}
    23463278
    23473279.has-green-color[class] {
    2348         color: var(--global--color-green);
     3280        color: #d1e4dd;
    23493281}
    23503282
    23513283.has-blue-color[class] {
    2352         color: var(--global--color-blue);
     3284        color: #d1dfe4;
    23533285}
    23543286
    23553287.has-purple-color[class] {
    2356         color: var(--global--color-purple);
     3288        color: #d1d1e4;
    23573289}
    23583290
    23593291.has-red-color[class] {
    2360         color: var(--global--color-red);
     3292        color: #e4d1d1;
    23613293}
    23623294
    23633295.has-orange-color[class] {
    2364         color: var(--global--color-orange);
     3296        color: #e4dad1;
    23653297}
    23663298
    23673299.has-yellow-color[class] {
    2368         color: var(--global--color-yellow);
     3300        color: #eeeadd;
    23693301}
    23703302
    23713303.has-white-color[class] {
    2372         color: var(--global--color-white);
     3304        color: #fff;
    23733305}
    23743306
    23753307.has-background a,
    … …  
    23843316}
    23853317
    23863318.has-black-background-color[class] {
    2387         background-color: var(--global--color-black);
     3319        background-color: #000;
    23883320}
    23893321
    23903322.has-gray-background-color[class] {
    2391         background-color: var(--global--color-gray);
     3323        background-color: #39414d;
    23923324}
    23933325
    23943326.has-dark-gray-background-color[class] {
    2395         background-color: var(--global--color-dark-gray);
     3327        background-color: #28303d;
    23963328}
    23973329
    23983330.has-green-background-color[class] {
    2399         background-color: var(--global--color-green);
     3331        background-color: #d1e4dd;
    24003332}
    24013333
    24023334.has-blue-background-color[class] {
    2403         background-color: var(--global--color-blue);
     3335        background-color: #d1dfe4;
    24043336}
    24053337
    24063338.has-purple-background-color[class] {
    2407         background-color: var(--global--color-purple);
     3339        background-color: #d1d1e4;
    24083340}
    24093341
    24103342.has-red-background-color[class] {
    2411         background-color: var(--global--color-red);
     3343        background-color: #e4d1d1;
    24123344}
    24133345
    24143346.has-orange-background-color[class] {
    2415         background-color: var(--global--color-orange);
     3347        background-color: #e4dad1;
    24163348}
    24173349
    24183350.has-yellow-background-color[class] {
    2419         background-color: var(--global--color-yellow);
     3351        background-color: #eeeadd;
    24203352}
    24213353
    24223354.has-white-background-color[class] {
    2423         background-color: var(--global--color-white);
     3355        background-color: #fff;
    24243356}
    24253357
    2426 :not(.has-text-color).has-black-background-color[class],
    2427 :not(.has-text-color).has-gray-background-color[class],
     3358:not(.has-text-color).has-black-background-color[class] {
     3359        color: #fff;
     3360}
     3361
     3362:not(.has-text-color).has-gray-background-color[class] {
     3363        color: #fff;
     3364}
     3365
    24283366:not(.has-text-color).has-dark-gray-background-color[class] {
    2429         color: var(--global--color-white);
     3367        color: #fff;
    24303368}
    24313369
    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],
     3370:not(.has-text-color).has-green-background-color[class] {
     3371        color: #28303d;
     3372}
     3373
     3374:not(.has-text-color).has-blue-background-color[class] {
     3375        color: #28303d;
     3376}
     3377
     3378:not(.has-text-color).has-purple-background-color[class] {
     3379        color: #28303d;
     3380}
     3381
     3382:not(.has-text-color).has-red-background-color[class] {
     3383        color: #28303d;
     3384}
     3385
     3386:not(.has-text-color).has-orange-background-color[class] {
     3387        color: #28303d;
     3388}
     3389
     3390:not(.has-text-color).has-yellow-background-color[class] {
     3391        color: #28303d;
     3392}
     3393
    24383394:not(.has-text-color).has-white-background-color[class] {
    2439         color: var(--global--color-dark-gray);
     3395        color: #28303d;
    24403396}
    24413397
    24423398.has-purple-to-yellow-gradient-background {
    2443         background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
     3399        background: linear-gradient(160deg, #d1d1e4, #eeeadd);
    24443400}
    24453401
    24463402.has-yellow-to-purple-gradient-background {
    2447         background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
     3403        background: linear-gradient(160deg, #eeeadd, #d1d1e4);
    24483404}
    24493405
    24503406.has-green-to-yellow-gradient-background {
    2451         background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
     3407        background: linear-gradient(160deg, #d1e4dd, #eeeadd);
    24523408}
    24533409
    24543410.has-yellow-to-green-gradient-background {
    2455         background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
     3411        background: linear-gradient(160deg, #eeeadd, #d1e4dd);
    24563412}
    24573413
    24583414.has-red-to-yellow-gradient-background {
    2459         background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
     3415        background: linear-gradient(160deg, #e4d1d1, #eeeadd);
    24603416}
    24613417
    24623418.has-yellow-to-red-gradient-background {
    2463         background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
     3419        background: linear-gradient(160deg, #eeeadd, #e4d1d1);
    24643420}
    24653421
    24663422.has-purple-to-red-gradient-background {
    2467         background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
     3423        background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
    24683424}
    24693425
    24703426.has-red-to-purple-gradient-background {
    2471         background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
     3427        background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
    24723428}

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

     
    101101:root {
    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;
    321150}
    322151
    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         }
    342 }
    343 
    344152/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    345153
    346154/* Document
    … …  
    731539/**
    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);
     542
     543/**
     544 * Extends
     545 */
     546.post-thumbnail {
     547        max-width: calc(100vw - 30px);
     548        margin-left: auto;
     549        margin-right: auto;
    741550}
     551@media only screen and (min-width: 482px){
     552        .post-thumbnail{
     553        max-width: min(calc(100vw - 100px), 610px);
     554        }
     555}
     556@media only screen and (min-width: 822px){
     557        .post-thumbnail{
     558        max-width: min(calc(100vw - 200px), 610px);
     559        }
     560}
     561.entry-content .wp-audio-shortcode {
     562        max-width: calc(100vw - 30px);
     563        margin-left: auto;
     564        margin-right: auto;
     565}
     566@media only screen and (min-width: 482px){
     567        .entry-content .wp-audio-shortcode{
     568        max-width: min(calc(100vw - 100px), 610px);
     569        }
     570}
     571@media only screen and (min-width: 822px){
     572        .entry-content .wp-audio-shortcode{
     573        max-width: min(calc(100vw - 200px), 610px);
     574        }
     575}
     576.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     577        max-width: calc(100vw - 30px);
     578        margin-left: auto;
     579        margin-right: auto;
     580}
     581@media only screen and (min-width: 482px){
     582        .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
     583        max-width: min(calc(100vw - 100px), 610px);
     584        }
     585}
     586@media only screen and (min-width: 822px){
     587        .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
     588        max-width: min(calc(100vw - 200px), 610px);
     589        }
     590}
     591*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     592        max-width: calc(100vw - 30px);
     593        margin-left: auto;
     594        margin-right: auto;
     595}
     596@media only screen and (min-width: 482px){
     597        *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
     598        max-width: min(calc(100vw - 100px), 610px);
     599        }
     600}
     601@media only screen and (min-width: 822px){
     602        *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
     603        max-width: min(calc(100vw - 200px), 610px);
     604        }
     605}
     606.default-max-width {
     607        max-width: calc(100vw - 30px);
     608        margin-left: auto;
     609        margin-right: auto;
     610}
     611@media only screen and (min-width: 482px){
     612        .default-max-width{
     613        max-width: min(calc(100vw - 100px), 610px);
     614        }
     615}
     616@media only screen and (min-width: 822px){
     617        .default-max-width{
     618        max-width: min(calc(100vw - 200px), 610px);
     619        }
     620}
    742621
    743 @media only screen and (min-width: 482px) {
     622.widget-area {
     623        max-width: calc(100vw - 30px);
     624        margin-left: auto;
     625        margin-right: auto;
     626}
    744627
    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)));
     628@media only screen and (min-width: 482px){
     629        .widget-area{
     630        max-width: calc(100vw - 100px);
    750631        }
    751632}
    752 @media only screen and (min-width: 822px) {
    753633
    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);
     634@media only screen and (min-width: 822px){
     635        .widget-area{
     636        max-width: min(calc(100vw - 200px), 1240px);
    757637        }
    758638}
    759639
    760 /**
    761  * Extends
    762  */
    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);
     640.pagination {
     641        max-width: calc(100vw - 30px);
    769642        margin-left: auto;
    770643        margin-right: auto;
    771644}
    772645
    773 .widget-area,
    774 .pagination,
    775 .comments-pagination,
    776 .post-navigation,
    777 .site-footer,
    778 .site-header,
    779 .alignwide,
     646@media only screen and (min-width: 482px){
     647        .pagination{
     648        max-width: calc(100vw - 100px);
     649        }
     650}
     651
     652@media only screen and (min-width: 822px){
     653        .pagination{
     654        max-width: min(calc(100vw - 200px), 1240px);
     655        }
     656}
     657
     658.comments-pagination {
     659        max-width: calc(100vw - 30px);
     660        margin-left: auto;
     661        margin-right: auto;
     662}
     663
     664@media only screen and (min-width: 482px){
     665        .comments-pagination{
     666        max-width: calc(100vw - 100px);
     667        }
     668}
     669
     670@media only screen and (min-width: 822px){
     671        .comments-pagination{
     672        max-width: min(calc(100vw - 200px), 1240px);
     673        }
     674}
     675
     676.post-navigation {
     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        .post-navigation{
     684        max-width: calc(100vw - 100px);
     685        }
     686}
     687
     688@media only screen and (min-width: 822px){
     689        .post-navigation{
     690        max-width: min(calc(100vw - 200px), 1240px);
     691        }
     692}
     693
     694.site-footer {
     695        max-width: calc(100vw - 30px);
     696        margin-left: auto;
     697        margin-right: auto;
     698}
     699
     700@media only screen and (min-width: 482px){
     701        .site-footer{
     702        max-width: calc(100vw - 100px);
     703        }
     704}
     705
     706@media only screen and (min-width: 822px){
     707        .site-footer{
     708        max-width: min(calc(100vw - 200px), 1240px);
     709        }
     710}
     711
     712.site-header {
     713        max-width: calc(100vw - 30px);
     714        margin-left: auto;
     715        margin-right: auto;
     716}
     717
     718@media only screen and (min-width: 482px){
     719        .site-header{
     720        max-width: calc(100vw - 100px);
     721        }
     722}
     723
     724@media only screen and (min-width: 822px){
     725        .site-header{
     726        max-width: min(calc(100vw - 200px), 1240px);
     727        }
     728}
     729
     730.alignwide {
     731        max-width: calc(100vw - 30px);
     732        margin-left: auto;
     733        margin-right: auto;
     734}
     735
     736@media only screen and (min-width: 482px){
     737        .alignwide{
     738        max-width: calc(100vw - 100px);
     739        }
     740}
     741
     742@media only screen and (min-width: 822px){
     743        .alignwide{
     744        max-width: min(calc(100vw - 200px), 1240px);
     745        }
     746}
     747
    780748.wide-max-width {
    781         max-width: var(--responsive--alignwide-width);
     749        max-width: calc(100vw - 30px);
    782750        margin-left: auto;
    783751        margin-right: auto;
    784752}
    785753
    786 .alignfull,
    787 .wp-block-group .wp-block-group__inner-container > *.alignfull,
     754@media only screen and (min-width: 482px){
     755        .wide-max-width{
     756        max-width: calc(100vw - 100px);
     757        }
     758}
     759
     760@media only screen and (min-width: 822px){
     761        .wide-max-width{
     762        max-width: min(calc(100vw - 200px), 1240px);
     763        }
     764}
     765
     766.alignfull {
     767        max-width: 100%;
     768        width: 100%;
     769        margin-left: auto;
     770        margin-right: auto;
     771}
     772
     773.wp-block-group .wp-block-group__inner-container > *.alignfull {
     774        max-width: 100%;
     775        width: 100%;
     776        margin-left: auto;
     777        margin-right: auto;
     778}
     779
    788780.full-max-width {
    789         max-width: var(--responsive--alignfull-width);
    790         width: var(--responsive--alignfull-width);
     781        max-width: 100%;
     782        width: 100%;
    791783        margin-left: auto;
    792784        margin-right: auto;
    793785}
    … …  
    794786
    795787@media only screen and (min-width: 482px) {
    796788
    797         .alignfull,
     789        .alignfull {
     790                max-width: 100%;
     791                width: auto;
     792                margin-left: auto;
     793                margin-right: auto;
     794        }
     795
    798796        .full-max-width {
    799                 max-width: var(--responsive--alignfull-width);
     797                max-width: 100%;
    800798                width: auto;
    801799                margin-left: auto;
    802800                margin-right: auto;
    … …  
    803801        }
    804802}
    805803
    806 .entry-header .post-thumbnail,
    807 .singular .post-thumbnail,
    808 .alignfull [class*=inner-container] > .alignwide,
     804.entry-header .post-thumbnail {
     805        margin-left: auto;
     806        margin-right: auto;
     807        width: calc(100vw - 30px);
     808        max-width: 100%;
     809}
     810
     811@media only screen and (min-width: 482px){
     812        .entry-header .post-thumbnail{
     813        width: calc(100vw - 100px);
     814        }
     815}
     816
     817@media only screen and (min-width: 822px){
     818        .entry-header .post-thumbnail{
     819        width: min(calc(100vw - 200px), 1240px);
     820        }
     821}
     822
     823.singular .post-thumbnail {
     824        margin-left: auto;
     825        margin-right: auto;
     826        width: calc(100vw - 30px);
     827        max-width: 100%;
     828}
     829
     830@media only screen and (min-width: 482px){
     831        .singular .post-thumbnail{
     832        width: calc(100vw - 100px);
     833        }
     834}
     835
     836@media only screen and (min-width: 822px){
     837        .singular .post-thumbnail{
     838        width: min(calc(100vw - 200px), 1240px);
     839        }
     840}
     841
     842.alignfull [class*=inner-container] > .alignwide {
     843        margin-left: auto;
     844        margin-right: auto;
     845        width: calc(100vw - 30px);
     846        max-width: 100%;
     847}
     848
     849@media only screen and (min-width: 482px){
     850        .alignfull [class*=inner-container] > .alignwide{
     851        width: calc(100vw - 100px);
     852        }
     853}
     854
     855@media only screen and (min-width: 822px){
     856        .alignfull [class*=inner-container] > .alignwide{
     857        width: min(calc(100vw - 200px), 1240px);
     858        }
     859}
     860
    809861.alignwide [class*=inner-container] > .alignwide {
    810862        margin-left: auto;
    811863        margin-right: auto;
    812         width: var(--responsive--alignwide-width);
    813         max-width: var(--responsive--alignfull-width);
     864        width: calc(100vw - 30px);
     865        max-width: 100%;
    814866}
    815867
     868@media only screen and (min-width: 482px){
     869        .alignwide [class*=inner-container] > .alignwide{
     870        width: calc(100vw - 100px);
     871        }
     872}
     873
     874@media only screen and (min-width: 822px){
     875        .alignwide [class*=inner-container] > .alignwide{
     876        width: min(calc(100vw - 200px), 1240px);
     877        }
     878}
     879
    816880@media only screen and (min-width: 482px) {
    817881
    818882        .entry-content > .alignleft {
    819883
    820884                /*rtl:ignore*/
    821                 margin-left: var(--responsive--alignleft-margin);
     885                margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
    822886
    823887                /*rtl:ignore*/
    824                 margin-right: var(--global--spacing-horizontal);
     888                margin-right: 25px;
    825889        }
     890
     891        @media only screen and (min-width: 482px){
     892                .entry-content > .alignleft{
     893                margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
     894                }
     895        }
     896
     897        @media only screen and (min-width: 482px){
     898                .entry-content > .alignleft{
     899                margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
     900                }
     901        }
     902
     903        @media only screen and (min-width: 822px){
     904                .entry-content > .alignleft{
     905                margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
     906                }
     907        }
    826908}
    827909@media only screen and (min-width: 482px) {
    828910
    … …  
    829911        .entry-content > .alignright {
    830912
    831913                /*rtl:ignore*/
    832                 margin-left: var(--global--spacing-horizontal);
     914                margin-left: 25px;
    833915
    834916                /*rtl:ignore*/
    835                 margin-right: var(--responsive--alignright-margin);
     917                margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
    836918        }
     919
     920        @media only screen and (min-width: 482px){
     921                .entry-content > .alignright{
     922                margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
     923                }
     924        }
     925
     926        @media only screen and (min-width: 482px){
     927                .entry-content > .alignright{
     928                margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
     929                }
     930        }
     931
     932        @media only screen and (min-width: 822px){
     933                .entry-content > .alignright{
     934                margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px)*1);
     935                }
     936        }
    837937}
    838938
    839939/**
    … …  
    849949 * Top Level Wrappers (header, main, footer)
    850950 * - Set vertical padding and horizontal margins
    851951 */
    852 .site-header,
    853 .site-main,
    854 .widget-area,
     952.site-header {
     953        padding-top: 30px;
     954        padding-bottom: 30px;
     955        margin-left: auto;
     956        margin-right: auto;
     957}
     958.site-main {
     959        padding-top: 30px;
     960        padding-bottom: 30px;
     961        margin-left: auto;
     962        margin-right: auto;
     963}
     964.widget-area {
     965        padding-top: 30px;
     966        padding-bottom: 30px;
     967        margin-left: auto;
     968        margin-right: auto;
     969}
    855970.site-footer {
    856         padding-top: var(--global--spacing-vertical);
    857         padding-bottom: var(--global--spacing-vertical);
     971        padding-top: 30px;
     972        padding-bottom: 30px;
    858973        margin-left: auto;
    859974        margin-right: auto;
    860975}
    861976
    862977.site-header {
    863         padding-top: calc(0.75 * var(--global--spacing-vertical));
    864         padding-bottom: calc(2 * var(--global--spacing-vertical));
     978        padding-top: 23px;
     979        padding-bottom: 60px;
    865980}
    866981@media only screen and (min-width: 482px) {
    867982
    868983        .site-header {
    869                 padding-bottom: calc(3 * var(--global--spacing-vertical));
     984                padding-bottom: 90px;
    870985        }
    871986}
    872987
    … …  
    875990 * - Add double vertical margins here for clearer heirarchy
    876991 */
    877992.site-main > * {
    878         margin-top: calc(3 * var(--global--spacing-vertical));
    879         margin-bottom: calc(3 * var(--global--spacing-vertical));
     993        margin-top: 90px;
     994        margin-bottom: 90px;
    880995}
    881996
    882997.site-main > *:first-child {
    … …  
    9031018 * Block & non-gutenberg content wrappers
    9041019 * - Set margins
    9051020 */
    906 .entry-header,
    907 .post-thumbnail,
    908 .entry-content,
    909 .entry-footer,
     1021.entry-header {
     1022        margin-top: 30px;
     1023        margin-right: auto;
     1024        margin-bottom: 30px;
     1025        margin-left: auto;
     1026}
     1027.post-thumbnail {
     1028        margin-top: 30px;
     1029        margin-right: auto;
     1030        margin-bottom: 30px;
     1031        margin-left: auto;
     1032}
     1033.entry-content {
     1034        margin-top: 30px;
     1035        margin-right: auto;
     1036        margin-bottom: 30px;
     1037        margin-left: auto;
     1038}
     1039.entry-footer {
     1040        margin-top: 30px;
     1041        margin-right: auto;
     1042        margin-bottom: 30px;
     1043        margin-left: auto;
     1044}
    9101045.author-bio {
    911         margin-top: var(--global--spacing-vertical);
     1046        margin-top: 30px;
    9121047        margin-right: auto;
    913         margin-bottom: var(--global--spacing-vertical);
     1048        margin-bottom: 30px;
    9141049        margin-left: auto;
    9151050}
    9161051
    … …  
    9181053 * Block & non-gutenberg content wrapper children
    9191054 * - Sets spacing-vertical margin logic
    9201055 */
    921 .site-main > article > *,
    922 .site-main > .not-found > *,
    923 .entry-content > *,
    924 [class*=inner-container] > *,
     1056.site-main > article > * {
     1057        margin-top: 20px;
     1058        margin-bottom: 20px;
     1059}
     1060.site-main > .not-found > * {
     1061        margin-top: 20px;
     1062        margin-bottom: 20px;
     1063}
     1064.entry-content > * {
     1065        margin-top: 20px;
     1066        margin-bottom: 20px;
     1067}
     1068[class*=inner-container] > * {
     1069        margin-top: 20px;
     1070        margin-bottom: 20px;
     1071}
    9251072.wp-block-template-part > * {
    926         margin-top: calc(0.666 * var(--global--spacing-vertical));
    927         margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     1073        margin-top: 20px;
     1074        margin-bottom: 20px;
    9281075}
    9291076@media only screen and (min-width: 482px) {
    9301077
    931         .site-main > article > *,
    932         .site-main > .not-found > *,
    933         .entry-content > *,
    934         [class*=inner-container] > *,
     1078        .site-main > article > * {
     1079                margin-top: 30px;
     1080                margin-bottom: 30px;
     1081        }
     1082
     1083        .site-main > .not-found > * {
     1084                margin-top: 30px;
     1085                margin-bottom: 30px;
     1086        }
     1087
     1088        .entry-content > * {
     1089                margin-top: 30px;
     1090                margin-bottom: 30px;
     1091        }
     1092
     1093        [class*=inner-container] > * {
     1094                margin-top: 30px;
     1095                margin-bottom: 30px;
     1096        }
     1097
    9351098        .wp-block-template-part > * {
    936                 margin-top: var(--global--spacing-vertical);
    937                 margin-bottom: var(--global--spacing-vertical);
     1099                margin-top: 30px;
     1100                margin-bottom: 30px;
    9381101        }
    9391102}
    9401103
    … …  
    9541117        margin-bottom: 0;
    9551118}
    9561119
    957 .site-footer > *,
     1120.site-footer > * {
     1121        margin-top: 20px;
     1122        margin-bottom: 20px;
     1123}
     1124
    9581125.widget-area > * {
    959         margin-top: calc(0.666 * var(--global--spacing-vertical));
    960         margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     1126        margin-top: 20px;
     1127        margin-bottom: 20px;
    9611128}
    9621129@media only screen and (min-width: 482px) {
    9631130
    964         .site-footer > *,
     1131        .site-footer > * {
     1132                margin-top: 30px;
     1133                margin-bottom: 30px;
     1134        }
     1135
    9651136        .widget-area > * {
    966                 margin-top: var(--global--spacing-vertical);
    967                 margin-bottom: var(--global--spacing-vertical);
     1137                margin-top: 30px;
     1138                margin-bottom: 30px;
    9681139        }
    9691140}
    9701141
    … …  
    9721143 * Block & non-gutenberg content wrapper children
    9731144 * - Sets spacing-unit margins
    9741145 */
    975 .entry-header > *,
    976 .post-thumbnail > *,
    977 .page-content > *,
    978 .comment-content > *,
     1146.entry-header > * {
     1147        margin-top: 20px;
     1148        margin-bottom: 20px;
     1149}
     1150.post-thumbnail > * {
     1151        margin-top: 20px;
     1152        margin-bottom: 20px;
     1153}
     1154.page-content > * {
     1155        margin-top: 20px;
     1156        margin-bottom: 20px;
     1157}
     1158.comment-content > * {
     1159        margin-top: 20px;
     1160        margin-bottom: 20px;
     1161}
    9791162.widget > * {
    980         margin-top: var(--global--spacing-unit);
    981         margin-bottom: var(--global--spacing-unit);
     1163        margin-top: 20px;
     1164        margin-bottom: 20px;
    9821165}
    9831166
    9841167.entry-header > *:first-child,
    … …  
    10191202        margin-bottom: 0;
    10201203}
    10211204
    1022 .entry-content > *.alignfull + .alignleft,
     1205.entry-content > *.alignfull + .alignleft {
     1206        margin-top: 30px;
     1207}
     1208
    10231209.entry-content > *.alignfull + .alignright {
    1024         margin-top: var(--global--spacing-vertical);
     1210        margin-top: 30px;
    10251211}
    10261212
    10271213/**
    … …  
    10661252
    10671253        /* Apply border-box across the entire page. */
    10681254        box-sizing: border-box;
    1069         font-family: var(--global--font-secondary);
    1070         line-height: var(--global--line-height-body);
     1255        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1256        line-height: 1.7;
    10711257}
    10721258
    10731259/**
    … …  
    10801266}
    10811267
    10821268body {
    1083         font-size: var(--global--font-size-base);
     1269        font-size: 1.25rem;
    10841270        font-weight: normal;
    1085         color: var(--global--color-primary);
     1271        color: #28303d;
    10861272        text-align: left;
    1087         background-color: var(--global--color-background);
     1273        background-color: #d1e4dd;
    10881274}
    10891275
    10901276button {
    … …  
    11211307blockquote {
    11221308        padding: 0;
    11231309        position: relative;
    1124         margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1310        margin: 30px 0 30px 25px;
    11251311}
    11261312
    11271313blockquote > * {
    1128         margin-top: var(--global--spacing-unit);
    1129         margin-bottom: var(--global--spacing-unit);
     1314        margin-top: 20px;
     1315        margin-bottom: 20px;
    11301316}
    11311317
    11321318blockquote > *:first-child {
    … …  
    11381324}
    11391325
    11401326blockquote 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);
     1327        letter-spacing: normal;
     1328        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1329        font-size: 1.25rem;
     1330        font-style: normal;
     1331        font-weight: 700;
     1332        line-height: 1.7;
    11471333}
    11481334
    1149 blockquote cite,
     1335blockquote cite {
     1336        font-weight: normal;
     1337        color: #28303d;
     1338        font-size: 1rem;
     1339        letter-spacing: normal;
     1340}
     1341
    11501342blockquote footer {
    11511343        font-weight: normal;
    1152         color: var(--global--color-primary);
    1153         font-size: var(--global--font-size-xs);
    1154         letter-spacing: var(--global--letter-spacing);
     1344        color: #28303d;
     1345        font-size: 1rem;
     1346        letter-spacing: normal;
    11551347}
    11561348
    11571349blockquote.alignleft,
    … …  
    11591351        padding-left: inherit;
    11601352}
    11611353
    1162 blockquote.alignleft p,
     1354blockquote.alignleft p {
     1355        font-size: 1.125rem;
     1356        max-width: inherit;
     1357        width: inherit;
     1358}
     1359
    11631360blockquote.alignright p {
    1164         font-size: var(--heading--font-size-h5);
     1361        font-size: 1.125rem;
    11651362        max-width: inherit;
    11661363        width: inherit;
    11671364}
    11681365
    1169 blockquote.alignleft cite,
    1170 blockquote.alignleft footer,
    1171 blockquote.alignright cite,
     1366blockquote.alignleft cite {
     1367        font-size: 1rem;
     1368        letter-spacing: normal;
     1369}
     1370
     1371blockquote.alignleft footer {
     1372        font-size: 1rem;
     1373        letter-spacing: normal;
     1374}
     1375
     1376blockquote.alignright cite {
     1377        font-size: 1rem;
     1378        letter-spacing: normal;
     1379}
     1380
    11721381blockquote.alignright footer {
    1173         font-size: var(--global--font-size-xs);
    1174         letter-spacing: var(--global--letter-spacing);
     1382        font-size: 1rem;
     1383        letter-spacing: normal;
    11751384}
    11761385
    11771386blockquote strong {
    1178         font-weight: var(--quote--font-weight-strong);
     1387        font-weight: bolder;
    11791388}
    11801389
    11811390blockquote:before {
    11821391        content: "“";
    1183         font-size: var(--quote--font-size);
    1184         line-height: var(--quote--line-height);
     1392        font-size: 1.25rem;
     1393        line-height: 1.7;
    11851394        position: absolute;
    1186         left: calc(-0.5 * var(--global--spacing-horizontal));
     1395        left: -12px;
    11871396}
    11881397
    1189 blockquote .wp-block-quote__citation,
    1190 blockquote cite,
     1398blockquote .wp-block-quote__citation {
     1399        color: #28303d;
     1400        font-size: 1rem;
     1401        font-style: normal;
     1402}
     1403
     1404blockquote cite {
     1405        color: #28303d;
     1406        font-size: 1rem;
     1407        font-style: normal;
     1408}
     1409
    11911410blockquote footer {
    1192         color: var(--global--color-primary);
    1193         font-size: var(--global--font-size-xs);
    1194         font-style: var(--quote--font-style-cite);
     1411        color: #28303d;
     1412        font-size: 1rem;
     1413        font-style: normal;
    11951414}
    11961415@media only screen and (max-width: 481px) {
    11971416
    11981417        blockquote {
    1199                 padding-left: calc(0.5 * var(--global--spacing-horizontal));
     1418                padding-left: 13px;
    12001419        }
    12011420
    12021421        blockquote:before {
    … …  
    12041423        }
    12051424}
    12061425
    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],
     1426input[type=text] {
     1427        border: 3px solid #39414d;
     1428        border-radius: 0;
     1429        color: #28303d;
     1430        line-height: 1.7;
     1431        padding: 10px;
     1432        margin: 0 2px;
     1433}
     1434
     1435input[type=email] {
     1436        border: 3px solid #39414d;
     1437        border-radius: 0;
     1438        color: #28303d;
     1439        line-height: 1.7;
     1440        padding: 10px;
     1441        margin: 0 2px;
     1442}
     1443
     1444input[type=url] {
     1445        border: 3px solid #39414d;
     1446        border-radius: 0;
     1447        color: #28303d;
     1448        line-height: 1.7;
     1449        padding: 10px;
     1450        margin: 0 2px;
     1451}
     1452
     1453input[type=password] {
     1454        border: 3px solid #39414d;
     1455        border-radius: 0;
     1456        color: #28303d;
     1457        line-height: 1.7;
     1458        padding: 10px;
     1459        margin: 0 2px;
     1460}
     1461
     1462input[type=search] {
     1463        border: 3px solid #39414d;
     1464        border-radius: 0;
     1465        color: #28303d;
     1466        line-height: 1.7;
     1467        padding: 10px;
     1468        margin: 0 2px;
     1469}
     1470
     1471input[type=number] {
     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=tel] {
     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=date] {
     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=month] {
     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=week] {
     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=time] {
     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=datetime] {
     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=datetime-local] {
     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=color] {
     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
    12211552.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);
     1553        border: 3px solid #39414d;
     1554        border-radius: 0;
     1555        color: #28303d;
     1556        line-height: 1.7;
     1557        padding: 10px;
    12271558        margin: 0 2px;
    12281559}
    12291560
    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,
     1561input[type=text]:focus {
     1562        color: #28303d;
     1563        outline-offset: 2px;
     1564        outline: 2px dotted #39414d;
     1565}
     1566
     1567input[type=email]:focus {
     1568        color: #28303d;
     1569        outline-offset: 2px;
     1570        outline: 2px dotted #39414d;
     1571}
     1572
     1573input[type=url]:focus {
     1574        color: #28303d;
     1575        outline-offset: 2px;
     1576        outline: 2px dotted #39414d;
     1577}
     1578
     1579input[type=password]:focus {
     1580        color: #28303d;
     1581        outline-offset: 2px;
     1582        outline: 2px dotted #39414d;
     1583}
     1584
     1585input[type=search]:focus {
     1586        color: #28303d;
     1587        outline-offset: 2px;
     1588        outline: 2px dotted #39414d;
     1589}
     1590
     1591input[type=number]:focus {
     1592        color: #28303d;
     1593        outline-offset: 2px;
     1594        outline: 2px dotted #39414d;
     1595}
     1596
     1597input[type=tel]:focus {
     1598        color: #28303d;
     1599        outline-offset: 2px;
     1600        outline: 2px dotted #39414d;
     1601}
     1602
     1603input[type=date]:focus {
     1604        color: #28303d;
     1605        outline-offset: 2px;
     1606        outline: 2px dotted #39414d;
     1607}
     1608
     1609input[type=month]:focus {
     1610        color: #28303d;
     1611        outline-offset: 2px;
     1612        outline: 2px dotted #39414d;
     1613}
     1614
     1615input[type=week]:focus {
     1616        color: #28303d;
     1617        outline-offset: 2px;
     1618        outline: 2px dotted #39414d;
     1619}
     1620
     1621input[type=time]:focus {
     1622        color: #28303d;
     1623        outline-offset: 2px;
     1624        outline: 2px dotted #39414d;
     1625}
     1626
     1627input[type=datetime]:focus {
     1628        color: #28303d;
     1629        outline-offset: 2px;
     1630        outline: 2px dotted #39414d;
     1631}
     1632
     1633input[type=datetime-local]:focus {
     1634        color: #28303d;
     1635        outline-offset: 2px;
     1636        outline: 2px dotted #39414d;
     1637}
     1638
     1639input[type=color]:focus {
     1640        color: #28303d;
     1641        outline-offset: 2px;
     1642        outline: 2px dotted #39414d;
     1643}
     1644
    12441645.site textarea:focus {
    1245         color: var(--form--color-text);
     1646        color: #28303d;
    12461647        outline-offset: 2px;
    1247         outline: 2px dotted var(--form--border-color);
     1648        outline: 2px dotted #39414d;
    12481649}
    12491650
    12501651input[type=text]:disabled,
    … …  
    12651666        opacity: 0.7;
    12661667}
    12671668
    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],
     1669.is-dark-theme input[type=text] {
     1670        background: rgba(255, 255, 255, 0.9);
     1671}
     1672
     1673.is-dark-theme input[type=email] {
     1674        background: rgba(255, 255, 255, 0.9);
     1675}
     1676
     1677.is-dark-theme input[type=url] {
     1678        background: rgba(255, 255, 255, 0.9);
     1679}
     1680
     1681.is-dark-theme input[type=password] {
     1682        background: rgba(255, 255, 255, 0.9);
     1683}
     1684
     1685.is-dark-theme input[type=search] {
     1686        background: rgba(255, 255, 255, 0.9);
     1687}
     1688
     1689.is-dark-theme input[type=number] {
     1690        background: rgba(255, 255, 255, 0.9);
     1691}
     1692
     1693.is-dark-theme input[type=tel] {
     1694        background: rgba(255, 255, 255, 0.9);
     1695}
     1696
     1697.is-dark-theme input[type=date] {
     1698        background: rgba(255, 255, 255, 0.9);
     1699}
     1700
     1701.is-dark-theme input[type=month] {
     1702        background: rgba(255, 255, 255, 0.9);
     1703}
     1704
     1705.is-dark-theme input[type=week] {
     1706        background: rgba(255, 255, 255, 0.9);
     1707}
     1708
     1709.is-dark-theme input[type=time] {
     1710        background: rgba(255, 255, 255, 0.9);
     1711}
     1712
     1713.is-dark-theme input[type=datetime] {
     1714        background: rgba(255, 255, 255, 0.9);
     1715}
     1716
     1717.is-dark-theme input[type=datetime-local] {
     1718        background: rgba(255, 255, 255, 0.9);
     1719}
     1720
     1721.is-dark-theme input[type=color] {
     1722        background: rgba(255, 255, 255, 0.9);
     1723}
     1724
    12821725.is-dark-theme .site textarea {
    1283         background: var(--global--color-white-90);
     1726        background: rgba(255, 255, 255, 0.9);
    12841727}
    12851728
    12861729input[type=search]:focus {
    … …  
    12881731}
    12891732
    12901733.is-dark-theme input[type=search]:focus {
    1291         outline-color: var(--global--color-background);
     1734        outline-color: #d1e4dd;
    12921735}
    12931736
    12941737input[type=color] {
    1295         padding: calc(var(--form--spacing-unit) / 2);
    1296         height: calc(4 * var(--form--spacing-unit));
     1738        padding: 5px;
     1739        height: 40px;
    12971740}
    12981741
    12991742input[type=email],
    … …  
    13041747}
    13051748
    13061749select {
    1307         border: var(--form--border-width) solid var(--form--border-color);
    1308         color: var(--form--color-text);
     1750        border: 3px solid #39414d;
     1751        color: #28303d;
    13091752        -moz-appearance: none;
    13101753        -webkit-appearance: none;
    13111754        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%;
     1755        line-height: 1.7;
     1756        padding: 10px 30px 10px 10px;
     1757        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;
     1758        background-position: right 10px top 60%;
    13161759}
    13171760
    13181761select:focus {
    13191762        outline-offset: 2px;
    1320         outline: 2px dotted var(--form--border-color);
     1763        outline: 2px dotted #39414d;
    13211764}
    13221765
    13231766.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%;
     1767        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;
     1768        background-position: right 10px top 60%;
    13261769}
    13271770
    13281771textarea {
    … …  
    13301773}
    13311774
    13321775label {
    1333         font-size: var(--form--font-size);
    1334         font-weight: var(--form--label-weight);
    1335         margin-bottom: calc(var(--global--spacing-vertical) / 3);
     1776        font-size: 1.125rem;
     1777        font-weight: 500;
     1778        margin-bottom: 10px;
    13361779}
    13371780
    13381781/**
    … …  
    13421785*/
    13431786@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    13441787
    1345         input[type=checkbox],
     1788        input[type=checkbox] {
     1789                -webkit-appearance: none;
     1790                -moz-appearance: none;
     1791                position: relative;
     1792                width: 25px;
     1793                height: 25px;
     1794                border: 3px solid #39414d;
     1795                background: #fff;
     1796        }
     1797
    13461798        input[type=radio] {
    13471799                -webkit-appearance: none;
    13481800                -moz-appearance: none;
    … …  
    13491801                position: relative;
    13501802                width: 25px;
    13511803                height: 25px;
    1352                 border: var(--form--border-width) solid var(--form--border-color);
    1353                 background: var(--global--color-white);
     1804                border: 3px solid #39414d;
     1805                background: #fff;
    13541806        }
    13551807
    13561808        input[type=checkbox]:disabled,
    … …  
    13581810                opacity: 0.7;
    13591811        }
    13601812
    1361         .is-dark-theme input[type=checkbox],
     1813        .is-dark-theme input[type=checkbox] {
     1814                background: rgba(255, 255, 255, 0.9);
     1815        }
     1816
    13621817        .is-dark-theme input[type=radio] {
    1363                 background: var(--global--color-white-90);
     1818                background: rgba(255, 255, 255, 0.9);
    13641819        }
    13651820
    13661821        input[type=checkbox]:focus {
    13671822                outline-offset: 2px;
    1368                 outline: 2px dotted var(--form--border-color);
     1823                outline: 2px dotted #39414d;
    13691824        }
    13701825
    13711826        input[type=checkbox]:after {
    … …  
    13771832                position: absolute;
    13781833                width: 7px;
    13791834                height: 13px;
    1380                 border: 3px solid var(--form--color-text);
     1835                border: 3px solid #28303d;
    13811836                border-top: 0;
    13821837                border-left: 0;
    13831838                transform: rotate(30deg);
    … …  
    13841839        }
    13851840
    13861841        input[type=checkbox]:checked {
    1387                 color: var(--form--color-text);
     1842                color: #28303d;
    13881843        }
    13891844
    13901845        input[type=checkbox]:checked:after {
    … …  
    13971852
    13981853        input[type=radio]:focus {
    13991854                outline-offset: 2px;
    1400                 outline: 2px dotted var(--form--border-color);
     1855                outline: 2px dotted #39414d;
    14011856        }
    14021857
    14031858        input[type=radio]:after {
    … …  
    14101865                width: 11px;
    14111866                height: 11px;
    14121867                border-radius: 50%;
    1413                 background: var(--form--color-text);
     1868                background: #28303d;
    14141869        }
    14151870
    14161871        input[type=radio]:checked {
    1417                 border: 4px solid var(--form--border-color);
     1872                border: 4px solid #39414d;
    14181873        }
    14191874
    14201875        input[type=radio]:checked:after {
    … …  
    14231878
    14241879        input[type=radio]:checked:focus {
    14251880                outline-offset: 4px;
    1426                 outline: 2px dotted var(--form--border-color);
     1881                outline: 2px dotted #39414d;
    14271882        }
    14281883}
    14291884
    1430 input[type=checkbox] + label,
     1885input[type=checkbox] + label {
     1886        display: inline-block;
     1887        padding-left: 10px;
     1888        font-size: 1rem;
     1889        vertical-align: top;
     1890}
     1891
    14311892input[type=radio] + label {
    14321893        display: inline-block;
    14331894        padding-left: 10px;
    1434         font-size: var(--global--font-size-xs);
     1895        font-size: 1rem;
    14351896        vertical-align: top;
    14361897}
    14371898
    … …  
    14481909
    14491910                /* Specific width is required for Firefox. */
    14501911                height: 6px;
    1451                 background: var(--form--color-ranged);
     1912                background: #39414d;
    14521913                border-radius: 6px;
    14531914                outline-offset: 10px;
    14541915        }
    … …  
    14591920
    14601921        input[type=range]::-webkit-slider-thumb {
    14611922                -webkit-appearance: none;
    1462                 border: 3px solid var(--form--color-ranged);
     1923                border: 3px solid #39414d;
    14631924                height: 44px;
    14641925                width: 44px;
    14651926                border-radius: 50%;
    1466                 background: var(--global--color-background);
     1927                background: #d1e4dd;
    14671928                cursor: pointer;
    14681929        }
    14691930
    14701931        input[type=range]::-moz-range-thumb {
    1471                 border: 3px solid var(--form--color-ranged);
     1932                border: 3px solid #39414d;
    14721933                height: 44px;
    14731934                width: 44px;
    14741935                border-radius: 50%;
    1475                 background: var(--global--color-background);
     1936                background: #d1e4dd;
    14761937                cursor: pointer;
    14771938                box-sizing: border-box;
    14781939        }
    … …  
    14831944        height: 6px;
    14841945        border-radius: 6px;
    14851946        border-width: 19px 0;
    1486         border-color: var(--global--color-background);
     1947        border-color: #d1e4dd;
    14871948        background: transparent;
    14881949        color: transparent;
    14891950        cursor: pointer;
    … …  
    14901951}
    14911952
    14921953input[type=range]::-ms-fill-upper {
    1493         background: var(--form--color-ranged);
     1954        background: #39414d;
    14941955        border-radius: 6px;
    14951956}
    14961957
    14971958input[type=range]::-ms-fill-lower {
    1498         background: var(--form--color-ranged);
     1959        background: #39414d;
    14991960        border-radius: 6px;
    15001961}
    15011962
    15021963input[type=range]::-ms-thumb {
    1503         border: 3px solid var(--form--color-ranged);
     1964        border: 3px solid #39414d;
    15041965        height: 44px;
    15051966        width: 44px;
    15061967        border-radius: 50%;
    1507         background: var(--global--color-background);
     1968        background: #d1e4dd;
    15081969        cursor: pointer;
    15091970}
    15101971
    15111972fieldset {
    15121973        display: grid;
    1513         border-color: var(--global--color-secondary);
    1514         padding: var(--global--spacing-horizontal);
     1974        border-color: #39414d;
     1975        padding: 25px;
    15151976}
    15161977
    15171978fieldset legend {
    1518         font-size: var(--global--font-size-lg);
     1979        font-size: 1.5rem;
    15191980}
    15201981
    15211982fieldset input[type=submit] {
    … …  
    15231984}
    15241985
    15251986fieldset input:not([type=submit]) {
    1526         margin-bottom: var(--global--spacing-unit);
     1987        margin-bottom: 20px;
    15271988}
    15281989
    15291990fieldset input[type=radio],
    … …  
    15311992        margin-bottom: 0;
    15321993}
    15331994
    1534 fieldset input[type=radio] + label,
     1995fieldset input[type=radio] + label {
     1996        font-size: 1.125rem;
     1997        padding-left: 0;
     1998        margin-bottom: 20px;
     1999}
     2000
    15352001fieldset input[type=checkbox] + label {
    1536         font-size: var(--form--font-size);
     2002        font-size: 1.125rem;
    15372003        padding-left: 0;
    1538         margin-bottom: var(--global--spacing-unit);
     2004        margin-bottom: 20px;
    15392005}
    15402006
    15412007::-moz-placeholder {
    … …  
    15432009}
    15442010
    15452011.post-password-message {
    1546         font-size: var(--global--font-size-lg);
     2012        font-size: 1.5rem;
    15472013}
    15482014
    15492015.post-password-form {
    … …  
    15582024
    15592025.post-password-form input[type=password] {
    15602026        flex-grow: 1;
    1561         margin-top: calc(var(--global--spacing-vertical) / 3);
    1562         margin-right: calc(0.66 * var(--global--spacing-horizontal));
     2027        margin-top: 10px;
     2028        margin-right: 17px;
    15632029}
    15642030
    15652031.post-password-form__submit {
    1566         margin-top: calc(var(--global--spacing-vertical) / 3);
     2032        margin-top: 10px;
    15672033}
    15682034@media only screen and (min-width: 592px) {
    15692035
    15702036        .post-password-form__submit {
    1571                 margin-left: calc(0.4 * var(--global--spacing-horizontal));
     2037                margin-left: 10px;
    15722038        }
    15732039}
    15742040
    … …  
    15922058}
    15932059
    15942060/* Media captions */
    1595 figcaption,
    1596 .wp-caption,
    1597 .wp-caption-text,
     2061figcaption {
     2062        color: currentColor;
     2063        font-size: 1rem;
     2064        line-height: 1.7;
     2065        margin-top: 10px;
     2066        margin-bottom: 20px;
     2067        text-align: center;
     2068}
     2069.wp-caption {
     2070        color: currentColor;
     2071        font-size: 1rem;
     2072        line-height: 1.7;
     2073        margin-top: 10px;
     2074        margin-bottom: 20px;
     2075        text-align: center;
     2076}
     2077.wp-caption-text {
     2078        color: currentColor;
     2079        font-size: 1rem;
     2080        line-height: 1.7;
     2081        margin-top: 10px;
     2082        margin-bottom: 20px;
     2083        text-align: center;
     2084}
    15982085.wp-block-embed figcaption {
    15992086        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);
     2087        font-size: 1rem;
     2088        line-height: 1.7;
     2089        margin-top: 10px;
     2090        margin-bottom: 20px;
    16042091        text-align: center;
    16052092}
    16062093
    … …  
    16502137 */
    16512138a {
    16522139        cursor: pointer;
    1653         color: var(--wp--style--color--link, var(--global--color-primary));
     2140        color: #28303d;
    16542141        text-underline-offset: 3px;
    16552142        text-decoration-skip-ink: all;
    16562143}
    … …  
    16692156        background: rgba(255, 255, 255, 0.9);
    16702157}
    16712158
    1672 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
     2159.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
     2160        color: #d1e4dd;
     2161}
     2162
    16732163.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));
     2164        color: #d1e4dd;
    16752165}
    16762166
    16772167.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    16782168        background: rgba(0, 0, 0, 0.9);
    1679         color: var(--wp--style--color--link, var(--global--color-white));
     2169        color: #fff;
    16802170}
    16812171
    16822172.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));
     2173        color: #fff;
    16842174}
    16852175
    16862176.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
    … …  
    16962186}
    16972187
    16982188.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));
     2189        outline: 2px dotted #28303d;
    17002190}
    17012191
    1702 .has-background .has-link-color a,
     2192.has-background .has-link-color a {
     2193        color: #28303d;
     2194}
     2195
    17032196.has-background.has-link-color a {
    1704         color: var(--wp--style--color--link, var(--global--color-primary));
     2197        color: #28303d;
    17052198}
    17062199
    17072200/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
    17082201.wp-block-audio audio:focus {
    17092202        outline-offset: 5px;
    1710         outline: 2px solid var(--global--color-primary);
     2203        outline: 2px solid #28303d;
    17112204}
    17122205
    17132206/**
    17142207 * Button
    17152208 */
    1716 .site .button,
    1717 input[type=submit],
    1718 input[type=reset],
    1719 .wp-block-search__button,
     2209.site .button {
     2210        line-height: 1.5;
     2211        color: #d1e4dd;
     2212        cursor: pointer;
     2213        font-weight: 500;
     2214        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2215        font-size: 1.25rem;
     2216        background-color: #39414d;
     2217        border-radius: 0;
     2218        border: 3px solid #39414d;
     2219        text-decoration: none;
     2220        padding: 15px 30px;
     2221}
     2222input[type=submit] {
     2223        line-height: 1.5;
     2224        color: #d1e4dd;
     2225        cursor: pointer;
     2226        font-weight: 500;
     2227        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2228        font-size: 1.25rem;
     2229        background-color: #39414d;
     2230        border-radius: 0;
     2231        border: 3px solid #39414d;
     2232        text-decoration: none;
     2233        padding: 15px 30px;
     2234}
     2235input[type=reset] {
     2236        line-height: 1.5;
     2237        color: #d1e4dd;
     2238        cursor: pointer;
     2239        font-weight: 500;
     2240        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2241        font-size: 1.25rem;
     2242        background-color: #39414d;
     2243        border-radius: 0;
     2244        border: 3px solid #39414d;
     2245        text-decoration: none;
     2246        padding: 15px 30px;
     2247}
     2248.wp-block-search__button {
     2249        line-height: 1.5;
     2250        color: #d1e4dd;
     2251        cursor: pointer;
     2252        font-weight: 500;
     2253        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2254        font-size: 1.25rem;
     2255        background-color: #39414d;
     2256        border-radius: 0;
     2257        border: 3px solid #39414d;
     2258        text-decoration: none;
     2259        padding: 15px 30px;
     2260}
    17202261.wp-block-button .wp-block-button__link {
    1721         line-height: var(--button--line-height);
    1722         color: var(--button--color-text);
     2262        line-height: 1.5;
     2263        color: #d1e4dd;
    17232264        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);
     2265        font-weight: 500;
     2266        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2267        font-size: 1.25rem;
     2268        background-color: #39414d;
     2269        border-radius: 0;
     2270        border: 3px solid #39414d;
    17302271        text-decoration: none;
    1731         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2272        padding: 15px 30px;
    17322273}
    17332274
    17342275.site .button:focus,
    … …  
    17412282        outline: 2px dotted currentColor;
    17422283}
    17432284
    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,
     2285.is-dark-theme .site .button:focus {
     2286        color: #39414d;
     2287}
     2288
     2289.is-dark-theme input[type=submit]:focus {
     2290        color: #39414d;
     2291}
     2292
     2293.is-dark-theme input[type=reset]:focus {
     2294        color: #39414d;
     2295}
     2296
     2297.is-dark-theme .wp-block-search__button:focus {
     2298        color: #39414d;
     2299}
     2300
    17482301.is-dark-theme .wp-block-button .wp-block-button__link:focus {
    1749         color: var(--button--color-background);
     2302        color: #39414d;
    17502303}
    17512304
    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),
     2305.site .button:focus:not(.has-background) {
     2306        color: #39414d;
     2307}
     2308
     2309input[type=submit]:focus:not(.has-background) {
     2310        color: #39414d;
     2311}
     2312
     2313input[type=reset]:focus:not(.has-background) {
     2314        color: #39414d;
     2315}
     2316
     2317.wp-block-search__button:focus:not(.has-background) {
     2318        color: #39414d;
     2319}
     2320
    17562321.wp-block-button .wp-block-button__link:focus:not(.has-background) {
    1757         color: var(--button--color-text-hover);
     2322        color: #39414d;
    17582323}
    17592324
    1760 .site .button:disabled,
    1761 input[type=submit]:disabled,
    1762 input[type=reset]:disabled,
    1763 .wp-block-search__button:disabled,
     2325.site .button:disabled {
     2326        background-color: rgba(255, 255, 255, 0.5);
     2327        border-color: rgba(255, 255, 255, 0.5);
     2328        color: #39414d;
     2329}
     2330
     2331input[type=submit]:disabled {
     2332        background-color: rgba(255, 255, 255, 0.5);
     2333        border-color: rgba(255, 255, 255, 0.5);
     2334        color: #39414d;
     2335}
     2336
     2337input[type=reset]:disabled {
     2338        background-color: rgba(255, 255, 255, 0.5);
     2339        border-color: rgba(255, 255, 255, 0.5);
     2340        color: #39414d;
     2341}
     2342
     2343.wp-block-search__button:disabled {
     2344        background-color: rgba(255, 255, 255, 0.5);
     2345        border-color: rgba(255, 255, 255, 0.5);
     2346        color: #39414d;
     2347}
     2348
    17642349.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);
     2350        background-color: rgba(255, 255, 255, 0.5);
     2351        border-color: rgba(255, 255, 255, 0.5);
     2352        color: #39414d;
    17682353}
    17692354
    1770 .site .button:active,
    1771 input[type=submit]:active,
    1772 input[type=reset]:active,
    1773 .wp-block-search .wp-block-search__button:active,
     2355.site .button:active {
     2356        color: #39414d;
     2357        background-color: #d1e4dd;
     2358}
     2359
     2360input[type=submit]:active {
     2361        color: #39414d;
     2362        background-color: #d1e4dd;
     2363}
     2364
     2365input[type=reset]:active {
     2366        color: #39414d;
     2367        background-color: #d1e4dd;
     2368}
     2369
     2370.wp-block-search .wp-block-search__button:active {
     2371        color: #39414d;
     2372        background-color: #d1e4dd;
     2373}
     2374
    17742375.wp-block-file .wp-block-file__button:active {
    1775         color: var(--button--color-text-active);
    1776         background-color: var(--button--color-background-active);
     2376        color: #39414d;
     2377        background-color: #d1e4dd;
    17772378}
    17782379
    1779 .site .button:hover,
    1780 input[type=submit]:hover,
    1781 input[type=reset]:hover,
    1782 .wp-block-search .wp-block-search__button:hover,
     2380.site .button:hover {
     2381        color: #39414d;
     2382        background: transparent;
     2383}
     2384
     2385input[type=submit]:hover {
     2386        color: #39414d;
     2387        background: transparent;
     2388}
     2389
     2390input[type=reset]:hover {
     2391        color: #39414d;
     2392        background: transparent;
     2393}
     2394
     2395.wp-block-search .wp-block-search__button:hover {
     2396        color: #39414d;
     2397        background: transparent;
     2398}
     2399
    17832400.wp-block-file .wp-block-file__button:hover {
    1784         color: var(--button--color-text-hover);
     2401        color: #39414d;
    17852402        background: transparent;
    17862403}
    17872404
    … …  
    17892406 * Block Options
    17902407 */
    17912408.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    1792         color: var(--button--color-text-active) !important;
     2409        color: #39414d !important;
    17932410        background: transparent !important;
    1794         border-color: var(--button--color-background);
     2411        border-color: #39414d;
    17952412}
    17962413
    17972414.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    1798         color: var(--button--color-text-hover) !important;
     2415        color: #39414d !important;
    17992416        background: transparent !important;
    1800         border-color: var(--button--color-background);
     2417        border-color: #39414d;
    18012418}
    18022419
    18032420.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;
     2421        color: #d1e4dd !important;
     2422        background: #39414d !important;
    18062423}
    18072424
    18082425.wp-block-button.is-style-outline .wp-block-button__link {
    1809         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2426        padding: 15px 30px;
    18102427}
    18112428
    18122429.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {
    … …  
    18152432
    18162433.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) {
    18172434        background: transparent;
    1818         color: var(--button--color-background);
    1819         border-color: var(--button--color-background);
     2435        color: #39414d;
     2436        border-color: #39414d;
    18202437}
    18212438
    18222439.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
    … …  
    18232440        color: currentColor;
    18242441}
    18252442
    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),
     2443.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
     2444        color: #fff;
     2445}
     2446
     2447.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
     2448        color: #fff;
     2449}
     2450
    18282451.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);
     2452        color: #fff;
    18302453}
    18312454
    18322455.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);
     2456        color: #28303d;
    18342457}
    18352458
    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,
     2459.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color {
     2460        color: #fff;
     2461}
     2462
     2463.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color {
     2464        color: #fff;
     2465}
     2466
    18382467.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);
     2468        color: #fff;
    18402469}
    18412470
    18422471.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
    … …  
    18442473        border-color: currentColor;
    18452474}
    18462475
    1847 .wp-block-button.is-style-outline .wp-block-button__link:active,
     2476.wp-block-button.is-style-outline .wp-block-button__link:active {
     2477        color: #d1e4dd !important;
     2478        background: #39414d !important;
     2479        border-color: #39414d;
     2480}
     2481
    18482482.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);
     2483        color: #d1e4dd !important;
     2484        background: #39414d !important;
     2485        border-color: #39414d;
    18522486}
    18532487
    1854 .wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color,
     2488.wp-block-button.is-style-outline .wp-block-button__link:active.has-text-color {
     2489        border-color: #39414d;
     2490}
     2491
    18552492.wp-block-button.is-style-outline .wp-block-button__link:hover.has-text-color {
    1856         border-color: var(--button--color-background);
     2493        border-color: #39414d;
    18572494}
    18582495
    18592496.wp-block-button.is-style-outline .wp-block-button__link:focus {
    1860         color: var(--button--color-background) !important;
     2497        color: #39414d !important;
    18612498        background: transparent !important;
    18622499}
    18632500
    … …  
    18652502        border-radius: 0;
    18662503}
    18672504
    1868 .is-style-outline .wp-block-button__link[style*=radius]:focus,
     2505.is-style-outline .wp-block-button__link[style*=radius]:focus {
     2506        outline-offset: 2px;
     2507        outline: 2px dotted #39414d;
     2508}
     2509
    18692510.wp-block-button a.wp-block-button__link[style*=radius]:focus {
    18702511        outline-offset: 2px;
    1871         outline: 2px dotted var(--button--color-background);
     2512        outline: 2px dotted #39414d;
    18722513}
    18732514
    18742515.wp-block-code {
    1875         border-color: var(--global--color-border);
     2516        border-color: #28303d;
    18762517        border-radius: 0;
    18772518        border-style: solid;
    18782519        border-width: 0.1rem;
    1879         padding: var(--global--spacing-unit);
     2520        padding: 20px;
    18802521}
    18812522
    18822523.wp-block-code code {
    1883         font-size: var(--global--font-size-xs);
     2524        font-size: 1rem;
    18842525        white-space: pre;
    18852526        overflow-x: auto;
    18862527        display: block;
    … …  
    18912532}
    18922533
    18932534.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));
     2535        margin-top: 20px;
     2536        margin-bottom: 20px;
    18962537}
    18972538@media only screen and (min-width: 482px) {
    18982539
    18992540        .wp-block-columns .wp-block-column > * {
    1900                 margin-top: var(--global--spacing-vertical);
    1901                 margin-bottom: var(--global--spacing-vertical);
     2541                margin-top: 30px;
     2542                margin-bottom: 30px;
    19022543        }
    19032544}
    19042545
    … …  
    19152556}
    19162557
    19172558.wp-block-columns .wp-block-column:not(:last-child) {
    1918         margin-bottom: calc(0.66 * var(--global--spacing-vertical));
     2559        margin-bottom: 20px;
    19192560}
    19202561@media only screen and (min-width: 482px) {
    19212562
    19222563        .wp-block-columns .wp-block-column:not(:last-child) {
    1923                 margin-bottom: var(--global--spacing-vertical);
     2564                margin-bottom: 30px;
    19242565        }
    19252566}
    19262567@media only screen and (min-width: 822px) {
    … …  
    19362577@media only screen and (min-width: 652px) {
    19372578
    19382579        .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));
     2580                margin-left: -50px;
     2581                margin-top: 63px;
    19412582                z-index: 2;
    19422583        }
    19432584
    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),
     2585        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
     2586                background-color: #d1e4dd;
     2587                padding: 20px;
     2588        }
     2589
     2590        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
     2591                background-color: #d1e4dd;
     2592                padding: 20px;
     2593        }
     2594
     2595        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
     2596                background-color: #d1e4dd;
     2597                padding: 20px;
     2598        }
     2599
     2600        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
     2601                background-color: #d1e4dd;
     2602                padding: 20px;
     2603        }
     2604
     2605        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
     2606                background-color: #d1e4dd;
     2607                padding: 20px;
     2608        }
     2609
     2610        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
     2611                background-color: #d1e4dd;
     2612                padding: 20px;
     2613        }
     2614
     2615        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
     2616                background-color: #d1e4dd;
     2617                padding: 20px;
     2618        }
     2619
     2620        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     2621                background-color: #d1e4dd;
     2622                padding: 20px;
     2623        }
     2624
     2625        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
     2626                background-color: #d1e4dd;
     2627                padding: 20px;
     2628        }
     2629
    19532630        .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);
     2631                background-color: #d1e4dd;
     2632                padding: 20px;
    19562633        }
    19572634
    1958         .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     2635        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     2636                padding-left: 50px;
     2637        }
     2638
    19592639        .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));
     2640                padding-left: 50px;
    19612641        }
    19622642
    19632643        .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
    … …  
    19652645        }
    19662646}
    19672647
    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),
     2648.wp-block-columns.alignfull .wp-block-column p:not(.has-background) {
     2649        padding-left: 20px;
     2650        padding-right: 20px;
     2651}
     2652
     2653.wp-block-columns.alignfull .wp-block-column h1:not(.has-background) {
     2654        padding-left: 20px;
     2655        padding-right: 20px;
     2656}
     2657
     2658.wp-block-columns.alignfull .wp-block-column h2:not(.has-background) {
     2659        padding-left: 20px;
     2660        padding-right: 20px;
     2661}
     2662
     2663.wp-block-columns.alignfull .wp-block-column h3:not(.has-background) {
     2664        padding-left: 20px;
     2665        padding-right: 20px;
     2666}
     2667
     2668.wp-block-columns.alignfull .wp-block-column h4:not(.has-background) {
     2669        padding-left: 20px;
     2670        padding-right: 20px;
     2671}
     2672
     2673.wp-block-columns.alignfull .wp-block-column h5:not(.has-background) {
     2674        padding-left: 20px;
     2675        padding-right: 20px;
     2676}
     2677
    19742678.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);
     2679        padding-left: 20px;
     2680        padding-right: 20px;
    19772681}
    19782682
    1979 .wp-block-cover,
     2683.wp-block-cover {
     2684        background-color: #000;
     2685        min-height: 450px;
     2686        margin-top: inherit;
     2687        margin-bottom: inherit;
     2688
     2689        /* default & custom background-color */
     2690
     2691        /* Treating H2 separately to account for legacy /core styles */
     2692
     2693        /* Block Styles */
     2694}
     2695
    19802696.wp-block-cover-image {
    1981         background-color: var(--cover--color-background);
    1982         min-height: var(--cover--height);
     2697        background-color: #000;
     2698        min-height: 450px;
    19832699        margin-top: inherit;
    19842700        margin-bottom: inherit;
    19852701
    … …  
    20012717        margin-bottom: 0;
    20022718}
    20032719
    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,
     2720.wp-block-cover .wp-block-cover__inner-container {
     2721        color: currentColor;
     2722        margin-top: 30px;
     2723        margin-bottom: 30px;
     2724}
     2725
     2726.wp-block-cover .wp-block-cover-image-text {
     2727        color: currentColor;
     2728        margin-top: 30px;
     2729        margin-bottom: 30px;
     2730}
     2731
     2732.wp-block-cover .wp-block-cover-text {
     2733        color: currentColor;
     2734        margin-top: 30px;
     2735        margin-bottom: 30px;
     2736}
     2737
     2738.wp-block-cover-image .wp-block-cover__inner-container {
     2739        color: currentColor;
     2740        margin-top: 30px;
     2741        margin-bottom: 30px;
     2742}
     2743
     2744.wp-block-cover-image .wp-block-cover-image-text {
     2745        color: currentColor;
     2746        margin-top: 30px;
     2747        margin-bottom: 30px;
     2748}
     2749
    20092750.wp-block-cover-image .wp-block-cover-text {
    20102751        color: currentColor;
    2011         margin-top: var(--global--spacing-vertical);
    2012         margin-bottom: var(--global--spacing-vertical);
     2752        margin-top: 30px;
     2753        margin-bottom: 30px;
    20132754}
    20142755
    20152756.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
    … …  
    20212762        color: currentColor;
    20222763}
    20232764
    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,
     2765.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
     2766        color: #28303d;
     2767}
     2768
     2769.wp-block-cover .wp-block-cover-image-text .has-link-color a {
     2770        color: #28303d;
     2771}
     2772
     2773.wp-block-cover .wp-block-cover-text .has-link-color a {
     2774        color: #28303d;
     2775}
     2776
     2777.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
     2778        color: #28303d;
     2779}
     2780
     2781.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
     2782        color: #28303d;
     2783}
     2784
    20292785.wp-block-cover-image .wp-block-cover-text .has-link-color a {
    2030         color: var(--wp--style--color--link, var(--global--color-primary));
     2786        color: #28303d;
    20312787}
    20322788
    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,
     2789.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
     2790        color: #fff;
     2791}
     2792
     2793.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
     2794        color: #fff;
     2795}
     2796
     2797.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
     2798        color: #fff;
     2799}
     2800
     2801.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
     2802        color: #fff;
     2803}
     2804
     2805.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
     2806        color: #fff;
     2807}
     2808
    20382809.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
    2039         color: var(--cover--color-foreground);
     2810        color: #fff;
    20402811}
    20412812
    2042 .wp-block-cover h2,
     2813.wp-block-cover h2 {
     2814        font-size: 2.25rem;
     2815        letter-spacing: normal;
     2816        line-height: 1.3;
     2817        max-width: inherit;
     2818        text-align: inherit;
     2819        padding: 0;
     2820}
     2821
     2822@media only screen and (min-width: 652px){
     2823        .wp-block-cover h2{
     2824        font-size: 3rem;
     2825        }
     2826}
     2827
     2828@media only screen and (min-width: 652px){
     2829        .wp-block-cover h2{
     2830        font-size: 3rem;
     2831        }
     2832}
     2833
    20432834.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);
     2835        font-size: 2.25rem;
     2836        letter-spacing: normal;
     2837        line-height: 1.3;
    20472838        max-width: inherit;
    20482839        text-align: inherit;
    20492840        padding: 0;
    20502841}
    20512842
     2843@media only screen and (min-width: 652px){
     2844        .wp-block-cover-image h2{
     2845        font-size: 3rem;
     2846        }
     2847}
     2848
     2849@media only screen and (min-width: 652px){
     2850        .wp-block-cover-image h2{
     2851        font-size: 3rem;
     2852        }
     2853}
     2854
    20522855.wp-block-cover h2.has-text-align-left,
    20532856.wp-block-cover-image h2.has-text-align-left {
    20542857        text-align: left;
    … …  
    20642867        text-align: right;
    20652868}
    20662869
    2067 .wp-block-cover .wp-block-cover__inner-container,
     2870.wp-block-cover .wp-block-cover__inner-container {
     2871        width: calc(100% - 60px);
     2872}
     2873
    20682874.wp-block-cover-image .wp-block-cover__inner-container {
    2069         width: calc(100% - calc(2 * var(--global--spacing-vertical)));
     2875        width: calc(100% - 60px);
    20702876}
    20712877
    2072 .wp-block-cover .wp-block-cover__inner-container > *,
     2878.wp-block-cover .wp-block-cover__inner-container > * {
     2879        margin-top: 20px;
     2880        margin-bottom: 20px;
     2881}
     2882
    20732883.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));
     2884        margin-top: 20px;
     2885        margin-bottom: 20px;
    20762886}
    20772887@media only screen and (min-width: 482px) {
    20782888
    2079         .wp-block-cover .wp-block-cover__inner-container > *,
     2889        .wp-block-cover .wp-block-cover__inner-container > * {
     2890                margin-top: 30px;
     2891                margin-bottom: 30px;
     2892        }
     2893
    20802894        .wp-block-cover-image .wp-block-cover__inner-container > * {
    2081                 margin-top: var(--global--spacing-vertical);
    2082                 margin-bottom: var(--global--spacing-vertical);
     2895                margin-top: 30px;
     2896                margin-bottom: 30px;
    20832897        }
    20842898}
    20852899
    … …  
    21002914        margin-top: 0;
    21012915}
    21022916
    2103 .wp-block-cover.alignleft > *,
    2104 .wp-block-cover.alignright > *,
    2105 .wp-block-cover-image.alignleft > *,
     2917.wp-block-cover.alignleft > * {
     2918        margin-top: 60px;
     2919        margin-bottom: 60px;
     2920        padding-left: 25px;
     2921        padding-right: 25px;
     2922        width: 100%;
     2923}
     2924
     2925.wp-block-cover.alignright > * {
     2926        margin-top: 60px;
     2927        margin-bottom: 60px;
     2928        padding-left: 25px;
     2929        padding-right: 25px;
     2930        width: 100%;
     2931}
     2932
     2933.wp-block-cover-image.alignleft > * {
     2934        margin-top: 60px;
     2935        margin-bottom: 60px;
     2936        padding-left: 25px;
     2937        padding-right: 25px;
     2938        width: 100%;
     2939}
     2940
    21062941.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);
     2942        margin-top: 60px;
     2943        margin-bottom: 60px;
     2944        padding-left: 25px;
     2945        padding-right: 25px;
    21112946        width: 100%;
    21122947}
    21132948
    … …  
    21182953        justify-content: center;
    21192954}
    21202955
    2121 .wp-block-cover.is-style-twentytwentyone-border,
     2956.wp-block-cover.is-style-twentytwentyone-border {
     2957        border: 3px solid #28303d;
     2958}
     2959
    21222960.wp-block-cover-image.is-style-twentytwentyone-border {
    2123         border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     2961        border: 3px solid #28303d;
    21242962}
    21252963
    2126 .wp-block-file a.wp-block-file__button:active,
    2127 .wp-block-file a.wp-block-file__button:focus,
     2964.wp-block-file a.wp-block-file__button:active {
     2965        color: #39414d;
     2966        opacity: inherit;
     2967}
     2968
     2969.wp-block-file a.wp-block-file__button:focus {
     2970        color: #39414d;
     2971        opacity: inherit;
     2972}
     2973
    21282974.wp-block-file a.wp-block-file__button:hover {
    2129         color: var(--button--color-text-hover);
     2975        color: #39414d;
    21302976        opacity: inherit;
    21312977}
    21322978
    21332979.wp-block-file a.wp-block-file__button:visited {
    2134         color: var(--button--color-text);
     2980        color: #d1e4dd;
    21352981}
    21362982
    21372983.wp-block-file a.wp-block-file__button:visited:hover {
    2138         color: var(--button--color-text-hover);
     2984        color: #39414d;
    21392985}
    21402986
    21412987.wp-block-file .wp-block-file__button {
    2142         line-height: var(--button--line-height);
    2143         color: var(--button--color-text);
     2988        line-height: 1.5;
     2989        color: #d1e4dd;
    21442990        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);
     2991        font-weight: 500;
     2992        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2993        font-size: 1.25rem;
     2994        background-color: #39414d;
     2995        border-radius: 0;
     2996        border: 3px solid #39414d;
    21512997        text-decoration: none;
    2152         padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2998        padding: 15px 30px;
    21532999        display: inline-block;
    21543000}
    21553001
    … …  
    21603006}
    21613007
    21623008.is-dark-theme .wp-block-file .wp-block-file__button:focus {
    2163         color: var(--button--color-background);
     3009        color: #39414d;
    21643010}
    21653011
    21663012.wp-block-file .wp-block-file__button:focus:not(.has-background) {
    2167         color: var(--button--color-text-hover);
     3013        color: #39414d;
    21683014}
    21693015
    21703016.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);
     3017        background-color: rgba(255, 255, 255, 0.5);
     3018        border-color: rgba(255, 255, 255, 0.5);
     3019        color: #39414d;
    21743020}
    21753021
    21763022.wp-block-gallery {
    … …  
    21773023        margin: 0 auto;
    21783024}
    21793025
    2180 .wp-block-gallery .blocks-gallery-image,
     3026.wp-block-gallery .blocks-gallery-image {
     3027        width: calc(50% - 10px);
     3028}
     3029
    21813030.wp-block-gallery .blocks-gallery-item {
    2182         width: calc((100% - var(--global--spacing-unit)) / 2);
     3031        width: calc(50% - 10px);
    21833032}
    21843033
    2185 .wp-block-gallery .blocks-gallery-image figcaption,
     3034.wp-block-gallery .blocks-gallery-image figcaption {
     3035        margin: 0;
     3036        color: #fff;
     3037        font-size: 1rem;
     3038}
     3039
    21863040.wp-block-gallery .blocks-gallery-item figcaption {
    21873041        margin: 0;
    2188         color: var(--global--color-white);
    2189         font-size: var(--global--font-size-xs);
     3042        color: #fff;
     3043        font-size: 1rem;
    21903044}
    21913045
    2192 .wp-block-gallery .blocks-gallery-image figcaption a,
     3046.wp-block-gallery .blocks-gallery-image figcaption a {
     3047        color: #fff;
     3048}
     3049
    21933050.wp-block-gallery .blocks-gallery-item figcaption a {
    2194         color: var(--global--color-white);
     3051        color: #fff;
    21953052}
    21963053
    2197 .wp-block-gallery .blocks-gallery-image figcaption a:focus,
     3054.wp-block-gallery .blocks-gallery-image figcaption a:focus {
     3055        background-color: transparent;
     3056        outline: 2px solid #28303d;
     3057        text-decoration: none;
     3058}
     3059
    21983060.wp-block-gallery .blocks-gallery-item figcaption a:focus {
    21993061        background-color: transparent;
    2200         outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     3062        outline: 2px solid #28303d;
    22013063        text-decoration: none;
    22023064}
    22033065
    … …  
    22253087}
    22263088
    22273089.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));
     3090        margin-top: 20px;
     3091        margin-bottom: 20px;
    22303092}
    22313093@media only screen and (min-width: 482px) {
    22323094
    22333095        .wp-block-group .wp-block-group__inner-container > * {
    2234                 margin-top: var(--global--spacing-vertical);
    2235                 margin-bottom: var(--global--spacing-vertical);
     3096                margin-top: 30px;
     3097                margin-bottom: 30px;
    22363098        }
    22373099}
    22383100
    … …  
    22453107}
    22463108
    22473109.wp-block-group.has-background {
    2248         padding: calc(0.666 * var(--global--spacing-vertical));
     3110        padding: 20px;
    22493111}
    22503112@media only screen and (min-width: 482px) {
    22513113
    22523114        .wp-block-group.has-background {
    2253                 padding: var(--global--spacing-vertical);
     3115                padding: 30px;
    22543116        }
    22553117}
    22563118
    22573119.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);
     3120        border: 3px solid #28303d;
     3121        padding: 30px;
    22603122}
    22613123
    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,
     3124.wp-block-group.has-background .wp-block-group__inner-container > .alignfull {
     3125        max-width: calc(100% + 60px);
     3126        width: calc(100% + 60px);
     3127        margin-left: -30px;
     3128}
     3129
     3130.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
     3131        max-width: calc(100% + 60px);
     3132        width: calc(100% + 60px);
     3133        margin-left: -30px;
     3134}
     3135
     3136.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull {
     3137        max-width: calc(100% + 60px);
     3138        width: calc(100% + 60px);
     3139        margin-left: -30px;
     3140}
     3141
    22653142.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));
     3143        max-width: calc(100% + 60px);
     3144        width: calc(100% + 60px);
     3145        margin-left: -30px;
    22693146}
    22703147
    2271 h1,
    2272 .h1,
    2273 h2,
    2274 .h2,
    2275 h3,
    2276 .h3,
    2277 h4,
    2278 .h4,
    2279 h5,
    2280 .h5,
    2281 h6,
     3148h1 {
     3149        clear: both;
     3150        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3151        font-weight: normal;
     3152}
     3153
     3154.h1 {
     3155        clear: both;
     3156        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3157        font-weight: normal;
     3158}
     3159
     3160h2 {
     3161        clear: both;
     3162        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3163        font-weight: normal;
     3164}
     3165
     3166.h2 {
     3167        clear: both;
     3168        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3169        font-weight: normal;
     3170}
     3171
     3172h3 {
     3173        clear: both;
     3174        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3175        font-weight: normal;
     3176}
     3177
     3178.h3 {
     3179        clear: both;
     3180        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3181        font-weight: normal;
     3182}
     3183
     3184h4 {
     3185        clear: both;
     3186        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3187        font-weight: normal;
     3188}
     3189
     3190.h4 {
     3191        clear: both;
     3192        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3193        font-weight: normal;
     3194}
     3195
     3196h5 {
     3197        clear: both;
     3198        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3199        font-weight: normal;
     3200}
     3201
     3202.h5 {
     3203        clear: both;
     3204        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3205        font-weight: normal;
     3206}
     3207
     3208h6 {
     3209        clear: both;
     3210        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3211        font-weight: normal;
     3212}
     3213
    22823214.h6 {
    22833215        clear: both;
    2284         font-family: var(--heading--font-family);
    2285         font-weight: var(--heading--font-weight);
     3216        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3217        font-weight: normal;
    22863218}
    22873219
    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,
     3220h1 strong {
     3221        font-weight: 600;
     3222}
     3223
     3224.h1 strong {
     3225        font-weight: 600;
     3226}
     3227
     3228h2 strong {
     3229        font-weight: 600;
     3230}
     3231
     3232.h2 strong {
     3233        font-weight: 600;
     3234}
     3235
     3236h3 strong {
     3237        font-weight: 600;
     3238}
     3239
     3240.h3 strong {
     3241        font-weight: 600;
     3242}
     3243
     3244h4 strong {
     3245        font-weight: 600;
     3246}
     3247
     3248.h4 strong {
     3249        font-weight: 600;
     3250}
     3251
     3252h5 strong {
     3253        font-weight: 600;
     3254}
     3255
     3256.h5 strong {
     3257        font-weight: 600;
     3258}
     3259
     3260h6 strong {
     3261        font-weight: 600;
     3262}
     3263
    22993264.h6 strong {
    2300         font-weight: var(--heading--font-weight-strong);
     3265        font-weight: 600;
    23013266}
    23023267
    2303 h1,
     3268h1 {
     3269        font-size: 4rem;
     3270        letter-spacing: normal;
     3271        line-height: 1.1;
     3272}
     3273
     3274@media only screen and (min-width: 652px){
     3275        h1{
     3276        font-size: 6rem;
     3277        }
     3278}
     3279
    23043280.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);
     3281        font-size: 4rem;
     3282        letter-spacing: normal;
     3283        line-height: 1.1;
    23083284}
    23093285
    2310 h2,
     3286@media only screen and (min-width: 652px){
     3287        .h1{
     3288        font-size: 6rem;
     3289        }
     3290}
     3291
     3292h2 {
     3293        font-size: 2.25rem;
     3294        letter-spacing: normal;
     3295        line-height: 1.3;
     3296}
     3297
     3298@media only screen and (min-width: 652px){
     3299        h2{
     3300        font-size: 3rem;
     3301        }
     3302}
     3303
     3304@media only screen and (min-width: 652px){
     3305        h2{
     3306        font-size: 3rem;
     3307        }
     3308}
     3309
    23113310.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);
     3311        font-size: 2.25rem;
     3312        letter-spacing: normal;
     3313        line-height: 1.3;
    23153314}
    23163315
    2317 h3,
     3316@media only screen and (min-width: 652px){
     3317        .h2{
     3318        font-size: 3rem;
     3319        }
     3320}
     3321
     3322@media only screen and (min-width: 652px){
     3323        .h2{
     3324        font-size: 3rem;
     3325        }
     3326}
     3327
     3328h3 {
     3329        font-size: 2rem;
     3330        letter-spacing: normal;
     3331        line-height: 1.3;
     3332}
     3333
     3334@media only screen and (min-width: 652px){
     3335        h3{
     3336        font-size: 2rem;
     3337        }
     3338}
     3339
    23183340.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);
     3341        font-size: 2rem;
     3342        letter-spacing: normal;
     3343        line-height: 1.3;
    23223344}
    23233345
    2324 h4,
     3346@media only screen and (min-width: 652px){
     3347        .h3{
     3348        font-size: 2rem;
     3349        }
     3350}
     3351
     3352h4 {
     3353        font-size: 1.5rem;
     3354        font-weight: 600;
     3355        letter-spacing: normal;
     3356        line-height: 1.3;
     3357}
     3358
    23253359.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);
     3360        font-size: 1.5rem;
     3361        font-weight: 600;
     3362        letter-spacing: normal;
     3363        line-height: 1.3;
    23303364}
    23313365
    2332 h5,
     3366h5 {
     3367        font-size: 1.125rem;
     3368        font-weight: 600;
     3369        letter-spacing: 0.05em;
     3370        line-height: 1.3;
     3371}
     3372
    23333373.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);
     3374        font-size: 1.125rem;
     3375        font-weight: 600;
     3376        letter-spacing: 0.05em;
     3377        line-height: 1.3;
    23383378}
    23393379
    2340 h6,
     3380h6 {
     3381        font-size: 1rem;
     3382        font-weight: 600;
     3383        letter-spacing: 0.05em;
     3384        line-height: 1.3;
     3385}
     3386
    23413387.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);
     3388        font-size: 1rem;
     3389        font-weight: 600;
     3390        letter-spacing: 0.05em;
     3391        line-height: 1.3;
    23463392}
    23473393
    23483394.wp-block-image {
    … …  
    23503396}
    23513397
    23523398.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);
     3399        color: #28303d;
     3400        font-size: 1rem;
     3401        line-height: 1.7;
     3402        margin-top: 10px;
     3403        margin-bottom: 20px;
    23583404        text-align: center;
    23593405}
    23603406
    23613407.wp-block-image .alignright {
    2362         margin-left: var(--global--spacing-horizontal);
     3408        margin-left: 25px;
    23633409}
    23643410
    23653411.wp-block-image .alignleft {
    2366         margin-right: var(--global--spacing-horizontal);
     3412        margin-right: 25px;
    23673413}
    23683414
    23693415.wp-block-image a:focus img {
    … …  
    23873433        vertical-align: middle;
    23883434}
    23893435
    2390 .wp-block-image.is-style-twentytwentyone-border img,
     3436.wp-block-image.is-style-twentytwentyone-border img {
     3437        border: 3px solid #28303d;
     3438}
     3439
    23913440.wp-block-image.is-style-twentytwentyone-image-frame img {
    2392         border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     3441        border: 3px solid #28303d;
    23933442}
    23943443
    23953444.wp-block-image.is-style-twentytwentyone-image-frame img {
    2396         padding: var(--global--spacing-unit);
     3445        padding: 20px;
    23973446}
    23983447
    23993448@media only screen and (min-width: 482px) {
    … …  
    24173466}
    24183467
    24193468.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);
     3469        font-size: 1.125rem;
     3470        line-height: 1.7;
    24223471
    24233472        /* Vertical margins logic */
    2424         margin-top: var(--global--spacing-vertical);
    2425         margin-bottom: var(--global--spacing-vertical);
     3473        margin-top: 30px;
     3474        margin-bottom: 30px;
    24263475}
    24273476
    24283477.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
    … …  
    24343483}
    24353484
    24363485.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    2437         font-family: var(--heading--font-family);
     3486        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    24383487}
    24393488
    24403489.wp-block-latest-comments .wp-block-latest-comments__comment-date {
    2441         color: var(--global--color-primary);
    2442         font-size: var(--global--font-size-sm);
     3490        color: #28303d;
     3491        font-size: 1.125rem;
    24433492}
    24443493
    24453494.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);
     3495        font-size: 1.125rem;
     3496        line-height: 1.7;
    24483497        margin: 0;
    24493498}
    24503499
    … …  
    24533502}
    24543503
    24553504.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));
     3505        margin-top: 50px;
     3506        margin-bottom: 50px;
    24583507}
    24593508
    24603509.wp-block-latest-posts:not(.is-grid) > li:first-child {
    … …  
    24713520}
    24723521
    24733522.wp-block-latest-posts.is-grid > li {
    2474         margin-bottom: var(--global--spacing-vertical);
     3523        margin-bottom: 30px;
    24753524}
    24763525
    24773526.wp-block-latest-posts.is-grid > li:last-child {
    … …  
    24923541}
    24933542
    24943543.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));
     3544        margin-top: 10px;
     3545        margin-bottom: 10px;
    24973546}
    24983547
    24993548.wp-block-latest-posts > li > *:first-child {
    … …  
    25063555
    25073556.wp-block-latest-posts > li > a {
    25083557        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));
     3558        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3559        font-size: 2rem;
     3560        font-weight: normal;
     3561        line-height: 1.3;
     3562        margin-bottom: 10px;
    25143563}
    25153564
     3565@media only screen and (min-width: 652px){
     3566        .wp-block-latest-posts > li > a{
     3567        font-size: 2rem;
     3568        }
     3569}
     3570
    25163571.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);
     3572        color: #28303d;
     3573        font-size: 1.25rem;
     3574        line-height: 1.7;
    25203575}
    25213576
    25223577.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);
     3578        color: #28303d;
     3579        font-size: 1rem;
     3580        line-height: 1.7;
    25263581}
    25273582
    25283583[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
    … …  
    25303585        color: currentColor;
    25313586}
    25323587
    2533 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
     3588.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
     3589        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3590        font-size: 1.125rem;
     3591        line-height: 1.7;
     3592        margin-top: 20px;
     3593}
     3594
    25343595.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));
     3596        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3597        font-size: 1.125rem;
     3598        line-height: 1.7;
     3599        margin-top: 20px;
    25393600}
    25403601
    25413602.wp-block-latest-posts.alignfull {
    2542         padding-left: var(--global--spacing-unit);
    2543         padding-right: var(--global--spacing-unit);
     3603        padding-left: 20px;
     3604        padding-right: 20px;
    25443605}
    25453606
    25463607.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
    … …  
    25503611}
    25513612
    25523613.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);
     3614        border-top: 3px solid #28303d;
     3615        border-bottom: 3px solid #28303d;
    25553616}
    25563617
    2557 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
     3618.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
     3619        padding-bottom: 30px;
     3620        border-bottom: 1px solid #28303d;
     3621        margin-top: 30px;
     3622        margin-bottom: 30px;
     3623}
     3624
    25583625.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);
     3626        padding-bottom: 30px;
     3627        border-bottom: 1px solid #28303d;
     3628        margin-top: 30px;
     3629        margin-bottom: 30px;
    25633630}
    25643631
    25653632.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
    … …  
    25693636}
    25703637
    25713638.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);
     3639        box-shadow: inset 0 -1px 0 0 #28303d;
     3640        border-bottom: 2px solid #28303d;
    25743641}
    25753642
    25763643.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
    25773644        margin: 0;
    2578         padding-top: var(--global--spacing-vertical);
    2579         padding-right: var(--global--spacing-horizontal);
     3645        padding-top: 30px;
     3646        padding-right: 25px;
    25803647}
    25813648
    25823649.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
    2583         padding-bottom: var(--global--spacing-vertical);
     3650        padding-bottom: 30px;
    25843651}
    25853652@media screen and (min-width: 600px) {
    25863653
    25873654        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
    2588                 width: calc((100% / 2));
     3655                width: 50%;
    25893656        }
    25903657
    25913658        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
    2592                 width: calc((100% / 3));
     3659                width: 33%;
    25933660        }
    25943661
    25953662        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
    2596                 width: calc((100% / 4));
     3663                width: 25%;
    25973664        }
    25983665
    25993666        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
    2600                 width: calc((100% / 5));
     3667                width: 20%;
    26013668        }
    26023669
    26033670        .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
    2604                 width: calc((100% / 6));
     3671                width: 17%;
    26053672        }
    26063673}
    26073674
    26083675.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);
     3676        border: 3px solid #28303d;
     3677        padding: 30px 25px;
    26113678}
    26123679
    26133680.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
    2614         padding-bottom: var(--global--spacing-vertical);
     3681        padding-bottom: 30px;
    26153682}
    26163683
    26173684.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);
     3685        margin-top: 25px;
     3686        margin-bottom: 25px;
    26203687}
    26213688
    26223689.gallery-item {
    … …  
    26743741        outline-offset: 2px;
    26753742}
    26763743
    2677 ul,
     3744ul {
     3745        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3746        margin: 0;
     3747        padding-left: 50px;
     3748}
     3749
    26783750ol {
    2679         font-family: var(--list--font-family);
     3751        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    26803752        margin: 0;
    2681         padding-left: calc(2 * var(--global--spacing-horizontal));
     3753        padding-left: 50px;
    26823754}
    26833755
    26843756ul.aligncenter,
    … …  
    27033775}
    27043776
    27053777dt {
    2706         font-family: var(--definition-term--font-family);
     3778        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    27073779        font-weight: bold;
    27083780}
    27093781
    27103782dd {
    27113783        margin: 0;
    2712         padding-left: calc(2 * var(--global--spacing-horizontal));
     3784        padding-left: 50px;
    27133785}
    27143786
    27153787.wp-block-media-text {
    … …  
    27293801}
    27303802
    27313803.wp-block-media-text .wp-block-media-text__content {
    2732         padding: var(--global--spacing-horizontal);
     3804        padding: 25px;
    27333805}
    27343806@media only screen and (min-width: 592px) {
    27353807
    27363808        .wp-block-media-text .wp-block-media-text__content {
    2737                 padding: var(--global--spacing-vertical);
     3809                padding: 30px;
    27383810        }
    27393811}
    27403812
    27413813.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));
     3814        margin-top: 20px;
     3815        margin-bottom: 20px;
    27443816}
    27453817@media only screen and (min-width: 482px) {
    27463818
    27473819        .wp-block-media-text .wp-block-media-text__content > * {
    2748                 margin-top: var(--global--spacing-vertical);
    2749                 margin-bottom: var(--global--spacing-vertical);
     3820                margin-top: 30px;
     3821                margin-bottom: 30px;
    27503822        }
    27513823}
    27523824
    … …  
    27603832@media only screen and (min-width: 482px) {
    27613833
    27623834        .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);
     3835                padding-top: 30px;
     3836                padding-bottom: 30px;
    27653837        }
    27663838}
    27673839
    27683840.wp-block-media-text.is-style-twentytwentyone-border {
    2769         border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     3841        border: 3px solid #28303d;
    27703842}
    27713843
    27723844.wp-block-navigation .wp-block-navigation-link {
    … …  
    27743846}
    27753847
    27763848.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
    2777         padding: var(--primary-nav--padding);
     3849        padding: 13px;
    27783850}
    27793851
    27803852.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);
     3853        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3854        font-size: 1.25rem;
     3855        font-weight: normal;
    27843856}
    27853857
    27863858.wp-block-navigation .wp-block-navigation-link__submenu-icon {
    … …  
    27943866.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
    27953867        border: none;
    27963868        left: 0;
    2797         margin-left: var(--primary-nav--padding);
     3869        margin-left: 13px;
    27983870        min-width: max-content;
    27993871        opacity: 0;
    28003872        padding: 0;
    … …  
    28043876
    28053877.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
    28063878        display: inline-block;
    2807         padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
     3879        padding: 7px 13px;
    28083880}
    28093881
    28103882.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
    … …  
    28193891}
    28203892
    28213893.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
    2822         background: var(--global--color-background);
     3894        background: #d1e4dd;
    28233895        margin: 0;
    28243896        padding: 0;
    28253897        position: absolute;
    28263898        top: 100%;
    2827         border: 1px solid var(--primary-nav--border-color);
     3899        border: 1px solid #28303d;
    28283900}
    28293901
    2830 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
     3902.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before {
     3903        content: "";
     3904        display: block;
     3905        position: absolute;
     3906        width: 0;
     3907        top: -10px;
     3908        left: 25px;
     3909        border-style: solid;
     3910        border-color: #28303d transparent;
     3911        border-width: 0 7px 10px 7px;
     3912}
     3913
    28313914.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
    28323915        content: "";
    28333916        display: block;
    … …  
    28343917        position: absolute;
    28353918        width: 0;
    28363919        top: -10px;
    2837         left: var(--global--spacing-horizontal);
     3920        left: 25px;
    28383921        border-style: solid;
    2839         border-color: var(--primary-nav--border-color) transparent;
     3922        border-color: #28303d transparent;
    28403923        border-width: 0 7px 10px 7px;
    28413924}
    28423925
    28433926.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
    28443927        top: -9px;
    2845         border-color: var(--global--color-background) transparent;
     3928        border-color: #d1e4dd transparent;
    28463929}
    28473930
    28483931.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
    2849         background: var(--global--color-background);
     3932        background: #d1e4dd;
    28503933}
    28513934
    28523935.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
    2853         background: var(--global--color-background);
     3936        background: #d1e4dd;
    28543937}
    28553938
    2856 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
     3939.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
     3940        color: #28303d;
     3941}
     3942
    28573943.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
    2858         color: var(--primary-nav--color-link-hover);
     3944        color: #28303d;
    28593945}
    28603946
    28613947.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
    … …  
    28683954}
    28693955
    28703956p {
    2871         line-height: var(--wp--typography--line-height, --global--line-height-body);
     3957        line-height: --global--line-height-body;
    28723958}
    28733959
    28743960p.has-background {
    2875         padding: var(--global--spacing-unit);
     3961        padding: 20px;
    28763962}
    28773963
    28783964p.has-text-color a {
    2879         color: var(--wp--style--color--link, var(--global--color-primary));
     3965        color: #28303d;
    28803966}
    28813967
    28823968pre.wp-block-preformatted {
    … …  
    28853971}
    28863972
    28873973.wp-block-pullquote {
    2888         padding: calc(2 * var(--global--spacing-unit)) 0;
     3974        padding: 40px 0;
    28893975        text-align: center;
    2890         border-width: var(--pullquote--border-width);
     3976        border-width: 3px;
    28913977        border-bottom-style: solid;
    28923978        border-top-style: solid;
    28933979        color: currentColor;
    … …  
    29113997}
    29123998
    29133999.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);
     4000        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4001        font-size: 2rem;
     4002        font-style: normal;
    29174003        font-weight: 700;
    2918         letter-spacing: var(--pullquote--letter-spacing);
    2919         line-height: var(--pullquote--line-height);
     4004        letter-spacing: normal;
     4005        line-height: 1.3;
    29204006        margin: 0;
    29214007}
    29224008
     4009@media only screen and (min-width: 652px){
     4010        .wp-block-pullquote p{
     4011        font-size: 2rem;
     4012        }
     4013}
     4014
    29234015.wp-block-pullquote a {
    29244016        color: currentColor;
    29254017}
    29264018
    2927 .wp-block-pullquote .wp-block-pullquote__citation,
    2928 .wp-block-pullquote cite,
     4019.wp-block-pullquote .wp-block-pullquote__citation {
     4020        color: currentColor;
     4021        display: block;
     4022        font-size: 1rem;
     4023        font-style: normal;
     4024        text-transform: none;
     4025}
     4026
     4027.wp-block-pullquote cite {
     4028        color: currentColor;
     4029        display: block;
     4030        font-size: 1rem;
     4031        font-style: normal;
     4032        text-transform: none;
     4033}
     4034
    29294035.wp-block-pullquote footer {
    29304036        color: currentColor;
    29314037        display: block;
    2932         font-size: var(--global--font-size-xs);
    2933         font-style: var(--pullquote--font-style);
     4038        font-size: 1rem;
     4039        font-style: normal;
    29344040        text-transform: none;
    29354041}
    29364042
    … …  
    29434049        text-align: center;
    29444050}
    29454051
    2946 .wp-block-pullquote.alignwide > p,
     4052.wp-block-pullquote.alignwide > p {
     4053        max-width: calc(100vw - 30px);
     4054}
     4055
     4056@media only screen and (min-width: 482px){
     4057        .wp-block-pullquote.alignwide > p{
     4058        max-width: calc(100vw - 100px);
     4059        }
     4060}
     4061
     4062@media only screen and (min-width: 822px){
     4063        .wp-block-pullquote.alignwide > p{
     4064        max-width: min(calc(100vw - 200px), 1240px);
     4065        }
     4066}
     4067
    29474068.wp-block-pullquote.alignwide blockquote {
    2948         max-width: var(--responsive--alignwide-width);
     4069        max-width: calc(100vw - 30px);
    29494070}
    29504071
    2951 .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
     4072@media only screen and (min-width: 482px){
     4073        .wp-block-pullquote.alignwide blockquote{
     4074        max-width: calc(100vw - 100px);
     4075        }
     4076}
     4077
     4078@media only screen and (min-width: 822px){
     4079        .wp-block-pullquote.alignwide blockquote{
     4080        max-width: min(calc(100vw - 200px), 1240px);
     4081        }
     4082}
     4083
     4084.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p {
     4085        padding: 0 40px;
     4086}
     4087
    29524088.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
    2953         padding: 0 calc(2 * var(--global--spacing-unit));
     4089        padding: 0 40px;
    29544090}
    29554091
    29564092.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);
     4093        color: #28303d;
     4094        padding: 50px;
     4095        border-width: 3px;
    29604096        border-style: solid;
    2961         border-color: var(--pullquote--border-color);
     4097        border-color: #28303d;
    29624098}
    29634099@media (min-width: 600px) {
    29644100
    29654101        .wp-block-pullquote.is-style-solid-color {
    2966                 padding: calc(5 * var(--global--spacing-unit));
     4102                padding: 100px;
    29674103        }
    29684104}
    29694105
    … …  
    29774113}
    29784114
    29794115.wp-block-pullquote.is-style-solid-color blockquote p {
    2980         font-size: var(--pullquote--font-size);
     4116        font-size: 2rem;
    29814117}
    29824118
     4119@media only screen and (min-width: 652px){
     4120        .wp-block-pullquote.is-style-solid-color blockquote p{
     4121        font-size: 2rem;
     4122        }
     4123}
     4124
    29834125.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
    29844126.wp-block-pullquote.is-style-solid-color cite,
    29854127.wp-block-pullquote.is-style-solid-color footer {
    … …  
    29864128        color: currentColor;
    29874129}
    29884130
    2989 .wp-block-pullquote.is-style-solid-color.alignleft,
     4131.wp-block-pullquote.is-style-solid-color.alignleft {
     4132        padding: 20px;
     4133}
     4134
    29904135.wp-block-pullquote.is-style-solid-color.alignright {
    2991         padding: var(--global--spacing-unit);
     4136        padding: 20px;
    29924137}
    29934138
    29944139.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
    … …  
    30064151
    30074152.wp-block-quote:before {
    30084153        content: "“";
    3009         font-size: var(--quote--font-size);
    3010         line-height: var(--quote--line-height);
     4154        font-size: 1.25rem;
     4155        line-height: 1.7;
    30114156        left: 8px;
    30124157}
    30134158
    … …  
    30274172}
    30284173
    30294174.wp-block-quote.has-text-align-right {
    3030         margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
     4175        margin: 30px 25px 30px auto;
    30314176        padding-right: 0;
    30324177        border-right: none;
    30334178}
    … …  
    30384183
    30394184.wp-block-quote.has-text-align-right p:before {
    30404185        content: "”";
    3041         font-size: var(--quote--font-size);
     4186        font-size: 1.25rem;
    30424187        font-weight: normal;
    3043         line-height: var(--quote--line-height);
     4188        line-height: 1.7;
    30444189        margin-right: 5px;
    30454190}
    30464191
    30474192.wp-block-quote.has-text-align-center {
    3048         margin: var(--global--spacing-vertical) auto;
     4193        margin: 30px auto;
    30494194}
    30504195
    30514196.wp-block-quote.has-text-align-center:before {
    … …  
    30524197        display: none;
    30534198}
    30544199
    3055 .wp-block-quote.is-large,
     4200.wp-block-quote.is-large {
     4201        padding-left: 0;
     4202        padding-right: 0;
     4203
     4204        /* Resetting margins to match _block-container.scss */
     4205        margin-top: 30px;
     4206        margin-bottom: 30px;
     4207}
     4208
    30564209.wp-block-quote.is-style-large {
    30574210        padding-left: 0;
    30584211        padding-right: 0;
    30594212
    30604213        /* Resetting margins to match _block-container.scss */
    3061         margin-top: var(--global--spacing-vertical);
    3062         margin-bottom: var(--global--spacing-vertical);
     4214        margin-top: 30px;
     4215        margin-bottom: 30px;
    30634216}
    30644217
    3065 .wp-block-quote.is-large p,
     4218.wp-block-quote.is-large p {
     4219        font-size: 2.25rem;
     4220        font-style: normal;
     4221        line-height: 1.35;
     4222}
     4223
     4224@media only screen and (min-width: 652px){
     4225        .wp-block-quote.is-large p{
     4226        font-size: 2.5rem;
     4227        }
     4228}
     4229
    30664230.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);
     4231        font-size: 2.25rem;
     4232        font-style: normal;
     4233        line-height: 1.35;
    30704234}
    30714235
    3072 .wp-block-quote.is-large:before,
     4236@media only screen and (min-width: 652px){
     4237        .wp-block-quote.is-style-large p{
     4238        font-size: 2.5rem;
     4239        }
     4240}
     4241
     4242.wp-block-quote.is-large:before {
     4243        font-size: 2.25rem;
     4244        line-height: 1.35;
     4245        left: -25px;
     4246}
     4247
     4248@media only screen and (min-width: 652px){
     4249        .wp-block-quote.is-large:before{
     4250        font-size: 2.5rem;
     4251        }
     4252}
     4253
    30734254.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));
     4255        font-size: 2.25rem;
     4256        line-height: 1.35;
     4257        left: -25px;
    30774258}
    30784259
     4260@media only screen and (min-width: 652px){
     4261        .wp-block-quote.is-style-large:before{
     4262        font-size: 2.5rem;
     4263        }
     4264}
     4265
    30794266.wp-block-quote.is-large.has-text-align-right:before,
    30804267.wp-block-quote.is-style-large.has-text-align-right:before {
    30814268        display: none;
    30824269}
    30834270
    3084 .wp-block-quote.is-large.has-text-align-right p:before,
     4271.wp-block-quote.is-large.has-text-align-right p:before {
     4272        content: "”";
     4273        font-size: 2.25rem;
     4274        font-weight: normal;
     4275        line-height: 1.35;
     4276        margin-right: 10px;
     4277}
     4278
     4279@media only screen and (min-width: 652px){
     4280        .wp-block-quote.is-large.has-text-align-right p:before{
     4281        font-size: 2.5rem;
     4282        }
     4283}
     4284
    30854285.wp-block-quote.is-style-large.has-text-align-right p:before {
    30864286        content: "”";
    3087         font-size: var(--quote--font-size-large);
     4287        font-size: 2.25rem;
    30884288        font-weight: normal;
    3089         line-height: var(--quote--line-height-large);
     4289        line-height: 1.35;
    30904290        margin-right: 10px;
    30914291}
    30924292
    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,
     4293@media only screen and (min-width: 652px){
     4294        .wp-block-quote.is-style-large.has-text-align-right p:before{
     4295        font-size: 2.5rem;
     4296        }
     4297}
     4298
     4299.wp-block-quote.is-large .wp-block-quote__citation {
     4300        color: #28303d;
     4301        font-size: 1.125rem;
     4302}
     4303
     4304.wp-block-quote.is-large cite {
     4305        color: #28303d;
     4306        font-size: 1.125rem;
     4307}
     4308
     4309.wp-block-quote.is-large footer {
     4310        color: #28303d;
     4311        font-size: 1.125rem;
     4312}
     4313
     4314.wp-block-quote.is-style-large .wp-block-quote__citation {
     4315        color: #28303d;
     4316        font-size: 1.125rem;
     4317}
     4318
     4319.wp-block-quote.is-style-large cite {
     4320        color: #28303d;
     4321        font-size: 1.125rem;
     4322}
     4323
    30984324.wp-block-quote.is-style-large footer {
    3099         color: var(--global--color-primary);
    3100         font-size: var(--global--font-size-sm);
     4325        color: #28303d;
     4326        font-size: 1.125rem;
    31014327}
    31024328@media only screen and (max-width: 481px) {
    31034329
    3104         .wp-block-quote.is-large,
     4330        .wp-block-quote.is-large {
     4331                padding-left: 25px;
     4332        }
     4333
    31054334        .wp-block-quote.is-style-large {
    3106                 padding-left: var(--global--spacing-horizontal);
     4335                padding-left: 25px;
    31074336        }
    31084337
    31094338        .wp-block-quote.is-large:before,
    … …  
    31114340                left: 0;
    31124341        }
    31134342
    3114         .wp-block-quote.is-large.has-text-align-right,
     4343        .wp-block-quote.is-large.has-text-align-right {
     4344                padding-left: 0;
     4345                padding-right: 25px;
     4346        }
     4347
    31154348        .wp-block-quote.is-style-large.has-text-align-right {
    31164349                padding-left: 0;
    3117                 padding-right: var(--global--spacing-horizontal);
     4350                padding-right: 25px;
    31184351        }
    31194352
    31204353        .wp-block-quote.is-large.has-text-align-right:before,
    … …  
    31324365
    31334366        .wp-block-quote.has-text-align-right {
    31344367                padding-left: 0;
    3135                 padding-right: calc(0.5 * var(--global--spacing-horizontal));
     4368                padding-right: 13px;
    31364369        }
    31374370
    31384371        .wp-block-quote.has-text-align-right:before {
    … …  
    31544387}
    31554388
    31564389.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));
     4390        margin-top: 50px;
     4391        margin-bottom: 50px;
    31594392}
    31604393
    31614394.wp-block-rss:not(.is-grid) > li:first-child {
    … …  
    31674400}
    31684401
    31694402.wp-block-rss.is-grid > li {
    3170         margin-bottom: var(--global--spacing-vertical);
     4403        margin-bottom: 30px;
    31714404}
    31724405
    31734406.wp-block-rss.is-grid > li:last-child {
    … …  
    31884421}
    31894422
    31904423.wp-block-rss > li > * {
    3191         margin-top: calc(0.333 * var(--global--spacing-vertical));
    3192         margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     4424        margin-top: 10px;
     4425        margin-bottom: 10px;
    31934426}
    31944427
    31954428.wp-block-rss > li > *:first-child {
    … …  
    32024435
    32034436.wp-block-rss .wp-block-rss__item-title > a {
    32044437        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));
     4438        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4439        font-size: 2rem;
     4440        font-weight: normal;
     4441        line-height: 1.3;
     4442        margin-bottom: 10px;
    32104443}
    32114444
     4445@media only screen and (min-width: 652px){
     4446        .wp-block-rss .wp-block-rss__item-title > a{
     4447        font-size: 2rem;
     4448        }
     4449}
     4450
    32124451.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);
     4452        color: #28303d;
     4453        font-size: 1.25rem;
     4454        line-height: 1.7;
    32164455}
    32174456
    32184457.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);
     4458        color: #28303d;
     4459        font-size: 1rem;
     4460        line-height: 1.7;
    32224461}
    32234462
    32244463[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
    … …  
    32264465        color: currentColor;
    32274466}
    32284467
    3229 .wp-block-rss .wp-block-rss__item-excerpt,
     4468.wp-block-rss .wp-block-rss__item-excerpt {
     4469        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4470        font-size: 1.125rem;
     4471        line-height: 1.7;
     4472        margin-top: 20px;
     4473}
     4474
    32304475.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));
     4476        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4477        font-size: 1.125rem;
     4478        line-height: 1.7;
     4479        margin-top: 20px;
    32354480}
    32364481
    32374482.wp-block-rss.alignfull {
    3238         padding-left: var(--global--spacing-unit);
    3239         padding-right: var(--global--spacing-unit);
     4483        padding-left: 20px;
     4484        padding-right: 20px;
    32404485}
    32414486
    32424487.entry-content [class*=inner-container] .wp-block-rss.alignfull,
    … …  
    32464491}
    32474492
    32484493.wp-block-search {
    3249         max-width: var(--responsive--aligndefault-width);
     4494        max-width: calc(100vw - 30px);
    32504495}
    32514496
     4497@media only screen and (min-width: 482px){
     4498        .wp-block-search{
     4499        max-width: min(calc(100vw - 100px), 610px);
     4500        }
     4501}
     4502
     4503@media only screen and (min-width: 822px){
     4504        .wp-block-search{
     4505        max-width: min(calc(100vw - 200px), 610px);
     4506        }
     4507}
     4508
    32524509.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
    32534510        justify-content: center;
    32544511}
    32554512
    32564513.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);
     4514        font-size: 1.125rem;
     4515        font-weight: 500;
     4516        margin-bottom: 10px;
    32604517}
    32614518
    32624519.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);
     4520        border: 3px solid #39414d;
     4521        border-radius: 0;
     4522        color: #28303d;
     4523        line-height: 1.7;
    32674524        max-width: inherit;
    3268         margin-right: calc(-1 * var(--button--border-width));
    3269         padding: var(--form--spacing-unit);
     4525        margin-right: -3px;
     4526        padding: 10px;
    32704527}
    32714528
    32724529.wp-block-search .wp-block-search__input:focus {
    3273         color: var(--form--color-text);
    3274         border-color: var(--form--border-color);
     4530        color: #28303d;
     4531        border-color: #39414d;
    32754532}
    32764533
    32774534.has-background .wp-block-search .wp-block-search__input,
    … …  
    32814538        border-color: currentColor;
    32824539}
    32834540
    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,
     4541.has-background.has-gray-background-color .wp-block-search .wp-block-search__input {
     4542        border-color: #fff;
     4543}
     4544
     4545.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input {
     4546        border-color: #fff;
     4547}
     4548
    32864549.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
    3287         border-color: var(--global--color-white);
     4550        border-color: #fff;
    32884551}
    32894552
    32904553.wp-block-search button.wp-block-search__button {
    32914554        margin-left: 0;
    32924555        background-color: transparent;
    3293         color: var(--button--color-text-hover);
     4556        color: #39414d;
    32944557        line-height: 1;
    32954558}
    32964559
    32974560.wp-block-search button.wp-block-search__button:hover {
    3298         background-color: var(--button--color-background);
    3299         color: var(--button--color-text);
     4561        background-color: #39414d;
     4562        color: #d1e4dd;
    33004563}
    33014564
    33024565.wp-block-search button.wp-block-search__button.has-icon {
    3303         padding: 6px calc(0.5 * var(--button--padding-horizontal));
     4566        padding: 6px 15px;
    33044567}
    33054568
    33064569.wp-block-search button.wp-block-search__button.has-icon svg {
    … …  
    33094572        fill: currentColor;
    33104573}
    33114574
    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,
     4575.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button {
     4576        color: #fff;
     4577        border-color: currentColor;
     4578}
     4579
     4580.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button {
     4581        color: #fff;
     4582        border-color: currentColor;
     4583}
     4584
    33144585.has-background.has-black-background-color .wp-block-search button.wp-block-search__button {
    3315         color: var(--global--color-white);
     4586        color: #fff;
    33164587        border-color: currentColor;
    33174588}
    33184589
    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,
     4590.has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4591        background-color: #39414d;
     4592        border-color: #fff;
     4593        color: #fff;
     4594}
     4595
     4596.has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4597        background-color: #39414d;
     4598        border-color: #fff;
     4599        color: #fff;
     4600}
     4601
    33214602.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);
     4603        background-color: #39414d;
     4604        border-color: #fff;
     4605        color: #fff;
    33254606}
    33264607
    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,
     4608.is-dark-theme .has-background.has-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4609        color: #d1e4dd;
     4610}
     4611
     4612.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search button.wp-block-search__button:hover {
     4613        color: #d1e4dd;
     4614}
     4615
    33294616.is-dark-theme .has-background.has-black-background-color .wp-block-search button.wp-block-search__button:hover {
    3330         color: var(--button--color-text);
     4617        color: #d1e4dd;
    33314618}
    33324619
    33334620.has-background.has-white-background-color .wp-block-search button.wp-block-search__button,
    … …  
    33414628        color: currentColor;
    33424629}
    33434630
    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,
     4631.has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover {
     4632        background-color: #39414d;
     4633        border-color: #39414d;
     4634        color: #fff;
     4635}
     4636
     4637.has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover {
     4638        background-color: #39414d;
     4639        border-color: #39414d;
     4640        color: #fff;
     4641}
     4642
     4643.has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover {
     4644        background-color: #39414d;
     4645        border-color: #39414d;
     4646        color: #fff;
     4647}
     4648
     4649.has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover {
     4650        background-color: #39414d;
     4651        border-color: #39414d;
     4652        color: #fff;
     4653}
     4654
     4655.has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover {
     4656        background-color: #39414d;
     4657        border-color: #39414d;
     4658        color: #fff;
     4659}
     4660
     4661.has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover {
     4662        background-color: #39414d;
     4663        border-color: #39414d;
     4664        color: #fff;
     4665}
     4666
    33504667.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);
     4668        background-color: #39414d;
     4669        border-color: #39414d;
     4670        color: #fff;
    33544671}
    33554672
    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,
     4673.is-dark-theme .has-background.has-white-background-color .wp-block-search button.wp-block-search__button:hover {
     4674        border-color: #d1e4dd;
     4675        background-color: #d1e4dd;
     4676        color: #39414d;
     4677}
     4678
     4679.is-dark-theme .has-background.has-green-background-color .wp-block-search button.wp-block-search__button:hover {
     4680        border-color: #d1e4dd;
     4681        background-color: #d1e4dd;
     4682        color: #39414d;
     4683}
     4684
     4685.is-dark-theme .has-background.has-blue-background-color .wp-block-search button.wp-block-search__button:hover {
     4686        border-color: #d1e4dd;
     4687        background-color: #d1e4dd;
     4688        color: #39414d;
     4689}
     4690
     4691.is-dark-theme .has-background.has-purple-background-color .wp-block-search button.wp-block-search__button:hover {
     4692        border-color: #d1e4dd;
     4693        background-color: #d1e4dd;
     4694        color: #39414d;
     4695}
     4696
     4697.is-dark-theme .has-background.has-red-background-color .wp-block-search button.wp-block-search__button:hover {
     4698        border-color: #d1e4dd;
     4699        background-color: #d1e4dd;
     4700        color: #39414d;
     4701}
     4702
     4703.is-dark-theme .has-background.has-orange-background-color .wp-block-search button.wp-block-search__button:hover {
     4704        border-color: #d1e4dd;
     4705        background-color: #d1e4dd;
     4706        color: #39414d;
     4707}
     4708
    33624709.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);
     4710        border-color: #d1e4dd;
     4711        background-color: #d1e4dd;
     4712        color: #39414d;
    33664713}
    33674714
    33684715.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);
     4716        background-color: #fff;
     4717        border: 3px solid #39414d;
     4718        border-radius: 0;
    33724719}
    33734720
    33744721.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    … …  
    33764723}
    33774724
    33784725.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);
     4726        outline: 2px dotted #39414d;
    33804727        outline-offset: -5px;
    33814728}
    33824729
    … …  
    33854732}
    33864733
    33874734.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);
     4735        padding: 15px 30px;
    33894736}
    33904737
    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,
     4738.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4739        border-color: #39414d;
     4740        color: #39414d;
     4741}
     4742
     4743.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4744        border-color: #39414d;
     4745        color: #39414d;
     4746}
     4747
    33934748.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);
     4749        border-color: #39414d;
     4750        color: #39414d;
    33964751}
    33974752
    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,
     4753.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4754        color: #fff;
     4755}
     4756
     4757.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4758        color: #fff;
     4759}
     4760
    34004761.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);
     4762        color: #fff;
    34024763}
    34034764
    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,
     4765.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4766        border-color: #d1e4dd;
     4767        color: #d1e4dd;
     4768}
     4769
     4770.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button {
     4771        border-color: #d1e4dd;
     4772        color: #d1e4dd;
     4773}
     4774
    34064775.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);
     4776        border-color: #d1e4dd;
     4777        color: #d1e4dd;
    34094778}
    34104779
    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,
     4780.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4781        color: #fff;
     4782}
     4783
     4784.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover {
     4785        color: #fff;
     4786}
     4787
    34134788.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);
     4789        color: #fff;
    34154790}
    34164791
    34174792.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);
     4793        border-color: #d1e4dd;
     4794        color: #d1e4dd;
    34204795}
    34214796
    34224797.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);
     4798        border-color: #d1e4dd;
     4799        background-color: #d1e4dd;
     4800        color: #39414d;
    34264801}
    34274802
    34284803.wp-block-search__button {
    … …  
    34314806
    34324807hr {
    34334808        border-style: none;
    3434         border-bottom: var(--separator--height) solid var(--separator--border-color);
     4809        border-bottom: 1px solid #28303d;
    34354810        clear: both;
    34364811        margin-left: auto;
    34374812        margin-right: auto;
    … …  
    34384813}
    34394814
    34404815hr.wp-block-separator {
    3441         border-bottom: var(--separator--height) solid var(--separator--border-color);
     4816        border-bottom: 1px solid #28303d;
    34424817        opacity: 1;
    34434818
    34444819        /**
    … …  
    34474822}
    34484823
    34494824hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
    3450         max-width: var(--responsive--aligndefault-width);
     4825        max-width: calc(100vw - 30px);
    34514826}
    34524827
     4828@media only screen and (min-width: 482px){
     4829        hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
     4830        max-width: min(calc(100vw - 100px), 610px);
     4831        }
     4832}
     4833
     4834@media only screen and (min-width: 822px){
     4835        hr.wp-block-separator:not(.is-style-dots):not(.alignwide){
     4836        max-width: min(calc(100vw - 200px), 610px);
     4837        }
     4838}
     4839
    34534840hr.wp-block-separator:not(.is-style-dots).alignwide {
    3454         max-width: var(--responsive--alignwide-width);
     4841        max-width: calc(100vw - 30px);
    34554842}
    34564843
     4844@media only screen and (min-width: 482px){
     4845        hr.wp-block-separator:not(.is-style-dots).alignwide{
     4846        max-width: calc(100vw - 100px);
     4847        }
     4848}
     4849
     4850@media only screen and (min-width: 822px){
     4851        hr.wp-block-separator:not(.is-style-dots).alignwide{
     4852        max-width: min(calc(100vw - 200px), 1240px);
     4853        }
     4854}
     4855
    34574856hr.wp-block-separator:not(.is-style-dots).alignfull {
    3458         max-width: var(--responsive--alignfull-width);
     4857        max-width: 100%;
    34594858}
    34604859
    34614860hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
    3462         border-bottom-width: calc(3 * var(--separator--height));
     4861        border-bottom-width: 3px;
    34634862}
    34644863
    34654864hr.wp-block-separator.is-style-dots.has-background,
    … …  
    34734872}
    34744873
    34754874hr.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);
     4875        color: #28303d;
     4876        font-size: 2.25rem;
     4877        letter-spacing: 1.125rem;
     4878        padding-left: 1.125rem;
    34804879}
    34814880
     4881@media only screen and (min-width: 652px){
     4882        hr.wp-block-separator.is-style-dots:before{
     4883        font-size: 2.5rem;
     4884        }
     4885}
     4886
    34824887.has-background hr.wp-block-separator,
    34834888[class*=background-color] hr.wp-block-separator,
    34844889[style*=background-color] hr.wp-block-separator,
    … …  
    34874892}
    34884893
    34894894.wp-block-social-links a:focus {
    3490         color: var(--global--color-primary);
     4895        color: #28303d;
    34914896}
    34924897
    34934898.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
    3494         color: var(--global--color-primary);
     4899        color: #28303d;
    34954900}
    34964901
    34974902.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
    … …  
    35064911@media only screen and (max-width: 481px) {
    35074912
    35084913        .wp-block-spacer[style] {
    3509                 height: var(--global--spacing-unit) !important;
     4914                height: 20px !important;
    35104915        }
    35114916}
    35124917
    … …  
    35174922        border-collapse: collapse;
    35184923}
    35194924
    3520 table th,
     4925table th {
     4926        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     4927}
     4928
    35214929.wp-block-table th {
    3522         font-family: var(--heading--font-family);
     4930        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    35234931}
    35244932
    3525 table td,
    3526 table th,
    3527 .wp-block-table td,
     4933table td {
     4934        padding: 10px;
     4935        border: 1px solid;
     4936}
     4937
     4938table th {
     4939        padding: 10px;
     4940        border: 1px solid;
     4941}
     4942
     4943.wp-block-table td {
     4944        padding: 10px;
     4945        border: 1px solid;
     4946}
     4947
    35284948.wp-block-table th {
    3529         padding: calc(0.5 * var(--global--spacing-unit));
     4949        padding: 10px;
    35304950        border: 1px solid;
    35314951}
    35324952
    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,
     4953table.is-style-regular .has-background {
     4954        color: #28303d;
     4955}
     4956
     4957table.is-style-stripes .has-background thead tr {
     4958        color: #28303d;
     4959}
     4960
     4961table.is-style-stripes .has-background tfoot tr {
     4962        color: #28303d;
     4963}
     4964
     4965table.is-style-stripes .has-background tbody tr:nth-child(even) {
     4966        color: #28303d;
     4967}
     4968
     4969.wp-block-table.is-style-regular .has-background {
     4970        color: #28303d;
     4971}
     4972
     4973.wp-block-table.is-style-stripes .has-background thead tr {
     4974        color: #28303d;
     4975}
     4976
     4977.wp-block-table.is-style-stripes .has-background tfoot tr {
     4978        color: #28303d;
     4979}
     4980
    35404981.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
    3541         color: var(--table--has-background-text-color);
     4982        color: #28303d;
    35424983}
    35434984
    3544 table.is-style-stripes,
     4985table.is-style-stripes {
     4986        border-color: #f0f0f0;
     4987}
     4988
    35454989.wp-block-table.is-style-stripes {
    3546         border-color: var(--table--stripes-border-color);
     4990        border-color: #f0f0f0;
    35474991}
    35484992
    35494993table.is-style-stripes th,
    … …  
    35534997        border-width: 0;
    35544998}
    35554999
    3556 table.is-style-stripes tbody tr:nth-child(odd),
     5000table.is-style-stripes tbody tr:nth-child(odd) {
     5001        background-color: #f0f0f0;
     5002}
     5003
    35575004.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    3558         background-color: var(--table--stripes-background-color);
     5005        background-color: #f0f0f0;
    35595006}
    35605007
    35615008table.wp-calendar-table td,
    … …  
    35815028table.wp-calendar-table caption {
    35825029        font-weight: bold;
    35835030        text-align: left;
    3584         margin-bottom: var(--global--spacing-unit);
     5031        margin-bottom: 20px;
    35855032        color: currentColor;
    35865033}
    35875034
    35885035.wp-calendar-nav {
    35895036        text-align: left;
    3590         margin-top: calc(var(--global--spacing-unit) / 2);
     5037        margin-top: 10px;
    35915038}
    35925039
    35935040.wp-calendar-nav svg {
    … …  
    36045051}
    36055052
    36065053.wp-block-tag-cloud.alignfull {
    3607         padding-left: var(--global--spacing-unit);
    3608         padding-right: var(--global--spacing-unit);
     5054        padding-left: 20px;
     5055        padding-right: 20px;
    36095056}
    36105057
    36115058.wp-block-verse {
    3612         font-family: var(--entry-content--font-family);
     5059        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    36135060}
    36145061
    36155062.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);
     5063        color: #28303d;
     5064        font-size: 1rem;
     5065        margin-top: 10px;
     5066        margin-bottom: 20px;
    36205067        text-align: center;
    36215068}
    36225069
    … …  
    36265073        vertical-align: middle;
    36275074}
    36285075
    3629 :root .is-extra-small-text,
     5076:root .is-extra-small-text {
     5077        font-size: 1rem;
     5078}
     5079
    36305080:root .has-extra-small-font-size {
    3631         font-size: var(--global--font-size-xs);
     5081        font-size: 1rem;
    36325082}
    36335083
    3634 :root .is-small-text,
     5084:root .is-small-text {
     5085        font-size: 1.125rem;
     5086}
     5087
    36355088:root .has-small-font-size {
    3636         font-size: var(--global--font-size-sm);
     5089        font-size: 1.125rem;
    36375090}
    36385091
    3639 :root .is-regular-text,
    3640 :root .has-regular-font-size,
    3641 :root .is-normal-font-size,
    3642 :root .has-normal-font-size,
     5092:root .is-regular-text {
     5093        font-size: 1.25rem;
     5094}
     5095
     5096:root .has-regular-font-size {
     5097        font-size: 1.25rem;
     5098}
     5099
     5100:root .is-normal-font-size {
     5101        font-size: 1.25rem;
     5102}
     5103
     5104:root .has-normal-font-size {
     5105        font-size: 1.25rem;
     5106}
     5107
    36435108:root .has-medium-font-size {
    3644         font-size: var(--global--font-size-base);
     5109        font-size: 1.25rem;
    36455110}
    36465111
    3647 :root .is-large-text,
     5112:root .is-large-text {
     5113        font-size: 1.5rem;
     5114        line-height: 1.3;
     5115}
     5116
    36485117:root .has-large-font-size {
    3649         font-size: var(--global--font-size-lg);
    3650         line-height: var(--global--line-height-heading);
     5118        font-size: 1.5rem;
     5119        line-height: 1.3;
    36515120}
    36525121
    3653 :root .is-larger-text,
    3654 :root .has-larger-font-size,
    3655 :root .is-extra-large-text,
     5122:root .is-larger-text {
     5123        font-size: 2.5rem;
     5124        line-height: 1.3;
     5125}
     5126
     5127@media only screen and (min-width: 652px){
     5128        :root .is-larger-text{
     5129        font-size: 2.5rem;
     5130        }
     5131}
     5132
     5133:root .has-larger-font-size {
     5134        font-size: 2.5rem;
     5135        line-height: 1.3;
     5136}
     5137
     5138@media only screen and (min-width: 652px){
     5139        :root .has-larger-font-size{
     5140        font-size: 2.5rem;
     5141        }
     5142}
     5143
     5144:root .is-extra-large-text {
     5145        font-size: 2.5rem;
     5146        line-height: 1.3;
     5147}
     5148
     5149@media only screen and (min-width: 652px){
     5150        :root .is-extra-large-text{
     5151        font-size: 2.5rem;
     5152        }
     5153}
     5154
    36565155:root .has-extra-large-font-size {
    3657         font-size: var(--global--font-size-xl);
    3658         line-height: var(--global--line-height-heading);
     5156        font-size: 2.5rem;
     5157        line-height: 1.3;
    36595158}
    36605159
    3661 :root .is-huge-text,
     5160@media only screen and (min-width: 652px){
     5161        :root .has-extra-large-font-size{
     5162        font-size: 2.5rem;
     5163        }
     5164}
     5165
     5166:root .is-huge-text {
     5167        font-size: 6rem;
     5168        line-height: 1.3;
     5169        font-weight: 300;
     5170}
     5171
     5172@media only screen and (min-width: 652px){
     5173        :root .is-huge-text{
     5174        font-size: 6rem;
     5175        }
     5176}
     5177
    36625178: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);
     5179        font-size: 6rem;
     5180        line-height: 1.3;
     5181        font-weight: 300;
    36665182}
    36675183
    3668 :root .is-gigantic-text,
     5184@media only screen and (min-width: 652px){
     5185        :root .has-huge-font-size{
     5186        font-size: 6rem;
     5187        }
     5188}
     5189
     5190:root .is-gigantic-text {
     5191        font-size: 9rem;
     5192        line-height: 1.3;
     5193        font-weight: 300;
     5194}
     5195
     5196@media only screen and (min-width: 652px){
     5197        :root .is-gigantic-text{
     5198        font-size: 9rem;
     5199        }
     5200}
     5201
    36695202: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);
     5203        font-size: 9rem;
     5204        line-height: 1.3;
     5205        font-weight: 300;
    36735206}
    36745207
     5208@media only screen and (min-width: 652px){
     5209        :root .has-gigantic-font-size{
     5210        font-size: 9rem;
     5211        }
     5212}
     5213
    36755214/* Block Alignments */
    36765215
    36775216/**
    … …  
    36895228}
    36905229
    36915230.entry-content > .alignleft {
    3692         max-width: var(--responsive--aligndefault-width);
     5231        max-width: calc(100vw - 30px);
    36935232}
    36945233
     5234@media only screen and (min-width: 482px){
     5235        .entry-content > .alignleft{
     5236        max-width: min(calc(100vw - 100px), 610px);
     5237        }
     5238}
     5239
     5240@media only screen and (min-width: 822px){
     5241        .entry-content > .alignleft{
     5242        max-width: min(calc(100vw - 200px), 610px);
     5243        }
     5244}
     5245
    36955246@media only screen and (min-width: 482px) {
    36965247
    36975248        .alignleft {
    … …  
    37005251                float: left;
    37015252
    37025253                /*rtl:ignore*/
    3703                 margin-right: var(--global--spacing-horizontal);
    3704                 margin-bottom: var(--global--spacing-vertical);
     5254                margin-right: 25px;
     5255                margin-bottom: 30px;
    37055256        }
    37065257
    37075258        .entry-content > .alignleft {
    3708                 max-width: calc(50% - var(--responsive--alignleft-margin));
     5259                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
    37095260        }
     5261
     5262        @media only screen and (min-width: 482px){
     5263                .entry-content > .alignleft{
     5264                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
     5265                }
     5266        }
     5267
     5268        @media only screen and (min-width: 482px){
     5269                .entry-content > .alignleft{
     5270                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
     5271                }
     5272        }
     5273
     5274        @media only screen and (min-width: 822px){
     5275                .entry-content > .alignleft{
     5276                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
     5277                }
     5278        }
    37105279}
    37115280
    37125281/**
    … …  
    37265295 */
    37275296.alignright {
    37285297        margin-top: 0;
    3729         margin-bottom: var(--global--spacing-vertical);
     5298        margin-bottom: 30px;
    37305299}
    37315300
    37325301.entry-content > .alignright {
    3733         max-width: var(--responsive--aligndefault-width);
     5302        max-width: calc(100vw - 30px);
    37345303}
    37355304
     5305@media only screen and (min-width: 482px){
     5306        .entry-content > .alignright{
     5307        max-width: min(calc(100vw - 100px), 610px);
     5308        }
     5309}
     5310
     5311@media only screen and (min-width: 822px){
     5312        .entry-content > .alignright{
     5313        max-width: min(calc(100vw - 200px), 610px);
     5314        }
     5315}
     5316
    37365317@media only screen and (min-width: 482px) {
    37375318
    37385319        .alignright {
    … …  
    37415322                float: right;
    37425323
    37435324                /*rtl:ignore*/
    3744                 margin-left: var(--global--spacing-horizontal);
     5325                margin-left: 25px;
    37455326        }
    37465327
    37475328        .entry-content > .alignright {
    3748                 max-width: calc(50% - var(--responsive--alignright-margin));
     5329                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
    37495330        }
     5331
     5332        @media only screen and (min-width: 482px){
     5333                .entry-content > .alignright{
     5334                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
     5335                }
     5336        }
     5337
     5338        @media only screen and (min-width: 482px){
     5339                .entry-content > .alignright{
     5340                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
     5341                }
     5342        }
     5343
     5344        @media only screen and (min-width: 822px){
     5345                .entry-content > .alignright{
     5346                max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px)*1);
     5347                }
     5348        }
    37505349}
    37515350
    37525351[class*=inner-container] > .alignleft + *,
    … …  
    37815380}
    37825381
    37835382.has-drop-cap:not(:focus)::first-letter {
    3784         font-family: var(--heading--font-family);
    3785         font-weight: var(--heading--font-weight);
     5383        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5384        font-weight: normal;
    37865385        line-height: 0.66;
    37875386        text-transform: uppercase;
    37885387        font-style: normal;
    37895388        float: left;
    37905389        margin: 0.1em 0.1em 0 0;
    3791         font-size: calc(1.2 * var(--heading--font-size-h1));
     5390        font-size: 5rem;
    37925391}
    37935392
     5393@media only screen and (min-width: 652px){
     5394        .has-drop-cap:not(:focus)::first-letter{
     5395        font-size: 7rem;
     5396        }
     5397}
     5398
    37945399.has-drop-cap:not(:focus)::after {
    37955400        content: "";
    37965401        display: table;
    … …  
    38135418        display: flex;
    38145419        align-items: flex-start;
    38155420        flex-wrap: wrap;
    3816         row-gap: var(--global--spacing-vertical);
     5421        row-gap: 30px;
    38175422}
    38185423
    38195424.wp-custom-logo .site-header {
    … …  
    38225427@media only screen and (min-width: 482px) {
    38235428
    38245429        .site-header {
    3825                 padding-top: calc(var(--global--spacing-vertical) / 0.75);
     5430                padding-top: 40px;
    38265431        }
    38275432}
    38285433@media only screen and (min-width: 822px) {
    38295434
    38305435        .site-header {
    3831                 padding-top: calc(2.4 * var(--global--spacing-vertical));
     5436                padding-top: 72px;
    38325437        }
    38335438}
    38345439
    38355440.site-branding {
    3836         color: var(--branding--color-text);
     5441        color: #28303d;
    38375442        margin-right: 140px;
    38385443}
    38395444
    … …  
    38515456}
    38525457
    38535458.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);
     5459        color: #28303d;
     5460        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5461        font-size: 1.5rem;
    38575462        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);
     5463        text-transform: uppercase;
     5464        line-height: 1.3;
     5465        margin-bottom: 5px;
    38615466}
    38625467
    38635468.site-title a {
    38645469        color: currentColor;
    3865         font-weight: var(--branding--title--font-weight);
     5470        font-weight: normal;
    38665471}
    38675472
    38685473.site-title a:link,
    … …  
    38715476        color: currentColor;
    38725477}
    38735478
    3874 .site-title a:hover,
     5479.site-title a:hover {
     5480        color: #39414d;
     5481}
     5482
    38755483.site-title a:focus {
    3876         color: var(--branding--color-link-hover);
     5484        color: #39414d;
    38775485}
    38785486@media only screen and (min-width: 482px) {
    38795487
    38805488        .site-title {
    3881                 font-size: var(--branding--title--font-size);
     5489                font-size: 1.5rem;
    38825490        }
    38835491}
    38845492
    38855493.site-description {
    38865494        color: currentColor;
    3887         font-family: var(--branding--description--font-family);
    3888         font-size: var(--branding--description--font-size);
     5495        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5496        font-size: 1.125rem;
    38895497        line-height: 1.4;
    38905498}
    38915499
    … …  
    38995507}
    39005508
    39015509.site-title > a {
    3902         text-decoration-color: var(--global--color-secondary);
     5510        text-decoration-color: #39414d;
    39035511}
    39045512
    39055513.site-logo {
    3906         margin: calc(var(--global--spacing-vertical) / 2) 0;
     5514        margin: 15px 0;
    39075515}
    39085516
    39095517.site-header > .site-logo {
    39105518        width: 100%;
    3911         padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
     5519        padding-bottom: 45px;
    39125520        border-bottom: 1px solid;
    39135521        text-align: center;
    39145522}
    … …  
    39165524.site-logo .custom-logo {
    39175525        margin-left: auto;
    39185526        margin-right: auto;
    3919         max-width: var(--branding--logo--max-width-mobile);
    3920         max-height: var(--branding--logo--max-height-mobile);
     5527        max-width: 96px;
     5528        max-height: 96px;
    39215529        height: auto;
    39225530        display: inline-block;
    39235531        width: auto;
    … …  
    39255533@media only screen and (min-width: 482px) {
    39265534
    39275535        .site-logo .custom-logo {
    3928                 max-width: var(--branding--logo--max-width);
    3929                 max-height: var(--branding--logo--max-height);
     5536                max-width: 300px;
     5537                max-height: 100px;
    39305538                height: auto;
    39315539                width: auto;
    39325540        }
    … …  
    39365544
    39375545        .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    39385546                position: absolute;
    3939                 padding-top: calc(0.5 * var(--global--spacing-vertical));
     5547                padding-top: 15px;
    39405548                margin-top: 0;
    3941                 top: var(--global--admin-bar--height);
     5549                top: 0;
    39425550        }
    39435551
    39445552        .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
    … …  
    39465554        }
    39475555
    39485556        .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);
     5557                max-height: calc(10px + 2em);
    39505558        }
    39515559
    39525560        .site-header.has-logo.has-title-and-tagline {
    … …  
    39775585        body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
    39785586                position: relative;
    39795587                padding-top: 0;
    3980                 margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit)));
     5588                margin-top: -10px;
    39815589        }
    39825590
    39835591        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);
     5592                padding-left: 11px;
     5593                padding-right: 11px;
     5594                margin-right: -15px;
    39875595        }
    39885596
    39895597        .site-header:not(.has-logo).has-title-and-tagline .site-branding {
    … …  
    39985606
    39995607.site-footer {
    40005608        padding-top: 0;
    4001         padding-bottom: calc(1.7 * var(--global--spacing-vertical));
     5609        padding-bottom: 51px;
    40025610}
    40035611
    40045612.no-widgets .site-footer {
    4005         margin-top: calc(6 * var(--global--spacing-vertical));
     5613        margin-top: 180px;
    40065614}
    40075615@media only screen and (max-width: 481px) {
    40085616
    40095617        .no-widgets .site-footer {
    4010                 margin-top: calc(3 * var(--global--spacing-vertical));
     5618                margin-top: 90px;
    40115619        }
    40125620}
    40135621
    40145622.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);
     5623        padding-top: 30px;
     5624        color: #28303d;
     5625        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5626        font-size: 1.125rem;
     5627        line-height: 1.7;
     5628        border-top: 3px solid #28303d;
    40215629}
    40225630
    40235631.site-footer > .site-info .site-name {
    4024         text-transform: var(--branding--title--text-transform);
    4025         font-size: var(--branding--title--font-size);
     5632        text-transform: uppercase;
     5633        font-size: 1.5rem;
    40265634}
    40275635
    40285636.site-footer > .site-info .powered-by {
    4029         margin-top: calc(0.5 * var(--global--spacing-vertical));
     5637        margin-top: 15px;
    40305638}
    40315639@media only screen and (min-width: 822px) {
    40325640
    … …  
    40425650}
    40435651
    40445652.site-footer > .site-info a {
    4045         color: var(--footer--color-link);
     5653        color: #28303d;
    40465654}
    40475655
    4048 .site-footer > .site-info a:link,
    4049 .site-footer > .site-info a:visited,
     5656.site-footer > .site-info a:link {
     5657        color: #28303d;
     5658}
     5659
     5660.site-footer > .site-info a:visited {
     5661        color: #28303d;
     5662}
     5663
    40505664.site-footer > .site-info a:active {
    4051         color: var(--footer--color-link);
     5665        color: #28303d;
    40525666}
    40535667
    40545668.site-footer > .site-info a:hover {
    4055         color: var(--footer--color-link-hover);
     5669        color: #28303d;
    40565670}
    40575671
    40585672.site-footer > .site-info a:focus {
    4059         color: var(--footer--color-link-hover);
     5673        color: #28303d;
    40605674}
    40615675
    40625676.is-dark-theme .site-footer > .site-info a:focus {
    4063         color: var(--wp--style--color--link, var(--global--color-background));
     5677        color: #d1e4dd;
    40645678}
    40655679
    40665680.has-background-white .site-footer > .site-info a:focus {
    4067         color: var(--wp--style--color--link, var(--global--color-white));
     5681        color: #fff;
    40685682}
    40695683
    40705684.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));
     5685        border-bottom: 3px solid #28303d;
     5686        padding-bottom: 60px;
     5687        margin-bottom: 90px;
    40745688}
    40755689
    40765690.home .entry-header {
    … …  
    40815695
    40825696.singular .has-post-thumbnail .entry-header {
    40835697        border-bottom: none;
    4084         padding-bottom: calc(1.3 * var(--global--spacing-vertical));
     5698        padding-bottom: 39px;
    40855699        margin-bottom: 0;
    40865700}
    40875701
    40885702.no-results.not-found > *:first-child {
    4089         margin-bottom: calc(3 * var(--global--spacing-vertical));
     5703        margin-bottom: 90px;
    40905704}
    40915705
    40925706.page-links {
    … …  
    40955709
    40965710.page-links .post-page-numbers {
    40975711        display: inline-block;
    4098         margin-left: calc(0.66 * var(--global--spacing-unit));
    4099         margin-right: calc(0.66 * var(--global--spacing-unit));
     5712        margin-left: 13px;
     5713        margin-right: 13px;
    41005714        min-width: 44px;
    41015715        min-height: 44px;
    41025716}
    … …  
    41065720}
    41075721
    41085722.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);
     5723        color: #28303d;
     5724        font-size: 2.25rem;
     5725        letter-spacing: normal;
     5726        line-height: 1.3;
    41135727        overflow-wrap: break-word;
    41145728}
    41155729
     5730@media only screen and (min-width: 652px){
     5731        .entry-title{
     5732        font-size: 3rem;
     5733        }
     5734}
     5735
     5736@media only screen and (min-width: 652px){
     5737        .entry-title{
     5738        font-size: 3rem;
     5739        }
     5740}
     5741
    41165742.entry-title a {
    4117         color: var(--entry-header--color-link);
     5743        color: currentColor;
    41185744        text-underline-offset: 0.15em;
    41195745}
    41205746
    41215747.entry-title a:hover {
    4122         color: var(--entry-header--color-hover);
     5748        color: #28303d;
    41235749}
    41245750
    41255751.entry-title a:focus {
    4126         color: var(--entry-header--color-focus);
     5752        color: #39414d;
    41275753}
    41285754
    41295755.entry-title a:active {
    4130         color: var(--entry-header--color-link);
     5756        color: currentColor;
    41315757}
    41325758
    41335759.singular .entry-title {
    4134         font-size: var(--global--font-size-page-title);
     5760        font-size: 4rem;
    41355761}
    41365762
     5763@media only screen and (min-width: 652px){
     5764        .singular .entry-title{
     5765        font-size: 6rem;
     5766        }
     5767}
     5768
    41375769h1.entry-title {
    4138         line-height: var(--heading--line-height-h1);
    4139         font-weight: var(--heading--font-weight-page-title);
     5770        line-height: 1.1;
     5771        font-weight: 300;
    41405772}
    41415773
    41425774/**
    41435775 * Entry Content
    41445776 */
    4145 .entry-content,
     5777.entry-content {
     5778        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5779}
    41465780.entry-summary {
    4147         font-family: var(--entry-content--font-family);
     5781        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    41485782}
    41495783
    41505784.entry-content p {
    … …  
    41525786}
    41535787
    41545788.entry-content > iframe[style] {
    4155         margin: var(--global--spacing-vertical) 0 !important;
     5789        margin: 30px 0 !important;
    41565790        max-width: 100% !important;
    41575791}
    41585792@media only screen and (min-width: 482px) {
    41595793
    41605794        .entry-content > iframe[style] {
    4161                 max-width: var(--global--spacing-vertical) !important;
     5795                max-width: 30px !important;
    41625796        }
    41635797}
    41645798
    41655799.entry-footer {
    4166         color: var(--global--color-primary);
     5800        color: #28303d;
    41675801        clear: both;
    41685802        float: none;
    4169         font-size: var(--global--font-size-xs);
     5803        font-size: 1rem;
    41705804        display: block;
    41715805}
    41725806
    … …  
    41785812        color: currentColor;
    41795813}
    41805814
    4181 .entry-footer a:hover,
     5815.entry-footer a:hover {
     5816        color: #28303d;
     5817}
     5818
    41825819.entry-footer a:focus {
    4183         color: var(--global--color-primary-hover);
     5820        color: #28303d;
    41845821}
    41855822
    41865823.entry-footer a:active {
    … …  
    41885825}
    41895826
    41905827.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);
     5828        margin-top: 30px;
     5829        padding-top: 20px;
     5830        padding-bottom: 90px;
     5831        border-bottom: 1px solid #28303d;
    41955832}
    41965833
    41975834body:not(.single) .site-main > article:last-of-type .entry-footer {
    4198         border-bottom: var(--separator--height) solid transparent;
     5835        border-bottom: 1px solid transparent;
    41995836}
    42005837
    42015838.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));
     5839        margin-top: 102px;
     5840        margin-bottom: 102px;
    42045841        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;
     5842        padding-top: 24px;
     5843        border-top: 3px solid #28303d;
     5844        border-bottom: 1px solid transparent;
    42085845        display: grid;
    42095846        grid-template-columns: repeat(2, 1fr);
    4210         column-gap: calc(2 * var(--global--spacing-horizontal));
     5847        column-gap: 50px;
    42115848}
    42125849
    42135850.single .site-main > article > .entry-footer .post-taxonomies,
    … …  
    42555892        max-width: 100%;
    42565893        margin-left: auto;
    42575894        margin-right: auto;
    4258         margin-top: calc(2 * var(--global--spacing-vertical));
     5895        margin-top: 60px;
    42595896}
    42605897
    42615898/**
    … …  
    42635900 */
    42645901.author-bio {
    42655902        position: relative;
    4266         font-size: var(--global--font-size-xs);
    4267         max-width: var(--responsive--aligndefault-width);
     5903        font-size: 1rem;
     5904        max-width: calc(100vw - 30px);
    42685905}
     5906@media only screen and (min-width: 482px){
     5907        .author-bio{
     5908        max-width: min(calc(100vw - 100px), 610px);
     5909        }
     5910}
     5911@media only screen and (min-width: 822px){
     5912        .author-bio{
     5913        max-width: min(calc(100vw - 200px), 610px);
     5914        }
     5915}
    42695916
    42705917.site-main > article > .author-bio {
    4271         margin-top: calc(2 * var(--global--spacing-vertical));
     5918        margin-top: 60px;
    42725919}
    42735920
    42745921.author-bio.show-avatars .avatar {
    … …  
    42795926
    42805927.author-bio.show-avatars .author-bio-content {
    42815928        display: inline-block;
    4282         padding-left: var(--global--spacing-horizontal);
    4283         max-width: calc(var(--responsive--aligndefault-width) - 90px);
     5929        padding-left: 25px;
     5930        max-width: calc(100vw - 120px);
    42845931}
    42855932
     5933@media only screen and (min-width: 482px){
     5934        .author-bio.show-avatars .author-bio-content{
     5935        max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px);
     5936        }
     5937}
     5938
     5939@media only screen and (min-width: 822px){
     5940        .author-bio.show-avatars .author-bio-content{
     5941        max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px);
     5942        }
     5943}
     5944
    42865945.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);
     5946        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     5947        font-size: 1.5rem;
    42895948        display: inline;
    42905949}
    42915950
    42925951.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));
     5952        font-size: 1rem;
     5953        margin-top: 15px;
     5954        margin-bottom: 15px;
    42965955}
    42975956
    42985957.page-title {
    4299         font-size: var(--global--font-size-page-title);
     5958        font-size: 4rem;
    43005959}
    43015960
    4302 h1.page-title,
     5961@media only screen and (min-width: 652px){
     5962        .page-title{
     5963        font-size: 6rem;
     5964        }
     5965}
     5966
     5967h1.page-title {
     5968        font-weight: 300;
     5969}
     5970
    43035971h2.page-title {
    4304         font-weight: var(--heading--font-weight-page-title);
     5972        font-weight: 300;
    43055973}
    43065974
    43075975h1.page-title {
    4308         line-height: var(--heading--line-height-h1);
     5976        line-height: 1.1;
    43095977}
    43105978
    43115979.page-header {
    4312         border-bottom: 3px solid var(--global--color-border);
    4313         padding-bottom: calc(2 * var(--global--spacing-vertical));
     5980        border-bottom: 3px solid #28303d;
     5981        padding-bottom: 60px;
    43145982}
    43155983
    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,
     5984.archive .content-area .format-aside .entry-content {
     5985        font-size: 1.5rem;
     5986}
     5987
     5988.archive .content-area .format-status .entry-content {
     5989        font-size: 1.5rem;
     5990}
     5991
     5992.archive .content-area .format-link .entry-content {
     5993        font-size: 1.5rem;
     5994}
     5995
     5996.search .content-area .format-aside .entry-content {
     5997        font-size: 1.5rem;
     5998}
     5999
     6000.search .content-area .format-status .entry-content {
     6001        font-size: 1.5rem;
     6002}
     6003
     6004.search .content-area .format-link .entry-content {
     6005        font-size: 1.5rem;
     6006}
     6007
     6008.blog .content-area .format-aside .entry-content {
     6009        font-size: 1.5rem;
     6010}
     6011
     6012.blog .content-area .format-status .entry-content {
     6013        font-size: 1.5rem;
     6014}
     6015
    43246016.blog .content-area .format-link .entry-content {
    4325         font-size: var(--global--font-size-lg);
     6017        font-size: 1.5rem;
    43266018}
    43276019
    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,
     6020.archive .format-image .entry-content {
     6021        margin-top: 60px;
     6022}
     6023
     6024.archive .format-gallery .entry-content {
     6025        margin-top: 60px;
     6026}
     6027
     6028.archive .format-video .entry-content {
     6029        margin-top: 60px;
     6030}
     6031
     6032.search .format-image .entry-content {
     6033        margin-top: 60px;
     6034}
     6035
     6036.search .format-gallery .entry-content {
     6037        margin-top: 60px;
     6038}
     6039
     6040.search .format-video .entry-content {
     6041        margin-top: 60px;
     6042}
     6043
     6044.blog .format-image .entry-content {
     6045        margin-top: 60px;
     6046}
     6047
     6048.blog .format-gallery .entry-content {
     6049        margin-top: 60px;
     6050}
     6051
    43366052.blog .format-video .entry-content {
    4337         margin-top: calc(2 * var(--global--spacing-vertical));
     6053        margin-top: 60px;
    43386054}
    43396055
    43406056.archive .entry-footer .cat-links,
    … …  
    43466062        display: block;
    43476063}
    43486064
    4349 .archive.logged-in .entry-footer .posted-on,
    4350 .search.logged-in .entry-footer .posted-on,
     6065.archive.logged-in .entry-footer .posted-on {
     6066        margin-right: 10px;
     6067}
     6068
     6069.search.logged-in .entry-footer .posted-on {
     6070        margin-right: 10px;
     6071}
     6072
    43516073.blog.logged-in .entry-footer .posted-on {
    4352         margin-right: calc(0.5 * var(--global--spacing-unit));
     6074        margin-right: 10px;
    43536075}
    43546076
    43556077.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);
     6078        margin-top: 30px;
     6079        font-size: 2.25rem;
     6080        line-height: 1.3;
    43596081}
    43606082
     6083@media only screen and (min-width: 652px){
     6084        .archive-description{
     6085        font-size: 2.5rem;
     6086        }
     6087}
     6088
    43616089.error404 main p {
    4362         font-size: var(--global--font-size-lg);
    4363         margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
     6090        font-size: 1.5rem;
     6091        margin-bottom: 50px;
    43646092}
    43656093
    43666094.search-no-results .page-content {
    4367         margin-top: calc(3 * var(--global--spacing-vertical));
     6095        margin-top: 90px;
    43686096}
    43696097
    43706098/**
    … …  
    43716099 * Comments Wrapper
    43726100 */
    43736101.comments-area > * {
    4374         margin-top: var(--global--spacing-vertical);
    4375         margin-bottom: var(--global--spacing-vertical);
     6102        margin-top: 30px;
     6103        margin-bottom: 30px;
    43766104}
    43776105
    43786106.comments-area > *:first-child {
    … …  
    44016129/**
    44026130 * Comment Title
    44036131 */
    4404 .comments-title,
     6132.comments-title {
     6133        font-size: 2.25rem;
     6134        letter-spacing: normal;
     6135}
     6136@media only screen and (min-width: 652px){
     6137        .comments-title{
     6138        font-size: 3rem;
     6139        }
     6140}
     6141@media only screen and (min-width: 652px){
     6142        .comments-title{
     6143        font-size: 3rem;
     6144        }
     6145}
    44056146.comment-reply-title {
    4406         font-size: var(--heading--font-size-h2);
    4407         letter-spacing: var(--heading--letter-spacing-h2);
     6147        font-size: 2.25rem;
     6148        letter-spacing: normal;
    44086149}
     6150@media only screen and (min-width: 652px){
     6151        .comment-reply-title{
     6152        font-size: 3rem;
     6153        }
     6154}
     6155@media only screen and (min-width: 652px){
     6156        .comment-reply-title{
     6157        font-size: 3rem;
     6158        }
     6159}
    44096160
    44106161.comment-reply-title {
    44116162        display: flex;
    … …  
    44136164}
    44146165
    44156166.comment-reply-title small a {
    4416         font-family: var(--global--font-secondary);
    4417         font-size: var(--global--font-size-xs);
     6167        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6168        font-size: 1rem;
    44186169        font-style: normal;
    44196170        font-weight: normal;
    44206171        letter-spacing: normal;
    … …  
    44226173
    44236174/* Nested comment reply title*/
    44246175.comment .comment-respond .comment-reply-title {
    4425         font-size: var(--global--font-size-lg);
     6176        font-size: 1.5rem;
    44266177}
    44276178
    44286179/**
    … …  
    44346185}
    44356186
    44366187.comment-list > li {
    4437         margin-top: var(--global--spacing-vertical);
    4438         margin-bottom: var(--global--spacing-vertical);
     6188        margin-top: 30px;
     6189        margin-bottom: 30px;
    44396190}
    44406191
    44416192.comment-list .children {
    … …  
    44446195}
    44456196
    44466197.comment-list .children > li {
    4447         margin-top: var(--global--spacing-vertical);
    4448         margin-bottom: var(--global--spacing-vertical);
     6198        margin-top: 30px;
     6199        margin-bottom: 30px;
    44496200}
    44506201
    44516202@media only screen and (min-width: 482px) {
    44526203
    4453         .comment-list .depth-2,
     6204        .comment-list .depth-2 {
     6205                padding-left: 100px;
     6206        }
     6207
    44546208        .comment-list .depth-3 {
    4455                 padding-left: calc(4 * var(--global--spacing-horizontal));
     6209                padding-left: 100px;
    44566210        }
    44576211}
    44586212
    … …  
    44606214 * Comment Meta
    44616215 */
    44626216.comment-meta .comment-author {
    4463         line-height: var(--global--line-height-heading);
    4464         margin-bottom: calc(0.25 * var(--global--spacing-unit));
     6217        line-height: 1.3;
     6218        margin-bottom: 5px;
    44656219}
    44666220@media only screen and (min-width: 482px) {
    44676221
    … …  
    44726226}
    44736227
    44746228.comment-meta .comment-author .fn {
    4475         font-family: var(--global--font-secondary);
     6229        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    44766230        font-weight: normal;
    4477         font-size: var(--global--font-size-lg);
     6231        font-size: 1.5rem;
    44786232        hyphens: auto;
    44796233        word-wrap: break-word;
    44806234        word-break: break-word;
    … …  
    44816235}
    44826236
    44836237.comment-meta .comment-metadata {
    4484         color: var(--global--color-primary);
    4485         font-size: var(--global--font-size-xs);
     6238        color: #28303d;
     6239        font-size: 1rem;
    44866240        padding: 8px 0 9px 0;
    44876241}
    44886242
    44896243.comment-meta .comment-metadata .edit-link {
    4490         margin-left: var(--global--spacing-horizontal);
     6244        margin-left: 25px;
    44916245}
    44926246@media only screen and (min-width: 482px) {
    44936247
    … …  
    45016255}
    45026256
    45036257.reply {
    4504         font-size: var(--global--font-size-sm);
    4505         line-height: var(--global--line-height-heading);
     6258        font-size: 1.125rem;
     6259        line-height: 1.3;
    45066260}
    45076261
    45086262.bypostauthor {
    … …  
    45136267        display: none;
    45146268}
    45156269
    4516 .pingback .url,
     6270.pingback .url {
     6271        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6272}
     6273
    45176274.trackback .url {
    4518         font-family: var(--global--font-primary);
     6275        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    45196276}
    45206277
    45216278.comment-body {
    45226279        position: relative;
    4523         margin-bottom: calc(1.7 * var(--global--spacing-vertical));
     6280        margin-bottom: 51px;
    45246281}
    45256282
    45266283.comment-body > * {
    4527         margin-top: var(--global--spacing-vertical);
    4528         margin-bottom: var(--global--spacing-vertical);
     6284        margin-top: 30px;
     6285        margin-bottom: 30px;
    45296286}
    45306287
    45316288.comment-body .reply {
    … …  
    45366293        word-wrap: break-word;
    45376294}
    45386295
    4539 .pingback .comment-body,
     6296.pingback .comment-body {
     6297        margin-top: 30px;
     6298        margin-bottom: 30px;
     6299}
     6300
    45406301.trackback .comment-body {
    4541         margin-top: var(--global--spacing-vertical);
    4542         margin-bottom: var(--global--spacing-vertical);
     6302        margin-top: 30px;
     6303        margin-bottom: 30px;
    45436304}
    45446305
    45456306.comment-respond {
    4546         margin-top: var(--global--spacing-vertical);
     6307        margin-top: 30px;
    45476308}
    45486309
    45496310.comment-respond > * {
    4550         margin-top: var(--global--spacing-unit);
    4551         margin-bottom: var(--global--spacing-unit);
     6311        margin-top: 20px;
     6312        margin-bottom: 20px;
    45526313}
    45536314
    45546315.comment-respond > *:first-child {
    … …  
    45606321}
    45616322
    45626323.comment-respond > *:last-child.comment-form {
    4563         margin-bottom: var(--global--spacing-vertical);
     6324        margin-bottom: 30px;
    45646325}
    45656326
    45666327.comment-author {
    … …  
    45816342}
    45826343
    45836344.comment-form .comment-notes {
    4584         font-size: var(--global--font-size-sm);
     6345        font-size: 1.125rem;
    45856346}
    45866347
    45876348.comment-form .comment-form-url,
    … …  
    46026363        }
    46036364}
    46046365
    4605 .comment-form .comment-form-cookies-consent > label,
     6366.comment-form .comment-form-cookies-consent > label {
     6367        font-size: 1rem;
     6368        font-weight: normal;
     6369}
     6370
    46066371.comment-form .comment-notes {
    4607         font-size: var(--global--font-size-xs);
     6372        font-size: 1rem;
    46086373        font-weight: normal;
    46096374}
    46106375
    46116376.comment-form > p {
    4612         margin-bottom: var(--global--spacing-unit);
     6377        margin-bottom: 20px;
    46136378}
    46146379
    46156380.comment-form > p:first-of-type {
    … …  
    46206385        margin-bottom: 0;
    46216386}
    46226387
    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],
     6388.comment-form > p label {
     6389        display: block;
     6390        font-size: 1.125rem;
     6391        margin-bottom: 10px;
     6392        width: 100%;
     6393        font-weight: 500;
     6394}
     6395
     6396.comment-form > p input[type=email] {
     6397        display: block;
     6398        font-size: 1.125rem;
     6399        margin-bottom: 10px;
     6400        width: 100%;
     6401        font-weight: 500;
     6402}
     6403
     6404.comment-form > p input[type=text] {
     6405        display: block;
     6406        font-size: 1.125rem;
     6407        margin-bottom: 10px;
     6408        width: 100%;
     6409        font-weight: 500;
     6410}
     6411
     6412.comment-form > p input[type=url] {
     6413        display: block;
     6414        font-size: 1.125rem;
     6415        margin-bottom: 10px;
     6416        width: 100%;
     6417        font-weight: 500;
     6418}
     6419
    46276420.comment-form > p textarea {
    46286421        display: block;
    4629         font-size: var(--global--font-size-sm);
    4630         margin-bottom: calc(.5 * var(--global--spacing-unit));
     6422        font-size: 1.125rem;
     6423        margin-bottom: 10px;
    46316424        width: 100%;
    4632         font-weight: var(--form--label-weight);
     6425        font-weight: 500;
    46336426}
    46346427
    46356428.comment-form > p.comment-form-cookies-consent {
    … …  
    46386431@media only screen and (min-width: 482px) {
    46396432
    46406433        .comment-form > p.comment-form-author {
    4641                 margin-right: calc(1.5 * var(--global--spacing-horizontal));
     6434                margin-right: 38px;
    46426435        }
    46436436
    46446437        .comment-form > p.comment-notes,
    … …  
    46526445        justify-content: space-between;
    46536446        position: absolute;
    46546447        right: 0;
    4655         padding-top: calc(0.5 * var(--global--spacing-vertical));
    4656         padding-bottom: calc(0.25 * var(--global--spacing-vertical));
     6448        padding-top: 15px;
     6449        padding-bottom: 8px;
    46576450}
    46586451
    46596452.menu-button-container #primary-mobile-menu {
    46606453        margin-left: auto;
    4661         padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
     6454        padding: 10px 15px;
    46626455}
    46636456@media only screen and (max-width: 481px) {
    46646457
    … …  
    46696462
    46706463.menu-button-container .button.button {
    46716464        display: flex;
    4672         font-size: var(--primary-nav--font-size-button);
    4673         font-weight: var(--primary-nav--font-weight-button);
     6465        font-size: 1rem;
     6466        font-weight: 500;
    46746467        background-color: transparent;
    46756468        border: none;
    4676         color: var(--primary-nav--color-link);
     6469        color: #28303d;
    46776470}
    46786471
    46796472.menu-button-container .button.button .dropdown-icon {
    … …  
    46826475}
    46836476
    46846477.menu-button-container .button.button .dropdown-icon .svg-icon {
    4685         margin-left: calc(0.25 * var(--global--spacing-unit));
     6478        margin-left: 5px;
    46866479}
    46876480
    46886481.menu-button-container .button.button .dropdown-icon.open .svg-icon {
    … …  
    47106503.primary-navigation-open .menu-button-container {
    47116504        width: 100%;
    47126505        z-index: 500;
    4713         background-color: var(--global--color-background);
     6506        background-color: #d1e4dd;
    47146507}
    47156508
    47166509.primary-navigation-open .menu-button-container #primary-mobile-menu {
    … …  
    47196512
    47206513.primary-navigation {
    47216514        position: absolute;
    4722         top: var(--global--admin-bar--height);
     6515        top: 0;
    47236516        right: 0;
    4724         color: var(--primary-nav--color-text);
    4725         font-size: var(--primary-nav--font-size);
     6517        color: #28303d;
     6518        font-size: 1.25rem;
    47266519        line-height: 1.15;
    47276520        margin-top: 0;
    47286521        margin-bottom: 0;
    … …  
    47366529        right: 0;
    47376530        bottom: 0;
    47386531        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);
     6532        padding-top: calc(2rem + 47px);
     6533        padding-left: 20px;
     6534        padding-right: 20px;
     6535        padding-bottom: 25px;
     6536        background-color: #d1e4dd;
    47446537        transition: all 0.15s ease-in-out;
    4745         transform: translateY(var(--global--spacing-vertical));
     6538        transform: translateY(30px);
    47466539}
    47476540@media only screen and (max-width: 481px) {
    47486541
    … …  
    47606553        }
    47616554
    47626555        .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    4763                 top: var(--global--admin-bar--height);
     6556                top: 32px;
    47646557        }
    47656558
     6559        @media only screen and (max-width: 782px){
     6560                .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container{
     6561                top: 46px;
     6562                }
     6563        }
     6564
    47666565        .admin-bar .primary-navigation > .primary-menu-container {
    4767                 height: calc(100vh - var(--global--admin-bar--height));
     6566                height: calc(100vh - 32px);
    47686567        }
    47696568
     6569        @media only screen and (max-width: 782px){
     6570                .admin-bar .primary-navigation > .primary-menu-container{
     6571                height: calc(100vh - 46px);
     6572                }
     6573        }
     6574
    47706575        .primary-navigation > .primary-menu-container:focus {
    4771                 border: 2px solid var(--global--color-primary);
     6576                border: 2px solid #28303d;
    47726577        }
    47736578}
    47746579@media only screen and (max-width: 481px) {
    … …  
    48666671
    48676672.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    48686673        display: flex;
    4869         height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
     6674        height: calc(27px + 1em);
    48706675        width: 44px;
    48716676        padding: 0;
    48726677        justify-content: center;
    … …  
    48776682}
    48786683
    48796684.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
    4880         outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     6685        outline: 2px solid #28303d;
    48816686}
    48826687@media only screen and (max-width: 481px) {
    48836688
    … …  
    49266731                z-index: 88888;
    49276732        }
    49286733
    4929         .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
     6734        .primary-navigation > div > .menu-wrapper > li > .sub-menu:before {
     6735                content: "";
     6736                display: block;
     6737                position: absolute;
     6738                width: 0;
     6739                top: -10px;
     6740                left: 25px;
     6741                border-style: solid;
     6742                border-color: #28303d transparent;
     6743                border-width: 0 7px 10px 7px;
     6744        }
     6745
    49306746        .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    49316747                content: "";
    49326748                display: block;
    … …  
    49336749                position: absolute;
    49346750                width: 0;
    49356751                top: -10px;
    4936                 left: var(--global--spacing-horizontal);
     6752                left: 25px;
    49376753                border-style: solid;
    4938                 border-color: var(--primary-nav--border-color) transparent;
     6754                border-color: #28303d transparent;
    49396755                border-width: 0 7px 10px 7px;
    49406756        }
    49416757
    49426758        .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    49436759                top: -9px;
    4944                 border-color: var(--global--color-background) transparent;
     6760                border-color: #d1e4dd transparent;
    49456761        }
    49466762
    49476763        .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    4948                 background: var(--global--color-background);
     6764                background: #d1e4dd;
    49496765        }
    49506766
    49516767        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
    … …  
    49576773                right: auto;
    49586774        }
    49596775
    4960         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
     6776        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before {
     6777
     6778                /* rtl:ignore */
     6779                left: 25px;
     6780
     6781                /* rtl:ignore */
     6782                right: auto;
     6783        }
     6784
    49616785        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
    49626786
    49636787                /* rtl:ignore */
    4964                 left: var(--global--spacing-horizontal);
     6788                left: 25px;
    49656789
    49666790                /* rtl:ignore */
    49676791                right: auto;
    … …  
    49766800                left: auto;
    49776801        }
    49786802
    4979         .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
     6803        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before {
     6804
     6805                /* rtl:ignore */
     6806                left: auto;
     6807
     6808                /* rtl:ignore */
     6809                right: 25px;
     6810        }
     6811
    49806812        .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
    49816813
    49826814                /* rtl:ignore */
    … …  
    49836815                left: auto;
    49846816
    49856817                /* rtl:ignore */
    4986                 right: var(--global--spacing-horizontal);
     6818                right: 25px;
    49876819        }
    49886820}
    49896821
    49906822.primary-navigation .primary-menu > .menu-item:hover > a {
    4991         color: var(--primary-nav--color-link-hover);
     6823        color: #28303d;
    49926824}
    49936825@media only screen and (min-width: 482px) {
    49946826
    49956827        .primary-navigation .primary-menu-container {
    4996                 margin-right: calc(0px - var(--primary-nav--padding));
    4997                 margin-left: calc(0px - var(--primary-nav--padding));
     6828                margin-right: -13px;
     6829                margin-left: -13px;
    49986830        }
    49996831
    50006832        .primary-navigation .primary-menu-container > ul > .menu-item {
    … …  
    50026834        }
    50036835
    50046836        .primary-navigation .primary-menu-container > ul > .menu-item > a {
    5005                 padding-left: var(--primary-nav--padding);
    5006                 padding-right: var(--primary-nav--padding);
     6837                padding-left: 13px;
     6838                padding-right: 13px;
    50076839        }
    50086840
    50096841        .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    5010                 margin-left: calc(5px - var(--primary-nav--padding));
     6842                margin-left: -8px;
    50116843        }
    50126844}
    50136845
    50146846.primary-navigation a {
    50156847        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;
     6848        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6849        font-size: 1.125rem;
     6850        font-weight: normal;
     6851        padding: 13px 0;
    50206852        text-decoration: none;
    50216853}
    50226854@media only screen and (min-width: 482px) {
    … …  
    50236855
    50246856        .primary-navigation a {
    50256857                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);
     6858                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     6859                font-size: 1.25rem;
     6860                font-weight: normal;
    50296861        }
    50306862}
    50316863
    50326864.primary-navigation a + svg {
    5033         fill: var(--primary-nav--color-text);
     6865        fill: #28303d;
    50346866}
    50356867
    5036 .primary-navigation a:hover,
    5037 .primary-navigation a:link,
     6868.primary-navigation a:hover {
     6869        color: #28303d;
     6870}
     6871
     6872.primary-navigation a:link {
     6873        color: #28303d;
     6874}
     6875
    50386876.primary-navigation a:visited {
    5039         color: var(--primary-nav--color-link-hover);
     6877        color: #28303d;
    50406878}
    50416879
    50426880.primary-navigation a:hover {
    … …  
    50676905        margin: 0;
    50686906        padding: 0;
    50696907        list-style: none;
    5070         margin-left: var(--primary-nav--padding);
    5071         border: 1px solid var(--primary-nav--border-color);
     6908        margin-left: 13px;
     6909        border: 1px solid #28303d;
    50726910}
    50736911
    50746912.primary-navigation .sub-menu .sub-menu {
    … …  
    50886926}
    50896927
    50906928.primary-navigation .sub-menu .menu-item > a {
    5091         padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
     6929        padding: 17px 13px;
    50926930        display: block;
    5093         font-size: var(--primary-nav--font-size-sub-menu-mobile);
    5094         font-style: var(--primary-nav--font-style-sub-menu-mobile);
     6931        font-size: 1.125rem;
     6932        font-style: normal;
    50956933}
    50966934@media only screen and (min-width: 482px) {
    50976935
    50986936        .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);
     6937                font-size: 1rem;
     6938                font-style: normal;
    51016939        }
    51026940}
    51036941
    … …  
    51196957.primary-navigation .menu-item-description {
    51206958        display: block;
    51216959        clear: both;
    5122         font-size: var(--global--font-size-xs);
     6960        font-size: 1rem;
    51236961        text-transform: none;
    51246962        line-height: 1.7;
    51256963}
    … …  
    51486986}
    51496987
    51506988.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);
     6989        margin-top: 60px;
     6990        margin-bottom: 30px;
     6991        color: #28303d;
     6992        font-size: 1rem;
     6993        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    51566994}
    51576995
    51586996.footer-navigation-wrapper {
    … …  
    51697007}
    51707008
    51717009.footer-navigation-wrapper li a {
    5172         padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
     7010        padding: 17px 13px;
    51737011        transition: transform 0.1s ease;
    5174         color: var(--footer--color-link);
     7012        color: #28303d;
    51757013}
    51767014
    5177 .footer-navigation-wrapper li a:link,
    5178 .footer-navigation-wrapper li a:visited,
     7015.footer-navigation-wrapper li a:link {
     7016        color: #28303d;
     7017}
     7018
     7019.footer-navigation-wrapper li a:visited {
     7020        color: #28303d;
     7021}
     7022
    51797023.footer-navigation-wrapper li a:active {
    5180         color: var(--footer--color-link);
     7024        color: #28303d;
    51817025}
    51827026
    51837027.footer-navigation-wrapper li a:hover {
    … …  
    51847028        text-decoration: underline;
    51857029        text-decoration-style: dotted;
    51867030        text-decoration-skip-ink: none;
    5187         color: var(--footer--color-link-hover);
     7031        color: #28303d;
    51887032}
    51897033
    51907034.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
    5191         fill: var(--wp--style--color--link, var(--global--color-background));
     7035        fill: #d1e4dd;
    51927036}
    51937037
    51947038.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
    5195         fill: var(--wp--style--color--link, var(--global--color-white));
     7039        fill: #fff;
    51967040}
    51977041
    51987042.footer-navigation-wrapper li .svg-icon {
    51997043        vertical-align: middle;
    5200         fill: var(--footer--color-link);
     7044        fill: #28303d;
    52017045}
    52027046
    52037047.footer-navigation-wrapper li .svg-icon:hover {
    … …  
    52117055
    52127056/* Next/Previous navigation */
    52137057.navigation {
    5214         color: var(--global--color-primary);
     7058        color: #28303d;
    52157059}
    52167060
    52177061.navigation a {
    5218         color: var(--global--color-primary);
     7062        color: #28303d;
    52197063        text-decoration: none;
    52207064}
    52217065
    52227066.navigation a:hover {
    5223         color: var(--global--color-primary-hover);
     7067        color: #28303d;
    52247068        text-decoration: underline;
    52257069        text-decoration-style: dotted;
    52267070}
    52277071
    52287072.navigation a:focus {
    5229         color: var(--global--color-secondary);
     7073        color: #39414d;
    52307074}
    52317075
    52327076.navigation a:active {
    5233         color: var(--global--color-primary);
     7077        color: #28303d;
    52347078}
    52357079
    52367080.navigation .nav-links > * {
    … …  
    52557099                flex-wrap: wrap;
    52567100        }
    52577101
    5258         .navigation .nav-links .nav-next,
     7102        .navigation .nav-links .nav-next {
     7103                flex: 0 1 auto;
     7104                margin-bottom: inherit;
     7105                margin-top: inherit;
     7106                max-width: calc(50% - 10px);
     7107        }
     7108
    52597109        .navigation .nav-links .nav-previous {
    52607110                flex: 0 1 auto;
    52617111                margin-bottom: inherit;
    52627112                margin-top: inherit;
    5263                 max-width: calc(50% - (0.5 * var(--global--spacing-unit)));
     7113                max-width: calc(50% - 10px);
    52647114        }
    52657115
    52667116        .navigation .nav-links .nav-next {
    … …  
    52757125        position: relative;
    52767126}
    52777127
    5278 .navigation .nav-previous .svg-icon,
     7128.navigation .nav-previous .svg-icon {
     7129        top: -2px;
     7130        margin-right: 5px;
     7131}
     7132
    52797133.navigation .prev .svg-icon {
    52807134        top: -2px;
    5281         margin-right: calc(0.25 * var(--global--spacing-unit));
     7135        margin-right: 5px;
    52827136}
    52837137
    5284 .navigation .nav-next .svg-icon,
     7138.navigation .nav-next .svg-icon {
     7139        top: -1px;
     7140        margin-left: 5px;
     7141}
     7142
    52857143.navigation .next .svg-icon {
    52867144        top: -1px;
    5287         margin-left: calc(0.25 * var(--global--spacing-unit));
     7145        margin-left: 5px;
    52887146}
    52897147
    52907148.post-navigation {
    5291         margin: var(--global--spacing-vertical) auto;
     7149        margin: 30px auto;
    52927150}
    52937151@media only screen and (min-width: 822px) {
    52947152
    52957153        .post-navigation {
    5296                 margin: var(--global--spacing-vertical) auto;
     7154                margin: 30px auto;
    52977155        }
    52987156}
    52997157
    53007158.post-navigation .meta-nav {
    5301         line-height: var(--global--line-height-body);
    5302         color: var(--global--color-primary);
     7159        line-height: 1.7;
     7160        color: #28303d;
    53037161}
    53047162
    53057163.post-navigation .post-title {
    53067164        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);
     7165        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     7166        font-size: 1.5rem;
     7167        font-weight: 600;
     7168        line-height: 1.3;
    53117169}
    53127170@media only screen and (min-width: 822px) {
    53137171
    53147172        .post-navigation .post-title {
    5315                 margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;
     7173                margin: 5px 29px 0;
    53167174        }
    53177175}
    53187176@media only screen and (min-width: 482px) {
    … …  
    53227180        }
    53237181}
    53247182
    5325 .post-navigation .nav-next,
     7183.post-navigation .nav-next {
     7184        margin-top: 30px;
     7185        margin-bottom: 30px;
     7186}
     7187
    53267188.post-navigation .nav-previous {
    5327         margin-top: var(--global--spacing-vertical);
    5328         margin-bottom: var(--global--spacing-vertical);
     7189        margin-top: 30px;
     7190        margin-bottom: 30px;
    53297191}
    53307192
    53317193.post-navigation .nav-next:first-child,
    … …  
    53387200        margin-bottom: 0;
    53397201}
    53407202
    5341 .pagination,
     7203.pagination {
     7204        border-top: 3px solid #28303d;
     7205        padding-top: 30px;
     7206        margin: 30px auto;
     7207}
     7208
    53427209.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;
     7210        border-top: 3px solid #28303d;
     7211        padding-top: 30px;
     7212        margin: 30px auto;
    53467213}
    53477214@media only screen and (min-width: 822px) {
    53487215
    5349         .pagination,
     7216        .pagination {
     7217                margin: 30px auto;
     7218        }
     7219
    53507220        .comments-pagination {
    5351                 margin: var(--global--spacing-vertical) auto;
     7221                margin: 30px auto;
    53527222        }
    53537223}
    53547224
    5355 .pagination .nav-links,
     7225.pagination .nav-links {
     7226        margin-top: -30px;
     7227}
     7228
    53567229.comments-pagination .nav-links {
    5357         margin-top: calc(-1 * var(--global--spacing-vertical));
     7230        margin-top: -30px;
    53587231}
    53597232
    5360 .pagination .nav-links a:hover,
     7233.pagination .nav-links a:hover {
     7234        color: #28303d;
     7235}
     7236
    53617237.comments-pagination .nav-links a:hover {
    5362         color: var(--pagination--color-link-hover);
     7238        color: #28303d;
    53637239}
    53647240
    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,
     7241.is-dark-theme .pagination .nav-links a:active {
     7242        color: #d1e4dd;
     7243}
     7244
     7245.is-dark-theme .pagination .nav-links a:hover:active {
     7246        color: #d1e4dd;
     7247}
     7248
     7249.is-dark-theme .pagination .nav-links a:hover:focus {
     7250        color: #d1e4dd;
     7251}
     7252
     7253.is-dark-theme .comments-pagination .nav-links a:active {
     7254        color: #d1e4dd;
     7255}
     7256
     7257.is-dark-theme .comments-pagination .nav-links a:hover:active {
     7258        color: #d1e4dd;
     7259}
     7260
    53707261.is-dark-theme .comments-pagination .nav-links a:hover:focus {
    5371         color: var(--global--color-background);
     7262        color: #d1e4dd;
    53727263}
    53737264
    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,
     7265.has-background-white .pagination .nav-links a:active {
     7266        color: #fff;
     7267}
     7268
     7269.has-background-white .pagination .nav-links a:hover:active {
     7270        color: #fff;
     7271}
     7272
     7273.has-background-white .pagination .nav-links a:hover:focus {
     7274        color: #fff;
     7275}
     7276
     7277.has-background-white .comments-pagination .nav-links a:active {
     7278        color: #fff;
     7279}
     7280
     7281.has-background-white .comments-pagination .nav-links a:hover:active {
     7282        color: #fff;
     7283}
     7284
    53797285.has-background-white .comments-pagination .nav-links a:hover:focus {
    5380         color: var(--global--color-white);
     7286        color: #fff;
    53817287}
    53827288
    5383 .pagination .nav-links > *,
     7289.pagination .nav-links > * {
     7290        color: #28303d;
     7291        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     7292        font-size: 1.5rem;
     7293        font-weight: normal;
     7294        margin-top: 30px;
     7295        margin-left: 13px;
     7296        margin-right: 13px;
     7297}
     7298
    53847299.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));
     7300        color: #28303d;
     7301        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     7302        font-size: 1.5rem;
     7303        font-weight: normal;
     7304        margin-top: 30px;
     7305        margin-left: 13px;
     7306        margin-right: 13px;
    53927307}
    53937308
    53947309.pagination .nav-links > *.current,
    … …  
    54507365}
    54517366
    54527367.comments-pagination {
    5453         padding-top: calc(0.66 * var(--global--spacing-vertical));
    5454         margin: calc(3 * var(--global--spacing-vertical)) auto;
     7368        padding-top: 20px;
     7369        margin: 90px auto;
    54557370}
    54567371@media only screen and (min-width: 822px) {
    54577372
    54587373        .comments-pagination {
    5459                 margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
     7374                margin: 90px auto 120px auto;
    54607375        }
    54617376}
    54627377
    54637378.comments-pagination .nav-links > * {
    5464         font-size: var(--global--font-size-md);
     7379        font-size: 1.25rem;
    54657380}
    54667381
    54677382.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);
     7383        margin-top: 180px;
     7384        padding-bottom: 10px;
     7385        color: #28303d;
     7386        font-size: 1.125rem;
     7387        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    54737388}
    54747389@media only screen and (min-width: 652px) {
    54757390
    … …  
    54767391        .widget-area {
    54777392                display: grid;
    54787393                grid-template-columns: repeat(2, 1fr);
    5479                 column-gap: calc(2 * var(--global--spacing-horizontal));
     7394                column-gap: 50px;
    54807395        }
    54817396}
    54827397@media only screen and (min-width: 1024px) {
    … …  
    54887403@media only screen and (max-width: 481px) {
    54897404
    54907405        .widget-area {
    5491                 margin-top: calc(3 * var(--global--spacing-vertical));
     7406                margin-top: 90px;
    54927407        }
    54937408}
    54947409
    … …  
    54987413}
    54997414
    55007415.widget-area ul li {
    5501         line-height: var(--widget--line-height-list);
     7416        line-height: 1.9;
    55027417}
    55037418
    5504 .widget-area ul.sub-menu,
     7419.widget-area ul.sub-menu {
     7420        margin-left: 13px;
     7421}
     7422
    55057423.widget-area ul.children {
    5506         margin-left: var(--widget--spacing-menu);
     7424        margin-left: 13px;
    55077425}
    55087426
    55097427.widget-area ul .sub-menu-toggle {
    … …  
    55117429}
    55127430
    55137431.widget-area a {
    5514         color: var(--footer--color-link);
     7432        color: #28303d;
    55157433        text-decoration: underline;
    55167434        text-decoration-style: solid;
    55177435        text-decoration-color: currentColor;
    55187436}
    55197437
    5520 .widget-area a:link,
    5521 .widget-area a:visited,
     7438.widget-area a:link {
     7439        color: #28303d;
     7440}
     7441
     7442.widget-area a:visited {
     7443        color: #28303d;
     7444}
     7445
    55227446.widget-area a:active {
    5523         color: var(--footer--color-link);
     7447        color: #28303d;
    55247448}
    55257449
    55267450.widget-area a:hover {
    5527         color: var(--footer--color-link-hover);
     7451        color: #28303d;
    55287452        text-decoration-style: dotted;
    55297453}
    55307454
    55317455.widget-area .wp-block-social-links.alignright {
    5532         margin-top: var(--global--spacing-vertical);
     7456        margin-top: 30px;
    55337457        justify-content: flex-end;
    55347458}
    55357459
    55367460.widget-area .wp-block-social-links.alignleft {
    5537         margin-top: var(--global--spacing-vertical);
     7461        margin-top: 30px;
    55387462}
    55397463
    55407464.widget-area:after {
    … …  
    55447468}
    55457469
    55467470.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);
     7471        font-size: 1.125rem;
     7472        font-weight: 700;
     7473        line-height: 1.4;
    55507474}
    55517475
    55527476.search-form {
    … …  
    55537477        display: flex;
    55547478        flex-wrap: wrap;
    55557479        margin: auto;
    5556         max-width: var(--responsive--aligndefault-width);
     7480        max-width: calc(100vw - 30px);
    55577481}
    55587482
     7483@media only screen and (min-width: 482px){
     7484        .search-form{
     7485        max-width: min(calc(100vw - 100px), 610px);
     7486        }
     7487}
     7488
     7489@media only screen and (min-width: 822px){
     7490        .search-form{
     7491        max-width: min(calc(100vw - 200px), 610px);
     7492        }
     7493}
     7494
    55597495.search-form > label {
    55607496        width: 100%;
    55617497        margin-bottom: 0;
    5562         font-weight: var(--form--label-weight);
     7498        font-weight: 500;
    55637499}
    55647500
    55657501.search-form .search-field {
    55667502        flex-grow: 1;
    55677503        max-width: inherit;
    5568         margin-top: calc(var(--global--spacing-vertical) / 3);
    5569         margin-right: calc(0.66 * var(--global--spacing-horizontal));
     7504        margin-top: 10px;
     7505        margin-right: 17px;
    55707506}
    55717507
    55727508.search-form .search-submit {
    5573         margin-top: calc(var(--global--spacing-vertical) / 3);
     7509        margin-top: 10px;
    55747510        margin-left: 10px;
    55757511}
    55767512
    55777513.widget_search > .search-form .search-field {
    5578         margin-right: calc(-1 * var(--button--border-width));
     7514        margin-right: -3px;
    55797515        -webkit-appearance: none;
    5580         margin-bottom: calc(0.5 * var(--global--spacing-vertical));
     7516        margin-bottom: 15px;
    55817517}
    55827518
    55837519.widget_search > .search-form .search-submit {
    55847520        margin-left: 0;
    55857521        background-color: transparent;
    5586         color: var(--button--color-text-hover);
    5587         margin-bottom: calc(0.5 * var(--global--spacing-vertical));
     7522        color: #39414d;
     7523        margin-bottom: 15px;
    55887524}
    55897525
    55907526.widget_search > .search-form .search-submit:hover {
    5591         background-color: var(--button--color-background);
    5592         color: var(--button--color-text);
     7527        background-color: #39414d;
     7528        color: #d1e4dd;
    55937529}
    55947530
    55957531.widget_rss a.rsswidget .rss-widget-icon {
    … …  
    56477583}
    56487584
    56497585.has-black-color[class] {
    5650         color: var(--global--color-black);
     7586        color: #000;
    56517587}
    56527588
    56537589.has-gray-color[class] {
    5654         color: var(--global--color-gray);
     7590        color: #39414d;
    56557591}
    56567592
    56577593.has-dark-gray-color[class] {
    5658         color: var(--global--color-dark-gray);
     7594        color: #28303d;
    56597595}
    56607596
    56617597.has-green-color[class] {
    5662         color: var(--global--color-green);
     7598        color: #d1e4dd;
    56637599}
    56647600
    56657601.has-blue-color[class] {
    5666         color: var(--global--color-blue);
     7602        color: #d1dfe4;
    56677603}
    56687604
    56697605.has-purple-color[class] {
    5670         color: var(--global--color-purple);
     7606        color: #d1d1e4;
    56717607}
    56727608
    56737609.has-red-color[class] {
    5674         color: var(--global--color-red);
     7610        color: #e4d1d1;
    56757611}
    56767612
    56777613.has-orange-color[class] {
    5678         color: var(--global--color-orange);
     7614        color: #e4dad1;
    56797615}
    56807616
    56817617.has-yellow-color[class] {
    5682         color: var(--global--color-yellow);
     7618        color: #eeeadd;
    56837619}
    56847620
    56857621.has-white-color[class] {
    5686         color: var(--global--color-white);
     7622        color: #fff;
    56877623}
    56887624
    56897625.has-background a,
    … …  
    56987634}
    56997635
    57007636.has-black-background-color[class] {
    5701         background-color: var(--global--color-black);
     7637        background-color: #000;
    57027638}
    57037639
    57047640.has-gray-background-color[class] {
    5705         background-color: var(--global--color-gray);
     7641        background-color: #39414d;
    57067642}
    57077643
    57087644.has-dark-gray-background-color[class] {
    5709         background-color: var(--global--color-dark-gray);
     7645        background-color: #28303d;
    57107646}
    57117647
    57127648.has-green-background-color[class] {
    5713         background-color: var(--global--color-green);
     7649        background-color: #d1e4dd;
    57147650}
    57157651
    57167652.has-blue-background-color[class] {
    5717         background-color: var(--global--color-blue);
     7653        background-color: #d1dfe4;
    57187654}
    57197655
    57207656.has-purple-background-color[class] {
    5721         background-color: var(--global--color-purple);
     7657        background-color: #d1d1e4;
    57227658}
    57237659
    57247660.has-red-background-color[class] {
    5725         background-color: var(--global--color-red);
     7661        background-color: #e4d1d1;
    57267662}
    57277663
    57287664.has-orange-background-color[class] {
    5729         background-color: var(--global--color-orange);
     7665        background-color: #e4dad1;
    57307666}
    57317667
    57327668.has-yellow-background-color[class] {
    5733         background-color: var(--global--color-yellow);
     7669        background-color: #eeeadd;
    57347670}
    57357671
    57367672.has-white-background-color[class] {
    5737         background-color: var(--global--color-white);
     7673        background-color: #fff;
    57387674}
    57397675
    5740 :not(.has-text-color).has-black-background-color[class],
    5741 :not(.has-text-color).has-gray-background-color[class],
     7676:not(.has-text-color).has-black-background-color[class] {
     7677        color: #fff;
     7678}
     7679
     7680:not(.has-text-color).has-gray-background-color[class] {
     7681        color: #fff;
     7682}
     7683
    57427684:not(.has-text-color).has-dark-gray-background-color[class] {
    5743         color: var(--global--color-white);
     7685        color: #fff;
    57447686}
    57457687
    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],
     7688:not(.has-text-color).has-green-background-color[class] {
     7689        color: #28303d;
     7690}
     7691
     7692:not(.has-text-color).has-blue-background-color[class] {
     7693        color: #28303d;
     7694}
     7695
     7696:not(.has-text-color).has-purple-background-color[class] {
     7697        color: #28303d;
     7698}
     7699
     7700:not(.has-text-color).has-red-background-color[class] {
     7701        color: #28303d;
     7702}
     7703
     7704:not(.has-text-color).has-orange-background-color[class] {
     7705        color: #28303d;
     7706}
     7707
     7708:not(.has-text-color).has-yellow-background-color[class] {
     7709        color: #28303d;
     7710}
     7711
    57527712:not(.has-text-color).has-white-background-color[class] {
    5753         color: var(--global--color-dark-gray);
     7713        color: #28303d;
    57547714}
    57557715
    57567716.has-purple-to-yellow-gradient-background {
    5757         background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
     7717        background: linear-gradient(160deg, #d1d1e4, #eeeadd);
    57587718}
    57597719
    57607720.has-yellow-to-purple-gradient-background {
    5761         background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
     7721        background: linear-gradient(160deg, #eeeadd, #d1d1e4);
    57627722}
    57637723
    57647724.has-green-to-yellow-gradient-background {
    5765         background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
     7725        background: linear-gradient(160deg, #d1e4dd, #eeeadd);
    57667726}
    57677727
    57687728.has-yellow-to-green-gradient-background {
    5769         background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
     7729        background: linear-gradient(160deg, #eeeadd, #d1e4dd);
    57707730}
    57717731
    57727732.has-red-to-yellow-gradient-background {
    5773         background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
     7733        background: linear-gradient(160deg, #e4d1d1, #eeeadd);
    57747734}
    57757735
    57767736.has-yellow-to-red-gradient-background {
    5777         background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
     7737        background: linear-gradient(160deg, #eeeadd, #e4d1d1);
    57787738}
    57797739
    57807740.has-purple-to-red-gradient-background {
    5781         background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
     7741        background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
    57827742}
    57837743
    57847744.has-red-to-purple-gradient-background {
    5785         background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
     7745        background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
    57867746}
    57877747
    5788 header *,
    5789 main *,
     7748header * {
     7749        max-width: unset;
     7750}
     7751
     7752main * {
     7753        max-width: unset;
     7754}
     7755
    57907756footer * {
    5791         max-width: var(--global--spacing-measure);
     7757        max-width: unset;
    57927758}
    57937759
    57947760html,

  • src/wp-content/themes/twentytwentyone/postcss.config.js

     
     1module.exports = {
     2        plugins: [
     3                require('postcss-nested'),
     4                require('postcss-css-variables')({
     5                        "preserve": false,
     6                        "preserveAtRulesOrder": true
     7                }),
     8                require('postcss-calc')({
     9                        "precision": 0
     10                })
     11        ]
     12}
     13 No newline at end of file