Make WordPress Core

Changeset 49633


Ignore:
Timestamp:
11/17/2020 06:58:52 PM (4 years ago)
Author:
desrosj
Message:

Twenty Twenty-One: Sync the latest changes for 5.6 RC1.

For a full list of changes since [49574-49577], see https://github.com/WordPress/twentytwentyone/compare/aa284fd...trunk.

Props poena, luminuu, kjellr, ryelle, aristath.
See #51526.

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

Legend:

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

    r49574 r49633  
    99
    1010    /* Font Family */
    11     --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    12     --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    1311
    1412    /* Font Size */
    15     --global--font-size-base: 1.25rem;
    16     --global--font-size-xs: 1rem;
    17     --global--font-size-sm: 1.125rem;
    18     --global--font-size-md: 1.25rem;
    19     --global--font-size-lg: 1.5rem;
    20     --global--font-size-xl: 2.25rem;
    21     --global--font-size-xxl: 4rem;
    22     --global--font-size-xxxl: 5rem;
    23     --global--font-size-page-title: var(--global--font-size-xxl);
    24     --global--letter-spacing: normal;
    2513
    2614    /* Line Height */
    27     --global--line-height-body: 1.7;
    28     --global--line-height-heading: 1.3;
    29     --global--line-height-page-title: 1.1;
    3015
    3116    /* Headings */
    32     --heading--font-family: var(--global--font-primary);
    33     --heading--font-size-h6: var(--global--font-size-xs);
    34     --heading--font-size-h5: var(--global--font-size-sm);
    35     --heading--font-size-h4: var(--global--font-size-lg);
    36     --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    37     --heading--font-size-h2: var(--global--font-size-xl);
    38     --heading--font-size-h1: var(--global--font-size-page-title);
    39     --heading--letter-spacing-h6: 0.05em;
    40     --heading--letter-spacing-h5: 0.05em;
    41     --heading--letter-spacing-h4: var(--global--letter-spacing);
    42     --heading--letter-spacing-h3: var(--global--letter-spacing);
    43     --heading--letter-spacing-h2: var(--global--letter-spacing);
    44     --heading--letter-spacing-h1: var(--global--letter-spacing);
    45     --heading--line-height-h6: var(--global--line-height-heading);
    46     --heading--line-height-h5: var(--global--line-height-heading);
    47     --heading--line-height-h4: var(--global--line-height-heading);
    48     --heading--line-height-h3: var(--global--line-height-heading);
    49     --heading--line-height-h2: var(--global--line-height-heading);
    50     --heading--line-height-h1: var(--global--line-height-page-title);
    51     --heading--font-weight: normal;
    52     --heading--font-weight-page-title: 300;
    53     --heading--font-weight-strong: 600;
    5417
    5518    /* Block: Latest posts */
    56     --latest-posts--title-font-family: var(--heading--font-family);
    57     --latest-posts--title-font-size: var(--heading--font-size-h3);
    58     --latest-posts--description-font-family: var(--global--font-secondary);
    59     --latest-posts--description-font-size: var(--global--font-size-sm);
    60     --list--font-family: var(--global--font-secondary);
    61     --definition-term--font-family: var(--global--font-primary);
    6219
    6320    /* Colors */
    64     --global--color-black: #000;
    65     --global--color-dark-gray: #28303d;
    66     --global--color-gray: #39414d;
    67     --global--color-light-gray: #f0f0f0;
    68     --global--color-green: #d1e4dd;
    69     --global--color-blue: #d1dfe4;
    70     --global--color-purple: #d1d1e4;
    71     --global--color-red: #e4d1d1;
    72     --global--color-orange: #e4dad1;
    73     --global--color-yellow: #eeeadd;
    74     --global--color-white: #fff;
    75     --global--color-white-50: rgba(255, 255, 255, 0.5);
    76     --global--color-white-90: rgba(255, 255, 255, 0.9);
    77     --global--color-primary: var(--global--color-dark-gray);
    7821
    7922    /* Body text color, site title, footer text color. */
    80     --global--color-secondary: var(--global--color-gray);
    8123
    8224    /* Headings */
    83     --global--color-primary-hover: var(--global--color-primary);
    84     --global--color-background: var(--global--color-green);
    8525
    8626    /* Mint, default body background */
    87     --global--color-border: var(--global--color-primary);
    8827
    8928    /* Used for borders (separators) */
    9029
    9130    /* Spacing */
    92     --global--spacing-unit: 20px;
    93     --global--spacing-measure: unset;
    94     --global--spacing-horizontal: 25px;
    95     --global--spacing-vertical: 30px;
    9631
    9732    /* Elevation */
    98     --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    9933
    10034    /* Forms */
    101     --form--font-family: var(--global--font-secondary);
    102     --form--font-size: var(--global--font-size-sm);
    103     --form--line-height: var(--global--line-height-body);
    104     --form--color-text: var(--global--color-dark-gray);
    105     --form--color-ranged: var(--global--color-secondary);
    106     --form--label-weight: 500;
    107     --form--border-color: var(--global--color-secondary);
    108     --form--border-width: 3px;
    109     --form--border-radius: 0;
    110     --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
    11135
    11236    /* Cover block */
    113     --cover--height: calc(15 * var(--global--spacing-vertical));
    114     --cover--color-foreground: var(--global--color-white);
    115     --cover--color-background: var(--global--color-black);
    11637
    11738    /* Buttons */
    118     --button--color-text: var(--global--color-background);
    119     --button--color-text-hover: var(--global--color-secondary);
    120     --button--color-text-active: var(--global--color-secondary);
    121     --button--color-background: var(--global--color-secondary);
    122     --button--color-background-active: var(--global--color-background);
    123     --button--font-family: var(--global--font-primary);
    124     --button--font-size: var(--global--font-size-base);
    125     --button--font-weight: 500;
    126     --button--line-height: 1.5;
    127     --button--border-width: 3px;
    128     --button--border-radius: 0;
    129     --button--padding-vertical: 15px;
    130     --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
    13139
    13240    /* entry */
    133     --entry-header--color: var(--global--color-primary);
    134     --entry-header--color-link: currentColor;
    135     --entry-header--color-hover: var(--global--color-primary-hover);
    136     --entry-header--color-focus: var(--global--color-secondary);
    137     --entry-header--font-size: var(--heading--font-size-h2);
    138     --entry-content--font-family: var(--global--font-secondary);
    139     --entry-author-bio--font-family: var(--heading--font-family);
    140     --entry-author-bio--font-size: var(--heading--font-size-h4);
    14141
    14242    /* Header */
    143     --branding--color-text: var(--global--color-primary);
    144     --branding--color-link: var(--global--color-primary);
    145     --branding--color-link-hover: var(--global--color-secondary);
    146     --branding--title--font-family: var(--global--font-primary);
    147     --branding--title--font-size: var(--global--font-size-lg);
    148     --branding--title--font-size-mobile: var(--heading--font-size-h4);
    149     --branding--title--font-weight: normal;
    150     --branding--title--text-transform: uppercase;
    151     --branding--description--font-family: var(--global--font-secondary);
    152     --branding--description--font-size: var(--global--font-size-sm);
    153     --branding--description--font-family: var(--global--font-secondary);
    154     --branding--logo--max-width: 300px;
    155     --branding--logo--max-height: 100px;
    156     --branding--logo--max-width-mobile: 96px;
    157     --branding--logo--max-height-mobile: 96px;
    15843
    15944    /* Main navigation */
    160     --primary-nav--font-family: var(--global--font-secondary);
    161     --primary-nav--font-family-mobile: var(--global--font-primary);
    162     --primary-nav--font-size: var(--global--font-size-md);
    163     --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
    164     --primary-nav--font-size-mobile: var(--global--font-size-sm);
    165     --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
    166     --primary-nav--font-size-button: var(--global--font-size-xs);
    167     --primary-nav--font-style: normal;
    168     --primary-nav--font-style-sub-menu-mobile: normal;
    169     --primary-nav--font-weight: normal;
    170     --primary-nav--font-weight-button: 500;
    171     --primary-nav--color-link: var(--global--color-primary);
    172     --primary-nav--color-link-hover: var(--global--color-primary-hover);
    173     --primary-nav--color-text: var(--global--color-primary);
    174     --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    175     --primary-nav--border-color: var(--global--color-primary);
    17645
    17746    /* Pagination */
    178     --pagination--color-text: var(--global--color-primary);
    179     --pagination--color-link-hover: var(--global--color-primary-hover);
    180     --pagination--font-family: var(--global--font-secondary);
    181     --pagination--font-size: var(--global--font-size-lg);
    182     --pagination--font-weight: normal;
    183     --pagination--font-weight-strong: 600;
    18447
    18548    /* Footer */
    186     --footer--color-text: var(--global--color-primary);
    187     --footer--color-link: var(--global--color-primary);
    188     --footer--color-link-hover: var(--global--color-primary-hover);
    189     --footer--font-family: var(--global--font-primary);
    190     --footer--font-size: var(--global--font-size-sm);
    19149
    19250    /* Block: Pull quote */
    193     --pullquote--font-family: var(--global--font-primary);
    194     --pullquote--font-size: var(--heading--font-size-h3);
    195     --pullquote--font-style: normal;
    196     --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    197     --pullquote--line-height: var(--global--line-height-heading);
    198     --pullquote--border-width: 3px;
    199     --pullquote--border-color: var(--global--color-primary);
    200     --pullquote--color-foreground: var(--global--color-primary);
    201     --pullquote--color-background: var(--global--color-background);
    202     --quote--font-family: var(--global--font-secondary);
    203     --quote--font-size: var(--global--font-size-md);
    204     --quote--font-size-large: var(--global--font-size-xl);
    205     --quote--font-style: normal;
    206     --quote--font-weight: 700;
    207     --quote--font-weight-strong: bolder;
    208     --quote--font-style-large: normal;
    209     --quote--font-style-cite: normal;
    210     --quote--line-height: var(--global--line-height-body);
    211     --quote--line-height-large: 1.35;
    212     --separator--border-color: var(--global--color-border);
    213     --separator--height: 1px;
    21451
    21552    /* Block: Table */
    216     --table--stripes-border-color: var(--global--color-light-gray);
    217     --table--stripes-background-color: var(--global--color-light-gray);
    218     --table--has-background-text-color: var(--global--color-dark-gray);
    21953
    22054    /* Widgets */
    221     --widget--line-height-list: 1.9;
    222     --widget--line-height-title: 1.4;
    223     --widget--font-weight-title: 700;
    224     --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
    22555
    22656    /* Admin-bar height */
    227     --global--admin-bar--height: 0;
    228 }
    229 
    230 .admin-bar {
    231     --global--admin-bar--height: 32px;
    232 }
    233 @media only screen and (max-width: 782px) {
    234 
    235     .admin-bar {
    236         --global--admin-bar--height: 46px;
    237     }
    238 }
    239 
    240 @media only screen and (min-width: 652px) {
    241 
    242     :root {
    243         --global--font-size-xl: 2.5rem;
    244         --global--font-size-xxl: 6rem;
    245         --global--font-size-xxxl: 9rem;
    246         --heading--font-size-h3: 2rem;
    247         --heading--font-size-h2: 3rem;
    248     }
    24957}
    25058
     
    26068 * Root Media Query Variables
    26169 */
    262 :root {
    263     --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    264     --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    265     --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    266     --responsive--alignfull-width: 100%;
    267     --responsive--alignright-margin: var(--global--spacing-horizontal);
    268     --responsive--alignleft-margin: var(--global--spacing-horizontal);
    269 }
    270 
    271 @media only screen and (min-width: 482px) {
    272 
    273     :root {
    274         --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
    275         --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    276         --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    277         --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    278     }
    279 }
    280 @media only screen and (min-width: 822px) {
    281 
    282     :root {
    283         --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
    284         --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    285     }
    286 }
    28770
    28871/**
     
    29073 */
    29174.default-max-width {
    292     max-width: var(--responsive--aligndefault-width);
     75    max-width: calc(100vw - 30px);
    29376    margin-left: auto;
    29477    margin-right: auto;
    29578}
     79@media only screen and (min-width: 482px) {
     80
     81    .default-max-width {
     82        max-width: min(calc(100vw - 100px), 610px);
     83    }
     84}
     85@media only screen and (min-width: 822px) {
     86
     87    .default-max-width {
     88        max-width: min(calc(100vw - 200px), 610px);
     89    }
     90}
    29691
    29792.wide-max-width {
    298     max-width: var(--responsive--alignwide-width);
     93    max-width: calc(100vw - 30px);
    29994    margin-left: auto;
    30095    margin-right: auto;
     
    30398@media only screen and (min-width: 482px) {
    30499
     100    .wide-max-width {
     101        max-width: calc(100vw - 100px);
     102    }
     103}
     104
     105@media only screen and (min-width: 822px) {
     106
     107    .wide-max-width {
     108        max-width: min(calc(100vw - 200px), 1240px);
     109    }
     110}
     111
     112@media only screen and (min-width: 482px) {
     113
    305114    .full-max-width {
    306         max-width: var(--responsive--alignfull-width);
     115        max-width: 100%;
    307116        width: auto;
    308117        margin-left: auto;
     
    314123    padding: 0;
    315124    position: relative;
    316     margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
     125    margin: 30px 0 30px 25px;
    317126}
    318127
    319128blockquote > * {
    320     margin-top: var(--global--spacing-unit);
    321     margin-bottom: var(--global--spacing-unit);
     129    margin-top: 20px;
     130    margin-bottom: 20px;
    322131}
    323132
     
    331140
    332141blockquote p {
    333     letter-spacing: var(--heading--letter-spacing-h4);
    334     font-family: var(--quote--font-family);
    335     font-size: var(--quote--font-size);
    336     font-style: var(--quote--font-style);
    337     font-weight: var(--quote--font-weight);
    338     line-height: var(--quote--line-height);
    339 }
    340 
    341 blockquote cite,
     142    letter-spacing: normal;
     143    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     144    font-size: 1.25rem;
     145    font-style: normal;
     146    font-weight: 700;
     147    line-height: 1.7;
     148}
     149
     150blockquote cite {
     151    font-weight: normal;
     152    color: #28303d;
     153    font-size: 1rem;
     154    letter-spacing: normal;
     155}
     156
    342157blockquote footer {
    343158    font-weight: normal;
    344     color: var(--global--color-primary);
    345     font-size: var(--global--font-size-xs);
    346     letter-spacing: var(--global--letter-spacing);
     159    color: #28303d;
     160    font-size: 1rem;
     161    letter-spacing: normal;
    347162}
    348163
     
    352167}
    353168
    354 blockquote.alignleft p,
    355 blockquote.alignright p {
    356     font-size: var(--heading--font-size-h5);
     169blockquote.alignleft p {
     170    font-size: 1.125rem;
    357171    max-width: inherit;
    358172    width: inherit;
    359173}
    360174
    361 blockquote.alignleft cite,
    362 blockquote.alignleft footer,
    363 blockquote.alignright cite,
     175blockquote.alignright p {
     176    font-size: 1.125rem;
     177    max-width: inherit;
     178    width: inherit;
     179}
     180
     181blockquote.alignleft cite {
     182    font-size: 1rem;
     183    letter-spacing: normal;
     184}
     185
     186blockquote.alignleft footer {
     187    font-size: 1rem;
     188    letter-spacing: normal;
     189}
     190
     191blockquote.alignright cite {
     192    font-size: 1rem;
     193    letter-spacing: normal;
     194}
     195
    364196blockquote.alignright footer {
    365     font-size: var(--global--font-size-xs);
    366     letter-spacing: var(--global--letter-spacing);
     197    font-size: 1rem;
     198    letter-spacing: normal;
    367199}
    368200
    369201blockquote strong {
    370     font-weight: var(--quote--font-weight-strong);
     202    font-weight: bolder;
    371203}
    372204
    373205blockquote:before {
    374206    content: "“";
    375     font-size: var(--quote--font-size);
    376     line-height: var(--quote--line-height);
    377 }
    378 
    379 blockquote .wp-block-quote__citation,
    380 blockquote cite,
     207    font-size: 1.25rem;
     208    line-height: 1.7;
     209}
     210
     211blockquote .wp-block-quote__citation {
     212    color: #28303d;
     213    font-size: 1rem;
     214    font-style: normal;
     215}
     216
     217blockquote cite {
     218    color: #28303d;
     219    font-size: 1rem;
     220    font-style: normal;
     221}
     222
    381223blockquote footer {
    382     color: var(--global--color-primary);
    383     font-size: var(--global--font-size-xs);
    384     font-style: var(--quote--font-style-cite);
     224    color: #28303d;
     225    font-size: 1rem;
     226    font-style: normal;
    385227}
    386228@media only screen and (max-width: 481px) {
    387229
    388230    blockquote {
    389         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     231        padding-left: 13px;
    390232    }
    391233
     
    415257
    416258/* Media captions */
    417 figcaption,
    418 .wp-caption,
     259figcaption {
     260    color: currentColor;
     261    font-size: 1rem;
     262    line-height: 1.7;
     263    margin-top: 10px;
     264    margin-bottom: 20px;
     265    text-align: center;
     266}
     267
     268.wp-caption {
     269    color: currentColor;
     270    font-size: 1rem;
     271    line-height: 1.7;
     272    margin-top: 10px;
     273    margin-bottom: 20px;
     274    text-align: center;
     275}
     276
    419277.wp-caption-text {
    420278    color: currentColor;
    421     font-size: var(--global--font-size-xs);
    422     line-height: var(--global--line-height-body);
    423     margin-top: calc(0.5 * var(--global--spacing-unit));
    424     margin-bottom: var(--global--spacing-unit);
     279    font-size: 1rem;
     280    line-height: 1.7;
     281    margin-top: 10px;
     282    margin-bottom: 20px;
    425283    text-align: center;
    426284}
     
    446304
    447305select {
    448     border: var(--form--border-width) solid var(--form--border-color);
    449     border-radius: var(--form--border-radius);
    450     color: var(--form--color-text);
    451     font-size: var(--form--font-size);
     306    border: 3px solid #39414d;
     307    border-radius: 0;
     308    color: #28303d;
     309    font-size: 1.125rem;
    452310    -moz-appearance: none;
    453311    -webkit-appearance: none;
    454312    appearance: none;
    455     padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
    456     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;
    457     background-position: right var(--form--spacing-unit) top 60%;
     313    padding: 10px 30px 10px 10px;
     314    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;
     315    background-position: right 10px top 60%;
    458316}
    459317
     
    465323a {
    466324    cursor: pointer;
    467     color: var(--wp--style--color--link, var(--global--color-primary));
     325    color: #28303d;
    468326    text-underline-offset: 3px;
    469327    text-decoration-skip-ink: all;
     
    482340}
    483341
    484 .is-dark-theme .site a:focus,
     342.is-dark-theme .site a:focus {
     343    color: #d1e4dd;
     344}
     345
    485346.is-dark-theme .site a:focus .meta-nav {
    486     color: var(--wp--style--color--link, var(--global--color-background));
     347    color: #d1e4dd;
    487348}
    488349
    489350.has-background-white .site a:focus {
    490351    background: rgba(0, 0, 0, 0.9);
    491     color: var(--wp--style--color--link, var(--global--color-white));
     352    color: #fff;
    492353}
    493354
    494355.has-background-white .site a:focus .meta-nav {
    495     color: var(--wp--style--color--link, var(--global--color-white));
     356    color: #fff;
    496357}
    497358
     
    509370
    510371.site a:focus img {
    511     outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    512 }
    513 
    514 .has-background:not(.has-background-background-color) .has-link-color a,
     372    outline: 2px dotted #28303d;
     373}
     374
     375.has-background:not(.has-background-background-color) .has-link-color a {
     376    color: #28303d;
     377}
     378
    515379.has-background:not(.has-background-background-color).has-link-color a {
    516     color: var(--wp--style--color--link, var(--global--color-primary));
     380    color: #28303d;
    517381}
    518382
    519383.wp-block-button__link {
    520     line-height: var(--button--line-height);
    521     color: var(--button--color-text);
     384    line-height: 1.5;
     385    color: #d1e4dd;
    522386    cursor: pointer;
    523     font-weight: var(--button--font-weight);
    524     font-family: var(--button--font-family);
    525     font-size: var(--button--font-size);
    526     background-color: var(--button--color-background);
    527     border-radius: var(--button--border-radius);
    528     border: var(--button--border-width) solid var(--button--color-background);
     387    font-weight: 500;
     388    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     389    font-size: 1.25rem;
     390    background-color: #39414d;
     391    border-radius: 0;
     392    border: 3px solid #39414d;
    529393    text-decoration: none;
    530     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     394    padding: 15px 30px;
    531395}
    532396
     
    540404
    541405.wp-block-button__link:before {
    542     margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
     406    margin-bottom: -calc(1em - 0);
    543407}
    544408
    545409.wp-block-button__link:after {
    546     margin-top: -calc(.5em * var(--button--line-height) + -.39);
     410    margin-top: -calc(1em - 0);
    547411}
    548412
     
    554418
    555419.is-dark-theme .wp-block-button__link:focus {
    556     color: var(--button--color-background);
     420    color: #39414d;
    557421}
    558422
    559423.wp-block-button__link:focus:not(.has-background) {
    560     color: var(--button--color-text-hover);
     424    color: #39414d;
    561425}
    562426
    563427.wp-block-button__link:disabled {
    564     background-color: var(--global--color-white-50);
    565     border-color: var(--global--color-white-50);
    566     color: var(--button--color-text-active);
     428    background-color: rgba(255, 255, 255, 0.5);
     429    border-color: rgba(255, 255, 255, 0.5);
     430    color: #39414d;
    567431}
    568432
     
    576440
    577441[data-block].wp-block-buttons .wp-block-button:first-child {
    578     margin-top: var(--global--spacing-vertical);
     442    margin-top: 30px;
    579443}
    580444
    581445[data-block].wp-block-buttons .wp-block-button:last-child {
    582     margin-bottom: var(--global--spacing-vertical);
     446    margin-bottom: 30px;
    583447}
    584448
    585449.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    586     color: var(--button--color-text-active) !important;
     450    color: #39414d !important;
    587451    background: transparent !important;
    588     border-color: var(--button--color-background);
     452    border-color: #39414d;
    589453}
    590454
    591455.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    592     color: var(--button--color-text-hover) !important;
     456    color: #39414d !important;
    593457    background: transparent !important;
    594     border-color: var(--button--color-background);
     458    border-color: #39414d;
    595459}
    596460
    597461.wp-block-button.is-style-outline .wp-block-button__link {
    598     color: var(--button--color-background);
     462    color: #39414d;
    599463    background: transparent;
    600     border: var(--button--border-width) solid currentColor;
    601     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
    602 }
    603 
    604 .wp-block-button.is-style-outline .wp-block-button__link:active,
     464    border: 3px solid currentColor;
     465    padding: 15px 30px;
     466}
     467
     468.wp-block-button.is-style-outline .wp-block-button__link:active {
     469    background-color: #39414d;
     470    color: #d1e4dd;
     471    border-color: #39414d;
     472}
     473
    605474.wp-block-button.is-style-outline .wp-block-button__link:hover {
    606     background-color: var(--button--color-background);
    607     color: var(--button--color-text);
    608     border-color: var(--button--color-background);
     475    background-color: #39414d;
     476    color: #d1e4dd;
     477    border-color: #39414d;
    609478}
    610479
    611480.wp-block-button.is-style-outline .wp-block-button__link.has-background {
    612     border-color: var(--button--color-background);
    613 }
    614 
    615 .wp-block-button.is-style-outline .wp-block-button__link.has-background:active,
     481    border-color: #39414d;
     482}
     483
     484.wp-block-button.is-style-outline .wp-block-button__link.has-background:active {
     485    background-color: #39414d !important;
     486}
     487
    616488.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover {
    617     background-color: var(--button--color-background) !important;
     489    background-color: #39414d !important;
    618490}
    619491
    620492.wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) {
    621     color: var(--global--color-dark-gray);
    622 }
    623 
    624 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color),
    625 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color),
     493    color: #28303d;
     494}
     495
     496.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) {
     497    color: #fff;
     498}
     499
     500.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) {
     501    color: #fff;
     502}
     503
    626504.wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) {
    627     color: var(--global--color-white);
    628 }
    629 
    630 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color,
    631 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color,
    632 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color,
    633 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color,
    634 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color,
    635 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color,
     505    color: #fff;
     506}
     507
     508.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-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-green-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-blue-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-purple-background-color {
     521    color: #28303d;
     522}
     523
     524.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color {
     525    color: #28303d;
     526}
     527
     528.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color {
     529    color: #28303d;
     530}
     531
    636532.is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color {
    637     color: var(--global--color-dark-gray);
     533    color: #28303d;
    638534}
    639535
     
    642538}
    643539
    644 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active,
     540.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active {
     541    color: #d1e4dd !important;
     542    border-color: #39414d;
     543}
     544
    645545.wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover {
    646     color: var(--button--color-text) !important;
    647     border-color: var(--button--color-background);
     546    color: #d1e4dd !important;
     547    border-color: #39414d;
    648548}
    649549
     
    658558
    659559.wp-block-code code {
    660     font-size: var(--global--font-size-xs);
     560    font-size: 1rem;
    661561    white-space: pre !important;
    662562    overflow-x: auto;
     
    664564
    665565.wp-block-code {
    666     border-color: var(--global--color-border);
     566    border-color: #28303d;
    667567    border-radius: 0;
    668568    border-style: solid;
    669569    border-width: 0.1rem;
    670     padding: var(--global--spacing-unit);
     570    padding: 20px;
    671571    color: currentColor;
    672572}
    673573
    674 .wp-block-cover,
     574.wp-block-cover {
     575    background-color: #000;
     576    min-height: 450px;
     577    margin-top: inherit;
     578    margin-bottom: inherit;
     579}
     580
    675581.wp-block-cover-image {
    676     background-color: var(--cover--color-background);
    677     min-height: var(--cover--height);
     582    background-color: #000;
     583    min-height: 450px;
    678584    margin-top: inherit;
    679585    margin-bottom: inherit;
     
    713619}
    714620
    715 .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
    716 .wp-block-cover .wp-block-cover-image-text .has-link-color a,
    717 .wp-block-cover .wp-block-cover-text .has-link-color a,
    718 .wp-block-cover .block-editor-block-list__block .has-link-color a,
    719 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
    720 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
    721 .wp-block-cover-image .wp-block-cover-text .has-link-color a,
     621.wp-block-cover .wp-block-cover__inner-container .has-link-color a {
     622    color: #28303d;
     623}
     624
     625.wp-block-cover .wp-block-cover-image-text .has-link-color a {
     626    color: #28303d;
     627}
     628
     629.wp-block-cover .wp-block-cover-text .has-link-color a {
     630    color: #28303d;
     631}
     632
     633.wp-block-cover .block-editor-block-list__block .has-link-color a {
     634    color: #28303d;
     635}
     636
     637.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a {
     638    color: #28303d;
     639}
     640
     641.wp-block-cover-image .wp-block-cover-image-text .has-link-color a {
     642    color: #28303d;
     643}
     644
     645.wp-block-cover-image .wp-block-cover-text .has-link-color a {
     646    color: #28303d;
     647}
     648
    722649.wp-block-cover-image .block-editor-block-list__block .has-link-color a {
    723     color: var(--wp--style--color--link, var(--global--color-primary));
    724 }
    725 
    726 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
    727 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
    728 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
    729 .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
    730 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
    731 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
    732 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
     650    color: #28303d;
     651}
     652
     653.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container {
     654    color: #fff;
     655}
     656
     657.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text {
     658    color: #fff;
     659}
     660
     661.wp-block-cover:not([class*=background-color]) .wp-block-cover-text {
     662    color: #fff;
     663}
     664
     665.wp-block-cover:not([class*=background-color]) .block-editor-block-list__block {
     666    color: #fff;
     667}
     668
     669.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container {
     670    color: #fff;
     671}
     672
     673.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text {
     674    color: #fff;
     675}
     676
     677.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
     678    color: #fff;
     679}
     680
    733681.wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
    734     color: var(--cover--color-foreground);
    735 }
    736 
    737 .wp-block-cover h2,
    738 .wp-block-cover-image h2 {
    739     font-size: var(--heading--font-size-h2);
    740     letter-spacing: var(--heading--letter-spacing-h2);
    741     line-height: var(--heading--line-height-h2);
     682    color: #fff;
     683}
     684
     685.wp-block-cover h2 {
     686    font-size: 2.25rem;
     687    letter-spacing: normal;
     688    line-height: 1.3;
    742689    padding: 0;
    743690    max-width: inherit;
    744691    text-align: inherit;
    745692}
     693@media only screen and (min-width: 652px) {
     694
     695    .wp-block-cover h2 {
     696        font-size: 3rem;
     697    }
     698}
     699@media only screen and (min-width: 652px) {
     700
     701    .wp-block-cover h2 {
     702        font-size: 3rem;
     703    }
     704}
     705
     706.wp-block-cover-image h2 {
     707    font-size: 2.25rem;
     708    letter-spacing: normal;
     709    line-height: 1.3;
     710    padding: 0;
     711    max-width: inherit;
     712    text-align: inherit;
     713}
     714@media only screen and (min-width: 652px) {
     715
     716    .wp-block-cover-image h2 {
     717        font-size: 3rem;
     718    }
     719}
     720@media only screen and (min-width: 652px) {
     721
     722    .wp-block-cover-image h2 {
     723        font-size: 3rem;
     724    }
     725}
    746726
    747727.wp-block-cover h2.has-text-align-left,
     
    760740}
    761741
    762 .wp-block-cover.is-style-twentytwentyone-border,
     742.wp-block-cover.is-style-twentytwentyone-border {
     743    border: 3px solid #28303d;
     744}
     745
    763746.wp-block-cover-image.is-style-twentytwentyone-border {
    764     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     747    border: 3px solid #28303d;
    765748}
    766749
     
    776759
    777760    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
    778         margin-left: calc(-2 * var(--global--spacing-horizontal));
    779         margin-top: calc(2.5 * var(--global--spacing-horizontal));
     761        margin-left: -50px;
     762        margin-top: 63px;
    780763        z-index: 2;
    781764    }
    782765
    783     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
    784     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
    785     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
    786     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
    787     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
    788     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
    789     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
    790     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
    791     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
     766    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) {
     767        background-color: #d1e4dd;
     768        padding: 20px;
     769    }
     770
     771    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) {
     772        background-color: #d1e4dd;
     773        padding: 20px;
     774    }
     775
     776    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) {
     777        background-color: #d1e4dd;
     778        padding: 20px;
     779    }
     780
     781    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) {
     782        background-color: #d1e4dd;
     783        padding: 20px;
     784    }
     785
     786    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) {
     787        background-color: #d1e4dd;
     788        padding: 20px;
     789    }
     790
     791    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) {
     792        background-color: #d1e4dd;
     793        padding: 20px;
     794    }
     795
     796    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) {
     797        background-color: #d1e4dd;
     798        padding: 20px;
     799    }
     800
     801    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     802        background-color: #d1e4dd;
     803        padding: 20px;
     804    }
     805
     806    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
     807        background-color: #d1e4dd;
     808        padding: 20px;
     809    }
     810
    792811    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
    793         background-color: var(--global--color-background);
    794         padding: var(--global--spacing-unit);
    795     }
    796 
    797     .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
     812        background-color: #d1e4dd;
     813        padding: 20px;
     814    }
     815
     816    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) {
     817        padding-left: 50px;
     818    }
     819
    798820    .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
    799         padding-left: calc(2 * var(--global--spacing-horizontal));
     821        padding-left: 50px;
    800822    }
    801823
     
    805827}
    806828
    807 .wp-block[data-align=full] .wp-block-columns p:not(.has-background),
    808 .wp-block[data-align=full] .wp-block-columns h1:not(.has-background),
    809 .wp-block[data-align=full] .wp-block-columns h2:not(.has-background),
    810 .wp-block[data-align=full] .wp-block-columns h3:not(.has-background),
    811 .wp-block[data-align=full] .wp-block-columns h4:not(.has-background),
    812 .wp-block[data-align=full] .wp-block-columns h5:not(.has-background),
     829.wp-block[data-align=full] .wp-block-columns p:not(.has-background) {
     830    padding-left: 20px;
     831    padding-right: 20px;
     832}
     833
     834.wp-block[data-align=full] .wp-block-columns h1:not(.has-background) {
     835    padding-left: 20px;
     836    padding-right: 20px;
     837}
     838
     839.wp-block[data-align=full] .wp-block-columns h2:not(.has-background) {
     840    padding-left: 20px;
     841    padding-right: 20px;
     842}
     843
     844.wp-block[data-align=full] .wp-block-columns h3:not(.has-background) {
     845    padding-left: 20px;
     846    padding-right: 20px;
     847}
     848
     849.wp-block[data-align=full] .wp-block-columns h4:not(.has-background) {
     850    padding-left: 20px;
     851    padding-right: 20px;
     852}
     853
     854.wp-block[data-align=full] .wp-block-columns h5:not(.has-background) {
     855    padding-left: 20px;
     856    padding-right: 20px;
     857}
     858
    813859.wp-block[data-align=full] .wp-block-columns h6:not(.has-background) {
    814     padding-left: var(--global--spacing-unit);
    815     padding-right: var(--global--spacing-unit);
     860    padding-left: 20px;
     861    padding-right: 20px;
    816862}
    817863
     
    828874
    829875.wp-block-file .wp-block-file__button {
    830     line-height: var(--button--line-height);
    831     color: var(--button--color-text);
     876    line-height: 1.5;
     877    color: #d1e4dd;
    832878    cursor: pointer;
    833     font-weight: var(--button--font-weight);
    834     font-family: var(--button--font-family);
    835     font-size: var(--button--font-size);
    836     background-color: var(--button--color-background);
    837     border-radius: var(--button--border-radius);
    838     border: var(--button--border-width) solid var(--button--color-background);
     879    font-weight: 500;
     880    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     881    font-size: 1.25rem;
     882    background-color: #39414d;
     883    border-radius: 0;
     884    border: 3px solid #39414d;
    839885    text-decoration: none;
    840     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     886    padding: 15px 30px;
    841887    display: inline-block;
    842888}
     
    851897
    852898.wp-block-file .wp-block-file__button:before {
    853     margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
     899    margin-bottom: -calc(1em - 0);
    854900}
    855901
    856902.wp-block-file .wp-block-file__button:after {
    857     margin-top: -calc(.5em * var(--button--line-height) + -.39);
     903    margin-top: -calc(1em - 0);
    858904}
    859905
     
    865911
    866912.is-dark-theme .wp-block-file .wp-block-file__button:focus {
    867     color: var(--button--color-background);
     913    color: #39414d;
    868914}
    869915
    870916.wp-block-file .wp-block-file__button:focus:not(.has-background) {
    871     color: var(--button--color-text-hover);
     917    color: #39414d;
    872918}
    873919
    874920.wp-block-file .wp-block-file__button:disabled {
    875     background-color: var(--global--color-white-50);
    876     border-color: var(--global--color-white-50);
    877     color: var(--button--color-text-active);
     921    background-color: rgba(255, 255, 255, 0.5);
     922    border-color: rgba(255, 255, 255, 0.5);
     923    color: #39414d;
    878924}
    879925
    880926.wp-block-file .wp-block-file__button:hover {
    881     color: var(--button--color-text-hover);
     927    color: #39414d;
    882928    background: transparent;
    883929}
     
    888934
    889935.wp-block-gallery figcaption a {
    890     color: var(--global--color-white);
     936    color: #fff;
    891937}
    892938
     
    905951
    906952.wp-block-group.has-background {
    907     padding: var(--global--spacing-vertical);
     953    padding: 30px;
    908954}
    909955
     
    914960
    915961.wp-block-group.is-style-twentytwentyone-border {
    916     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
    917     padding: var(--global--spacing-vertical);
     962    border: 3px solid #28303d;
     963    padding: 30px;
    918964}
    919965
    920966.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
    921     max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
    922     width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));
    923     margin-left: calc(-1 * var(--global--spacing-vertical));
     967    max-width: calc(100% + 60px);
     968    width: calc(100% + 60px);
     969    margin-left: -30px;
    924970}
    925971
     
    933979}
    934980
    935 .wp-block-heading h1,
    936 h1,
    937 .h1,
    938 .wp-block-heading h2,
    939 h2,
    940 .h2,
    941 .wp-block-heading h3,
    942 h3,
    943 .h3,
    944 .wp-block-heading h4,
    945 h4,
    946 .h4,
    947 .wp-block-heading h5,
    948 h5,
    949 .h5,
    950 .wp-block-heading h6,
    951 h6,
     981.wp-block-heading h1 {
     982    clear: both;
     983    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     984    font-weight: normal;
     985}
     986
     987h1 {
     988    clear: both;
     989    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     990    font-weight: normal;
     991}
     992
     993.h1 {
     994    clear: both;
     995    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     996    font-weight: normal;
     997}
     998
     999.wp-block-heading h2 {
     1000    clear: both;
     1001    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1002    font-weight: normal;
     1003}
     1004
     1005h2 {
     1006    clear: both;
     1007    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1008    font-weight: normal;
     1009}
     1010
     1011.h2 {
     1012    clear: both;
     1013    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1014    font-weight: normal;
     1015}
     1016
     1017.wp-block-heading h3 {
     1018    clear: both;
     1019    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1020    font-weight: normal;
     1021}
     1022
     1023h3 {
     1024    clear: both;
     1025    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1026    font-weight: normal;
     1027}
     1028
     1029.h3 {
     1030    clear: both;
     1031    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1032    font-weight: normal;
     1033}
     1034
     1035.wp-block-heading h4 {
     1036    clear: both;
     1037    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1038    font-weight: normal;
     1039}
     1040
     1041h4 {
     1042    clear: both;
     1043    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1044    font-weight: normal;
     1045}
     1046
     1047.h4 {
     1048    clear: both;
     1049    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1050    font-weight: normal;
     1051}
     1052
     1053.wp-block-heading h5 {
     1054    clear: both;
     1055    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1056    font-weight: normal;
     1057}
     1058
     1059h5 {
     1060    clear: both;
     1061    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1062    font-weight: normal;
     1063}
     1064
     1065.h5 {
     1066    clear: both;
     1067    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1068    font-weight: normal;
     1069}
     1070
     1071.wp-block-heading h6 {
     1072    clear: both;
     1073    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1074    font-weight: normal;
     1075}
     1076
     1077h6 {
     1078    clear: both;
     1079    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1080    font-weight: normal;
     1081}
     1082
    9521083.h6 {
    9531084    clear: both;
    954     font-family: var(--heading--font-family);
    955     font-weight: var(--heading--font-weight);
    956 }
    957 
    958 .wp-block-heading h1 strong,
    959 h1 strong,
    960 .h1 strong,
    961 .wp-block-heading h2 strong,
    962 h2 strong,
    963 .h2 strong,
    964 .wp-block-heading h3 strong,
    965 h3 strong,
    966 .h3 strong,
    967 .wp-block-heading h4 strong,
    968 h4 strong,
    969 .h4 strong,
    970 .wp-block-heading h5 strong,
    971 h5 strong,
    972 .h5 strong,
    973 .wp-block-heading h6 strong,
    974 h6 strong,
     1085    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1086    font-weight: normal;
     1087}
     1088
     1089.wp-block-heading h1 strong {
     1090    font-weight: 600;
     1091}
     1092
     1093h1 strong {
     1094    font-weight: 600;
     1095}
     1096
     1097.h1 strong {
     1098    font-weight: 600;
     1099}
     1100
     1101.wp-block-heading h2 strong {
     1102    font-weight: 600;
     1103}
     1104
     1105h2 strong {
     1106    font-weight: 600;
     1107}
     1108
     1109.h2 strong {
     1110    font-weight: 600;
     1111}
     1112
     1113.wp-block-heading h3 strong {
     1114    font-weight: 600;
     1115}
     1116
     1117h3 strong {
     1118    font-weight: 600;
     1119}
     1120
     1121.h3 strong {
     1122    font-weight: 600;
     1123}
     1124
     1125.wp-block-heading h4 strong {
     1126    font-weight: 600;
     1127}
     1128
     1129h4 strong {
     1130    font-weight: 600;
     1131}
     1132
     1133.h4 strong {
     1134    font-weight: 600;
     1135}
     1136
     1137.wp-block-heading h5 strong {
     1138    font-weight: 600;
     1139}
     1140
     1141h5 strong {
     1142    font-weight: 600;
     1143}
     1144
     1145.h5 strong {
     1146    font-weight: 600;
     1147}
     1148
     1149.wp-block-heading h6 strong {
     1150    font-weight: 600;
     1151}
     1152
     1153h6 strong {
     1154    font-weight: 600;
     1155}
     1156
    9751157.h6 strong {
    976     font-weight: var(--heading--font-weight-strong);
    977 }
    978 
    979 .wp-block-heading h1[style*="--wp--typography--line-height"],
    980 h1[style*="--wp--typography--line-height"],
    981 .h1[style*="--wp--typography--line-height"],
    982 .wp-block-heading h2[style*="--wp--typography--line-height"],
    983 h2[style*="--wp--typography--line-height"],
    984 .h2[style*="--wp--typography--line-height"],
    985 .wp-block-heading h3[style*="--wp--typography--line-height"],
    986 h3[style*="--wp--typography--line-height"],
    987 .h3[style*="--wp--typography--line-height"],
    988 .wp-block-heading h4[style*="--wp--typography--line-height"],
    989 h4[style*="--wp--typography--line-height"],
    990 .h4[style*="--wp--typography--line-height"],
    991 .wp-block-heading h5[style*="--wp--typography--line-height"],
    992 h5[style*="--wp--typography--line-height"],
    993 .h5[style*="--wp--typography--line-height"],
    994 .wp-block-heading h6[style*="--wp--typography--line-height"],
    995 h6[style*="--wp--typography--line-height"],
     1158    font-weight: 600;
     1159}
     1160
     1161.wp-block-heading h1[style*="--wp--typography--line-height"] {
     1162    line-height: --global--line-height-body;
     1163}
     1164
     1165h1[style*="--wp--typography--line-height"] {
     1166    line-height: --global--line-height-body;
     1167}
     1168
     1169.h1[style*="--wp--typography--line-height"] {
     1170    line-height: --global--line-height-body;
     1171}
     1172
     1173.wp-block-heading h2[style*="--wp--typography--line-height"] {
     1174    line-height: --global--line-height-body;
     1175}
     1176
     1177h2[style*="--wp--typography--line-height"] {
     1178    line-height: --global--line-height-body;
     1179}
     1180
     1181.h2[style*="--wp--typography--line-height"] {
     1182    line-height: --global--line-height-body;
     1183}
     1184
     1185.wp-block-heading h3[style*="--wp--typography--line-height"] {
     1186    line-height: --global--line-height-body;
     1187}
     1188
     1189h3[style*="--wp--typography--line-height"] {
     1190    line-height: --global--line-height-body;
     1191}
     1192
     1193.h3[style*="--wp--typography--line-height"] {
     1194    line-height: --global--line-height-body;
     1195}
     1196
     1197.wp-block-heading h4[style*="--wp--typography--line-height"] {
     1198    line-height: --global--line-height-body;
     1199}
     1200
     1201h4[style*="--wp--typography--line-height"] {
     1202    line-height: --global--line-height-body;
     1203}
     1204
     1205.h4[style*="--wp--typography--line-height"] {
     1206    line-height: --global--line-height-body;
     1207}
     1208
     1209.wp-block-heading h5[style*="--wp--typography--line-height"] {
     1210    line-height: --global--line-height-body;
     1211}
     1212
     1213h5[style*="--wp--typography--line-height"] {
     1214    line-height: --global--line-height-body;
     1215}
     1216
     1217.h5[style*="--wp--typography--line-height"] {
     1218    line-height: --global--line-height-body;
     1219}
     1220
     1221.wp-block-heading h6[style*="--wp--typography--line-height"] {
     1222    line-height: --global--line-height-body;
     1223}
     1224
     1225h6[style*="--wp--typography--line-height"] {
     1226    line-height: --global--line-height-body;
     1227}
     1228
    9961229.h6[style*="--wp--typography--line-height"] {
    997     line-height: var(--wp--typography--line-height, --global--line-height-body);
    998 }
    999 
    1000 .wp-block-heading h1,
    1001 h1,
     1230    line-height: --global--line-height-body;
     1231}
     1232
     1233.wp-block-heading h1 {
     1234    font-size: 4rem;
     1235    letter-spacing: normal;
     1236    line-height: 1.1;
     1237}
     1238
     1239@media only screen and (min-width: 652px) {
     1240
     1241    .wp-block-heading h1 {
     1242        font-size: 6rem;
     1243    }
     1244}
     1245
     1246h1 {
     1247    font-size: 4rem;
     1248    letter-spacing: normal;
     1249    line-height: 1.1;
     1250}
     1251
     1252@media only screen and (min-width: 652px) {
     1253
     1254    h1 {
     1255        font-size: 6rem;
     1256    }
     1257}
     1258
    10021259.h1 {
    1003     font-size: var(--heading--font-size-h1);
    1004     letter-spacing: var(--heading--letter-spacing-h1);
    1005     line-height: var(--heading--line-height-h1);
    1006 }
    1007 
    1008 .wp-block-heading h2,
    1009 h2,
     1260    font-size: 4rem;
     1261    letter-spacing: normal;
     1262    line-height: 1.1;
     1263}
     1264
     1265@media only screen and (min-width: 652px) {
     1266
     1267    .h1 {
     1268        font-size: 6rem;
     1269    }
     1270}
     1271
     1272.wp-block-heading h2 {
     1273    font-size: 2.25rem;
     1274    letter-spacing: normal;
     1275    line-height: 1.3;
     1276}
     1277
     1278@media only screen and (min-width: 652px) {
     1279
     1280    .wp-block-heading h2 {
     1281        font-size: 3rem;
     1282    }
     1283}
     1284
     1285@media only screen and (min-width: 652px) {
     1286
     1287    .wp-block-heading h2 {
     1288        font-size: 3rem;
     1289    }
     1290}
     1291
     1292h2 {
     1293    font-size: 2.25rem;
     1294    letter-spacing: normal;
     1295    line-height: 1.3;
     1296}
     1297
     1298@media only screen and (min-width: 652px) {
     1299
     1300    h2 {
     1301        font-size: 3rem;
     1302    }
     1303}
     1304
     1305@media only screen and (min-width: 652px) {
     1306
     1307    h2 {
     1308        font-size: 3rem;
     1309    }
     1310}
     1311
    10101312.h2 {
    1011     font-size: var(--heading--font-size-h2);
    1012     letter-spacing: var(--heading--letter-spacing-h2);
    1013     line-height: var(--heading--line-height-h2);
    1014 }
    1015 
    1016 .wp-block-heading h3,
    1017 h3,
     1313    font-size: 2.25rem;
     1314    letter-spacing: normal;
     1315    line-height: 1.3;
     1316}
     1317
     1318@media only screen and (min-width: 652px) {
     1319
     1320    .h2 {
     1321        font-size: 3rem;
     1322    }
     1323}
     1324
     1325@media only screen and (min-width: 652px) {
     1326
     1327    .h2 {
     1328        font-size: 3rem;
     1329    }
     1330}
     1331
     1332.wp-block-heading h3 {
     1333    font-size: 2rem;
     1334    letter-spacing: normal;
     1335    line-height: 1.3;
     1336}
     1337
     1338@media only screen and (min-width: 652px) {
     1339
     1340    .wp-block-heading h3 {
     1341        font-size: 2rem;
     1342    }
     1343}
     1344
     1345h3 {
     1346    font-size: 2rem;
     1347    letter-spacing: normal;
     1348    line-height: 1.3;
     1349}
     1350
     1351@media only screen and (min-width: 652px) {
     1352
     1353    h3 {
     1354        font-size: 2rem;
     1355    }
     1356}
     1357
    10181358.h3 {
    1019     font-size: var(--heading--font-size-h3);
    1020     letter-spacing: var(--heading--letter-spacing-h3);
    1021     line-height: var(--heading--line-height-h3);
    1022 }
    1023 
    1024 .wp-block-heading h4,
    1025 h4,
     1359    font-size: 2rem;
     1360    letter-spacing: normal;
     1361    line-height: 1.3;
     1362}
     1363
     1364@media only screen and (min-width: 652px) {
     1365
     1366    .h3 {
     1367        font-size: 2rem;
     1368    }
     1369}
     1370
     1371.wp-block-heading h4 {
     1372    font-size: 1.5rem;
     1373    font-weight: 600;
     1374    letter-spacing: normal;
     1375    line-height: 1.3;
     1376}
     1377
     1378h4 {
     1379    font-size: 1.5rem;
     1380    font-weight: 600;
     1381    letter-spacing: normal;
     1382    line-height: 1.3;
     1383}
     1384
    10261385.h4 {
    1027     font-size: var(--heading--font-size-h4);
    1028     font-weight: var(--heading--font-weight-strong);
    1029     letter-spacing: var(--heading--letter-spacing-h4);
    1030     line-height: var(--heading--line-height-h4);
    1031 }
    1032 
    1033 .wp-block-heading h5,
    1034 h5,
     1386    font-size: 1.5rem;
     1387    font-weight: 600;
     1388    letter-spacing: normal;
     1389    line-height: 1.3;
     1390}
     1391
     1392.wp-block-heading h5 {
     1393    font-size: 1.125rem;
     1394    font-weight: 600;
     1395    letter-spacing: 0.05em;
     1396    line-height: 1.3;
     1397}
     1398
     1399h5 {
     1400    font-size: 1.125rem;
     1401    font-weight: 600;
     1402    letter-spacing: 0.05em;
     1403    line-height: 1.3;
     1404}
     1405
    10351406.h5 {
    1036     font-size: var(--heading--font-size-h5);
    1037     font-weight: var(--heading--font-weight-strong);
    1038     letter-spacing: var(--heading--letter-spacing-h5);
    1039     line-height: var(--heading--line-height-h5);
    1040 }
    1041 
    1042 .wp-block-heading h6,
    1043 h6,
     1407    font-size: 1.125rem;
     1408    font-weight: 600;
     1409    letter-spacing: 0.05em;
     1410    line-height: 1.3;
     1411}
     1412
     1413.wp-block-heading h6 {
     1414    font-size: 1rem;
     1415    font-weight: 600;
     1416    letter-spacing: 0.05em;
     1417    line-height: 1.3;
     1418}
     1419
     1420h6 {
     1421    font-size: 1rem;
     1422    font-weight: 600;
     1423    letter-spacing: 0.05em;
     1424    line-height: 1.3;
     1425}
     1426
    10441427.h6 {
    1045     font-size: var(--heading--font-size-h6);
    1046     font-weight: var(--heading--font-weight-strong);
    1047     letter-spacing: var(--heading--letter-spacing-h6);
    1048     line-height: var(--heading--line-height-h6);
     1428    font-size: 1rem;
     1429    font-weight: 600;
     1430    letter-spacing: 0.05em;
     1431    line-height: 1.3;
    10491432}
    10501433
    10511434[data-type="core/html"] textarea {
    1052     color: var(--global--color-dark-gray);
     1435    color: #28303d;
    10531436    border-radius: 0;
    1054     padding: var(--global--spacing-unit);
     1437    padding: 20px;
    10551438}
    10561439
     
    10651448
    10661449/* Block Styles */
    1067 .wp-block-image.is-style-twentytwentyone-border img,
     1450.wp-block-image.is-style-twentytwentyone-border img {
     1451    border: 3px solid #28303d;
     1452}
     1453
    10681454.wp-block-image.is-style-twentytwentyone-image-frame img {
    1069     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     1455    border: 3px solid #28303d;
    10701456}
    10711457
    10721458.wp-block-image.is-style-twentytwentyone-image-frame img {
    1073     padding: var(--global--spacing-unit);
     1459    padding: 20px;
    10741460}
    10751461
     
    10831469
    10841470.wp-block-latest-posts:not(.is-grid) > li {
    1085     margin-top: calc(1.666 * var(--global--spacing-vertical));
    1086     margin-bottom: calc(1.666 * var(--global--spacing-vertical));
     1471    margin-top: 50px;
     1472    margin-bottom: 50px;
    10871473}
    10881474
     
    11011487
    11021488.wp-block-latest-posts.is-grid > li {
    1103     margin-bottom: var(--global--spacing-vertical);
     1489    margin-bottom: 30px;
    11041490}
    11051491
     
    11091495
    11101496.wp-block-latest-posts > li > * {
    1111     margin-top: calc(0.333 * var(--global--spacing-vertical));
    1112     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     1497    margin-top: 10px;
     1498    margin-bottom: 10px;
    11131499}
    11141500
     
    11231509.wp-block-latest-posts > li > a {
    11241510    display: inline-block;
    1125     font-family: var(--latest-posts--title-font-family);
    1126     font-size: var(--latest-posts--title-font-size);
    1127     font-weight: var(--heading--font-weight);
    1128     line-height: var(--global--line-height-heading);
    1129     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     1511    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1512    font-size: 2rem;
     1513    font-weight: normal;
     1514    line-height: 1.3;
     1515    margin-bottom: 10px;
     1516}
     1517@media only screen and (min-width: 652px) {
     1518
     1519    .wp-block-latest-posts > li > a {
     1520        font-size: 2rem;
     1521    }
    11301522}
    11311523
    11321524.wp-block-latest-posts .wp-block-latest-posts__post-author {
    1133     color: var(--global--color-primary);
    1134     font-size: var(--global--font-size-md);
    1135     line-height: var(--global--line-height-body);
     1525    color: #28303d;
     1526    font-size: 1.25rem;
     1527    line-height: 1.7;
    11361528}
    11371529
    11381530.wp-block-latest-posts .wp-block-latest-posts__post-date {
    1139     color: var(--global--color-primary);
    1140     font-size: var(--global--font-size-xs);
    1141     line-height: var(--global--line-height-body);
     1531    color: #28303d;
     1532    font-size: 1rem;
     1533    line-height: 1.7;
    11421534}
    11431535
     
    11471539}
    11481540
    1149 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
     1541.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
     1542    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1543    font-size: 1.125rem;
     1544    line-height: 1.7;
     1545    margin-top: 20px;
     1546}
     1547
    11501548.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
    1151     font-family: var(--latest-posts--description-font-family);
    1152     font-size: var(--latest-posts--description-font-size);
    1153     line-height: var(--global--line-height-body);
    1154     margin-top: calc(0.666 * var(--global--spacing-vertical));
     1549    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1550    font-size: 1.125rem;
     1551    line-height: 1.7;
     1552    margin-top: 20px;
    11551553}
    11561554
    11571555.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
    1158     border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
    1159     border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
    1160 }
    1161 
    1162 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
     1556    border-top: 3px solid #28303d;
     1557    border-bottom: 3px solid #28303d;
     1558}
     1559
     1560.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li {
     1561    padding-bottom: 30px;
     1562    border-bottom: 1px solid #28303d;
     1563    margin-top: 30px;
     1564    margin-bottom: 30px;
     1565}
     1566
    11631567.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
    1164     padding-bottom: var(--global--spacing-vertical);
    1165     border-bottom: var(--separator--height) solid var(--global--color-border);
    1166     margin-top: var(--global--spacing-vertical);
    1167     margin-bottom: var(--global--spacing-vertical);
     1568    padding-bottom: 30px;
     1569    border-bottom: 1px solid #28303d;
     1570    margin-top: 30px;
     1571    margin-bottom: 30px;
    11681572}
    11691573
     
    11751579
    11761580.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
    1177     box-shadow: inset 0 -1px 0 0 var(--global--color-border);
    1178     border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
     1581    box-shadow: inset 0 -1px 0 0 #28303d;
     1582    border-bottom: 2px solid #28303d;
    11791583}
    11801584
    11811585.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
    11821586    margin: 0;
    1183     padding-top: var(--global--spacing-vertical);
    1184     padding-right: var(--global--spacing-horizontal);
     1587    padding-top: 30px;
     1588    padding-right: 25px;
    11851589}
    11861590
    11871591.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
    1188     padding-bottom: var(--global--spacing-vertical);
     1592    padding-bottom: 30px;
    11891593}
    11901594@media screen and (min-width: 600px) {
    11911595
    11921596    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
    1193         width: calc((100% / 2));
     1597        width: 50%;
    11941598    }
    11951599
    11961600    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
    1197         width: calc((100% / 3));
     1601        width: 33%;
    11981602    }
    11991603
    12001604    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
    1201         width: calc((100% / 4));
     1605        width: 25%;
    12021606    }
    12031607
    12041608    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
    1205         width: calc((100% / 5));
     1609        width: 20%;
    12061610    }
    12071611
    12081612    .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
    1209         width: calc((100% / 6));
     1613        width: 17%;
    12101614    }
    12111615}
    12121616
    12131617.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
    1214     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
    1215     padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1618    border: 3px solid #28303d;
     1619    padding: 30px 25px;
    12161620}
    12171621
    12181622.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
    1219     padding-bottom: var(--global--spacing-vertical);
    1220     margin-bottom: var(--global--spacing-vertical);
     1623    padding-bottom: 30px;
     1624    margin-bottom: 30px;
    12211625}
    12221626
    12231627.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
    1224     margin-top: var(--global--spacing-horizontal);
    1225     margin-bottom: var(--global--spacing-horizontal);
     1628    margin-top: 25px;
     1629    margin-bottom: 25px;
    12261630}
    12271631
     
    12691673}
    12701674
    1271 ul,
     1675ul {
     1676    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1677    margin: 30px 0;
     1678    padding-left: 50px;
     1679}
     1680
    12721681ol {
    1273     font-family: var(--list--font-family);
    1274     margin: var(--global--spacing-vertical) 0;
    1275     padding-left: calc(2 * var(--global--spacing-horizontal));
     1682    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1683    margin: 30px 0;
     1684    padding-left: 50px;
    12761685}
    12771686
     
    12961705
    12971706dt {
    1298     font-family: var(--definition-term--font-family);
     1707    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    12991708    font-weight: bold;
    13001709}
     
    13061715
    13071716.wp-block-media-text .wp-block-media-text__content {
    1308     padding: var(--global--spacing-horizontal);
     1717    padding: 25px;
    13091718}
    13101719
     
    13181727
    13191728.wp-block-media-text.is-style-twentytwentyone-border {
    1320     border: calc(3 * var(--separator--height)) solid var(--global--color-border);
     1729    border: 3px solid #28303d;
    13211730}
    13221731
    13231732.wp-block-navigation .wp-block-navigation__container {
    1324     background: var(--global--color-background);
     1733    background: #d1e4dd;
    13251734    padding: 0;
    13261735}
    13271736
    13281737.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
    1329     padding: var(--primary-nav--padding);
     1738    padding: 13px;
    13301739}
    13311740
    13321741.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
    1333     font-family: var(--primary-nav--font-family);
    1334     font-size: var(--primary-nav--font-size);
    1335     font-weight: var(--primary-nav--font-weight);
     1742    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1743    font-size: 1.25rem;
     1744    font-weight: normal;
    13361745}
    13371746
    13381747.wp-block-navigation .has-child .wp-block-navigation__container {
    1339     box-shadow: var(--global--elevation);
    1340 }
    1341 
    1342 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
     1748    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
     1749}
     1750
     1751.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
     1752    color: #28303d;
     1753}
     1754
    13431755.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
    1344     color: var(--primary-nav--color-link-hover);
     1756    color: #28303d;
    13451757}
    13461758
     
    13501762
    13511763p {
    1352     line-height: var(--wp--typography--line-height, --global--line-height-body);
     1764    line-height: --global--line-height-body;
    13531765}
    13541766
    13551767p.has-background {
    1356     padding: var(--global--spacing-unit);
     1768    padding: 20px;
    13571769}
    13581770
     
    13601772    overflow-x: auto;
    13611773    white-space: pre !important;
    1362     font-size: var(--global--font-size-xs);
     1774    font-size: 1rem;
    13631775}
    13641776
    13651777.wp-block-pullquote {
    1366     padding: calc(2 * var(--global--spacing-unit)) 0;
     1778    padding: 40px 0;
    13671779    text-align: center;
    1368     border-width: var(--pullquote--border-width);
     1780    border-width: 3px;
    13691781    border-bottom-style: solid;
    13701782    border-top-style: solid;
     
    13841796
    13851797.wp-block-pullquote p {
    1386     font-family: var(--pullquote--font-family);
    1387     font-size: var(--pullquote--font-size);
    1388     font-style: var(--pullquote--font-style);
     1798    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1799    font-size: 2rem;
     1800    font-style: normal;
    13891801    font-weight: 700;
    1390     letter-spacing: var(--pullquote--letter-spacing);
    1391     line-height: var(--pullquote--line-height);
     1802    letter-spacing: normal;
     1803    line-height: 1.3;
    13921804    margin: 0;
     1805}
     1806@media only screen and (min-width: 652px) {
     1807
     1808    .wp-block-pullquote p {
     1809        font-size: 2rem;
     1810    }
    13931811}
    13941812
     
    13971815}
    13981816
    1399 .wp-block-pullquote .wp-block-pullquote__citation,
    1400 .wp-block-pullquote cite,
     1817.wp-block-pullquote .wp-block-pullquote__citation {
     1818    font-size: 1rem;
     1819    font-style: normal;
     1820    text-transform: none;
     1821}
     1822
     1823.wp-block-pullquote cite {
     1824    font-size: 1rem;
     1825    font-style: normal;
     1826    text-transform: none;
     1827}
     1828
    14011829.wp-block-pullquote footer {
    1402     font-size: var(--global--font-size-xs);
    1403     font-style: var(--pullquote--font-style);
     1830    font-size: 1rem;
     1831    font-style: normal;
    14041832    text-transform: none;
    14051833}
     
    14121840    margin-left: auto;
    14131841    margin-right: auto;
    1414     padding: calc(2.5 * var(--global--spacing-unit));
    1415     border-width: var(--pullquote--border-width);
     1842    padding: 50px;
     1843    border-width: 3px;
    14161844    border-style: solid;
    1417     border-color: var(--pullquote--border-color);
     1845    border-color: #28303d;
    14181846}
    14191847@media (min-width: 600px) {
    14201848
    14211849    .wp-block-pullquote.is-style-solid-color {
    1422         padding: calc(5 * var(--global--spacing-unit));
     1850        padding: 100px;
    14231851    }
    14241852}
     
    14281856}
    14291857
    1430 .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
     1858.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
     1859    padding-left: 20px;
     1860    padding-right: 20px;
     1861    max-width: inherit;
     1862}
     1863
    14311864.wp-block-pullquote.is-style-solid-color.alignright blockquote {
    1432     padding-left: var(--global--spacing-unit);
    1433     padding-right: var(--global--spacing-unit);
     1865    padding-left: 20px;
     1866    padding-right: 20px;
    14341867    max-width: inherit;
    14351868}
     
    14411874
    14421875.wp-block-pullquote.is-style-solid-color blockquote p {
    1443     font-size: var(--pullquote--font-size);
     1876    font-size: 2rem;
     1877}
     1878@media only screen and (min-width: 652px) {
     1879
     1880    .wp-block-pullquote.is-style-solid-color blockquote p {
     1881        font-size: 2rem;
     1882    }
    14441883}
    14451884
     
    14511890
    14521891.wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
    1453     padding: 0 calc(2 * var(--global--spacing-unit));
     1892    padding: 0 40px;
    14541893}
    14551894
     
    14571896    position: relative;
    14581897    border-left: none;
    1459     margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1898    margin: 30px auto 30px 25px;
    14601899}
    14611900
    14621901.wp-block-quote p {
    1463     font-family: var(--quote--font-family);
    1464     font-size: var(--quote--font-size);
    1465     font-style: var(--quote--font-style);
    1466     font-weight: var(--quote--font-weight);
    1467     line-height: var(--quote--line-height);
     1902    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1903    font-size: 1.25rem;
     1904    font-style: normal;
     1905    font-weight: 700;
     1906    line-height: 1.7;
    14681907}
    14691908
    14701909.wp-block-quote strong {
    1471     font-weight: var(--quote--font-weight-strong);
     1910    font-weight: bolder;
    14721911}
    14731912
    14741913.wp-block-quote:before {
    14751914    content: "“";
    1476     font-size: var(--quote--font-size);
    1477     line-height: var(--quote--line-height);
     1915    font-size: 1.25rem;
     1916    line-height: 1.7;
    14781917    position: absolute;
    1479     left: calc(-0.5 * var(--global--spacing-horizontal));
     1918    left: -12px;
    14801919}
    14811920
    14821921.wp-block-quote .wp-block-quote__citation {
    1483     color: var(--global--color-primary);
    1484     font-size: var(--global--font-size-xs);
    1485     font-style: var(--quote--font-style-cite);
     1922    color: #28303d;
     1923    font-size: 1rem;
     1924    font-style: normal;
    14861925}
    14871926
     
    14941933
    14951934.wp-block-quote.has-text-align-right {
    1496     margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
     1935    margin: 30px 25px 30px auto;
    14971936    padding-right: 0;
    14981937    border-right: none;
     
    15021941    content: "”";
    15031942    left: initial;
    1504     right: calc(-0.5 * var(--global--spacing-horizontal));
     1943    right: -12px;
    15051944}
    15061945
    15071946.wp-block-quote.has-text-align-center {
    1508     margin: var(--global--spacing-vertical) auto;
     1947    margin: 30px auto;
    15091948}
    15101949
     
    15131952}
    15141953
    1515 .wp-block-quote.is-large,
     1954.wp-block-quote.is-large {
     1955    padding-left: 0;
     1956
     1957    /* Resetting margins to match _block-container.scss */
     1958    margin-top: 30px;
     1959    margin-bottom: 30px;
     1960}
     1961
    15161962.wp-block-quote.is-style-large {
    15171963    padding-left: 0;
    15181964
    15191965    /* Resetting margins to match _block-container.scss */
    1520     margin-top: var(--global--spacing-vertical);
    1521     margin-bottom: var(--global--spacing-vertical);
    1522 }
    1523 
    1524 .wp-block-quote.is-large p,
     1966    margin-top: 30px;
     1967    margin-bottom: 30px;
     1968}
     1969
     1970.wp-block-quote.is-large p {
     1971    font-size: 2.25rem;
     1972    font-style: normal;
     1973    line-height: 1.35;
     1974}
     1975@media only screen and (min-width: 652px) {
     1976
     1977    .wp-block-quote.is-large p {
     1978        font-size: 2.5rem;
     1979    }
     1980}
     1981
    15251982.wp-block-quote.is-style-large p {
    1526     font-size: var(--quote--font-size-large);
    1527     font-style: var(--quote--font-style-large);
    1528     line-height: var(--quote--line-height-large);
    1529 }
    1530 
    1531 .wp-block-quote.is-large:before,
     1983    font-size: 2.25rem;
     1984    font-style: normal;
     1985    line-height: 1.35;
     1986}
     1987@media only screen and (min-width: 652px) {
     1988
     1989    .wp-block-quote.is-style-large p {
     1990        font-size: 2.5rem;
     1991    }
     1992}
     1993
     1994.wp-block-quote.is-large:before {
     1995    font-size: 2.25rem;
     1996    line-height: 1.35;
     1997    left: -25px;
     1998}
     1999@media only screen and (min-width: 652px) {
     2000
     2001    .wp-block-quote.is-large:before {
     2002        font-size: 2.5rem;
     2003    }
     2004}
     2005
    15322006.wp-block-quote.is-style-large:before {
    1533     font-size: var(--quote--font-size-large);
    1534     line-height: var(--quote--line-height-large);
    1535     left: calc(-1 * var(--global--spacing-horizontal));
    1536 }
    1537 
    1538 .wp-block-quote.is-large.has-text-align-right:before,
     2007    font-size: 2.25rem;
     2008    line-height: 1.35;
     2009    left: -25px;
     2010}
     2011@media only screen and (min-width: 652px) {
     2012
     2013    .wp-block-quote.is-style-large:before {
     2014        font-size: 2.5rem;
     2015    }
     2016}
     2017
     2018.wp-block-quote.is-large.has-text-align-right:before {
     2019    left: initial;
     2020    right: -25px;
     2021}
     2022
    15392023.wp-block-quote.is-style-large.has-text-align-right:before {
    15402024    left: initial;
    1541     right: calc(-1 * var(--global--spacing-horizontal));
     2025    right: -25px;
    15422026}
    15432027@media only screen and (max-width: 481px) {
    15442028
    1545     .wp-block-quote.is-large,
     2029    .wp-block-quote.is-large {
     2030        padding-left: 25px;
     2031    }
     2032
    15462033    .wp-block-quote.is-style-large {
    1547         padding-left: var(--global--spacing-horizontal);
     2034        padding-left: 25px;
    15482035    }
    15492036
     
    15532040    }
    15542041
    1555     .wp-block-quote.is-large.has-text-align-right,
     2042    .wp-block-quote.is-large.has-text-align-right {
     2043        padding-left: 0;
     2044        padding-right: 25px;
     2045    }
     2046
    15562047    .wp-block-quote.is-style-large.has-text-align-right {
    15572048        padding-left: 0;
    1558         padding-right: var(--global--spacing-horizontal);
     2049        padding-right: 25px;
    15592050    }
    15602051
     
    15672058
    15682059    .wp-block-quote {
    1569         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     2060        padding-left: 13px;
    15702061    }
    15712062
     
    15762067    .wp-block-quote.has-text-align-right {
    15772068        padding-left: 0;
    1578         padding-right: calc(0.5 * var(--global--spacing-horizontal));
     2069        padding-right: 13px;
    15792070    }
    15802071
     
    16082099
    16092100.wp-block-rss:not(.is-grid) > li {
    1610     margin-top: calc(1.666 * var(--global--spacing-vertical));
    1611     margin-bottom: calc(1.666 * var(--global--spacing-vertical));
     2101    margin-top: 50px;
     2102    margin-bottom: 50px;
    16122103}
    16132104
     
    16212112
    16222113.wp-block-rss.is-grid > li {
    1623     margin-bottom: var(--global--spacing-vertical);
     2114    margin-bottom: 30px;
    16242115}
    16252116
     
    16422133
    16432134.wp-block-rss > li > * {
    1644     margin-top: calc(0.333 * var(--global--spacing-vertical));
    1645     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     2135    margin-top: 10px;
     2136    margin-bottom: 10px;
    16462137}
    16472138
     
    16562147.wp-block-rss .wp-block-rss__item-title > a {
    16572148    display: inline-block;
    1658     font-family: var(--latest-posts--title-font-family);
    1659     font-size: var(--latest-posts--title-font-size);
    1660     font-weight: var(--heading--font-weight);
    1661     line-height: var(--global--line-height-heading);
    1662     margin-bottom: calc(0.333 * var(--global--spacing-vertical));
     2149    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2150    font-size: 2rem;
     2151    font-weight: normal;
     2152    line-height: 1.3;
     2153    margin-bottom: 10px;
     2154}
     2155@media only screen and (min-width: 652px) {
     2156
     2157    .wp-block-rss .wp-block-rss__item-title > a {
     2158        font-size: 2rem;
     2159    }
    16632160}
    16642161
    16652162.wp-block-rss .wp-block-rss__item-author {
    1666     color: var(--global--color-primary);
    1667     font-size: var(--global--font-size-md);
    1668     line-height: var(--global--line-height-body);
     2163    color: #28303d;
     2164    font-size: 1.25rem;
     2165    line-height: 1.7;
    16692166}
    16702167
    16712168.wp-block-rss .wp-block-rss__item-publish-date {
    1672     color: var(--global--color-primary);
    1673     font-size: var(--global--font-size-xs);
    1674     line-height: var(--global--line-height-body);
     2169    color: #28303d;
     2170    font-size: 1rem;
     2171    line-height: 1.7;
    16752172}
    16762173
     
    16802177}
    16812178
    1682 .wp-block-rss .wp-block-rss__item-excerpt,
     2179.wp-block-rss .wp-block-rss__item-excerpt {
     2180    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2181    font-size: 1.125rem;
     2182    line-height: 1.7;
     2183    margin-top: 20px;
     2184}
     2185
    16832186.wp-block-rss .wp-block-rss__item-full-content {
    1684     font-family: var(--latest-posts--description-font-family);
    1685     font-size: var(--latest-posts--description-font-size);
    1686     line-height: var(--global--line-height-body);
    1687     margin-top: calc(0.666 * var(--global--spacing-vertical));
     2187    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2188    font-size: 1.125rem;
     2189    line-height: 1.7;
     2190    margin-top: 20px;
    16882191}
    16892192
    16902193.wp-block-rss.alignfull {
    1691     padding-left: var(--global--spacing-unit);
    1692     padding-right: var(--global--spacing-unit);
     2194    padding-left: 20px;
     2195    padding-right: 20px;
    16932196}
    16942197
     
    17002203
    17012204.wp-block-search {
    1702     max-width: var(--responsive--aligndefault-width);
     2205    max-width: calc(100vw - 30px);
     2206}
     2207
     2208@media only screen and (min-width: 482px) {
     2209
     2210    .wp-block-search {
     2211        max-width: min(calc(100vw - 100px), 610px);
     2212    }
     2213}
     2214
     2215@media only screen and (min-width: 822px) {
     2216
     2217    .wp-block-search {
     2218        max-width: min(calc(100vw - 200px), 610px);
     2219    }
    17032220}
    17042221
    17052222.wp-block-search .wp-block-search__label {
    1706     font-size: var(--form--font-size);
    1707     font-weight: var(--form--label-weight);
    1708     margin-bottom: calc(var(--global--spacing-vertical) / 3);
     2223    font-size: 1.125rem;
     2224    font-weight: 500;
     2225    margin-bottom: 10px;
    17092226}
    17102227
    17112228.wp-block-search .wp-block-search__input {
    1712     border: var(--form--border-width) solid var(--form--border-color);
    1713     border-radius: var(--form--border-radius);
    1714     font-family: var(--form--font-family);
    1715     font-size: var(--form--font-size);
    1716     line-height: var(--form--line-height);
     2229    border: 3px solid #39414d;
     2230    border-radius: 0;
     2231    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2232    font-size: 1.125rem;
     2233    line-height: 1.7;
    17172234    max-width: inherit;
    1718     margin-right: calc(-1 * var(--button--border-width));
    1719     padding: var(--form--spacing-unit);
     2235    margin-right: -3px;
     2236    padding: 10px;
    17202237}
    17212238
    17222239.is-dark-theme .wp-block-search .wp-block-search__input {
    1723     background: var(--global--color-white-90);
    1724 }
    1725 
    1726 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input,
    1727 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input,
    1728 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input,
    1729 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input,
    1730 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input,
    1731 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input,
     2240    background: rgba(255, 255, 255, 0.9);
     2241}
     2242
     2243.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input {
     2244    border-color: #28303d;
     2245}
     2246
     2247.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input {
     2248    border-color: #28303d;
     2249}
     2250
     2251.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input {
     2252    border-color: #28303d;
     2253}
     2254
     2255.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input {
     2256    border-color: #28303d;
     2257}
     2258
     2259.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input {
     2260    border-color: #28303d;
     2261}
     2262
     2263.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input {
     2264    border-color: #28303d;
     2265}
     2266
    17322267.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input {
    1733     border-color: var(--form--color-text);
    1734 }
    1735 
    1736 .has-background.has-gray-background-color .wp-block-search .wp-block-search__input,
    1737 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input,
     2268    border-color: #28303d;
     2269}
     2270
     2271.has-background.has-gray-background-color .wp-block-search .wp-block-search__input {
     2272    border-color: #fff;
     2273}
     2274
     2275.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input {
     2276    border-color: #fff;
     2277}
     2278
    17382279.has-background.has-black-background-color .wp-block-search .wp-block-search__input {
    1739     border-color: var(--global--color-white);
     2280    border-color: #fff;
    17402281}
    17412282
    17422283.wp-block-search .wp-block-search__button {
    1743     line-height: var(--button--line-height);
    1744     color: var(--button--color-text);
     2284    line-height: 1.5;
     2285    color: #d1e4dd;
    17452286    cursor: pointer;
    1746     font-weight: var(--button--font-weight);
    1747     font-family: var(--button--font-family);
    1748     font-size: var(--button--font-size);
    1749     background-color: var(--button--color-background);
    1750     border-radius: var(--button--border-radius);
    1751     border: var(--button--border-width) solid var(--button--color-background);
     2287    font-weight: 500;
     2288    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2289    font-size: 1.25rem;
     2290    background-color: #39414d;
     2291    border-radius: 0;
     2292    border: 3px solid #39414d;
    17522293    text-decoration: none;
    1753     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2294    padding: 15px 30px;
    17542295    box-shadow: none;
    17552296    margin-left: 0;
    17562297    background-color: transparent;
    1757     color: var(--button--color-text-hover);
     2298    color: #39414d;
    17582299}
    17592300
     
    17672308
    17682309.wp-block-search .wp-block-search__button:before {
    1769     margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
     2310    margin-bottom: -calc(1em - 0);
    17702311}
    17712312
    17722313.wp-block-search .wp-block-search__button:after {
    1773     margin-top: -calc(.5em * var(--button--line-height) + -.39);
     2314    margin-top: -calc(1em - 0);
    17742315}
    17752316
     
    17812322
    17822323.is-dark-theme .wp-block-search .wp-block-search__button:focus {
    1783     color: var(--button--color-background);
     2324    color: #39414d;
    17842325}
    17852326
    17862327.wp-block-search .wp-block-search__button:focus:not(.has-background) {
    1787     color: var(--button--color-text-hover);
     2328    color: #39414d;
    17882329}
    17892330
    17902331.wp-block-search .wp-block-search__button:disabled {
    1791     background-color: var(--global--color-white-50);
    1792     border-color: var(--global--color-white-50);
    1793     color: var(--button--color-text-active);
     2332    background-color: rgba(255, 255, 255, 0.5);
     2333    border-color: rgba(255, 255, 255, 0.5);
     2334    color: #39414d;
    17942335}
    17952336
    17962337.wp-block-search .wp-block-search__button:hover {
    1797     color: var(--button--color-text);
    1798     background-color: var(--button--color-background);
     2338    color: #d1e4dd;
     2339    background-color: #39414d;
    17992340}
    18002341
    18012342.wp-block-search .wp-block-search__button.has-icon {
    1802     padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
     2343    padding: 30px 15px;
    18032344}
    18042345
     
    18082349}
    18092350
    1810 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button,
    1811 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button,
     2351.has-background.has-gray-background-color .wp-block-search .wp-block-search__button {
     2352    color: #fff;
     2353    border-color: currentColor;
     2354}
     2355
     2356.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button {
     2357    color: #fff;
     2358    border-color: currentColor;
     2359}
     2360
    18122361.has-background.has-black-background-color .wp-block-search .wp-block-search__button {
    1813     color: var(--global--color-white);
     2362    color: #fff;
    18142363    border-color: currentColor;
    18152364}
    18162365
    1817 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
    1818 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
     2366.has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2367    color: #fff;
     2368    background-color: #39414d;
     2369    border-color: #fff;
     2370}
     2371
     2372.has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2373    color: #fff;
     2374    background-color: #39414d;
     2375    border-color: #fff;
     2376}
     2377
    18192378.has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
    1820     color: var(--global--color-white);
    1821     background-color: var(--button--color-background);
    1822     border-color: var(--global--color-white);
    1823 }
    1824 
    1825 .is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover,
    1826 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover,
     2379    color: #fff;
     2380    background-color: #39414d;
     2381    border-color: #fff;
     2382}
     2383
     2384.is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2385    color: #d1e4dd;
     2386    background-color: #39414d;
     2387}
     2388
     2389.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover {
     2390    color: #d1e4dd;
     2391    background-color: #39414d;
     2392}
     2393
    18272394.is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover {
    1828     color: var(--button--color-text);
    1829     background-color: var(--button--color-background);
    1830 }
    1831 
    1832 .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
    1833 .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
    1834 .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
    1835 .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
    1836 .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
    1837 .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
     2395    color: #d1e4dd;
     2396    background-color: #39414d;
     2397}
     2398
     2399.has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
     2400    color: #fff;
     2401    background-color: #39414d;
     2402    border-color: #39414d;
     2403}
     2404
     2405.has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
     2406    color: #fff;
     2407    background-color: #39414d;
     2408    border-color: #39414d;
     2409}
     2410
     2411.has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
     2412    color: #fff;
     2413    background-color: #39414d;
     2414    border-color: #39414d;
     2415}
     2416
     2417.has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
     2418    color: #fff;
     2419    background-color: #39414d;
     2420    border-color: #39414d;
     2421}
     2422
     2423.has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
     2424    color: #fff;
     2425    background-color: #39414d;
     2426    border-color: #39414d;
     2427}
     2428
     2429.has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
     2430    color: #fff;
     2431    background-color: #39414d;
     2432    border-color: #39414d;
     2433}
     2434
    18382435.has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
    1839     color: var(--global--color-white);
    1840     background-color: var(--form--border-color);
    1841     border-color: var(--form--border-color);
    1842 }
    1843 
    1844 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button,
    1845 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button,
    1846 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button,
    1847 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button,
    1848 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button,
    1849 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button,
     2436    color: #fff;
     2437    background-color: #39414d;
     2438    border-color: #39414d;
     2439}
     2440
     2441.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button {
     2442    color: #28303d;
     2443    border-color: currentColor;
     2444}
     2445
     2446.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button {
     2447    color: #28303d;
     2448    border-color: currentColor;
     2449}
     2450
     2451.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button {
     2452    color: #28303d;
     2453    border-color: currentColor;
     2454}
     2455
     2456.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button {
     2457    color: #28303d;
     2458    border-color: currentColor;
     2459}
     2460
     2461.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button {
     2462    color: #28303d;
     2463    border-color: currentColor;
     2464}
     2465
     2466.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button {
     2467    color: #28303d;
     2468    border-color: currentColor;
     2469}
     2470
    18502471.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button {
    1851     color: var(--form--color-text);
     2472    color: #28303d;
    18522473    border-color: currentColor;
    18532474}
    18542475
    1855 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover,
    1856 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover,
    1857 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover,
    1858 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover,
    1859 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover,
    1860 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover,
     2476.is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover {
     2477    color: #fff;
     2478    background-color: #d1e4dd;
     2479    border-color: #d1e4dd;
     2480}
     2481
     2482.is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover {
     2483    color: #fff;
     2484    background-color: #d1e4dd;
     2485    border-color: #d1e4dd;
     2486}
     2487
     2488.is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover {
     2489    color: #fff;
     2490    background-color: #d1e4dd;
     2491    border-color: #d1e4dd;
     2492}
     2493
     2494.is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover {
     2495    color: #fff;
     2496    background-color: #d1e4dd;
     2497    border-color: #d1e4dd;
     2498}
     2499
     2500.is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover {
     2501    color: #fff;
     2502    background-color: #d1e4dd;
     2503    border-color: #d1e4dd;
     2504}
     2505
     2506.is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover {
     2507    color: #fff;
     2508    background-color: #d1e4dd;
     2509    border-color: #d1e4dd;
     2510}
     2511
    18612512.is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover {
    1862     color: var(--global--color-white);
    1863     background-color: var(--button--color-text);
    1864     border-color: var(--button--color-text);
     2513    color: #fff;
     2514    background-color: #d1e4dd;
     2515    border-color: #d1e4dd;
    18652516}
    18662517
     
    18772528
    18782529.wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
    1879     padding: var(--button--padding-vertical) var(--button--padding-horizontal);
     2530    padding: 15px 30px;
    18802531}
    18812532
    18822533.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    1883     color: var(--button--color-text);
     2534    color: #d1e4dd;
    18842535    border-color: currentColor;
    18852536}
    18862537
    18872538.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
    1888     color: var(--global--color-white);
    1889     background-color: var(--button--color-text);
    1890     border-color: var(--button--color-text);
    1891 }
    1892 
    1893 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
    1894 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
     2539    color: #fff;
     2540    background-color: #d1e4dd;
     2541    border-color: #d1e4dd;
     2542}
     2543
     2544.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2545    color: #39414d;
     2546    border-color: currentColor;
     2547}
     2548
     2549.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2550    color: #39414d;
     2551    border-color: currentColor;
     2552}
     2553
    18952554.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    1896     color: var(--button--color-text-hover);
     2555    color: #39414d;
    18972556    border-color: currentColor;
    18982557}
    18992558
    1900 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
    1901 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
     2559.has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2560    color: #fff;
     2561    background-color: #39414d;
     2562    border-color: #39414d;
     2563}
     2564
     2565.has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2566    color: #fff;
     2567    background-color: #39414d;
     2568    border-color: #39414d;
     2569}
     2570
    19022571.has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
    1903     color: var(--global--color-white);
    1904     background-color: var(--button--color-background);
    1905     border-color: var(--button--color-background);
    1906 }
    1907 
    1908 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
    1909 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button,
     2572    color: #fff;
     2573    background-color: #39414d;
     2574    border-color: #39414d;
     2575}
     2576
     2577.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2578    color: #d1e4dd;
     2579    border-color: currentColor;
     2580}
     2581
     2582.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
     2583    color: #d1e4dd;
     2584    border-color: currentColor;
     2585}
     2586
    19102587.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button {
    1911     color: var(--button--color-text);
     2588    color: #d1e4dd;
    19122589    border-color: currentColor;
    19132590}
    19142591
    1915 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
    1916 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover,
     2592.is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2593    color: #fff;
     2594    background-color: #d1e4dd;
     2595    border-color: #d1e4dd;
     2596}
     2597
     2598.is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
     2599    color: #fff;
     2600    background-color: #d1e4dd;
     2601    border-color: #d1e4dd;
     2602}
     2603
    19172604.is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover {
    1918     color: var(--global--color-white);
    1919     background-color: var(--button--color-text);
    1920     border-color: var(--button--color-text);
     2605    color: #fff;
     2606    background-color: #d1e4dd;
     2607    border-color: #d1e4dd;
    19212608}
    19222609
     
    19292616}
    19302617
    1931 .wp-block-separator,
    1932 hr {
    1933     border-bottom: var(--separator--height) solid var(--separator--border-color);
     2618.wp-block-separator {
     2619    border-bottom: 1px solid #28303d;
    19342620    clear: both;
    19352621    opacity: 1;
    19362622}
    19372623
    1938 .wp-block-separator[style*="text-align:right"],
    1939 .wp-block-separator[style*="text-align: right"],
    1940 hr[style*="text-align:right"],
     2624hr {
     2625    border-bottom: 1px solid #28303d;
     2626    clear: both;
     2627    opacity: 1;
     2628}
     2629
     2630.wp-block-separator[style*="text-align:right"] {
     2631    border-right-color: #28303d;
     2632}
     2633
     2634.wp-block-separator[style*="text-align: right"] {
     2635    border-right-color: #28303d;
     2636}
     2637
     2638hr[style*="text-align:right"] {
     2639    border-right-color: #28303d;
     2640}
     2641
    19412642hr[style*="text-align: right"] {
    1942     border-right-color: var(--separator--border-color);
    1943 }
    1944 
    1945 .wp-block-separator:not(.is-style-dots),
     2643    border-right-color: #28303d;
     2644}
     2645
     2646.wp-block-separator:not(.is-style-dots) {
     2647    max-width: calc(100vw - 30px);
     2648}
     2649@media only screen and (min-width: 482px) {
     2650
     2651    .wp-block-separator:not(.is-style-dots) {
     2652        max-width: min(calc(100vw - 100px), 610px);
     2653    }
     2654}
     2655@media only screen and (min-width: 822px) {
     2656
     2657    .wp-block-separator:not(.is-style-dots) {
     2658        max-width: min(calc(100vw - 200px), 610px);
     2659    }
     2660}
     2661
    19462662hr:not(.is-style-dots) {
    1947     max-width: var(--responsive--aligndefault-width);
     2663    max-width: calc(100vw - 30px);
     2664}
     2665@media only screen and (min-width: 482px) {
     2666
     2667    hr:not(.is-style-dots) {
     2668        max-width: min(calc(100vw - 100px), 610px);
     2669    }
     2670}
     2671@media only screen and (min-width: 822px) {
     2672
     2673    hr:not(.is-style-dots) {
     2674        max-width: min(calc(100vw - 200px), 610px);
     2675    }
    19482676}
    19492677
     
    19552683}
    19562684
    1957 .wp-block-separator.is-style-twentytwentyone-separator-thick,
     2685.wp-block-separator.is-style-twentytwentyone-separator-thick {
     2686    border-bottom-width: 3px;
     2687}
     2688
    19582689hr.is-style-twentytwentyone-separator-thick {
    1959     border-bottom-width: calc(3 * var(--separator--height));
     2690    border-bottom-width: 3px;
    19602691}
    19612692
     
    19792710}
    19802711
    1981 .wp-block-separator.is-style-dots:before,
     2712.wp-block-separator.is-style-dots:before {
     2713    color: #28303d;
     2714}
     2715
    19822716hr.is-style-dots:before {
    1983     color: var(--separator--border-color);
     2717    color: #28303d;
    19842718}
    19852719
     
    20012735
    20022736.wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
    2003     color: var(--global--color-primary);
     2737    color: #28303d;
    20042738}
    20052739
     
    20082742}
    20092743
    2010 table th,
     2744table th {
     2745    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2746}
     2747
    20112748.wp-block-table th {
    2012     font-family: var(--heading--font-family);
    2013 }
    2014 
    2015 table td,
    2016 table th,
    2017 .wp-block-table td,
     2749    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2750}
     2751
     2752table td {
     2753    padding: 10px;
     2754}
     2755
     2756table th {
     2757    padding: 10px;
     2758}
     2759
     2760.wp-block-table td {
     2761    padding: 10px;
     2762}
     2763
    20182764.wp-block-table th {
    2019     padding: calc(0.5 * var(--global--spacing-unit));
    2020 }
    2021 
    2022 table.is-style-regular .has-background,
    2023 table.is-style-stripes .has-background thead tr,
    2024 table.is-style-stripes .has-background tfoot tr,
    2025 table.is-style-stripes .has-background tbody tr:nth-child(even),
    2026 .wp-block-table.is-style-regular .has-background,
    2027 .wp-block-table.is-style-stripes .has-background thead tr,
    2028 .wp-block-table.is-style-stripes .has-background tfoot tr,
     2765    padding: 10px;
     2766}
     2767
     2768table.is-style-regular .has-background {
     2769    color: #28303d;
     2770}
     2771
     2772table.is-style-stripes .has-background thead tr {
     2773    color: #28303d;
     2774}
     2775
     2776table.is-style-stripes .has-background tfoot tr {
     2777    color: #28303d;
     2778}
     2779
     2780table.is-style-stripes .has-background tbody tr:nth-child(even) {
     2781    color: #28303d;
     2782}
     2783
     2784.wp-block-table.is-style-regular .has-background {
     2785    color: #28303d;
     2786}
     2787
     2788.wp-block-table.is-style-stripes .has-background thead tr {
     2789    color: #28303d;
     2790}
     2791
     2792.wp-block-table.is-style-stripes .has-background tfoot tr {
     2793    color: #28303d;
     2794}
     2795
    20292796.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) {
    2030     color: var(--table--has-background-text-color);
    2031 }
    2032 
    2033 table.is-style-stripes,
     2797    color: #28303d;
     2798}
     2799
     2800table.is-style-stripes {
     2801    border-color: #f0f0f0;
     2802}
     2803
    20342804.wp-block-table.is-style-stripes {
    2035     border-color: var(--table--stripes-border-color);
     2805    border-color: #f0f0f0;
    20362806}
    20372807
     
    20432813}
    20442814
    2045 table.is-style-stripes tbody tr:nth-child(odd),
     2815table.is-style-stripes tbody tr:nth-child(odd) {
     2816    background-color: #f0f0f0;
     2817}
     2818
    20462819.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    2047     background-color: var(--table--stripes-background-color);
     2820    background-color: #f0f0f0;
    20482821}
    20492822
     
    20702843    font-weight: bold;
    20712844    text-align: left;
    2072     margin-bottom: var(--global--spacing-unit);
     2845    margin-bottom: 20px;
    20732846    color: currentColor;
    20742847}
     
    20762849.wp-calendar-nav {
    20772850    text-align: left;
    2078     margin-top: calc(var(--global--spacing-unit) / 2);
     2851    margin-top: 10px;
    20792852}
    20802853
     
    21012874}
    21022875
    2103 :root .is-extra-small-text,
     2876:root .is-extra-small-text {
     2877    font-size: 1rem;
     2878}
     2879
    21042880:root .has-extra-small-font-size {
    2105     font-size: var(--global--font-size-xs);
    2106 }
    2107 
    2108 :root .is-small-text,
     2881    font-size: 1rem;
     2882}
     2883
     2884:root .is-small-text {
     2885    font-size: 1.125rem;
     2886}
     2887
    21092888:root .has-small-font-size {
    2110     font-size: var(--global--font-size-sm);
    2111 }
    2112 
    2113 :root .is-regular-text,
    2114 :root .has-regular-font-size,
    2115 :root .is-normal-font-size,
    2116 :root .has-normal-font-size,
     2889    font-size: 1.125rem;
     2890}
     2891
     2892:root .is-regular-text {
     2893    font-size: 1.25rem;
     2894}
     2895
     2896:root .has-regular-font-size {
     2897    font-size: 1.25rem;
     2898}
     2899
     2900:root .is-normal-font-size {
     2901    font-size: 1.25rem;
     2902}
     2903
     2904:root .has-normal-font-size {
     2905    font-size: 1.25rem;
     2906}
     2907
    21172908:root .has-medium-font-size {
    2118     font-size: var(--global--font-size-base);
    2119 }
    2120 
    2121 :root .is-large-text,
     2909    font-size: 1.25rem;
     2910}
     2911
     2912:root .is-large-text {
     2913    font-size: 1.5rem;
     2914    line-height: 1.3;
     2915}
     2916
    21222917:root .has-large-font-size {
    2123     font-size: var(--global--font-size-lg);
    2124     line-height: var(--global--line-height-heading);
    2125 }
    2126 
    2127 :root .is-larger-text,
    2128 :root .has-larger-font-size,
    2129 :root .is-extra-large-text,
     2918    font-size: 1.5rem;
     2919    line-height: 1.3;
     2920}
     2921
     2922:root .is-larger-text {
     2923    font-size: 2.5rem;
     2924    line-height: 1.3;
     2925}
     2926@media only screen and (min-width: 652px) {
     2927
     2928    :root .is-larger-text {
     2929        font-size: 2.5rem;
     2930    }
     2931}
     2932
     2933:root .has-larger-font-size {
     2934    font-size: 2.5rem;
     2935    line-height: 1.3;
     2936}
     2937@media only screen and (min-width: 652px) {
     2938
     2939    :root .has-larger-font-size {
     2940        font-size: 2.5rem;
     2941    }
     2942}
     2943
     2944:root .is-extra-large-text {
     2945    font-size: 2.5rem;
     2946    line-height: 1.3;
     2947}
     2948@media only screen and (min-width: 652px) {
     2949
     2950    :root .is-extra-large-text {
     2951        font-size: 2.5rem;
     2952    }
     2953}
     2954
    21302955:root .has-extra-large-font-size {
    2131     font-size: var(--global--font-size-xl);
    2132     line-height: var(--global--line-height-heading);
    2133 }
    2134 
    2135 :root .is-huge-text,
     2956    font-size: 2.5rem;
     2957    line-height: 1.3;
     2958}
     2959@media only screen and (min-width: 652px) {
     2960
     2961    :root .has-extra-large-font-size {
     2962        font-size: 2.5rem;
     2963    }
     2964}
     2965
     2966:root .is-huge-text {
     2967    font-size: 6rem;
     2968    line-height: 1.3;
     2969    font-weight: 300;
     2970}
     2971@media only screen and (min-width: 652px) {
     2972
     2973    :root .is-huge-text {
     2974        font-size: 6rem;
     2975    }
     2976}
     2977
    21362978:root .has-huge-font-size {
    2137     font-size: var(--global--font-size-xxl);
    2138     line-height: var(--global--line-height-heading);
    2139     font-weight: var(--heading--font-weight-page-title);
    2140 }
    2141 
    2142 :root .is-gigantic-text,
     2979    font-size: 6rem;
     2980    line-height: 1.3;
     2981    font-weight: 300;
     2982}
     2983@media only screen and (min-width: 652px) {
     2984
     2985    :root .has-huge-font-size {
     2986        font-size: 6rem;
     2987    }
     2988}
     2989
     2990:root .is-gigantic-text {
     2991    font-size: 9rem;
     2992    line-height: 1.3;
     2993    font-weight: 300;
     2994}
     2995@media only screen and (min-width: 652px) {
     2996
     2997    :root .is-gigantic-text {
     2998        font-size: 9rem;
     2999    }
     3000}
     3001
    21433002:root .has-gigantic-font-size {
    2144     font-size: var(--global--font-size-xxxl);
    2145     line-height: var(--global--line-height-heading);
    2146     font-weight: var(--heading--font-weight-page-title);
     3003    font-size: 9rem;
     3004    line-height: 1.3;
     3005    font-weight: 300;
     3006}
     3007@media only screen and (min-width: 652px) {
     3008
     3009    :root .has-gigantic-font-size {
     3010        font-size: 9rem;
     3011    }
    21473012}
    21483013
     
    21523017*/
    21533018.wp-block.editor-post-title__block {
    2154     border-bottom: 3px solid var(--global--color-border);
    2155     padding-bottom: calc(2 * var(--global--spacing-vertical));
    2156     margin-bottom: calc(3 * var(--global--spacing-vertical));
    2157     max-width: var(--responsive--alignwide-width);
     3019    border-bottom: 3px solid #28303d;
     3020    padding-bottom: 60px;
     3021    margin-bottom: 90px;
     3022    max-width: calc(100vw - 30px);
     3023}
     3024@media only screen and (min-width: 482px) {
     3025
     3026    .wp-block.editor-post-title__block {
     3027        max-width: calc(100vw - 100px);
     3028    }
     3029}
     3030@media only screen and (min-width: 822px) {
     3031
     3032    .wp-block.editor-post-title__block {
     3033        max-width: min(calc(100vw - 200px), 1240px);
     3034    }
    21583035}
    21593036
    21603037.wp-block.editor-post-title__block .editor-post-title__input {
    2161     color: var(--global--color-secondary);
    2162     font-family: var(--heading--font-family);
    2163     font-size: var(--global--font-size-page-title);
    2164     font-weight: var(--heading--font-weight-page-title);
    2165     line-height: var(--heading--line-height-h1);
     3038    color: #39414d;
     3039    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3040    font-size: 4rem;
     3041    font-weight: 300;
     3042    line-height: 1.1;
     3043}
     3044@media only screen and (min-width: 652px) {
     3045
     3046    .wp-block.editor-post-title__block .editor-post-title__input {
     3047        font-size: 6rem;
     3048    }
    21663049}
    21673050
    21683051.wp-block.block-editor-default-block-appender > textarea {
    2169     font-family: var(--global--font-secondary);
    2170     font-size: var(--global--font-size-md);
     3052    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3053    font-size: 1.25rem;
    21713054}
    21723055
    21733056.has-primary-color[class] {
    2174     color: var(--global--color-primary);
     3057    color: #28303d;
    21753058}
    21763059
    21773060.has-secondary-color[class] {
    2178     color: var(--global--color-secondary);
     3061    color: #39414d;
    21793062}
    21803063
     
    21913074
    21923075.has-primary-background-color[class] {
    2193     background-color: var(--global--color-primary);
    2194     color: var(--global--color-background);
     3076    background-color: #28303d;
     3077    color: #d1e4dd;
    21953078}
    21963079
    21973080.has-secondary-background-color[class] {
    2198     background-color: var(--global--color-secondary);
    2199     color: var(--global--color-background);
     3081    background-color: #39414d;
     3082    color: #d1e4dd;
    22003083}
    22013084
    22023085.has-white-background-color[class] {
    2203     background-color: var(--global--color-white);
    2204     color: var(--global--color-secondary);
     3086    background-color: #fff;
     3087    color: #39414d;
    22053088}
    22063089
    22073090.has-black-background-color[class] {
    2208     background-color: var(--global--color-black);
    2209     color: var(--global--color-primary);
     3091    background-color: #000;
     3092    color: #28303d;
    22103093}
    22113094
     
    22143097 */
    22153098[data-block] {
    2216     margin-top: var(--global--spacing-vertical);
    2217     margin-bottom: var(--global--spacing-vertical);
     3099    margin-top: 30px;
     3100    margin-bottom: 30px;
    22183101}
    22193102
     
    22283111/* Block Alignments */
    22293112.wp-block {
    2230     max-width: var(--responsive--aligndefault-width);
    2231 }
    2232 
    2233 .wp-block[data-align=wide],
     3113    max-width: calc(100vw - 30px);
     3114}
     3115@media only screen and (min-width: 482px) {
     3116
     3117    .wp-block {
     3118        max-width: min(calc(100vw - 100px), 610px);
     3119    }
     3120}
     3121@media only screen and (min-width: 822px) {
     3122
     3123    .wp-block {
     3124        max-width: min(calc(100vw - 200px), 610px);
     3125    }
     3126}
     3127
     3128.wp-block[data-align=wide] {
     3129    max-width: calc(100vw - 30px);
     3130}
     3131@media only screen and (min-width: 482px) {
     3132
     3133    .wp-block[data-align=wide] {
     3134        max-width: calc(100vw - 100px);
     3135    }
     3136}
     3137@media only screen and (min-width: 822px) {
     3138
     3139    .wp-block[data-align=wide] {
     3140        max-width: min(calc(100vw - 200px), 1240px);
     3141    }
     3142}
     3143
    22343144.wp-block.alignwide {
    2235     max-width: var(--responsive--alignwide-width);
     3145    max-width: calc(100vw - 30px);
     3146}
     3147@media only screen and (min-width: 482px) {
     3148
     3149    .wp-block.alignwide {
     3150        max-width: calc(100vw - 100px);
     3151    }
     3152}
     3153@media only screen and (min-width: 822px) {
     3154
     3155    .wp-block.alignwide {
     3156        max-width: min(calc(100vw - 200px), 1240px);
     3157    }
    22363158}
    22373159
     
    22433165.alignleft {
    22443166    margin: 0;
    2245     margin-right: var(--global--spacing-horizontal);
     3167    margin-right: 25px;
    22463168}
    22473169
    22483170.alignright {
    22493171    margin: 0;
    2250     margin-left: var(--global--spacing-horizontal);
     3172    margin-left: 25px;
    22513173}
    22523174
    22533175.has-drop-cap:not(:focus)::first-letter {
    2254     font-family: var(--heading--font-family);
    2255     font-weight: var(--heading--font-weight);
     3176    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3177    font-weight: normal;
    22563178    line-height: 0.66;
    22573179    text-transform: uppercase;
     
    22593181    float: left;
    22603182    margin: 0.1em 0.1em 0 0;
    2261     font-size: calc(1.2 * var(--heading--font-size-h1));
     3183    font-size: 5rem;
     3184}
     3185
     3186@media only screen and (min-width: 652px) {
     3187
     3188    .has-drop-cap:not(:focus)::first-letter {
     3189        font-size: 7rem;
     3190    }
    22623191}
    22633192
     
    22663195    .wp-block[data-align=left] > * {
    22673196        max-width: 290px;
    2268         margin-right: var(--global--spacing-horizontal);
     3197        margin-right: 25px;
    22693198    }
    22703199
    22713200    .wp-block[data-align=right] > * {
    22723201        max-width: 290px;
    2273         margin-left: var(--global--spacing-horizontal);
     3202        margin-left: 25px;
    22743203    }
    22753204}
    22763205
    22773206html {
    2278     font-family: var(--global--font-secondary);
    2279     line-height: var(--global--line-height-body);
     3207    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3208    line-height: 1.7;
    22803209}
    22813210
    22823211body {
    2283     --wp--typography--line-height: var(--global--line-height-body);
    2284     color: var(--global--color-primary);
    2285     background-color: var(--global--color-background);
    2286     font-family: var(--global--font-secondary);
    2287     font-size: var(--global--font-size-base);
     3212    color: #28303d;
     3213    background-color: #d1e4dd;
     3214    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     3215    font-size: 1.25rem;
    22883216    font-weight: normal;
    22893217    -moz-osx-font-smoothing: grayscale;
     
    22923220
    22933221.wp-block a {
    2294     color: var(--wp--style--color--link, var(--global--color-primary));
     3222    color: #28303d;
    22953223}
    22963224
     
    23003228
    23013229.wp-block a:focus {
    2302     outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
     3230    outline: 2px solid #28303d;
    23033231    text-decoration: none;
    23043232}
    23053233
    2306 .has-background:not(.has-background-background-color) .has-link-color a,
     3234.has-background:not(.has-background-background-color) .has-link-color a {
     3235    color: #28303d;
     3236}
     3237
    23073238.has-background:not(.has-background-background-color).has-link-color a {
    2308     color: var(--wp--style--color--link, var(--global--color-primary));
     3239    color: #28303d;
    23093240}
    23103241
     
    23153246
    23163247.has-black-color[class] {
    2317     color: var(--global--color-black);
     3248    color: #000;
    23183249}
    23193250
    23203251.has-gray-color[class] {
    2321     color: var(--global--color-gray);
     3252    color: #39414d;
    23223253}
    23233254
    23243255.has-dark-gray-color[class] {
    2325     color: var(--global--color-dark-gray);
     3256    color: #28303d;
    23263257}
    23273258
    23283259.has-green-color[class] {
    2329     color: var(--global--color-green);
     3260    color: #d1e4dd;
    23303261}
    23313262
    23323263.has-blue-color[class] {
    2333     color: var(--global--color-blue);
     3264    color: #d1dfe4;
    23343265}
    23353266
    23363267.has-purple-color[class] {
    2337     color: var(--global--color-purple);
     3268    color: #d1d1e4;
    23383269}
    23393270
    23403271.has-red-color[class] {
    2341     color: var(--global--color-red);
     3272    color: #e4d1d1;
    23423273}
    23433274
    23443275.has-orange-color[class] {
    2345     color: var(--global--color-orange);
     3276    color: #e4dad1;
    23463277}
    23473278
    23483279.has-yellow-color[class] {
    2349     color: var(--global--color-yellow);
     3280    color: #eeeadd;
    23503281}
    23513282
    23523283.has-white-color[class] {
    2353     color: var(--global--color-white);
     3284    color: #fff;
    23543285}
    23553286
     
    23663297
    23673298.has-black-background-color[class] {
    2368     background-color: var(--global--color-black);
     3299    background-color: #000;
    23693300}
    23703301
    23713302.has-gray-background-color[class] {
    2372     background-color: var(--global--color-gray);
     3303    background-color: #39414d;
    23733304}
    23743305
    23753306.has-dark-gray-background-color[class] {
    2376     background-color: var(--global--color-dark-gray);
     3307    background-color: #28303d;
    23773308}
    23783309
    23793310.has-green-background-color[class] {
    2380     background-color: var(--global--color-green);
     3311    background-color: #d1e4dd;
    23813312}
    23823313
    23833314.has-blue-background-color[class] {
    2384     background-color: var(--global--color-blue);
     3315    background-color: #d1dfe4;
    23853316}
    23863317
    23873318.has-purple-background-color[class] {
    2388     background-color: var(--global--color-purple);
     3319    background-color: #d1d1e4;
    23893320}
    23903321
    23913322.has-red-background-color[class] {
    2392     background-color: var(--global--color-red);
     3323    background-color: #e4d1d1;
    23933324}
    23943325
    23953326.has-orange-background-color[class] {
    2396     background-color: var(--global--color-orange);
     3327    background-color: #e4dad1;
    23973328}
    23983329
    23993330.has-yellow-background-color[class] {
    2400     background-color: var(--global--color-yellow);
     3331    background-color: #eeeadd;
    24013332}
    24023333
    24033334.has-white-background-color[class] {
    2404     background-color: var(--global--color-white);
    2405 }
    2406 
    2407 :not(.has-text-color).has-black-background-color[class],
    2408 :not(.has-text-color).has-gray-background-color[class],
     3335    background-color: #fff;
     3336}
     3337
     3338:not(.has-text-color).has-black-background-color[class] {
     3339    color: #fff;
     3340}
     3341
     3342:not(.has-text-color).has-gray-background-color[class] {
     3343    color: #fff;
     3344}
     3345
    24093346:not(.has-text-color).has-dark-gray-background-color[class] {
    2410     color: var(--global--color-white);
    2411 }
    2412 
    2413 :not(.has-text-color).has-green-background-color[class],
    2414 :not(.has-text-color).has-blue-background-color[class],
    2415 :not(.has-text-color).has-purple-background-color[class],
    2416 :not(.has-text-color).has-red-background-color[class],
    2417 :not(.has-text-color).has-orange-background-color[class],
    2418 :not(.has-text-color).has-yellow-background-color[class],
     3347    color: #fff;
     3348}
     3349
     3350:not(.has-text-color).has-green-background-color[class] {
     3351    color: #28303d;
     3352}
     3353
     3354:not(.has-text-color).has-blue-background-color[class] {
     3355    color: #28303d;
     3356}
     3357
     3358:not(.has-text-color).has-purple-background-color[class] {
     3359    color: #28303d;
     3360}
     3361
     3362:not(.has-text-color).has-red-background-color[class] {
     3363    color: #28303d;
     3364}
     3365
     3366:not(.has-text-color).has-orange-background-color[class] {
     3367    color: #28303d;
     3368}
     3369
     3370:not(.has-text-color).has-yellow-background-color[class] {
     3371    color: #28303d;
     3372}
     3373
    24193374:not(.has-text-color).has-white-background-color[class] {
    2420     color: var(--global--color-dark-gray);
     3375    color: #28303d;
    24213376}
    24223377
    24233378.has-purple-to-yellow-gradient-background {
    2424     background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
     3379    background: linear-gradient(160deg, #d1d1e4, #eeeadd);
    24253380}
    24263381
    24273382.has-yellow-to-purple-gradient-background {
    2428     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
     3383    background: linear-gradient(160deg, #eeeadd, #d1d1e4);
    24293384}
    24303385
    24313386.has-green-to-yellow-gradient-background {
    2432     background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
     3387    background: linear-gradient(160deg, #d1e4dd, #eeeadd);
    24333388}
    24343389
    24353390.has-yellow-to-green-gradient-background {
    2436     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
     3391    background: linear-gradient(160deg, #eeeadd, #d1e4dd);
    24373392}
    24383393
    24393394.has-red-to-yellow-gradient-background {
    2440     background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
     3395    background: linear-gradient(160deg, #e4d1d1, #eeeadd);
    24413396}
    24423397
    24433398.has-yellow-to-red-gradient-background {
    2444     background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
     3399    background: linear-gradient(160deg, #eeeadd, #e4d1d1);
    24453400}
    24463401
    24473402.has-purple-to-red-gradient-background {
    2448     background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
     3403    background: linear-gradient(160deg, #d1d1e4, #e4d1d1);
    24493404}
    24503405
    24513406.has-red-to-purple-gradient-background {
    2452     background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
    2453 }
     3407    background: linear-gradient(160deg, #e4d1d1, #d1d1e4);
     3408}
  • trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css

    r49574 r49633  
    102102
    103103    /* Font Family */
    104     --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    105     --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
    106104
    107105    /* Font Size */
    108     --global--font-size-base: 1.25rem;
    109     --global--font-size-xs: 1rem;
    110     --global--font-size-sm: 1.125rem;
    111     --global--font-size-md: 1.25rem;
    112     --global--font-size-lg: 1.5rem;
    113     --global--font-size-xl: 2.25rem;
    114     --global--font-size-xxl: 4rem;
    115     --global--font-size-xxxl: 5rem;
    116     --global--font-size-page-title: var(--global--font-size-xxl);
    117     --global--letter-spacing: normal;
    118106
    119107    /* Line Height */
    120     --global--line-height-body: 1.7;
    121     --global--line-height-heading: 1.3;
    122     --global--line-height-page-title: 1.1;
    123108
    124109    /* Headings */
    125     --heading--font-family: var(--global--font-primary);
    126     --heading--font-size-h6: var(--global--font-size-xs);
    127     --heading--font-size-h5: var(--global--font-size-sm);
    128     --heading--font-size-h4: var(--global--font-size-lg);
    129     --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    130     --heading--font-size-h2: var(--global--font-size-xl);
    131     --heading--font-size-h1: var(--global--font-size-page-title);
    132     --heading--letter-spacing-h6: 0.05em;
    133     --heading--letter-spacing-h5: 0.05em;
    134     --heading--letter-spacing-h4: var(--global--letter-spacing);
    135     --heading--letter-spacing-h3: var(--global--letter-spacing);
    136     --heading--letter-spacing-h2: var(--global--letter-spacing);
    137     --heading--letter-spacing-h1: var(--global--letter-spacing);
    138     --heading--line-height-h6: var(--global--line-height-heading);
    139     --heading--line-height-h5: var(--global--line-height-heading);
    140     --heading--line-height-h4: var(--global--line-height-heading);
    141     --heading--line-height-h3: var(--global--line-height-heading);
    142     --heading--line-height-h2: var(--global--line-height-heading);
    143     --heading--line-height-h1: var(--global--line-height-page-title);
    144     --heading--font-weight: normal;
    145     --heading--font-weight-page-title: 300;
    146     --heading--font-weight-strong: 600;
    147110
    148111    /* Block: Latest posts */
    149     --latest-posts--title-font-family: var(--heading--font-family);
    150     --latest-posts--title-font-size: var(--heading--font-size-h3);
    151     --latest-posts--description-font-family: var(--global--font-secondary);
    152     --latest-posts--description-font-size: var(--global--font-size-sm);
    153     --list--font-family: var(--global--font-secondary);
    154     --definition-term--font-family: var(--global--font-primary);
    155112
    156113    /* Colors */
    157     --global--color-black: #000;
    158     --global--color-dark-gray: #28303d;
    159     --global--color-gray: #39414d;
    160     --global--color-light-gray: #f0f0f0;
    161     --global--color-green: #d1e4dd;
    162     --global--color-blue: #d1dfe4;
    163     --global--color-purple: #d1d1e4;
    164     --global--color-red: #e4d1d1;
    165     --global--color-orange: #e4dad1;
    166     --global--color-yellow: #eeeadd;
    167     --global--color-white: #fff;
    168     --global--color-white-50: rgba(255, 255, 255, 0.5);
    169     --global--color-white-90: rgba(255, 255, 255, 0.9);
    170     --global--color-primary: var(--global--color-dark-gray);
    171114
    172115    /* Body text color, site title, footer text color. */
    173     --global--color-secondary: var(--global--color-gray);
    174116
    175117    /* Headings */
    176     --global--color-primary-hover: var(--global--color-primary);
    177     --global--color-background: var(--global--color-green);
    178118
    179119    /* Mint, default body background */
    180     --global--color-border: var(--global--color-primary);
    181120
    182121    /* Used for borders (separators) */
    183122
    184123    /* Spacing */
    185     --global--spacing-unit: 20px;
    186     --global--spacing-measure: unset;
    187     --global--spacing-horizontal: 25px;
    188     --global--spacing-vertical: 30px;
    189124
    190125    /* Elevation */
    191     --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    192126
    193127    /* Forms */
    194     --form--font-family: var(--global--font-secondary);
    195     --form--font-size: var(--global--font-size-sm);
    196     --form--line-height: var(--global--line-height-body);
    197     --form--color-text: var(--global--color-dark-gray);
    198     --form--color-ranged: var(--global--color-secondary);
    199     --form--label-weight: 500;
    200     --form--border-color: var(--global--color-secondary);
    201     --form--border-width: 3px;
    202     --form--border-radius: 0;
    203     --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
    204128
    205129    /* Cover block */
    206     --cover--height: calc(15 * var(--global--spacing-vertical));
    207     --cover--color-foreground: var(--global--color-white);
    208     --cover--color-background: var(--global--color-black);
    209130
    210131    /* Buttons */
    211     --button--color-text: var(--global--color-background);
    212     --button--color-text-hover: var(--global--color-secondary);
    213     --button--color-text-active: var(--global--color-secondary);
    214     --button--color-background: var(--global--color-secondary);
    215     --button--color-background-active: var(--global--color-background);
    216     --button--font-family: var(--global--font-primary);
    217     --button--font-size: var(--global--font-size-base);
    218     --button--font-weight: 500;
    219     --button--line-height: 1.5;
    220     --button--border-width: 3px;
    221     --button--border-radius: 0;
    222     --button--padding-vertical: 15px;
    223     --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
    224132
    225133    /* entry */
    226     --entry-header--color: var(--global--color-primary);
    227     --entry-header--color-link: currentColor;
    228     --entry-header--color-hover: var(--global--color-primary-hover);
    229     --entry-header--color-focus: var(--global--color-secondary);
    230     --entry-header--font-size: var(--heading--font-size-h2);
    231     --entry-content--font-family: var(--global--font-secondary);
    232     --entry-author-bio--font-family: var(--heading--font-family);
    233     --entry-author-bio--font-size: var(--heading--font-size-h4);
    234134
    235135    /* Header */
    236     --branding--color-text: var(--global--color-primary);
    237     --branding--color-link: var(--global--color-primary);
    238     --branding--color-link-hover: var(--global--color-secondary);
    239     --branding--title--font-family: var(--global--font-primary);
    240     --branding--title--font-size: var(--global--font-size-lg);
    241     --branding--title--font-size-mobile: var(--heading--font-size-h4);
    242     --branding--title--font-weight: normal;
    243     --branding--title--text-transform: uppercase;
    244     --branding--description--font-family: var(--global--font-secondary);
    245     --branding--description--font-size: var(--global--font-size-sm);
    246     --branding--description--font-family: var(--global--font-secondary);
    247     --branding--logo--max-width: 300px;
    248     --branding--logo--max-height: 100px;
    249     --branding--logo--max-width-mobile: 96px;
    250     --branding--logo--max-height-mobile: 96px;
    251136
    252137    /* Main navigation */
    253     --primary-nav--font-family: var(--global--font-secondary);
    254     --primary-nav--font-family-mobile: var(--global--font-primary);
    255     --primary-nav--font-size: var(--global--font-size-md);
    256     --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
    257     --primary-nav--font-size-mobile: var(--global--font-size-sm);
    258     --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
    259     --primary-nav--font-size-button: var(--global--font-size-xs);
    260     --primary-nav--font-style: normal;
    261     --primary-nav--font-style-sub-menu-mobile: normal;
    262     --primary-nav--font-weight: normal;
    263     --primary-nav--font-weight-button: 500;
    264     --primary-nav--color-link: var(--global--color-primary);
    265     --primary-nav--color-link-hover: var(--global--color-primary-hover);
    266     --primary-nav--color-text: var(--global--color-primary);
    267     --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    268     --primary-nav--border-color: var(--global--color-primary);
    269138
    270139    /* Pagination */
    271     --pagination--color-text: var(--global--color-primary);
    272     --pagination--color-link-hover: var(--global--color-primary-hover);
    273     --pagination--font-family: var(--global--font-secondary);
    274     --pagination--font-size: var(--global--font-size-lg);
    275     --pagination--font-weight: normal;
    276     --pagination--font-weight-strong: 600;
    277140
    278141    /* Footer */
    279     --footer--color-text: var(--global--color-primary);
    280     --footer--color-link: var(--global--color-primary);
    281     --footer--color-link-hover: var(--global--color-primary-hover);
    282     --footer--font-family: var(--global--font-primary);
    283     --footer--font-size: var(--global--font-size-sm);
    284142
    285143    /* Block: Pull quote */
    286     --pullquote--font-family: var(--global--font-primary);
    287     --pullquote--font-size: var(--heading--font-size-h3);
    288     --pullquote--font-style: normal;
    289     --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    290     --pullquote--line-height: var(--global--line-height-heading);
    291     --pullquote--border-width: 3px;
    292     --pullquote--border-color: var(--global--color-primary);
    293     --pullquote--color-foreground: var(--global--color-primary);
    294     --pullquote--color-background: var(--global--color-background);
    295     --quote--font-family: var(--global--font-secondary);
    296     --quote--font-size: var(--global--font-size-md);
    297     --quote--font-size-large: var(--global--font-size-xl);
    298     --quote--font-style: normal;
    299     --quote--font-weight: 700;
    300     --quote--font-weight-strong: bolder;
    301     --quote--font-style-large: normal;
    302     --quote--font-style-cite: normal;
    303     --quote--line-height: var(--global--line-height-body);
    304     --quote--line-height-large: 1.35;
    305     --separator--border-color: var(--global--color-border);
    306     --separator--height: 1px;
    307144
    308145    /* Block: Table */
    309     --table--stripes-border-color: var(--global--color-light-gray);
    310     --table--stripes-background-color: var(--global--color-light-gray);
    311     --table--has-background-text-color: var(--global--color-dark-gray);
    312146
    313147    /* Widgets */
    314     --widget--line-height-list: 1.9;
    315     --widget--line-height-title: 1.4;
    316     --widget--font-weight-title: 700;
    317     --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
    318148
    319149    /* Admin-bar height */
    320     --global--admin-bar--height: 0;
    321 }
    322 
    323 .admin-bar {
    324     --global--admin-bar--height: 32px;
    325 }
    326 @media only screen and (max-width: 782px) {
    327 
    328     .admin-bar {
    329         --global--admin-bar--height: 46px;
    330     }
    331 }
    332 
    333 @media only screen and (min-width: 652px) {
    334 
    335     :root {
    336         --global--font-size-xl: 2.5rem;
    337         --global--font-size-xxl: 6rem;
    338         --global--font-size-xxxl: 9rem;
    339         --heading--font-size-h3: 2rem;
    340         --heading--font-size-h2: 3rem;
    341     }
    342150}
    343151
     
    732540 * Root Media Query Variables
    733541 */
    734 :root {
    735     --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
    736     --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
    737     --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
    738     --responsive--alignfull-width: 100%;
    739     --responsive--alignright-margin: var(--global--spacing-horizontal);
    740     --responsive--alignleft-margin: var(--global--spacing-horizontal);
    741 }
    742 
    743 @media only screen and (min-width: 482px) {
    744 
    745     :root {
    746         --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
    747         --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
    748         --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    749         --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
    750     }
    751 }
    752 @media only screen and (min-width: 822px) {
    753 
    754     :root {
    755         --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
    756         --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
    757     }
    758 }
    759542
    760543/**
    761544 * Extends
    762545 */
    763 .post-thumbnail,
    764 .entry-content .wp-audio-shortcode,
    765 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
    766 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
    767 .default-max-width {
    768     max-width: var(--responsive--aligndefault-width);
     546.post-thumbnail {
     547    max-width: calc(100vw - 30px);
    769548    margin-left: auto;
    770549    margin-right: auto;
    771550}
    772 
    773 .widget-area,
    774 .pagination,
    775 .comments-pagination,
    776 .post-navigation,
    777 .site-footer,
    778 .site-header,
    779 .alignwide,
    780 .wide-max-width {
    781     max-width: var(--responsive--alignwide-width);
     551@media only screen and (min-width: 482px) {
     552
     553    .post-thumbnail {
     554        max-width: min(calc(100vw - 100px), 610px);
     555    }
     556}
     557@media only screen and (min-width: 822px) {
     558
     559    .post-thumbnail {
     560        max-width: min(calc(100vw - 200px), 610px);
     561    }
     562}
     563
     564.entry-content .wp-audio-shortcode {
     565    max-width: calc(100vw - 30px);
    782566    margin-left: auto;
    783567    margin-right: auto;
    784568}
    785 
    786 .alignfull,
    787 .wp-block-group .wp-block-group__inner-container > *.alignfull,
    788 .full-max-width {
    789     max-width: var(--responsive--alignfull-width);
    790     width: var(--responsive--alignfull-width);
     569@media only screen and (min-width: 482px) {
     570
     571    .entry-content .wp-audio-shortcode {
     572        max-width: min(calc(100vw - 100px), 610px);
     573    }
     574}
     575@media only screen and (min-width: 822px) {
     576
     577    .entry-content .wp-audio-shortcode {
     578        max-width: min(calc(100vw - 200px), 610px);
     579    }
     580}
     581
     582.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     583    max-width: calc(100vw - 30px);
    791584    margin-left: auto;
    792585    margin-right: auto;
    793586}
    794 
    795587@media only screen and (min-width: 482px) {
    796588
    797     .alignfull,
    798     .full-max-width {
    799         max-width: var(--responsive--alignfull-width);
     589    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     590        max-width: min(calc(100vw - 100px), 610px);
     591    }
     592}
     593@media only screen and (min-width: 822px) {
     594
     595    .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     596        max-width: min(calc(100vw - 200px), 610px);
     597    }
     598}
     599
     600*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     601    max-width: calc(100vw - 30px);
     602    margin-left: auto;
     603    margin-right: auto;
     604}
     605@media only screen and (min-width: 482px) {
     606
     607    *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     608        max-width: min(calc(100vw - 100px), 610px);
     609    }
     610}
     611@media only screen and (min-width: 822px) {
     612
     613    *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
     614        max-width: min(calc(100vw - 200px), 610px);
     615    }
     616}
     617
     618.default-max-width {
     619    max-width: calc(100vw - 30px);
     620    margin-left: auto;
     621    margin-right: auto;
     622}
     623@media only screen and (min-width: 482px) {
     624
     625    .default-max-width {
     626        max-width: min(calc(100vw - 100px), 610px);
     627    }
     628}
     629@media only screen and (min-width: 822px) {
     630
     631    .default-max-width {
     632        max-width: min(calc(100vw - 200px), 610px);
     633    }
     634}
     635
     636.widget-area {
     637    max-width: calc(100vw - 30px);
     638    margin-left: auto;
     639    margin-right: auto;
     640}
     641
     642@media only screen and (min-width: 482px) {
     643
     644    .widget-area {
     645        max-width: calc(100vw - 100px);
     646    }
     647}
     648
     649@media only screen and (min-width: 822px) {
     650
     651    .widget-area {
     652        max-width: min(calc(100vw - 200px), 1240px);
     653    }
     654}
     655
     656.pagination {
     657    max-width: calc(100vw - 30px);
     658    margin-left: auto;
     659    margin-right: auto;
     660}
     661
     662@media only screen and (min-width: 482px) {
     663
     664    .pagination {
     665        max-width: calc(100vw - 100px);
     666    }
     667}
     668
     669@media only screen and (min-width: 822px) {
     670
     671    .pagination {
     672        max-width: min(calc(100vw - 200px), 1240px);
     673    }
     674}
     675
     676.comments-pagination {
     677    max-width: calc(100vw - 30px);
     678    margin-left: auto;
     679    margin-right: auto;
     680}
     681
     682@media only screen and (min-width: 482px) {
     683
     684    .comments-pagination {
     685        max-width: calc(100vw - 100px);
     686    }
     687}
     688
     689@media only screen and (min-width: 822px) {
     690
     691    .comments-pagination {
     692        max-width: min(calc(100vw - 200px), 1240px);
     693    }
     694}
     695
     696.post-navigation {
     697    max-width: calc(100vw - 30px);
     698    margin-left: auto;
     699    margin-right: auto;
     700}
     701
     702@media only screen and (min-width: 482px) {
     703
     704    .post-navigation {
     705        max-width: calc(100vw - 100px);
     706    }
     707}
     708
     709@media only screen and (min-width: 822px) {
     710
     711    .post-navigation {
     712        max-width: min(calc(100vw - 200px), 1240px);
     713    }
     714}
     715
     716.site-footer {
     717    max-width: calc(100vw - 30px);
     718    margin-left: auto;
     719    margin-right: auto;
     720}
     721
     722@media only screen and (min-width: 482px) {
     723
     724    .site-footer {
     725        max-width: calc(100vw - 100px);
     726    }
     727}
     728
     729@media only screen and (min-width: 822px) {
     730
     731    .site-footer {
     732        max-width: min(calc(100vw - 200px), 1240px);
     733    }
     734}
     735
     736.site-header {
     737    max-width: calc(100vw - 30px);
     738    margin-left: auto;
     739    margin-right: auto;
     740}
     741
     742@media only screen and (min-width: 482px) {
     743
     744    .site-header {
     745        max-width: calc(100vw - 100px);
     746    }
     747}
     748
     749@media only screen and (min-width: 822px) {
     750
     751    .site-header {
     752        max-width: min(calc(100vw - 200px), 1240px);
     753    }
     754}
     755
     756.alignwide {
     757    max-width: calc(100vw - 30px);
     758    margin-left: auto;
     759    margin-right: auto;
     760}
     761
     762@media only screen and (min-width: 482px) {
     763
     764    .alignwide {
     765        max-width: calc(100vw - 100px);
     766    }
     767}
     768
     769@media only screen and (min-width: 822px) {
     770
     771    .alignwide {
     772        max-width: min(calc(100vw - 200px), 1240px);
     773    }
     774}
     775
     776.wide-max-width {
     777    max-width: calc(100vw - 30px);
     778    margin-left: auto;
     779    margin-right: auto;
     780}
     781
     782@media only screen and (min-width: 482px) {
     783
     784    .wide-max-width {
     785        max-width: calc(100vw - 100px);
     786    }
     787}
     788
     789@media only screen and (min-width: 822px) {
     790
     791    .wide-max-width {
     792        max-width: min(calc(100vw - 200px), 1240px);
     793    }
     794}
     795
     796.alignfull {
     797    max-width: 100%;
     798    width: 100%;
     799    margin-left: auto;
     800    margin-right: auto;
     801}
     802
     803.wp-block-group .wp-block-group__inner-container > *.alignfull {
     804    max-width: 100%;
     805    width: 100%;
     806    margin-left: auto;
     807    margin-right: auto;
     808}
     809
     810.full-max-width {
     811    max-width: 100%;
     812    width: 100%;
     813    margin-left: auto;
     814    margin-right: auto;
     815}
     816
     817@media only screen and (min-width: 482px) {
     818
     819    .alignfull {
     820        max-width: 100%;
    800821        width: auto;
    801822        margin-left: auto;
    802823        margin-right: auto;
    803824    }
    804 }
    805 
    806 .entry-header .post-thumbnail,
    807 .singular .post-thumbnail,
    808 .alignfull [class*=inner-container] > .alignwide,
     825
     826    .full-max-width {
     827        max-width: 100%;
     828        width: auto;
     829        margin-left: auto;
     830        margin-right: auto;
     831    }
     832}
     833
     834.entry-header .post-thumbnail {
     835    margin-left: auto;
     836    margin-right: auto;
     837    width: calc(100vw - 30px);
     838    max-width: 100%;
     839}
     840@media only screen and (min-width: 482px) {
     841
     842    .entry-header .post-thumbnail {
     843        width: calc(100vw - 100px);
     844    }
     845}
     846@media only screen and (min-width: 822px) {
     847
     848    .entry-header .post-thumbnail {
     849        width: min(calc(100vw - 200px), 1240px);
     850    }
     851}
     852
     853.singular .post-thumbnail {
     854    margin-left: auto;
     855    margin-right: auto;
     856    width: calc(100vw - 30px);
     857    max-width: 100%;
     858}
     859@media only screen and (min-width: 482px) {
     860
     861    .singular .post-thumbnail {
     862        width: calc(100vw - 100px);
     863    }
     864}
     865@media only screen and (min-width: 822px) {
     866
     867    .singular .post-thumbnail {
     868        width: min(calc(100vw - 200px), 1240px);
     869    }
     870}
     871
     872.alignfull [class*=inner-container] > .alignwide {
     873    margin-left: auto;
     874    margin-right: auto;
     875    width: calc(100vw - 30px);
     876    max-width: 100%;
     877}
     878@media only screen and (min-width: 482px) {
     879
     880    .alignfull [class*=inner-container] > .alignwide {
     881        width: calc(100vw - 100px);
     882    }
     883}
     884@media only screen and (min-width: 822px) {
     885
     886    .alignfull [class*=inner-container] > .alignwide {
     887        width: min(calc(100vw - 200px), 1240px);
     888    }
     889}
     890
    809891.alignwide [class*=inner-container] > .alignwide {
    810892    margin-left: auto;
    811893    margin-right: auto;
    812     width: var(--responsive--alignwide-width);
    813     max-width: var(--responsive--alignfull-width);
    814 }
    815 
     894    width: calc(100vw - 30px);
     895    max-width: 100%;
     896}
    816897@media only screen and (min-width: 482px) {
    817898
     899    .alignwide [class*=inner-container] > .alignwide {
     900        width: calc(100vw - 100px);
     901    }
     902}
     903@media only screen and (min-width: 822px) {
     904
     905    .alignwide [class*=inner-container] > .alignwide {
     906        width: min(calc(100vw - 200px), 1240px);
     907    }
     908}
     909
     910@media only screen and (min-width: 482px) {
     911
    818912    .entry-content > .alignleft {
    819913
    820914        /*rtl:ignore*/
    821         margin-left: var(--responsive--alignleft-margin);
     915        margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
    822916
    823917        /*rtl:ignore*/
    824         margin-right: var(--global--spacing-horizontal);
     918        margin-right: 25px;
     919    }
     920    @media only screen and (min-width: 482px) {
     921
     922        .entry-content > .alignleft {
     923            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     924        }
     925    }
     926    @media only screen and (min-width: 482px) {
     927
     928        .entry-content > .alignleft {
     929            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     930        }
     931    }
     932    @media only screen and (min-width: 822px) {
     933
     934        .entry-content > .alignleft {
     935            margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     936        }
    825937    }
    826938}
     
    830942
    831943        /*rtl:ignore*/
    832         margin-left: var(--global--spacing-horizontal);
     944        margin-left: 25px;
    833945
    834946        /*rtl:ignore*/
    835         margin-right: var(--responsive--alignright-margin);
     947        margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     948    }
     949    @media only screen and (min-width: 482px) {
     950
     951        .entry-content > .alignright {
     952            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     953        }
     954    }
     955    @media only screen and (min-width: 482px) {
     956
     957        .entry-content > .alignright {
     958            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     959        }
     960    }
     961    @media only screen and (min-width: 822px) {
     962
     963        .entry-content > .alignright {
     964            margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);
     965        }
    836966    }
    837967}
     
    850980 * - Set vertical padding and horizontal margins
    851981 */
    852 .site-header,
    853 .site-main,
    854 .widget-area,
    855 .site-footer {
    856     padding-top: var(--global--spacing-vertical);
    857     padding-bottom: var(--global--spacing-vertical);
     982.site-header {
     983    padding-top: 30px;
     984    padding-bottom: 30px;
    858985    margin-left: auto;
    859986    margin-right: auto;
    860987}
    861988
     989.site-main {
     990    padding-top: 30px;
     991    padding-bottom: 30px;
     992    margin-left: auto;
     993    margin-right: auto;
     994}
     995
     996.widget-area {
     997    padding-top: 30px;
     998    padding-bottom: 30px;
     999    margin-left: auto;
     1000    margin-right: auto;
     1001}
     1002
     1003.site-footer {
     1004    padding-top: 30px;
     1005    padding-bottom: 30px;
     1006    margin-left: auto;
     1007    margin-right: auto;
     1008}
     1009
    8621010.site-header {
    863     padding-top: calc(0.75 * var(--global--spacing-vertical));
    864     padding-bottom: calc(2 * var(--global--spacing-vertical));
     1011    padding-top: 23px;
     1012    padding-bottom: 60px;
    8651013}
    8661014@media only screen and (min-width: 482px) {
    8671015
    8681016    .site-header {
    869         padding-bottom: calc(3 * var(--global--spacing-vertical));
     1017        padding-bottom: 90px;
    8701018    }
    8711019}
     
    8761024 */
    8771025.site-main > * {
    878     margin-top: calc(3 * var(--global--spacing-vertical));
    879     margin-bottom: calc(3 * var(--global--spacing-vertical));
     1026    margin-top: 90px;
     1027    margin-bottom: 90px;
    8801028}
    8811029
     
    9041052 * - Set margins
    9051053 */
    906 .entry-header,
    907 .post-thumbnail,
    908 .entry-content,
    909 .entry-footer,
     1054.entry-header {
     1055    margin-top: 30px;
     1056    margin-right: auto;
     1057    margin-bottom: 30px;
     1058    margin-left: auto;
     1059}
     1060
     1061.post-thumbnail {
     1062    margin-top: 30px;
     1063    margin-right: auto;
     1064    margin-bottom: 30px;
     1065    margin-left: auto;
     1066}
     1067
     1068.entry-content {
     1069    margin-top: 30px;
     1070    margin-right: auto;
     1071    margin-bottom: 30px;
     1072    margin-left: auto;
     1073}
     1074
     1075.entry-footer {
     1076    margin-top: 30px;
     1077    margin-right: auto;
     1078    margin-bottom: 30px;
     1079    margin-left: auto;
     1080}
     1081
    9101082.author-bio {
    911     margin-top: var(--global--spacing-vertical);
     1083    margin-top: 30px;
    9121084    margin-right: auto;
    913     margin-bottom: var(--global--spacing-vertical);
     1085    margin-bottom: 30px;
    9141086    margin-left: auto;
    9151087}
     
    9191091 * - Sets spacing-vertical margin logic
    9201092 */
    921 .site-main > article > *,
    922 .site-main > .not-found > *,
    923 .entry-content > *,
    924 [class*=inner-container] > *,
     1093.site-main > article > * {
     1094    margin-top: 20px;
     1095    margin-bottom: 20px;
     1096}
     1097
     1098.site-main > .not-found > * {
     1099    margin-top: 20px;
     1100    margin-bottom: 20px;
     1101}
     1102
     1103.entry-content > * {
     1104    margin-top: 20px;
     1105    margin-bottom: 20px;
     1106}
     1107
     1108[class*=inner-container] > * {
     1109    margin-top: 20px;
     1110    margin-bottom: 20px;
     1111}
     1112
    9251113.wp-block-template-part > * {
    926     margin-top: calc(0.666 * var(--global--spacing-vertical));
    927     margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     1114    margin-top: 20px;
     1115    margin-bottom: 20px;
    9281116}
    9291117@media only screen and (min-width: 482px) {
    9301118
    931     .site-main > article > *,
    932     .site-main > .not-found > *,
    933     .entry-content > *,
    934     [class*=inner-container] > *,
     1119    .site-main > article > * {
     1120        margin-top: 30px;
     1121        margin-bottom: 30px;
     1122    }
     1123
     1124    .site-main > .not-found > * {
     1125        margin-top: 30px;
     1126        margin-bottom: 30px;
     1127    }
     1128
     1129    .entry-content > * {
     1130        margin-top: 30px;
     1131        margin-bottom: 30px;
     1132    }
     1133
     1134    [class*=inner-container] > * {
     1135        margin-top: 30px;
     1136        margin-bottom: 30px;
     1137    }
     1138
    9351139    .wp-block-template-part > * {
    936         margin-top: var(--global--spacing-vertical);
    937         margin-bottom: var(--global--spacing-vertical);
     1140        margin-top: 30px;
     1141        margin-bottom: 30px;
    9381142    }
    9391143}
     
    9551159}
    9561160
    957 .site-footer > *,
     1161.site-footer > * {
     1162    margin-top: 20px;
     1163    margin-bottom: 20px;
     1164}
     1165
    9581166.widget-area > * {
    959     margin-top: calc(0.666 * var(--global--spacing-vertical));
    960     margin-bottom: calc(0.666 * var(--global--spacing-vertical));
     1167    margin-top: 20px;
     1168    margin-bottom: 20px;
    9611169}
    9621170@media only screen and (min-width: 482px) {
    9631171
    964     .site-footer > *,
     1172    .site-footer > * {
     1173        margin-top: 30px;
     1174        margin-bottom: 30px;
     1175    }
     1176
    9651177    .widget-area > * {
    966         margin-top: var(--global--spacing-vertical);
    967         margin-bottom: var(--global--spacing-vertical);
     1178        margin-top: 30px;
     1179        margin-bottom: 30px;
    9681180    }
    9691181}
     
    9731185 * - Sets spacing-unit margins
    9741186 */
    975 .entry-header > *,
    976 .post-thumbnail > *,
    977 .page-content > *,
    978 .comment-content > *,
     1187.entry-header > * {
     1188    margin-top: 20px;
     1189    margin-bottom: 20px;
     1190}
     1191
     1192.post-thumbnail > * {
     1193    margin-top: 20px;
     1194    margin-bottom: 20px;
     1195}
     1196
     1197.page-content > * {
     1198    margin-top: 20px;
     1199    margin-bottom: 20px;
     1200}
     1201
     1202.comment-content > * {
     1203    margin-top: 20px;
     1204    margin-bottom: 20px;
     1205}
     1206
    9791207.widget > * {
    980     margin-top: var(--global--spacing-unit);
    981     margin-bottom: var(--global--spacing-unit);
     1208    margin-top: 20px;
     1209    margin-bottom: 20px;
    9821210}
    9831211
     
    10201248}
    10211249
    1022 .entry-content > *.alignfull + .alignleft,
     1250.entry-content > *.alignfull + .alignleft {
     1251    margin-top: 30px;
     1252}
     1253
    10231254.entry-content > *.alignfull + .alignright {
    1024     margin-top: var(--global--spacing-vertical);
     1255    margin-top: 30px;
    10251256}
    10261257
     
    10671298    /* Apply border-box across the entire page. */
    10681299    box-sizing: border-box;
    1069     font-family: var(--global--font-secondary);
    1070     line-height: var(--global--line-height-body);
     1300    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1301    line-height: 1.7;
    10711302}
    10721303
     
    10811312
    10821313body {
    1083     font-size: var(--global--font-size-base);
     1314    font-size: 1.25rem;
    10841315    font-weight: normal;
    1085     color: var(--global--color-primary);
     1316    color: #28303d;
    10861317    text-align: left;
    1087     background-color: var(--global--color-background);
     1318    background-color: #d1e4dd;
    10881319}
    10891320
     
    11221353    padding: 0;
    11231354    position: relative;
    1124     margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
     1355    margin: 30px 0 30px 25px;
    11251356}
    11261357
    11271358blockquote > * {
    1128     margin-top: var(--global--spacing-unit);
    1129     margin-bottom: var(--global--spacing-unit);
     1359    margin-top: 20px;
     1360    margin-bottom: 20px;
    11301361}
    11311362
     
    11391370
    11401371blockquote p {
    1141     letter-spacing: var(--heading--letter-spacing-h4);
    1142     font-family: var(--quote--font-family);
    1143     font-size: var(--quote--font-size);
    1144     font-style: var(--quote--font-style);
    1145     font-weight: var(--quote--font-weight);
    1146     line-height: var(--quote--line-height);
    1147 }
    1148 
    1149 blockquote cite,
     1372    letter-spacing: normal;
     1373    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1374    font-size: 1.25rem;
     1375    font-style: normal;
     1376    font-weight: 700;
     1377    line-height: 1.7;
     1378}
     1379
     1380blockquote cite {
     1381    font-weight: normal;
     1382    color: #28303d;
     1383    font-size: 1rem;
     1384    letter-spacing: normal;
     1385}
     1386
    11501387blockquote footer {
    11511388    font-weight: normal;
    1152     color: var(--global--color-primary);
    1153     font-size: var(--global--font-size-xs);
    1154     letter-spacing: var(--global--letter-spacing);
     1389    color: #28303d;
     1390    font-size: 1rem;
     1391    letter-spacing: normal;
    11551392}
    11561393
     
    11601397}
    11611398
    1162 blockquote.alignleft p,
    1163 blockquote.alignright p {
    1164     font-size: var(--heading--font-size-h5);
     1399blockquote.alignleft p {
     1400    font-size: 1.125rem;
    11651401    max-width: inherit;
    11661402    width: inherit;
    11671403}
    11681404
    1169 blockquote.alignleft cite,
    1170 blockquote.alignleft footer,
    1171 blockquote.alignright cite,
     1405blockquote.alignright p {
     1406    font-size: 1.125rem;
     1407    max-width: inherit;
     1408    width: inherit;
     1409}
     1410
     1411blockquote.alignleft cite {
     1412    font-size: 1rem;
     1413    letter-spacing: normal;
     1414}
     1415
     1416blockquote.alignleft footer {
     1417    font-size: 1rem;
     1418    letter-spacing: normal;
     1419}
     1420
     1421blockquote.alignright cite {
     1422    font-size: 1rem;
     1423    letter-spacing: normal;
     1424}
     1425
    11721426blockquote.alignright footer {
    1173     font-size: var(--global--font-size-xs);
    1174     letter-spacing: var(--global--letter-spacing);
     1427    font-size: 1rem;
     1428    letter-spacing: normal;
    11751429}
    11761430
    11771431blockquote strong {
    1178     font-weight: var(--quote--font-weight-strong);
     1432    font-weight: bolder;
    11791433}
    11801434
    11811435blockquote:before {
    11821436    content: "“";
    1183     font-size: var(--quote--font-size);
    1184     line-height: var(--quote--line-height);
    1185 }
    1186 
    1187 blockquote .wp-block-quote__citation,
    1188 blockquote cite,
     1437    font-size: 1.25rem;
     1438    line-height: 1.7;
     1439}
     1440
     1441blockquote .wp-block-quote__citation {
     1442    color: #28303d;
     1443    font-size: 1rem;
     1444    font-style: normal;
     1445}
     1446
     1447blockquote cite {
     1448    color: #28303d;
     1449    font-size: 1rem;
     1450    font-style: normal;
     1451}
     1452
    11891453blockquote footer {
    1190     color: var(--global--color-primary);
    1191     font-size: var(--global--font-size-xs);
    1192     font-style: var(--quote--font-style-cite);
     1454    color: #28303d;
     1455    font-size: 1rem;
     1456    font-style: normal;
    11931457}
    11941458@media only screen and (max-width: 481px) {
    11951459
    11961460    blockquote {
    1197         padding-left: calc(0.5 * var(--global--spacing-horizontal));
     1461        padding-left: 13px;
    11981462    }
    11991463
     
    12031467}
    12041468
    1205 input[type=text],
    1206 input[type=email],
    1207 input[type=url],
    1208 input[type=password],
    1209 input[type=search],
    1210 input[type=number],
    1211 input[type=tel],
    1212 input[type=date],
    1213 input[type=month],
    1214 input[type=week],
    1215 input[type=time],
    1216 input[type=datetime],
    1217 input[type=datetime-local],
    1218 input[type=color],
     1469input[type=text] {
     1470    border: 3px solid #39414d;
     1471    border-radius: 0;
     1472    color: #28303d;
     1473    line-height: 1.7;
     1474    padding: 10px;
     1475    margin: 0 2px;
     1476}
     1477
     1478input[type=email] {
     1479    border: 3px solid #39414d;
     1480    border-radius: 0;
     1481    color: #28303d;
     1482    line-height: 1.7;
     1483    padding: 10px;
     1484    margin: 0 2px;
     1485}
     1486
     1487input[type=url] {
     1488    border: 3px solid #39414d;
     1489    border-radius: 0;
     1490    color: #28303d;
     1491    line-height: 1.7;
     1492    padding: 10px;
     1493    margin: 0 2px;
     1494}
     1495
     1496input[type=password] {
     1497    border: 3px solid #39414d;
     1498    border-radius: 0;
     1499    color: #28303d;
     1500    line-height: 1.7;
     1501    padding: 10px;
     1502    margin: 0 2px;
     1503}
     1504
     1505input[type=search] {
     1506    border: 3px solid #39414d;
     1507    border-radius: 0;
     1508    color: #28303d;
     1509    line-height: 1.7;
     1510    padding: 10px;
     1511    margin: 0 2px;
     1512}
     1513
     1514input[type=number] {
     1515    border: 3px solid #39414d;
     1516    border-radius: 0;
     1517    color: #28303d;
     1518    line-height: 1.7;
     1519    padding: 10px;
     1520    margin: 0 2px;
     1521}
     1522
     1523input[type=tel] {
     1524    border: 3px solid #39414d;
     1525    border-radius: 0;
     1526    color: #28303d;
     1527    line-height: 1.7;
     1528    padding: 10px;
     1529    margin: 0 2px;
     1530}
     1531
     1532input[type=date] {
     1533    border: 3px solid #39414d;
     1534    border-radius: 0;
     1535    color: #28303d;
     1536    line-height: 1.7;
     1537    padding: 10px;
     1538    margin: 0 2px;
     1539}
     1540
     1541input[type=month] {
     1542    border: 3px solid #39414d;
     1543    border-radius: 0;
     1544    color: #28303d;
     1545    line-height: 1.7;
     1546    padding: 10px;
     1547    margin: 0 2px;
     1548}
     1549
     1550input[type=week] {
     1551    border: 3px solid #39414d;
     1552    border-radius: 0;
     1553    color: #28303d;
     1554    line-height: 1.7;
     1555    padding: 10px;
     1556    margin: 0 2px;
     1557}
     1558
     1559input[type=time] {
     1560    border: 3px solid #39414d;
     1561    border-radius: 0;
     1562    color: #28303d;
     1563    line-height: 1.7;
     1564    padding: 10px;
     1565    margin: 0 2px;
     1566}
     1567
     1568input[type=datetime] {
     1569    border: 3px solid #39414d;
     1570    border-radius: 0;
     1571    color: #28303d;
     1572    line-height: 1.7;
     1573    padding: 10px;
     1574    margin: 0 2px;
     1575}
     1576
     1577input[type=datetime-local] {
     1578    border: 3px solid #39414d;
     1579    border-radius: 0;
     1580    color: #28303d;
     1581    line-height: 1.7;
     1582    padding: 10px;
     1583    margin: 0 2px;
     1584}
     1585
     1586input[type=color] {
     1587    border: 3px solid #39414d;
     1588    border-radius: 0;
     1589    color: #28303d;
     1590    line-height: 1.7;
     1591    padding: 10px;
     1592    margin: 0 2px;
     1593}
     1594
    12191595.site textarea {
    1220     border: var(--form--border-width) solid var(--form--border-color);
    1221     border-radius: var(--form--border-radius);
    1222     color: var(--form--color-text);
    1223     line-height: var(--global--line-height-body);
    1224     padding: var(--form--spacing-unit);
     1596    border: 3px solid #39414d;
     1597    border-radius: 0;
     1598    color: #28303d;
     1599    line-height: 1.7;
     1600    padding: 10px;
    12251601    margin: 0 2px;
    12261602}
    12271603
    1228 input[type=text]:focus,
    1229 input[type=email]:focus,
    1230 input[type=url]:focus,
    1231 input[type=password]:focus,
    1232 input[type=search]:focus,
    1233 input[type=number]:focus,
    1234 input[type=tel]:focus,
    1235 input[type=date]:focus,
    1236 input[type=month]:focus,
    1237 input[type=week]:focus,
    1238 input[type=time]:focus,
    1239 input[type=datetime]:focus,
    1240 input[type=datetime-local]:focus,
    1241 input[type=color]:focus,
     1604input[type=text]:focus {
     1605    color: #28303d;
     1606    outline-offset: 2px;
     1607    outline: 2px dotted #39414d;
     1608}
     1609
     1610input[type=email]:focus {
     1611    color: #28303d;
     1612    outline-offset: 2px;
     1613    outline: 2px dotted #39414d;
     1614}
     1615
     1616input[type=url]:focus {
     1617    color: #28303d;
     1618    outline-offset: 2px;
     1619    outline: 2px dotted #39414d;
     1620}
     1621
     1622input[type=password]:focus {
     1623    color: #28303d;
     1624    outline-offset: 2px;
     1625    outline: 2px dotted #39414d;
     1626}
     1627
     1628input[type=search]:focus {
     1629    color: #28303d;
     1630    outline-offset: 2px;
     1631    outline: 2px dotted #39414d;
     1632}
     1633
     1634input[type=number]:focus {
     1635    color: #28303d;
     1636    outline-offset: 2px;
     1637    outline: 2px dotted #39414d;
     1638}
     1639
     1640input[type=tel]:focus {
     1641    color: #28303d;
     1642    outline-offset: 2px;
     1643    outline: 2px dotted #39414d;
     1644}
     1645
     1646input[type=date]:focus {
     1647    color: #28303d;
     1648    outline-offset: 2px;
     1649    outline: 2px dotted #39414d;
     1650}
     1651
     1652input[type=month]:focus {
     1653    color: #28303d;
     1654    outline-offset: 2px;
     1655    outline: 2px dotted #39414d;
     1656}
     1657
     1658input[type=week]:focus {
     1659    color: #28303d;
     1660    outline-offset: 2px;
     1661    outline: 2px dotted #39414d;
     1662}
     1663
     1664input[type=time]:focus {
     1665    color: #28303d;
     1666    outline-offset: 2px;
     1667    outline: 2px dotted #39414d;
     1668}
     1669
     1670input[type=datetime]:focus {
     1671    color: #28303d;
     1672    outline-offset: 2px;
     1673    outline: 2px dotted #39414d;
     1674}
     1675
     1676input[type=datetime-local]:focus {
     1677    color: #28303d;
     1678    outline-offset: 2px;
     1679    outline: 2px dotted #39414d;
     1680}
     1681
     1682input[type=color]:focus {
     1683    color: #28303d;
     1684    outline-offset: 2px;
     1685    outline: 2px dotted #39414d;
     1686}
     1687
    12421688.site textarea:focus {
    1243     color: var(--form--color-text);
     1689    color: #28303d;
    12441690    outline-offset: 2px;
    1245     outline: 2px dotted var(--form--border-color);
     1691    outline: 2px dotted #39414d;
    12461692}
    12471693
     
    12641710}
    12651711
    1266 .is-dark-theme input[type=text],
    1267 .is-dark-theme input[type=email],
    1268 .is-dark-theme input[type=url],
    1269 .is-dark-theme input[type=password],
    1270 .is-dark-theme input[type=search],
    1271 .is-dark-theme input[type=number],
    1272 .is-dark-theme input[type=tel],
    1273 .is-dark-theme input[type=date],
    1274 .is-dark-theme input[type=month],
    1275 .is-dark-theme input[type=week],
    1276 .is-dark-theme input[type=time],
    1277 .is-dark-theme input[type=datetime],
    1278 .is-dark-theme input[type=datetime-local],
    1279 .is-dark-theme input[type=color],
     1712.is-dark-theme input[type=text] {
     1713    background: rgba(255, 255, 255, 0.9);
     1714}
     1715
     1716.is-dark-theme input[type=email] {
     1717    background: rgba(255, 255, 255, 0.9);
     1718}
     1719
     1720.is-dark-theme input[type=url] {
     1721    background: rgba(255, 255, 255, 0.9);
     1722}
     1723
     1724.is-dark-theme input[type=password] {
     1725    background: rgba(255, 255, 255, 0.9);
     1726}
     1727
     1728.is-dark-theme input[type=search] {
     1729    background: rgba(255, 255, 255, 0.9);
     1730}
     1731
     1732.is-dark-theme input[type=number] {
     1733    background: rgba(255, 255, 255, 0.9);
     1734}
     1735
     1736.is-dark-theme input[type=tel] {
     1737    background: rgba(255, 255, 255, 0.9);
     1738}
     1739
     1740.is-dark-theme input[type=date] {
     1741    background: rgba(255, 255, 255, 0.9);
     1742}
     1743
     1744.is-dark-theme input[type=month] {
     1745    background: rgba(255, 255, 255, 0.9);
     1746}
     1747
     1748.is-dark-theme input[type=week] {
     1749    background: rgba(255, 255, 255, 0.9);
     1750}
     1751
     1752.is-dark-theme input[type=time] {
     1753    background: rgba(255, 255, 255, 0.9);
     1754}
     1755
     1756.is-dark-theme input[type=datetime] {
     1757    background: rgba(255, 255, 255, 0.9);
     1758}
     1759
     1760.is-dark-theme input[type=datetime-local] {
     1761    background: rgba(255, 255, 255, 0.9);
     1762}
     1763
     1764.is-dark-theme input[type=color] {
     1765    background: rgba(255, 255, 255, 0.9);
     1766}
     1767
    12801768.is-dark-theme .site textarea {
    1281     background: var(--global--color-white-90);
     1769    background: rgba(255, 255, 255, 0.9);
    12821770}
    12831771
     
    12871775
    12881776.is-dark-theme input[type=search]:focus {
    1289     outline-color: var(--global--color-background);
     1777    outline-color: #d1e4dd;
    12901778}
    12911779
    12921780input[type=color] {
    1293     padding: calc(var(--form--spacing-unit) / 2);
    1294     height: calc(4 * var(--form--spacing-unit));
     1781    padding: 5px;
     1782    height: 40px;
    12951783}
    12961784
     
    13031791
    13041792select {
    1305     border: var(--form--border-width) solid var(--form--border-color);
    1306     color: var(--form--color-text);
     1793    border: 3px solid #39414d;
     1794    color: #28303d;
    13071795    -moz-appearance: none;
    13081796    -webkit-appearance: none;
    13091797    appearance: none;
    1310     line-height: var(--global--line-height-body);
    1311     padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
    1312     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;
    1313     background-position: right var(--form--spacing-unit) top 60%;
     1798    line-height: 1.7;
     1799    padding: 10px 30px 10px 10px;
     1800    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;
     1801    background-position: right 10px top 60%;
    13141802}
    13151803
    13161804select:focus {
    13171805    outline-offset: 2px;
    1318     outline: 2px dotted var(--form--border-color);
     1806    outline: 2px dotted #39414d;
    13191807}
    13201808
    13211809.is-dark-theme select {
    1322     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;
    1323     background-position: right var(--form--spacing-unit) top 60%;
     1810    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;
     1811    background-position: right 10px top 60%;
    13241812}
    13251813
     
    13291817
    13301818label {
    1331     font-size: var(--form--font-size);
    1332     font-weight: var(--form--label-weight);
    1333     margin-bottom: calc(var(--global--spacing-vertical) / 3);
     1819    font-size: 1.125rem;
     1820    font-weight: 500;
     1821    margin-bottom: 10px;
    13341822}
    13351823
     
    13411829@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    13421830
    1343     input[type=checkbox],
     1831    input[type=checkbox] {
     1832        -webkit-appearance: none;
     1833        -moz-appearance: none;
     1834        position: relative;
     1835        width: 25px;
     1836        height: 25px;
     1837        border: 3px solid #39414d;
     1838        background: #fff;
     1839    }
     1840
    13441841    input[type=radio] {
    13451842        -webkit-appearance: none;
     
    13481845        width: 25px;
    13491846        height: 25px;
    1350         border: var(--form--border-width) solid var(--form--border-color);
    1351         background: var(--global--color-white);
     1847        border: 3px solid #39414d;
     1848        background: #fff;
    13521849    }
    13531850
     
    13571854    }
    13581855
    1359     .is-dark-theme input[type=checkbox],
     1856    .is-dark-theme input[type=checkbox] {
     1857        background: rgba(255, 255, 255, 0.9);
     1858    }
     1859
    13601860    .is-dark-theme input[type=radio] {
    1361         background: var(--global--color-white-90);
     1861        background: rgba(255, 255, 255, 0.9);
    13621862    }
    13631863
    13641864    input[type=checkbox]:focus {
    13651865        outline-offset: 2px;
    1366         outline: 2px dotted var(--form--border-color);
     1866        outline: 2px dotted #39414d;
    13671867    }
    13681868
     
    13761876        width: 7px;
    13771877        height: 13px;
    1378         border: 3px solid var(--form--color-text);
     1878        border: 3px solid #28303d;
    13791879        border-top: 0;
    13801880        border-left: 0;
     
    13831883
    13841884    input[type=checkbox]:checked {
    1385         color: var(--form--color-text);
     1885        color: #28303d;
    13861886    }
    13871887
     
    13961896    input[type=radio]:focus {
    13971897        outline-offset: 2px;
    1398         outline: 2px dotted var(--form--border-color);
     1898        outline: 2px dotted #39414d;
    13991899    }
    14001900
     
    14091909        height: 11px;
    14101910        border-radius: 50%;
    1411         background: var(--form--color-text);
     1911        background: #28303d;
    14121912    }
    14131913
    14141914    input[type=radio]:checked {
    1415         border: 4px solid var(--form--border-color);
     1915        border: 4px solid #39414d;
    14161916    }
    14171917
     
    14221922    input[type=radio]:checked:focus {
    14231923        outline-offset: 4px;
    1424         outline: 2px dotted var(--form--border-color);
    1425     }
    1426 }
    1427 
    1428 input[type=checkbox] + label,
     1924        outline: 2px dotted #39414d;
     1925    }
     1926}
     1927
     1928input[type=checkbox] + label {
     1929    display: inline-block;
     1930    padding-left: 10px;
     1931    font-size: 1rem;
     1932    vertical-align: top;
     1933}
     1934
    14291935input[type=radio] + label {
    14301936    display: inline-block;
    14311937    padding-left: 10px;
    1432     font-size: var(--global--font-size-xs);
     1938    font-size: 1rem;
    14331939    vertical-align: top;
    14341940}
     
    14471953        /* Specific width is required for Firefox. */
    14481954        height: 6px;
    1449         background: var(--form--color-ranged);
     1955        background: #39414d;
    14501956        border-radius: 6px;
    14511957        outline-offset: 10px;
     
    14581964    input[type=range]::-webkit-slider-thumb {
    14591965        -webkit-appearance: none;
    1460         border: 3px solid var(--form--color-ranged);
     1966        border: 3px solid #39414d;
    14611967        height: 25px;
    14621968        width: 25px;
    14631969        border-radius: 50%;
    1464         background: var(--global--color-background);
     1970        background: #d1e4dd;
    14651971        cursor: pointer;
    14661972    }
    14671973
    14681974    input[type=range]::-moz-range-thumb {
    1469         border: 3px solid var(--form--color-ranged);
     1975        border: 3px solid #39414d;
    14701976        height: 25px;
    14711977        width: 25px;
    14721978        border-radius: 50%;
    1473         background: var(--global--color-background);
     1979        background: #d1e4dd;
    14741980        cursor: pointer;
    14751981    }
     
    14811987    border-radius: 6px;
    14821988    border-width: 19px 0;
    1483     border-color: var(--global--color-background);
     1989    border-color: #d1e4dd;
    14841990    background: transparent;
    14851991    color: transparent;
     
    14881994
    14891995input[type=range]::-ms-fill-upper {
    1490     background: var(--form--color-ranged);
     1996    background: #39414d;
    14911997    border-radius: 6px;
    14921998}
    14931999
    14942000input[type=range]::-ms-fill-lower {
    1495     background: var(--form--color-ranged);
     2001    background: #39414d;
    14962002    border-radius: 6px;
    14972003}
    14982004
    14992005input[type=range]::-ms-thumb {
    1500     border: 3px solid var(--form--color-ranged);
     2006    border: 3px solid #39414d;
    15012007    height: 25px;
    15022008    width: 25px;
    15032009    border-radius: 50%;
    1504     background: var(--global--color-background);
     2010    background: #d1e4dd;
    15052011    cursor: pointer;
    15062012}
     
    15082014fieldset {
    15092015    display: grid;
    1510     border-color: var(--global--color-secondary);
    1511     padding: var(--global--spacing-horizontal);
     2016    border-color: #39414d;
     2017    padding: 25px;
    15122018}
    15132019
    15142020fieldset legend {
    1515     font-size: var(--global--font-size-lg);
     2021    font-size: 1.5rem;
    15162022}
    15172023
     
    15212027
    15222028fieldset input:not([type=submit]) {
    1523     margin-bottom: var(--global--spacing-unit);
     2029    margin-bottom: 20px;
    15242030}
    15252031
     
    15292035}
    15302036
    1531 fieldset input[type=radio] + label,
     2037fieldset input[type=radio] + label {
     2038    font-size: 1.125rem;
     2039    padding-left: 0;
     2040    margin-bottom: 20px;
     2041}
     2042
    15322043fieldset input[type=checkbox] + label {
    1533     font-size: var(--form--font-size);
     2044    font-size: 1.125rem;
    15342045    padding-left: 0;
    1535     margin-bottom: var(--global--spacing-unit);
     2046    margin-bottom: 20px;
    15362047}
    15372048
     
    15412052
    15422053.post-password-message {
    1543     font-size: var(--global--font-size-lg);
     2054    font-size: 1.5rem;
    15442055}
    15452056
     
    15562067.post-password-form input[type=password] {
    15572068    flex-grow: 1;
    1558     margin-top: calc(var(--global--spacing-vertical) / 3);
    1559     margin-right: calc(0.66 * var(--global--spacing-horizontal));
     2069    margin-top: 10px;
     2070    margin-right: 17px;
    15602071}
    15612072
    15622073.post-password-form__submit {
    1563     margin-top: calc(var(--global--spacing-vertical) / 3);
     2074    margin-top: 10px;
    15642075}
    15652076@media only screen and (min-width: 592px) {
    15662077
    15672078    .post-password-form__submit {
    1568         margin-left: calc(0.4 * var(--global--spacing-horizontal));
     2079        margin-left: 10px;
    15692080    }
    15702081}
     
    15902101
    15912102/* Media captions */
    1592 figcaption,
    1593 .wp-caption,
     2103figcaption {
     2104    color: currentColor;
     2105    font-size: 1rem;
     2106    line-height: 1.7;
     2107    margin-top: 10px;
     2108    margin-bottom: 20px;
     2109    text-align: center;
     2110}
     2111
     2112.wp-caption {
     2113    color: currentColor;
     2114    font-size: 1rem;
     2115    line-height: 1.7;
     2116    margin-top: 10px;
     2117    margin-bottom: 20px;
     2118    text-align: center;
     2119}
     2120
    15942121.wp-caption-text {
    15952122    color: currentColor;
    1596     font-size: var(--global--font-size-xs);
    1597     line-height: var(--global--line-height-body);
    1598     margin-top: calc(0.5 * var(--global--spacing-unit));
    1599     margin-bottom: var(--global--spacing-unit);
     2123    font-size: 1rem;
     2124    line-height: 1.7;
     2125    margin-top: 10px;
     2126    margin-bottom: 20px;
    16002127    text-align: center;
    16012128}
     
    16452172a {
    16462173    cursor: pointer;
    1647     color: var(--wp--style--color--link, var(--global--color-primary));
     2174    color: #28303d;
    16482175    text-underline-offset: 3px;
    16492176    text-decoration-skip-ink: all;
     
    16622189}
    16632190
    1664 .is-dark-theme .site a:focus,
     2191.is-dark-theme .site a:focus {
     2192    color: #d1e4dd;
     2193}
     2194
    16652195.is-dark-theme .site a:focus .meta-nav {
    1666     color: var(--wp--style--color--link, var(--global--color-background));
     2196    color: #d1e4dd;
    16672197}
    16682198
    16692199.has-background-white .site a:focus {
    16702200    background: rgba(0, 0, 0, 0.9);
    1671     color: var(--wp--style--color--link, var(--global--color-white));
     2201    color: #fff;
    16722202}
    16732203
    16742204.has-background-white .site a:focus .meta-nav {
    1675     color: var(--wp--style--color--link, var(--global--color-white));
     2205    color: #fff;
    16762206}
    16772207
     
    16892219
    16902220.site a:focus img {
    1691     outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    1692 }
    1693 
    1694 .h