WordPress.org
Get WordPress

Make WordPress Core

Ticket #52040: 52040.patch

File 52040.patch, 295.0 KB (added by poena, 4 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      &n