[Summary view] [Print] [Text view]

   1  @charset "UTF-8";
   2  
   3  /**
   4   * These styles should be loaded by the Block Editor only
   5   */
   6  
   7  /* Variables */
   8  :root {
   9  
  10      /* 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);
  13  
  14      /* 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;
  25  
  26      /* Line Height */
  27      --global--line-height-body: 1.7;
  28      --global--line-height-heading: 1.3;
  29      --global--line-height-page-title: 1.1;
  30  
  31      /* 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;
  54  
  55      /* 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);
  62  
  63      /* 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); /* Body text color, site title, footer text color. */
  78      --global--color-secondary: var(--global--color-gray); /* Headings */
  79      --global--color-primary-hover: var(--global--color-primary);
  80      --global--color-background: var(--global--color-green); /* Mint, default body background */
  81      --global--color-border: var(--global--color-primary); /* Used for borders (separators) */
  82  
  83      /* Spacing */
  84      --global--spacing-unit: 20px;
  85      --global--spacing-measure: unset;
  86      --global--spacing-horizontal: 25px;
  87      --global--spacing-vertical: 30px;
  88  
  89      /* Elevation */
  90      --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  91  
  92      /* Forms */
  93      --form--font-family: var(--global--font-secondary);
  94      --form--font-size: var(--global--font-size-sm);
  95      --form--line-height: var(--global--line-height-body);
  96      --form--color-text: var(--global--color-dark-gray);
  97      --form--color-ranged: var(--global--color-secondary);
  98      --form--label-weight: 500;
  99      --form--border-color: var(--global--color-secondary);
 100      --form--border-width: 3px;
 101      --form--border-radius: 0;
 102      --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
 103  
 104      /* Cover block */
 105      --cover--height: calc(15 * var(--global--spacing-vertical));
 106      --cover--color-foreground: var(--global--color-white);
 107      --cover--color-background: var(--global--color-black);
 108  
 109      /* Buttons */
 110      --button--color-text: var(--global--color-background);
 111      --button--color-text-hover: var(--global--color-secondary);
 112      --button--color-text-active: var(--global--color-secondary);
 113      --button--color-background: var(--global--color-secondary);
 114      --button--color-background-active: var(--global--color-background);
 115      --button--font-family: var(--global--font-primary);
 116      --button--font-size: var(--global--font-size-base);
 117      --button--font-weight: 500;
 118      --button--line-height: 1.5;
 119      --button--border-width: 3px;
 120      --button--border-radius: 0;
 121      --button--padding-vertical: 15px;
 122      --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
 123  
 124      /* entry */
 125      --entry-header--color: var(--global--color-primary);
 126      --entry-header--color-link: currentColor;
 127      --entry-header--color-hover: var(--global--color-primary-hover);
 128      --entry-header--color-focus: var(--global--color-secondary);
 129      --entry-header--font-size: var(--heading--font-size-h2);
 130      --entry-content--font-family: var(--global--font-secondary);
 131      --entry-author-bio--font-family: var(--heading--font-family);
 132      --entry-author-bio--font-size: var(--heading--font-size-h4);
 133  
 134      /* Header */
 135      --branding--color-text: var(--global--color-primary);
 136      --branding--color-link: var(--global--color-primary);
 137      --branding--color-link-hover: var(--global--color-secondary);
 138      --branding--title--font-family: var(--global--font-primary);
 139      --branding--title--font-size: var(--global--font-size-lg);
 140      --branding--title--font-size-mobile: var(--heading--font-size-h4);
 141      --branding--title--font-weight: normal;
 142      --branding--title--text-transform: uppercase;
 143      --branding--description--font-family: var(--global--font-secondary);
 144      --branding--description--font-size: var(--global--font-size-sm);
 145      --branding--logo--max-width: 300px;
 146      --branding--logo--max-height: 100px;
 147      --branding--logo--max-width-mobile: 96px;
 148      --branding--logo--max-height-mobile: 96px;
 149  
 150      /* Main navigation */
 151      --primary-nav--font-family: var(--global--font-secondary);
 152      --primary-nav--font-family-mobile: var(--global--font-primary);
 153      --primary-nav--font-size: var(--global--font-size-md);
 154      --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
 155      --primary-nav--font-size-mobile: var(--global--font-size-sm);
 156      --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
 157      --primary-nav--font-size-button: var(--global--font-size-xs);
 158      --primary-nav--font-style: normal;
 159      --primary-nav--font-style-sub-menu-mobile: normal;
 160      --primary-nav--font-weight: normal;
 161      --primary-nav--font-weight-button: 500;
 162      --primary-nav--color-link: var(--global--color-primary);
 163      --primary-nav--color-link-hover: var(--global--color-primary-hover);
 164      --primary-nav--color-text: var(--global--color-primary);
 165      --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
 166      --primary-nav--border-color: var(--global--color-primary);
 167  
 168      /* Pagination */
 169      --pagination--color-text: var(--global--color-primary);
 170      --pagination--color-link-hover: var(--global--color-primary-hover);
 171      --pagination--font-family: var(--global--font-secondary);
 172      --pagination--font-size: var(--global--font-size-lg);
 173      --pagination--font-weight: normal;
 174      --pagination--font-weight-strong: 600;
 175  
 176      /* Footer */
 177      --footer--color-text: var(--global--color-primary);
 178      --footer--color-link: var(--global--color-primary);
 179      --footer--color-link-hover: var(--global--color-primary-hover);
 180      --footer--font-family: var(--global--font-primary);
 181      --footer--font-size: var(--global--font-size-sm);
 182  
 183      /* Block: Pull quote */
 184      --pullquote--font-family: var(--global--font-primary);
 185      --pullquote--font-size: var(--heading--font-size-h3);
 186      --pullquote--font-style: normal;
 187      --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
 188      --pullquote--line-height: var(--global--line-height-heading);
 189      --pullquote--border-width: 3px;
 190      --pullquote--border-color: var(--global--color-primary);
 191      --pullquote--color-foreground: var(--global--color-primary);
 192      --pullquote--color-background: var(--global--color-background);
 193      --quote--font-family: var(--global--font-secondary);
 194      --quote--font-size: var(--global--font-size-md);
 195      --quote--font-size-large: var(--global--font-size-xl);
 196      --quote--font-style: normal;
 197      --quote--font-weight: 700;
 198      --quote--font-weight-strong: bolder;
 199      --quote--font-style-large: normal;
 200      --quote--font-style-cite: normal;
 201      --quote--line-height: var(--global--line-height-body);
 202      --quote--line-height-large: 1.35;
 203      --separator--border-color: var(--global--color-border);
 204      --separator--height: 1px;
 205  
 206      /* Block: Table */
 207      --table--stripes-border-color: var(--global--color-light-gray);
 208      --table--stripes-background-color: var(--global--color-light-gray);
 209      --table--has-background-text-color: var(--global--color-dark-gray);
 210  
 211      /* Widgets */
 212      --widget--line-height-list: 1.9;
 213      --widget--line-height-title: 1.4;
 214      --widget--font-weight-title: 700;
 215      --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
 216  
 217      /* Admin-bar height */
 218      --global--admin-bar--height: 0px;
 219  }
 220  
 221  .admin-bar {
 222      --global--admin-bar--height: 32px;
 223  }
 224  @media only screen and (max-width: 782px) {
 225  
 226      .admin-bar {
 227          --global--admin-bar--height: 46px;
 228      }
 229  }
 230  
 231  @media only screen and (min-width: 652px) {
 232  
 233      :root {
 234          --global--font-size-xl: 2.5rem;
 235          --global--font-size-xxl: 6rem;
 236          --global--font-size-xxxl: 9rem;
 237          --heading--font-size-h3: 2rem;
 238          --heading--font-size-h2: 3rem;
 239      }
 240  }
 241  
 242  /**
 243   * Responsive Styles
 244   */
 245  
 246  /**
 247   * Required Variables
 248   */
 249  
 250  /**
 251   * Root Media Query Variables
 252   */
 253  :root {
 254      --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
 255      --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
 256      --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 257      --responsive--alignfull-width: 100%;
 258      --responsive--alignright-margin: var(--global--spacing-horizontal);
 259      --responsive--alignleft-margin: var(--global--spacing-horizontal);
 260  }
 261  
 262  @media only screen and (min-width: 482px) {
 263  
 264      :root {
 265          --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
 266          --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
 267          --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
 268          --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
 269      }
 270  }
 271  @media only screen and (min-width: 822px) {
 272  
 273      :root {
 274          --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
 275          --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
 276      }
 277  }
 278  
 279  /**
 280   * Extends
 281   */
 282  .default-max-width {
 283      max-width: var(--responsive--aligndefault-width);
 284      margin-left: auto;
 285      margin-right: auto;
 286  }
 287  
 288  .wide-max-width {
 289      max-width: var(--responsive--alignwide-width);
 290      margin-left: auto;
 291      margin-right: auto;
 292  }
 293  
 294  @media only screen and (min-width: 482px) {
 295  
 296      .full-max-width {
 297          max-width: var(--responsive--alignfull-width);
 298          width: auto;
 299          margin-left: auto;
 300          margin-right: auto;
 301      }
 302  }
 303  
 304  b,
 305  strong {
 306      font-weight: 700;
 307  }
 308  
 309  blockquote {
 310      padding: 0;
 311      position: relative;
 312      margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
 313  }
 314  
 315  blockquote > * {
 316      margin-top: var(--global--spacing-unit);
 317      margin-bottom: var(--global--spacing-unit);
 318  }
 319  
 320  blockquote > *:first-child {
 321      margin-top: 0;
 322  }
 323  
 324  blockquote > *:last-child {
 325      margin-bottom: 0;
 326  }
 327  
 328  blockquote p {
 329      letter-spacing: var(--heading--letter-spacing-h4);
 330      font-family: var(--quote--font-family);
 331      font-size: var(--quote--font-size);
 332      font-style: var(--quote--font-style);
 333      font-weight: var(--quote--font-weight);
 334      line-height: var(--quote--line-height);
 335  }
 336  
 337  blockquote cite,
 338  blockquote footer {
 339      font-weight: normal;
 340      color: var(--global--color-primary);
 341      letter-spacing: var(--global--letter-spacing);
 342  }
 343  
 344  blockquote.alignleft,
 345  blockquote.alignright {
 346      padding-left: inherit;
 347  }
 348  
 349  blockquote.alignleft p,
 350  blockquote.alignright p {
 351      font-size: var(--heading--font-size-h5);
 352      max-width: inherit;
 353      width: inherit;
 354  }
 355  
 356  blockquote.alignleft cite,
 357  blockquote.alignleft footer,
 358  blockquote.alignright cite,
 359  blockquote.alignright footer {
 360      font-size: var(--global--font-size-xs);
 361      letter-spacing: var(--global--letter-spacing);
 362  }
 363  
 364  blockquote strong {
 365      font-weight: var(--quote--font-weight-strong);
 366  }
 367  
 368  blockquote:before {
 369      content: "“";
 370      position: absolute;
 371      left: calc(-0.5 * var(--global--spacing-horizontal));
 372  }
 373  
 374  blockquote .wp-block-quote__citation,
 375  blockquote cite,
 376  blockquote footer {
 377      color: var(--global--color-primary);
 378      font-style: var(--quote--font-style-cite);
 379  }
 380  @media only screen and (max-width: 481.98px) {
 381  
 382      blockquote {
 383          padding-left: calc(0.5 * var(--global--spacing-horizontal));
 384      }
 385  
 386      blockquote:before {
 387          left: 0;
 388      }
 389  }
 390  
 391  img {
 392      height: auto;
 393      max-width: 100%;
 394      vertical-align: middle;
 395  }
 396  
 397  /* Classic editor images */
 398  .entry-content img {
 399      max-width: 100%;
 400  }
 401  
 402  /* Make sure embeds and iframes fit their containers. */
 403  embed,
 404  iframe,
 405  object,
 406  video {
 407      max-width: 100%;
 408  }
 409  
 410  /* Media captions */
 411  figcaption,
 412  .wp-caption,
 413  .wp-caption-text,
 414  .wp-block-embed figcaption {
 415      color: currentColor;
 416      font-size: var(--global--font-size-xs);
 417      line-height: var(--global--line-height-body);
 418      margin-top: calc(0.5 * var(--global--spacing-unit));
 419      margin-bottom: var(--global--spacing-unit);
 420      text-align: center;
 421  }
 422  
 423  .alignleft figcaption,
 424  .alignright figcaption,
 425  .alignleft .wp-caption,
 426  .alignright .wp-caption,
 427  .alignleft .wp-caption-text,
 428  .alignright .wp-caption-text,
 429  .alignleft .wp-block-embed figcaption,
 430  .alignright .wp-block-embed figcaption {
 431      margin-bottom: 0;
 432  }
 433  
 434  /* WP Smiley */
 435  .page-content .wp-smiley,
 436  .entry-content .wp-smiley,
 437  .comment-content .wp-smiley {
 438      border: none;
 439      margin-bottom: 0;
 440      margin-top: 0;
 441      padding: 0;
 442  }
 443  
 444  select,
 445  select:focus {
 446      border: var(--form--border-width) solid var(--form--border-color);
 447      border-radius: var(--form--border-radius);
 448      color: var(--form--color-text);
 449      font-size: var(--form--font-size);
 450      -moz-appearance: none;
 451      -webkit-appearance: none;
 452      appearance: none;
 453      padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
 454      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;
 455      background-position: right var(--form--spacing-unit) top 60%;
 456  }
 457  
 458  /*
 459   * text-underline-offset doesn't work in Chrome at all 👎
 460   * But looks nice in Safari/Firefox, so let's keep it and
 461   * maybe Chrome will support it soon.
 462   */
 463  a {
 464      cursor: pointer;
 465      color: var(--wp--style--color--link, var(--global--color-primary));
 466      text-underline-offset: 3px;
 467      text-decoration-skip-ink: all;
 468  }
 469  
 470  a:hover {
 471      text-decoration-style: dotted;
 472      text-decoration-skip-ink: none;
 473  }
 474  
 475  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
 476  
 477      /* Only visible in Windows High Contrast mode */
 478      outline: 2px solid transparent;
 479      text-decoration: underline 1px dotted currentColor;
 480      text-decoration-skip-ink: none;
 481      background: rgba(255, 255, 255, 0.9);
 482  }
 483  
 484  .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
 485      background: var(--global--color-black);
 486      color: var(--global--color-white);
 487      text-decoration: none;
 488  }
 489  
 490  .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
 491      color: var(--wp--style--color--link, var(--global--color-white));
 492  }
 493  
 494  .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
 495      background: rgba(0, 0, 0, 0.9);
 496      color: var(--wp--style--color--link, var(--global--color-white));
 497  }
 498  
 499  .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
 500      color: var(--wp--style--color--link, var(--global--color-white));
 501  }
 502  
 503  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
 504  
 505      /* Only visible in Windows High Contrast mode */
 506      outline: 2px solid transparent;
 507      outline-offset: -2px;
 508  }
 509  
 510  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
 511      color: #21759b;
 512      background-color: #f1f1f1;
 513  }
 514  
 515  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
 516      background: none;
 517  }
 518  
 519  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
 520      outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
 521  }
 522  
 523  .has-background .has-link-color a,
 524  .has-background.has-link-color a {
 525      color: var(--wp--style--color--link, var(--global--color-primary));
 526  }
 527  
 528  .wp-block-button__link {
 529      border: var(--button--border-width) solid transparent;
 530      border-radius: var(--button--border-radius);
 531      cursor: pointer;
 532      font-weight: var(--button--font-weight);
 533      font-family: var(--button--font-family);
 534      font-size: var(--button--font-size);
 535      line-height: var(--button--line-height);
 536      padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 537      text-decoration: none;
 538  }
 539  
 540  .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 541      color: var(--global--color-background);
 542  }
 543  
 544  .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 545      color: var(--local--color-background, var(--global--color-primary));
 546  }
 547  
 548  .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
 549      color: var(--global--color-primary);
 550  }
 551  
 552  .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
 553      background-color: var(--global--color-primary);
 554  }
 555  
 556  .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
 557      background-color: var(--local--color-primary, var(--global--color-primary));
 558  }
 559  
 560  .wp-block-button__link:hover,
 561  .wp-block-button__link:active {
 562      background-color: transparent;
 563      border-color: currentColor;
 564      color: inherit;
 565  }
 566  
 567  .wp-block-button__link:focus {
 568      outline-offset: -6px;
 569      outline: 2px dotted currentColor;
 570  }
 571  
 572  .wp-block-button__link:disabled {
 573      background-color: var(--global--color-white-50);
 574      border-color: var(--global--color-white-50);
 575      color: var(--button--color-text-active);
 576  }
 577  
 578  /**
 579   * Block Options
 580   */
 581  .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 582      color: var(--global--color-background);
 583  }
 584  
 585  .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 586      color: var(--local--color-background, var(--global--color-background));
 587  }
 588  
 589  .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
 590      color: var(--global--color-primary);
 591  }
 592  
 593  .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
 594      background-color: var(--global--color-primary);
 595  }
 596  
 597  .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
 598      background-color: var(--local--color-primary, var(--global--color-primary));
 599  }
 600  
 601  .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
 602  .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
 603      border-color: currentColor !important;
 604      background-color: transparent !important;
 605      color: inherit !important;
 606  }
 607  
 608  .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus {
 609      outline-offset: inherit;
 610      outline: inherit;
 611  }
 612  
 613  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
 614  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
 615  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
 616      border-color: currentColor;
 617  }
 618  
 619  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 620      color: var(--global--color-primary);
 621  }
 622  
 623  .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
 624      color: var(--local--color-primary, var(--global--color-primary));
 625  }
 626  
 627  .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
 628      color: inherit;
 629  }
 630  
 631  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
 632      background-color: transparent;
 633  }
 634  
 635  .wp-block-button.is-style-outline .wp-block-button__link:hover,
 636  .wp-block-button.is-style-outline .wp-block-button__link:active {
 637      background-color: var(--global--color-primary) !important;
 638      border-color: transparent !important;
 639      color: var(--global--color-background) !important;
 640  }
 641  
 642  .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
 643  .has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
 644      background-color: var(--local--color-primary, var(--global--color-primary)) !important;
 645      color: var(--local--color-background, var(--global--color-background)) !important;
 646  }
 647  
 648  .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
 649  .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
 650      color: var(--local--color-background, var(--global--color-background)) !important;
 651  }
 652  
 653  .wp-block-button.is-style-outline .wp-block-button__link:focus {
 654      outline-offset: inherit;
 655      outline: inherit;
 656  }
 657  
 658  .wp-block-button.is-style-squared {
 659      border-radius: 0;
 660  }
 661  
 662  .is-style-outline .wp-block-button__link[style*=radius],
 663  .wp-block-button__link[style*=radius] {
 664      outline-offset: 2px;
 665  }
 666  
 667  .wp-block-code code {
 668      white-space: pre !important;
 669      overflow-x: auto;
 670  }
 671  
 672  .wp-block-code {
 673      border-color: var(--global--color-border);
 674      border-radius: 0;
 675      border-style: solid;
 676      border-width: 0.1rem;
 677      padding: var(--global--spacing-unit);
 678      color: currentColor;
 679  }
 680  
 681  .wp-block-cover,
 682  .wp-block-cover-image {
 683      background-color: var(--cover--color-background);
 684      min-height: var(--cover--height);
 685      margin-top: inherit;
 686      margin-bottom: inherit;
 687  }
 688  
 689  .wp-block-cover:not(.alignwide):not(.alignfull),
 690  .wp-block-cover-image:not(.alignwide):not(.alignfull) {
 691      clear: both;
 692  }
 693  
 694  [data-align=full] .wp-block-cover,
 695  [data-align=full] .wp-block-cover-image {
 696      margin-top: 0;
 697      margin-bottom: 0;
 698  }
 699  
 700  .wp-block-cover > .wp-block-cover__inner-container > *:first-child,
 701  .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child {
 702      margin-top: 0;
 703  }
 704  
 705  .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender),
 706  .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender) {
 707      margin-bottom: 0;
 708  }
 709  
 710  .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
 711  .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
 712  .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2),
 713  .wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) {
 714      margin-bottom: 0;
 715  }
 716  
 717  .wp-block-cover .wp-block-cover__inner-container,
 718  .wp-block-cover .wp-block-cover-image-text,
 719  .wp-block-cover .wp-block-cover-text,
 720  .wp-block-cover .block-editor-block-list__block,
 721  .wp-block-cover-image .wp-block-cover__inner-container,
 722  .wp-block-cover-image .wp-block-cover-image-text,
 723  .wp-block-cover-image .wp-block-cover-text,
 724  .wp-block-cover-image .block-editor-block-list__block {
 725      color: currentColor;
 726  }
 727  
 728  .wp-block-cover .wp-block-cover__inner-container a,
 729  .wp-block-cover .wp-block-cover-image-text a,
 730  .wp-block-cover .wp-block-cover-text a,
 731  .wp-block-cover .block-editor-block-list__block a,
 732  .wp-block-cover-image .wp-block-cover__inner-container a,
 733  .wp-block-cover-image .wp-block-cover-image-text a,
 734  .wp-block-cover-image .wp-block-cover-text a,
 735  .wp-block-cover-image .block-editor-block-list__block a {
 736      color: currentColor;
 737  }
 738  
 739  .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
 740  .wp-block-cover .wp-block-cover-image-text .has-link-color a,
 741  .wp-block-cover .wp-block-cover-text .has-link-color a,
 742  .wp-block-cover .block-editor-block-list__block .has-link-color a,
 743  .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
 744  .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
 745  .wp-block-cover-image .wp-block-cover-text .has-link-color a,
 746  .wp-block-cover-image .block-editor-block-list__block .has-link-color a {
 747      color: var(--wp--style--color--link, var(--global--color-primary));
 748  }
 749  
 750  .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
 751  .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
 752  .wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
 753  .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block,
 754  .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
 755  .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
 756  .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text,
 757  .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block {
 758      color: var(--cover--color-foreground);
 759  }
 760  
 761  .wp-block-cover h2,
 762  .wp-block-cover-image h2 {
 763      font-size: var(--heading--font-size-h2);
 764      letter-spacing: var(--heading--letter-spacing-h2);
 765      line-height: var(--heading--line-height-h2);
 766      padding: 0;
 767      text-align: inherit;
 768  }
 769  
 770  .wp-block-cover h2.has-text-align-left,
 771  .wp-block-cover-image h2.has-text-align-left {
 772      text-align: left;
 773  }
 774  
 775  .wp-block-cover h2.has-text-align-center,
 776  .wp-block-cover-image h2.has-text-align-center {
 777      text-align: center;
 778  }
 779  
 780  .wp-block-cover h2.has-text-align-right,
 781  .wp-block-cover-image h2.has-text-align-right {
 782      text-align: right;
 783  }
 784  
 785  .wp-block-cover.is-style-twentytwentyone-border,
 786  .wp-block-cover-image.is-style-twentytwentyone-border {
 787      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 788  }
 789  
 790  .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
 791  .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
 792      background-color: unset;
 793  }
 794  
 795  .wp-block-columns:not(.alignwide):not(.alignfull) {
 796      clear: both;
 797  }
 798  
 799  .wp-block-columns .wp-block,
 800  .wp-block-columns .wp-block-column {
 801      max-width: inherit;
 802  }
 803  
 804  .wp-block-columns > .wp-block-column > *:first-child {
 805      margin-top: 0;
 806  }
 807  
 808  .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) {
 809      margin-bottom: 0;
 810  }
 811  
 812  .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2),
 813  .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) {
 814      margin-bottom: 0;
 815  }
 816  @media only screen and (min-width: 652px) {
 817  
 818      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
 819          margin-left: calc(-2 * var(--global--spacing-horizontal));
 820          margin-top: calc(2.5 * var(--global--spacing-horizontal));
 821          z-index: 2;
 822      }
 823  
 824      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
 825      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
 826      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
 827      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
 828      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
 829      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
 830      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
 831      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
 832      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
 833      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
 834          background-color: var(--global--color-background);
 835          padding: var(--global--spacing-unit);
 836      }
 837  
 838      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
 839      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
 840          padding-left: calc(2 * var(--global--spacing-horizontal));
 841      }
 842  
 843      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
 844          margin-top: 0;
 845      }
 846  }
 847  
 848  .wp-block[data-align=full] > .wp-block-columns p:not(.has-background),
 849  .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background),
 850  .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background),
 851  .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background),
 852  .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background),
 853  .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background),
 854  .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) {
 855      padding-left: var(--global--spacing-unit);
 856      padding-right: var(--global--spacing-unit);
 857  }
 858  
 859  .wp-block-file .wp-block-file__textlink {
 860      text-decoration: underline;
 861      text-decoration-style: solid;
 862      text-decoration-thickness: 1px;
 863  }
 864  
 865  .wp-block-file .wp-block-file__textlink:hover {
 866      text-decoration: underline;
 867      text-decoration-style: dotted;
 868  }
 869  
 870  .wp-block-file .wp-block-file__button {
 871      border: var(--button--border-width) solid transparent;
 872      border-radius: var(--button--border-radius);
 873      cursor: pointer;
 874      font-weight: var(--button--font-weight);
 875      font-family: var(--button--font-family);
 876      font-size: var(--button--font-size);
 877      line-height: var(--button--line-height);
 878      padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 879      text-decoration: none;
 880      display: inline-block;
 881  }
 882  
 883  .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
 884      color: var(--global--color-background);
 885  }
 886  
 887  .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
 888      color: var(--local--color-background, var(--global--color-primary));
 889  }
 890  
 891  .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
 892      color: var(--global--color-primary);
 893  }
 894  
 895  .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) {
 896      background-color: var(--global--color-primary);
 897  }
 898  
 899  .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) {
 900      background-color: var(--local--color-primary, var(--global--color-primary));
 901  }
 902  
 903  .wp-block-file .wp-block-file__button:hover,
 904  .wp-block-file .wp-block-file__button:active {
 905      background-color: transparent;
 906      border-color: currentColor;
 907      color: inherit;
 908  }
 909  
 910  .wp-block-file .wp-block-file__button:focus {
 911      outline-offset: -6px;
 912      outline: 2px dotted currentColor;
 913  }
 914  
 915  .wp-block-file .wp-block-file__button:disabled {
 916      background-color: var(--global--color-white-50);
 917      border-color: var(--global--color-white-50);
 918      color: var(--button--color-text-active);
 919  }
 920  
 921  .wp-block-file .wp-block-file__button:focus {
 922      outline-offset: inherit;
 923      outline: inherit;
 924  }
 925  
 926  .wp-block-gallery figcaption {
 927      margin-bottom: 0;
 928  }
 929  
 930  .wp-block-gallery figcaption a {
 931      color: var(--global--color-white);
 932  }
 933  
 934  .wp-block-group.has-background {
 935      padding: var(--global--spacing-vertical);
 936  }
 937  
 938  [data-align=full] .wp-block-group.has-background {
 939      margin-top: 0;
 940      margin-bottom: 0;
 941  }
 942  
 943  .wp-block-group.is-style-twentytwentyone-border {
 944      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 945      padding: var(--global--spacing-vertical);
 946  }
 947  
 948  .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] {
 949      max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
 950      width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
 951      margin-left: calc(-1 * var(--global--spacing-vertical));
 952  }
 953  
 954  .wp-block-group > .wp-block-group__inner-container > *:first-child {
 955      margin-top: 0;
 956  }
 957  
 958  .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) {
 959      margin-bottom: 0;
 960  }
 961  
 962  .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2),
 963  .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) {
 964      margin-bottom: 0;
 965  }
 966  
 967  .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] {
 968      margin: 0;
 969      width: 100%;
 970  }
 971  
 972  .wp-block-heading h1,
 973  h1,
 974  .h1,
 975  .wp-block-heading h2,
 976  h2,
 977  .h2,
 978  .wp-block-heading h3,
 979  h3,
 980  .h3,
 981  .wp-block-heading h4,
 982  h4,
 983  .h4,
 984  .wp-block-heading h5,
 985  h5,
 986  .h5,
 987  .wp-block-heading h6,
 988  h6,
 989  .h6 {
 990      clear: both;
 991      font-family: var(--heading--font-family);
 992      font-weight: var(--heading--font-weight);
 993  }
 994  
 995  .wp-block-heading h1 strong,
 996  h1 strong,
 997  .h1 strong,
 998  .wp-block-heading h2 strong,
 999  h2 strong,
1000  .h2 strong,
1001  .wp-block-heading h3 strong,
1002  h3 strong,
1003  .h3 strong,
1004  .wp-block-heading h4 strong,
1005  h4 strong,
1006  .h4 strong,
1007  .wp-block-heading h5 strong,
1008  h5 strong,
1009  .h5 strong,
1010  .wp-block-heading h6 strong,
1011  h6 strong,
1012  .h6 strong {
1013      font-weight: var(--heading--font-weight-strong);
1014  }
1015  
1016  .wp-block-heading h1[style*="--wp--typography--line-height"],
1017  h1[style*="--wp--typography--line-height"],
1018  .h1[style*="--wp--typography--line-height"],
1019  .wp-block-heading h2[style*="--wp--typography--line-height"],
1020  h2[style*="--wp--typography--line-height"],
1021  .h2[style*="--wp--typography--line-height"],
1022  .wp-block-heading h3[style*="--wp--typography--line-height"],
1023  h3[style*="--wp--typography--line-height"],
1024  .h3[style*="--wp--typography--line-height"],
1025  .wp-block-heading h4[style*="--wp--typography--line-height"],
1026  h4[style*="--wp--typography--line-height"],
1027  .h4[style*="--wp--typography--line-height"],
1028  .wp-block-heading h5[style*="--wp--typography--line-height"],
1029  h5[style*="--wp--typography--line-height"],
1030  .h5[style*="--wp--typography--line-height"],
1031  .wp-block-heading h6[style*="--wp--typography--line-height"],
1032  h6[style*="--wp--typography--line-height"],
1033  .h6[style*="--wp--typography--line-height"] {
1034      line-height: var(--wp--typography--line-height, var(--global--line-height-body));
1035  }
1036  
1037  .wp-block-heading h1,
1038  h1,
1039  .h1 {
1040      font-size: var(--heading--font-size-h1);
1041      letter-spacing: var(--heading--letter-spacing-h1);
1042      line-height: var(--heading--line-height-h1);
1043  }
1044  
1045  .wp-block-heading h2,
1046  h2,
1047  .h2 {
1048      font-size: var(--heading--font-size-h2);
1049      letter-spacing: var(--heading--letter-spacing-h2);
1050      line-height: var(--heading--line-height-h2);
1051  }
1052  
1053  .wp-block-heading h3,
1054  h3,
1055  .h3 {
1056      font-size: var(--heading--font-size-h3);
1057      letter-spacing: var(--heading--letter-spacing-h3);
1058      line-height: var(--heading--line-height-h3);
1059  }
1060  
1061  .wp-block-heading h4,
1062  h4,
1063  .h4 {
1064      font-size: var(--heading--font-size-h4);
1065      font-weight: var(--heading--font-weight-strong);
1066      letter-spacing: var(--heading--letter-spacing-h4);
1067      line-height: var(--heading--line-height-h4);
1068  }
1069  
1070  .wp-block-heading h5,
1071  h5,
1072  .h5 {
1073      font-size: var(--heading--font-size-h5);
1074      font-weight: var(--heading--font-weight-strong);
1075      letter-spacing: var(--heading--letter-spacing-h5);
1076      line-height: var(--heading--line-height-h5);
1077  }
1078  
1079  .wp-block-heading h6,
1080  h6,
1081  .h6 {
1082      font-size: var(--heading--font-size-h6);
1083      font-weight: var(--heading--font-weight-strong);
1084      letter-spacing: var(--heading--letter-spacing-h6);
1085      line-height: var(--heading--line-height-h6);
1086  }
1087  
1088  [data-type="core/html"] textarea {
1089      color: var(--global--color-dark-gray);
1090      border-radius: 0;
1091      padding: var(--global--spacing-unit);
1092  }
1093  
1094  /* Center image block by default in the editor */
1095  .wp-block-image,
1096  .wp-block-image > div:not(.components-placeholder) {
1097      text-align: center;
1098  }
1099  
1100  [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
1101      margin: 0 auto;
1102  }
1103  
1104  /* Block Styles */
1105  .wp-block-image.is-style-twentytwentyone-border img,
1106  .wp-block-image.is-style-twentytwentyone-image-frame img {
1107      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
1108  }
1109  
1110  .wp-block-image.is-style-twentytwentyone-image-frame img {
1111      padding: var(--global--spacing-unit);
1112  }
1113  
1114  .wp-block-latest-comments {
1115      padding-left: 0;
1116  }
1117  
1118  .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
1119      font-size: var(--global--font-size-sm);
1120  }
1121  
1122  .wp-block-latest-comments .wp-block-latest-comments__comment {
1123      line-height: var(--global--line-height-body);
1124  
1125      /* Vertical margins logic */
1126      margin-top: var(--global--spacing-vertical);
1127      margin-bottom: var(--global--spacing-vertical);
1128  }
1129  
1130  .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
1131      margin-top: 0;
1132  }
1133  
1134  .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
1135      margin-bottom: 0;
1136  }
1137  
1138  .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
1139      font-family: var(--heading--font-family);
1140  }
1141  
1142  .wp-block-latest-comments .wp-block-latest-comments__comment-date {
1143      color: inherit;
1144      font-size: inherit;
1145  }
1146  
1147  .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
1148      font-size: inherit;
1149      line-height: var(--global--line-height-body);
1150      margin: 0;
1151  }
1152  
1153  .wp-block-latest-posts {
1154      padding-left: 0;
1155  }
1156  
1157  .wp-block-latest-posts:not(.is-grid) > li {
1158      margin-top: calc(1.666 * var(--global--spacing-vertical));
1159      margin-bottom: calc(1.666 * var(--global--spacing-vertical));
1160  }
1161  
1162  .wp-block-latest-posts:not(.is-grid) > li:first-child {
1163      margin-top: 0;
1164  }
1165  
1166  .wp-block-latest-posts:not(.is-grid) > li:last-child {
1167      margin-bottom: 0;
1168  }
1169  
1170  .wp-block-latest-posts.is-grid {
1171      word-wrap: break-word;
1172      word-break: break-word;
1173  }
1174  
1175  .wp-block-latest-posts.is-grid > li {
1176      margin-bottom: var(--global--spacing-vertical);
1177  }
1178  
1179  .wp-block-latest-posts.is-grid > li:last-child {
1180      margin-bottom: 0;
1181  }
1182  
1183  .wp-block-latest-posts > li > * {
1184      margin-top: calc(0.333 * var(--global--spacing-vertical));
1185      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
1186  }
1187  
1188  .wp-block-latest-posts > li > *:first-child {
1189      margin-top: 0;
1190  }
1191  
1192  .wp-block-latest-posts > li > *:last-child {
1193      margin-bottom: 0;
1194  }
1195  
1196  .wp-block-latest-posts > li > a {
1197      display: inline-block;
1198      font-family: var(--latest-posts--title-font-family);
1199      font-size: var(--latest-posts--title-font-size);
1200      font-weight: var(--heading--font-weight);
1201      line-height: var(--global--line-height-heading);
1202      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
1203  }
1204  
1205  .wp-block-latest-posts .wp-block-latest-posts__post-author {
1206      color: var(--global--color-primary);
1207      font-size: var(--global--font-size-md);
1208      line-height: var(--global--line-height-body);
1209  }
1210  
1211  .wp-block-latest-posts .wp-block-latest-posts__post-date {
1212      color: var(--global--color-primary);
1213      font-size: var(--global--font-size-xs);
1214      line-height: var(--global--line-height-body);
1215  }
1216  
1217  [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
1218  .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
1219      color: currentColor;
1220  }
1221  
1222  .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
1223  .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
1224      font-family: var(--latest-posts--description-font-family);
1225      font-size: var(--latest-posts--description-font-size);
1226      line-height: var(--global--line-height-body);
1227      margin-top: calc(0.666 * var(--global--spacing-vertical));
1228  }
1229  
1230  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
1231      border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
1232      border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
1233  }
1234  
1235  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
1236  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
1237      padding-bottom: var(--global--spacing-vertical);
1238      border-bottom: var(--separator--height) solid var(--global--color-border);
1239      margin-top: var(--global--spacing-vertical);
1240      margin-bottom: var(--global--spacing-vertical);
1241  }
1242  
1243  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
1244  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
1245      padding-bottom: 0;
1246      border-bottom: none;
1247  }
1248  
1249  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
1250      box-shadow: inset 0 -1px 0 0 var(--global--color-border);
1251      border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
1252  }
1253  
1254  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
1255      margin: 0;
1256      padding-top: var(--global--spacing-vertical);
1257      padding-right: var(--global--spacing-horizontal);
1258  }
1259  
1260  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
1261      padding-bottom: var(--global--spacing-vertical);
1262  }
1263  @media screen and (min-width: 600px) {
1264  
1265      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
1266          width: calc(100% / 2);
1267      }
1268  
1269      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
1270          width: calc(100% / 3);
1271      }
1272  
1273      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
1274          width: calc(100% / 4);
1275      }
1276  
1277      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
1278          width: calc(100% / 5);
1279      }
1280  
1281      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
1282          width: calc(100% / 6);
1283      }
1284  }
1285  
1286  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
1287      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
1288      padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
1289  }
1290  
1291  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
1292      padding-bottom: var(--global--spacing-vertical);
1293      margin-bottom: var(--global--spacing-vertical);
1294  }
1295  
1296  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
1297      margin-top: var(--global--spacing-horizontal);
1298      margin-bottom: var(--global--spacing-horizontal);
1299  }
1300  
1301  .gallery-item {
1302      display: inline-block;
1303      text-align: center;
1304      vertical-align: top;
1305      width: 100%;
1306  }
1307  
1308  .gallery-columns-2 .gallery-item {
1309      max-width: 50%;
1310  }
1311  
1312  .gallery-columns-3 .gallery-item {
1313      max-width: 33.33%;
1314  }
1315  
1316  .gallery-columns-4 .gallery-item {
1317      max-width: 25%;
1318  }
1319  
1320  .gallery-columns-5 .gallery-item {
1321      max-width: 20%;
1322  }
1323  
1324  .gallery-columns-6 .gallery-item {
1325      max-width: 16.66%;
1326  }
1327  
1328  .gallery-columns-7 .gallery-item {
1329      max-width: 14.28%;
1330  }
1331  
1332  .gallery-columns-8 .gallery-item {
1333      max-width: 12.5%;
1334  }
1335  
1336  .gallery-columns-9 .gallery-item {
1337      max-width: 11.11%;
1338  }
1339  
1340  .gallery-caption {
1341      display: block;
1342  }
1343  
1344  ul,
1345  ol {
1346      font-family: var(--list--font-family);
1347      margin: var(--global--spacing-vertical) 0;
1348      padding-left: calc(2 * var(--global--spacing-horizontal));
1349  }
1350  
1351  ul.aligncenter,
1352  ol.aligncenter {
1353      list-style-position: inside;
1354      padding: 0;
1355      text-align: center;
1356  }
1357  
1358  ul.alignright,
1359  ol.alignright {
1360      list-style-position: inside;
1361      padding: 0;
1362      text-align: right;
1363  }
1364  
1365  li > ul,
1366  li > ol {
1367      margin: 0;
1368  }
1369  
1370  dt {
1371      font-family: var(--definition-term--font-family);
1372      font-weight: bold;
1373  }
1374  
1375  [data-align=full] .wp-block-media-text {
1376      margin-top: 0;
1377      margin-bottom: 0;
1378  }
1379  
1380  .wp-block-media-text > .wp-block-media-text__content > *:first-child {
1381      margin-top: 0;
1382  }
1383  
1384  .wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender) {
1385      margin-bottom: 0;
1386  }
1387  
1388  .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2),
1389  .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) {
1390      margin-bottom: 0;
1391  }
1392  
1393  .wp-block-media-text .wp-block-media-text__content {
1394      padding: var(--global--spacing-horizontal);
1395  }
1396  
1397  .wp-block-media-text.is-style-twentytwentyone-border {
1398      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
1399  }
1400  
1401  .wp-block-navigation [data-block] {
1402      margin-top: revert;
1403      margin-bottom: revert;
1404  }
1405  
1406  .wp-block-navigation .wp-block-navigation__container {
1407      background: var(--global--color-background);
1408  }
1409  
1410  .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
1411      font-family: var(--primary-nav--font-family);
1412      font-size: var(--primary-nav--font-size);
1413      font-weight: var(--primary-nav--font-weight);
1414  }
1415  
1416  .wp-block-navigation .has-child .wp-block-navigation__container {
1417      box-shadow: var(--global--elevation);
1418  }
1419  
1420  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
1421  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
1422      color: var(--primary-nav--color-link-hover);
1423  }
1424  
1425  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
1426      color: currentColor;
1427  }
1428  
1429  p {
1430      line-height: var(--wp--typography--line-height, var(--global--line-height-body));
1431  }
1432  
1433  p.has-background {
1434      padding: var(--global--spacing-unit);
1435  }
1436  
1437  pre.wp-block-preformatted {
1438      overflow-x: auto;
1439      white-space: pre !important;
1440      font-size: var(--global--font-size-xs);
1441  }
1442  
1443  .wp-block-pullquote {
1444      padding: calc(2 * var(--global--spacing-unit)) 0;
1445      text-align: center;
1446      border-width: var(--pullquote--border-width);
1447      border-bottom-style: solid;
1448      border-top-style: solid;
1449      color: currentColor;
1450      border-color: currentColor;
1451      position: relative;
1452      font-size: var(--pullquote--font-size);
1453      font-style: var(--pullquote--font-style);
1454      font-weight: 700;
1455      letter-spacing: var(--pullquote--letter-spacing);
1456  }
1457  
1458  .wp-block-pullquote blockquote::before {
1459      color: currentColor;
1460      content: "“";
1461      display: block;
1462      position: relative;
1463      left: 0;
1464      font-size: 3rem;
1465      font-weight: 500;
1466      line-height: 1;
1467  }
1468  
1469  .wp-block-pullquote p {
1470      font-family: var(--pullquote--font-family);
1471      font-size: inherit;
1472      font-style: inherit;
1473      font-weight: inherit;
1474      letter-spacing: inherit;
1475      line-height: inherit;
1476      margin: 0;
1477  }
1478  
1479  .wp-block-pullquote:where(:not([style*=line-height])) p {
1480      line-height: var(--pullquote--line-height);
1481  }
1482  
1483  .wp-block-pullquote a {
1484      color: currentColor;
1485  }
1486  
1487  .wp-block-pullquote .wp-block-pullquote__citation,
1488  .wp-block-pullquote cite,
1489  .wp-block-pullquote footer {
1490      font-size: var(--global--font-size-xs);
1491      font-style: var(--pullquote--font-style);
1492      text-transform: none;
1493  }
1494  
1495  .wp-block-pullquote:not(.is-style-solid-color) {
1496      background: none;
1497  }
1498  
1499  .wp-block-pullquote.is-style-solid-color {
1500      margin-left: auto;
1501      margin-right: auto;
1502      padding: calc(2.5 * var(--global--spacing-unit));
1503      border-width: var(--pullquote--border-width);
1504      border-style: solid;
1505      border-color: var(--pullquote--border-color);
1506  }
1507  @media (min-width: 600px) {
1508  
1509      .wp-block-pullquote.is-style-solid-color {
1510          padding: calc(5 * var(--global--spacing-unit));
1511      }
1512  }
1513  
1514  .wp-block-pullquote.is-style-solid-color blockquote::before {
1515      text-align: left;
1516  }
1517  
1518  .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
1519  .wp-block-pullquote.is-style-solid-color.alignright blockquote {
1520      padding-left: var(--global--spacing-unit);
1521      padding-right: var(--global--spacing-unit);
1522      max-width: inherit;
1523  }
1524  
1525  .wp-block-pullquote.is-style-solid-color blockquote {
1526      margin: 0;
1527      max-width: 100%;
1528  }
1529  
1530  .wp-block-pullquote.is-style-solid-color blockquote p {
1531      font-size: var(--pullquote--font-size);
1532  }
1533  
1534  .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
1535  .wp-block-pullquote.is-style-solid-color cite,
1536  .wp-block-pullquote.is-style-solid-color footer {
1537      color: currentColor;
1538  }
1539  
1540  .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
1541      padding: 0 calc(2 * var(--global--spacing-unit));
1542  }
1543  
1544  .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color,
1545  .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color {
1546      padding: var(--global--spacing-unit);
1547  }
1548  
1549  .wp-block-query.has-background {
1550      padding: calc(0.666 * var(--global--spacing-vertical));
1551  }
1552  @media only screen and (min-width: 482px) {
1553  
1554      .wp-block-query.has-background {
1555          padding: var(--global--spacing-vertical);
1556      }
1557  }
1558  
1559  .wp-block-quote {
1560      position: relative;
1561      border-left: none;
1562      margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
1563      padding-left: 1em;
1564      font-family: var(--quote--font-family);
1565      font-size: var(--quote--font-size);
1566      font-style: var(--quote--font-style);
1567      font-weight: var(--quote--font-weight);
1568      line-height: var(--quote--line-height);
1569  }
1570  
1571  .wp-block-quote p {
1572      font-family: inherit;
1573      font-size: inherit;
1574      font-style: inherit;
1575      font-weight: inherit;
1576      line-height: inherit;
1577      letter-spacing: inherit;
1578  }
1579  
1580  .wp-block-quote strong {
1581      font-weight: var(--quote--font-weight-strong);
1582  }
1583  
1584  .wp-block-quote:before {
1585      content: "“";
1586      left: 8px;
1587  }
1588  
1589  .wp-block-quote .wp-block-quote__citation {
1590      color: currentColor;
1591      font-family: inherit;
1592      font-style: inherit;
1593      font-weight: inherit;
1594      line-height: inherit;
1595      letter-spacing: inherit;
1596  }
1597  
1598  .has-background .wp-block-quote .wp-block-quote__citation,
1599  [class*=background-color] .wp-block-quote .wp-block-quote__citation,
1600  [style*=background-color] .wp-block-quote .wp-block-quote__citation,
1601  .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation {
1602      color: currentColor;
1603  }
1604  
1605  .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation {
1606      font-style: var(--quote--font-style-cite);
1607  }
1608  
1609  .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation {
1610      font-weight: normal;
1611  }
1612  
1613  .wp-block-quote.has-text-align-right {
1614      margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
1615      padding-right: 0;
1616      border-right: none;
1617  }
1618  
1619  .wp-block-quote.has-text-align-right:before {
1620      display: none;
1621  }
1622  
1623  .wp-block-quote.has-text-align-right p:before {
1624      content: "”";
1625      margin-right: 5px;
1626  }
1627  
1628  .wp-block-quote.has-text-align-center {
1629      margin: var(--global--spacing-vertical) auto;
1630  }
1631  
1632  .wp-block-quote.has-text-align-center:before {
1633      display: none;
1634  }
1635  
1636  .wp-block-quote.is-large,
1637  .wp-block-quote.is-style-large {
1638      padding-left: 0;
1639  
1640      /* Resetting margins to match _block-container.scss */
1641      margin-top: var(--global--spacing-vertical);
1642      margin-bottom: var(--global--spacing-vertical);
1643  }
1644  
1645  .wp-block-quote.is-large p,
1646  .wp-block-quote.is-style-large p {
1647      font-size: var(--quote--font-size-large);
1648      font-style: var(--quote--font-style-large);
1649      line-height: var(--quote--line-height-large);
1650  }
1651  
1652  .wp-block-quote.is-large:before,
1653  .wp-block-quote.is-style-large:before {
1654      font-size: var(--quote--font-size-large);
1655      line-height: var(--quote--line-height-large);
1656      left: calc(-1 * var(--global--spacing-horizontal));
1657  }
1658  
1659  .wp-block-quote.is-large.has-text-align-right:before,
1660  .wp-block-quote.is-style-large.has-text-align-right:before {
1661      display: none;
1662  }
1663  
1664  .wp-block-quote.is-large.has-text-align-right p:before,
1665  .wp-block-quote.is-style-large.has-text-align-right p:before {
1666      content: "”";
1667      font-size: var(--quote--font-size-large);
1668      font-weight: normal;
1669      line-height: var(--quote--line-height-large);
1670      margin-right: 10px;
1671  }
1672  @media only screen and (max-width: 481.98px) {
1673  
1674      .wp-block-quote.is-large,
1675      .wp-block-quote.is-style-large {
1676          padding-left: var(--global--spacing-horizontal);
1677      }
1678  
1679      .wp-block-quote.is-large:before,
1680      .wp-block-quote.is-style-large:before {
1681          left: 0;
1682      }
1683  
1684      .wp-block-quote.is-large.has-text-align-right,
1685      .wp-block-quote.is-style-large.has-text-align-right {
1686          padding-left: 0;
1687          padding-right: var(--global--spacing-horizontal);
1688      }
1689  
1690      .wp-block-quote.is-large.has-text-align-right:before,
1691      .wp-block-quote.is-style-large.has-text-align-right:before {
1692          right: 0;
1693      }
1694  }
1695  @media only screen and (max-width: 481.98px) {
1696  
1697      .wp-block-quote {
1698          padding-left: calc(0.5 * var(--global--spacing-horizontal));
1699      }
1700  
1701      .wp-block-quote:before {
1702          left: 0;
1703      }
1704  
1705      .wp-block-quote.has-text-align-right {
1706          padding-left: 0;
1707          padding-right: calc(0.5 * var(--global--spacing-horizontal));
1708      }
1709  
1710      .wp-block-quote.has-text-align-right:before {
1711          right: 0;
1712      }
1713  
1714      .wp-block-quote.has-text-align-center {
1715          padding-left: 0;
1716          padding-right: 0;
1717      }
1718  }
1719  @media only screen and (min-width: 482px) {
1720  
1721      .wp-block-quote {
1722          margin-left: auto;
1723      }
1724  
1725      .wp-block-quote.has-text-align-right {
1726          margin-right: auto;
1727      }
1728  }
1729  
1730  .wp-block-rss {
1731      padding-left: 0;
1732  }
1733  
1734  .wp-block-rss > li {
1735      list-style: none;
1736  }
1737  
1738  .wp-block-rss:not(.is-grid) > li {
1739      margin-top: calc(1.666 * var(--global--spacing-vertical));
1740      margin-bottom: calc(1.666 * var(--global--spacing-vertical));
1741  }
1742  
1743  .wp-block-rss:not(.is-grid) > li:first-child {
1744      margin-top: 0;
1745  }
1746  
1747  .wp-block-rss:not(.is-grid) > li:last-child {
1748      margin-bottom: 0;
1749  }
1750  
1751  .wp-block-rss.is-grid > li {
1752      margin-bottom: var(--global--spacing-vertical);
1753  }
1754  
1755  .wp-block-rss.is-grid > li:last-child {
1756      margin-bottom: 0;
1757  }
1758  
1759  .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
1760  .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
1761  .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
1762  .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
1763  .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
1764  .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
1765  .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
1766  .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
1767  .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
1768  .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
1769      margin-bottom: 0;
1770  }
1771  
1772  .wp-block-rss > li > * {
1773      margin-top: calc(0.333 * var(--global--spacing-vertical));
1774      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
1775  }
1776  
1777  .wp-block-rss > li > *:first-child {
1778      margin-top: 0;
1779  }
1780  
1781  .wp-block-rss > li > *:last-child {
1782      margin-bottom: 0;
1783  }
1784  
1785  .wp-block-rss .wp-block-rss__item-title > a {
1786      display: inline-block;
1787      font-family: var(--latest-posts--title-font-family);
1788      font-size: var(--latest-posts--title-font-size);
1789      font-weight: var(--heading--font-weight);
1790      line-height: var(--global--line-height-heading);
1791      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
1792  }
1793  
1794  .wp-block-rss .wp-block-rss__item-author {
1795      color: var(--global--color-primary);
1796      font-size: var(--global--font-size-md);
1797      line-height: var(--global--line-height-body);
1798  }
1799  
1800  .wp-block-rss .wp-block-rss__item-publish-date {
1801      color: var(--global--color-primary);
1802      font-size: var(--global--font-size-xs);
1803      line-height: var(--global--line-height-body);
1804  }
1805  
1806  [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
1807  .has-background .wp-block-rss .wp-block-rss__item-publish-date {
1808      color: currentColor;
1809  }
1810  
1811  .wp-block-rss .wp-block-rss__item-excerpt,
1812  .wp-block-rss .wp-block-rss__item-full-content {
1813      font-family: var(--latest-posts--description-font-family);
1814      font-size: var(--latest-posts--description-font-size);
1815      line-height: var(--global--line-height-body);
1816      margin-top: calc(0.666 * var(--global--spacing-vertical));
1817  }
1818  
1819  .wp-block-rss.alignfull {
1820      padding-left: var(--global--spacing-unit);
1821      padding-right: var(--global--spacing-unit);
1822  }
1823  
1824  .entry-content [class*=inner-container] .wp-block-rss.alignfull,
1825  .entry-content .has-background .wp-block-rss.alignfull {
1826      padding-left: 0;
1827      padding-right: 0;
1828  }
1829  
1830  .wp-block-search {
1831      max-width: var(--responsive--aligndefault-width);
1832  }
1833  
1834  .wp-block-search .wp-block-search__label {
1835      font-size: var(--form--font-size);
1836      font-weight: var(--form--label-weight);
1837      margin-bottom: calc(var(--global--spacing-vertical) / 3);
1838  }
1839  
1840  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
1841  .wp-block-search .wp-block-search__input {
1842      border: var(--form--border-width) solid var(--form--border-color);
1843      border-radius: var(--form--border-radius);
1844      font-family: var(--form--font-family);
1845      font-size: var(--form--font-size);
1846      line-height: var(--form--line-height);
1847      max-width: inherit;
1848      margin-right: calc(-1 * var(--button--border-width));
1849      padding: var(--form--spacing-unit);
1850  }
1851  
1852  .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
1853  .is-dark-theme .wp-block-search .wp-block-search__input {
1854      background: var(--global--color-white-90);
1855  }
1856  
1857  .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
1858  .has-background .wp-block-search .wp-block-search__input {
1859      border-color: var(--local--color-primary, var(--global--color-primary)) !important;
1860  }
1861  
1862  .wp-block-search .wp-block-search__button.wp-block-search__button {
1863      border: var(--button--border-width) solid transparent;
1864      border-radius: var(--button--border-radius);
1865      cursor: pointer;
1866      font-weight: var(--button--font-weight);
1867      font-family: var(--button--font-family);
1868      font-size: var(--button--font-size);
1869      line-height: var(--button--line-height);
1870      padding: var(--button--padding-vertical) var(--button--padding-horizontal);
1871      text-decoration: none;
1872      box-shadow: none;
1873      margin-left: 0;
1874  }
1875  
1876  .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
1877      color: var(--global--color-background);
1878  }
1879  
1880  .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
1881      color: var(--local--color-background, var(--global--color-primary));
1882  }
1883  
1884  .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background {
1885      color: var(--global--color-primary);
1886  }
1887  
1888  .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
1889      background-color: var(--global--color-primary);
1890  }
1891  
1892  .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
1893      background-color: var(--local--color-primary, var(--global--color-primary));
1894  }
1895  
1896  .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
1897  .wp-block-search .wp-block-search__button.wp-block-search__button:active {
1898      background-color: transparent;
1899      border-color: currentColor;
1900      color: inherit;
1901  }
1902  
1903  .wp-block-search .wp-block-search__button.wp-block-search__button:focus {
1904      outline-offset: -6px;
1905      outline: 2px dotted currentColor;
1906  }
1907  
1908  .wp-block-search .wp-block-search__button.wp-block-search__button:disabled {
1909      background-color: var(--global--color-white-50);
1910      border-color: var(--global--color-white-50);
1911      color: var(--button--color-text-active);
1912  }
1913  
1914  .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon {
1915      padding: 6px calc(0.5 * var(--button--padding-horizontal));
1916      display: inherit;
1917  }
1918  
1919  .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg {
1920      width: 40px;
1921      height: 40px;
1922  }
1923  
1924  .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
1925  .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active {
1926      background-color: var(--local--color-background, var(--global--color-background)) !important;
1927      color: var(--local--color-primary, var(--global--color-primary)) !important;
1928  }
1929  
1930  .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
1931  .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active {
1932      color: var(--local--color-primary, var(--global--color-primary)) !important;
1933  }
1934  
1935  .wp-block-search .wp-block-search__button.wp-block-search__button:focus {
1936      outline-offset: inherit;
1937      outline: inherit;
1938  }
1939  
1940  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
1941      padding: var(--form--border-width);
1942  }
1943  
1944  .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
1945      border: none;
1946  }
1947  
1948  .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover,
1949  .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
1950      color: var(--global--color-dark-gray);
1951  }
1952  
1953  .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button,
1954  .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button {
1955      color: var(--global--color-dark-gray);
1956  }
1957  
1958  .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover,
1959  .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover {
1960      background-color: var(--global--color-dark-gray);
1961      color: var(--global--color-white);
1962  }
1963  
1964  .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button {
1965      padding: var(--button--padding-vertical) var(--button--padding-horizontal);
1966  }
1967  
1968  .wp-block[data-align=center] > * {
1969      text-align: center;
1970  }
1971  
1972  .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper {
1973      justify-content: center;
1974  }
1975  
1976  .wp-block-separator,
1977  hr {
1978      border-bottom: var(--separator--height) solid var(--separator--border-color);
1979      clear: both;
1980      opacity: 1;
1981  }
1982  
1983  .wp-block-separator[style*="text-align:right"],
1984  .wp-block-separator[style*="text-align: right"],
1985  hr[style*="text-align:right"],
1986  hr[style*="text-align: right"] {
1987      border-right-color: var(--separator--border-color);
1988  }
1989  
1990  .wp-block-separator:not(.is-style-dots),
1991  hr:not(.is-style-dots) {
1992      max-width: var(--responsive--aligndefault-width);
1993  }
1994  
1995  [data-align=full] > .wp-block-separator,
1996  [data-align=wide] > .wp-block-separator,
1997  [data-align=full] > hr,
1998  [data-align=wide] > hr {
1999      max-width: inherit;
2000  }
2001  
2002  .wp-block-separator.is-style-twentytwentyone-separator-thick,
2003  hr.is-style-twentytwentyone-separator-thick {
2004      border-bottom-width: calc(3 * var(--separator--height));
2005  }
2006  
2007  .wp-block-separator.is-style-dots,
2008  hr.is-style-dots {
2009      border-bottom: none;
2010  }
2011  
2012  .wp-block-separator.is-style-dots.has-background,
2013  .wp-block-separator.is-style-dots.has-text-color,
2014  hr.is-style-dots.has-background,
2015  hr.is-style-dots.has-text-color {
2016      background-color: transparent !important;
2017  }
2018  
2019  .wp-block-separator.is-style-dots.has-background:before,
2020  .wp-block-separator.is-style-dots.has-text-color:before,
2021  hr.is-style-dots.has-background:before,
2022  hr.is-style-dots.has-text-color:before {
2023      color: currentColor !important;
2024  }
2025  
2026  .wp-block-separator.is-style-dots:before,
2027  hr.is-style-dots:before {
2028      color: var(--separator--border-color);
2029  }
2030  
2031  .has-background .wp-block-separator,
2032  [class*=background-color] .wp-block-separator,
2033  [style*=background-color] .wp-block-separator,
2034  .wp-block-cover[style*=background-image] .wp-block-separator,
2035  .has-background hr,
2036  [class*=background-color] hr,
2037  [style*=background-color] hr,
2038  .wp-block-cover[style*=background-image] hr {
2039      border-color: currentColor;
2040  }
2041  
2042  .wp-block-social-links [data-block] {
2043      margin-top: 0;
2044      margin-bottom: 0;
2045  }
2046  
2047  .wp-block-social-links.is-style-twentytwentyone-social-icons-color button {
2048      color: var(--global--color-primary);
2049  }
2050  
2051  .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link {
2052      background: none;
2053  }
2054  
2055  table thead,
2056  table tfoot,
2057  .wp-block-table thead,
2058  .wp-block-table tfoot {
2059      text-align: center;
2060  }
2061  
2062  table th,
2063  .wp-block-table th {
2064      font-family: var(--heading--font-family);
2065  }
2066  
2067  table td,
2068  table th,
2069  .wp-block-table td,
2070  .wp-block-table th {
2071      padding: calc(0.5 * var(--global--spacing-unit));
2072  }
2073  
2074  table.is-style-regular .has-background,
2075  table.is-style-stripes .has-background,
2076  table.is-style-stripes .has-background thead tr,
2077  table.is-style-stripes .has-background tfoot tr,
2078  table.is-style-stripes .has-background tbody tr,
2079  .wp-block-table.is-style-regular .has-background,
2080  .wp-block-table.is-style-stripes .has-background,
2081  .wp-block-table.is-style-stripes .has-background thead tr,
2082  .wp-block-table.is-style-stripes .has-background tfoot tr,
2083  .wp-block-table.is-style-stripes .has-background tbody tr {
2084      color: var(--table--has-background-text-color);
2085  }
2086  
2087  table.is-style-stripes,
2088  .wp-block-table.is-style-stripes {
2089      border-color: var(--table--stripes-border-color);
2090  }
2091  
2092  table.is-style-stripes th,
2093  table.is-style-stripes td,
2094  .wp-block-table.is-style-stripes th,
2095  .wp-block-table.is-style-stripes td {
2096      border-width: 0;
2097  }
2098  
2099  table.is-style-stripes tbody tr:nth-child(odd),
2100  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
2101      background-color: var(--table--stripes-background-color);
2102  }
2103  
2104  table.is-style-stripes .has-background tbody tr:nth-child(odd),
2105  .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
2106      background-color: var(--global--color-white-90);
2107  }
2108  
2109  table.wp-calendar-table td,
2110  table.wp-calendar-table th {
2111      background: transparent;
2112      border: 0;
2113      text-align: center;
2114      line-height: 2;
2115      vertical-align: middle;
2116  }
2117  
2118  table.wp-calendar-table th {
2119      font-weight: bold;
2120  }
2121  
2122  table.wp-calendar-table thead,
2123  table.wp-calendar-table tbody {
2124      color: currentColor;
2125      border: 1px solid;
2126  }
2127  
2128  table.wp-calendar-table caption {
2129      font-weight: bold;
2130      text-align: left;
2131      margin-bottom: var(--global--spacing-unit);
2132      color: currentColor;
2133  }
2134  
2135  .wp-calendar-nav {
2136      text-align: left;
2137      margin-top: calc(var(--global--spacing-unit) / 2);
2138  }
2139  
2140  .wp-calendar-nav svg {
2141      height: 1em;
2142      vertical-align: middle;
2143  }
2144  
2145  .wp-calendar-nav svg path {
2146      fill: currentColor;
2147  }
2148  
2149  .wp-calendar-nav .wp-calendar-nav-next {
2150      float: right;
2151  }
2152  
2153  .wp-block-tag-cloud.aligncenter {
2154      text-align: center;
2155  }
2156  
2157  pre.wp-block-verse {
2158      padding: 0;
2159      color: currentColor;
2160  }
2161  
2162  :root .is-extra-small-text,
2163  :root .has-extra-small-font-size {
2164      font-size: var(--global--font-size-xs);
2165  }
2166  
2167  :root .is-small-text,
2168  :root .has-small-font-size {
2169      font-size: var(--global--font-size-sm);
2170  }
2171  
2172  :root .is-regular-text,
2173  :root .has-regular-font-size,
2174  :root .is-normal-font-size,
2175  :root .has-normal-font-size,
2176  :root .has-medium-font-size {
2177      font-size: var(--global--font-size-base);
2178  }
2179  
2180  :root .is-large-text,
2181  :root .has-large-font-size {
2182      font-size: var(--global--font-size-lg);
2183      line-height: var(--global--line-height-heading);
2184  }
2185  
2186  :root .is-larger-text,
2187  :root .has-larger-font-size,
2188  :root .is-extra-large-text,
2189  :root .has-extra-large-font-size {
2190      font-size: var(--global--font-size-xl);
2191      line-height: var(--global--line-height-heading);
2192  }
2193  
2194  :root .is-huge-text,
2195  :root .has-huge-font-size {
2196      font-size: var(--global--font-size-xxl);
2197      line-height: var(--global--line-height-heading);
2198      font-weight: var(--heading--font-weight-page-title);
2199  }
2200  
2201  :root .is-gigantic-text,
2202  :root .has-gigantic-font-size {
2203      font-size: var(--global--font-size-xxxl);
2204      line-height: var(--global--line-height-heading);
2205      font-weight: var(--heading--font-weight-page-title);
2206  }
2207  
2208  /**
2209  * Editor Post Title
2210  * - Needs a special styles
2211  */
2212  .wp-block.editor-post-title__block {
2213      border-bottom: 3px solid var(--global--color-border);
2214      padding-bottom: calc(2 * var(--global--spacing-vertical));
2215      margin-bottom: calc(3 * var(--global--spacing-vertical));
2216      max-width: var(--responsive--alignwide-width);
2217  }
2218  
2219  .wp-block.editor-post-title__block .editor-post-title__input {
2220      color: var(--global--color-secondary);
2221      font-family: var(--heading--font-family);
2222      font-size: var(--global--font-size-page-title);
2223      font-weight: var(--heading--font-weight-page-title);
2224      line-height: var(--heading--line-height-h1);
2225  }
2226  
2227  .wp-block.block-editor-default-block-appender > textarea {
2228      font-family: var(--global--font-secondary);
2229      font-size: var(--global--font-size-md);
2230  }
2231  
2232  .has-primary-color[class] {
2233      color: var(--global--color-primary);
2234  }
2235  
2236  .has-secondary-color[class] {
2237      color: var(--global--color-secondary);
2238  }
2239  
2240  .has-background a,
2241  .has-background p,
2242  .has-background h1,
2243  .has-background h2,
2244  .has-background h3,
2245  .has-background h4,
2246  .has-background h5,
2247  .has-background h6 {
2248      color: currentColor;
2249  }
2250  
2251  .has-primary-background-color[class] {
2252      background-color: var(--global--color-primary);
2253      color: var(--global--color-background);
2254  }
2255  
2256  .has-secondary-background-color[class] {
2257      background-color: var(--global--color-secondary);
2258      color: var(--global--color-background);
2259  }
2260  
2261  .has-white-background-color[class] {
2262      background-color: var(--global--color-white);
2263      color: var(--global--color-secondary);
2264  }
2265  
2266  .has-black-background-color[class] {
2267      background-color: var(--global--color-black);
2268      color: var(--global--color-primary);
2269  }
2270  
2271  [data-block] {
2272      margin-top: var(--global--spacing-vertical);
2273      margin-bottom: var(--global--spacing-vertical);
2274  }
2275  
2276  .wp-block {
2277      max-width: var(--responsive--aligndefault-width);
2278  }
2279  
2280  .wp-block[data-align=wide],
2281  .wp-block.alignwide {
2282      max-width: var(--responsive--alignwide-width);
2283  }
2284  
2285  .wp-block[data-align=full],
2286  .wp-block.alignfull {
2287      max-width: none;
2288  }
2289  
2290  .alignleft {
2291      margin: 0;
2292      margin-right: var(--global--spacing-horizontal);
2293  }
2294  
2295  .alignright {
2296      margin: 0;
2297      margin-left: var(--global--spacing-horizontal);
2298  }
2299  
2300  .has-drop-cap:not(:focus)::first-letter {
2301      font-family: var(--heading--font-family);
2302      font-weight: var(--heading--font-weight);
2303      line-height: 0.66;
2304      text-transform: uppercase;
2305      font-style: normal;
2306      margin: 0.1em 0.1em 0 0;
2307      font-size: calc(1.2 * var(--heading--font-size-h1));
2308  }
2309  
2310  @media only screen and (min-width: 482px) {
2311  
2312      .wp-block[data-align=left] > * {
2313          max-width: 290px;
2314          margin-right: var(--global--spacing-horizontal);
2315      }
2316  
2317      .wp-block[data-align=right] > * {
2318          max-width: 290px;
2319          margin-left: var(--global--spacing-horizontal);
2320      }
2321  }
2322  
2323  .wp-block-freeform.block-library-rich-text__tinymce blockquote {
2324      border: none;
2325  }
2326  
2327  .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
2328      left: 5px;
2329  }
2330  
2331  html {
2332      font-family: var(--global--font-secondary);
2333      line-height: var(--global--line-height-body);
2334  }
2335  
2336  body {
2337      --wp--typography--line-height: var(--global--line-height-body);
2338      color: var(--global--color-primary);
2339      background-color: var(--global--color-background);
2340      font-family: var(--global--font-secondary);
2341      font-size: var(--global--font-size-base);
2342      font-weight: normal;
2343      -moz-osx-font-smoothing: grayscale;
2344      -webkit-font-smoothing: antialiased;
2345  }
2346  
2347  .wp-block a {
2348      color: var(--wp--style--color--link, var(--global--color-primary));
2349  }
2350  
2351  .wp-block a:hover {
2352      text-decoration-style: dotted;
2353  }
2354  
2355  .wp-block a:focus {
2356      outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
2357      text-decoration: none;
2358  }
2359  
2360  .has-background .has-link-color a,
2361  .has-background.has-link-color a {
2362      color: var(--wp--style--color--link, var(--global--color-primary));
2363  }
2364  
2365  button,
2366  a {
2367      cursor: pointer;
2368  }
2369  
2370  .has-black-color[class] {
2371      color: var(--global--color-black);
2372  }
2373  
2374  .has-black-color[class] > [class*=__inner-container] {
2375      --local--color-primary: var(--global--color-black, #000);
2376      color: var(--local--color-primary);
2377  }
2378  
2379  .has-gray-color[class] {
2380      color: var(--global--color-gray);
2381  }
2382  
2383  .has-gray-color[class] > [class*=__inner-container] {
2384      --local--color-primary: var(--global--color-gray, #000);
2385      color: var(--local--color-primary);
2386  }
2387  
2388  .has-dark-gray-color[class] {
2389      color: var(--global--color-dark-gray);
2390  }
2391  
2392  .has-dark-gray-color[class] > [class*=__inner-container] {
2393      --local--color-primary: var(--global--color-dark-gray, #000);
2394      color: var(--local--color-primary);
2395  }
2396  
2397  .has-green-color[class] {
2398      color: var(--global--color-green);
2399  }
2400  
2401  .has-green-color[class] > [class*=__inner-container] {
2402      --local--color-primary: var(--global--color-green, #fff);
2403      color: var(--local--color-primary);
2404  }
2405  
2406  .has-blue-color[class] {
2407      color: var(--global--color-blue);
2408  }
2409  
2410  .has-blue-color[class] > [class*=__inner-container] {
2411      --local--color-primary: var(--global--color-blue, #fff);
2412      color: var(--local--color-primary);
2413  }
2414  
2415  .has-purple-color[class] {
2416      color: var(--global--color-purple);
2417  }
2418  
2419  .has-purple-color[class] > [class*=__inner-container] {
2420      --local--color-primary: var(--global--color-purple, #fff);
2421      color: var(--local--color-primary);
2422  }
2423  
2424  .has-red-color[class] {
2425      color: var(--global--color-red);
2426  }
2427  
2428  .has-red-color[class] > [class*=__inner-container] {
2429      --local--color-primary: var(--global--color-red, #fff);
2430      color: var(--local--color-primary);
2431  }
2432  
2433  .has-orange-color[class] {
2434      color: var(--global--color-orange);
2435  }
2436  
2437  .has-orange-color[class] > [class*=__inner-container] {
2438      --local--color-primary: var(--global--color-orange, #fff);
2439      color: var(--local--color-primary);
2440  }
2441  
2442  .has-yellow-color[class] {
2443      color: var(--global--color-yellow);
2444  }
2445  
2446  .has-yellow-color[class] > [class*=__inner-container] {
2447      --local--color-primary: var(--global--color-yellow, #fff);
2448      color: var(--local--color-primary);
2449  }
2450  
2451  .has-white-color[class] {
2452      color: var(--global--color-white);
2453  }
2454  
2455  .has-white-color[class] > [class*=__inner-container] {
2456      --local--color-primary: var(--global--color-white, #fff);
2457      color: var(--local--color-primary);
2458  }
2459  
2460  .has-background a,
2461  .has-background p,
2462  .has-background h1,
2463  .has-background h2,
2464  .has-background h3,
2465  .has-background h4,
2466  .has-background h5,
2467  .has-background h6 {
2468      color: currentColor;
2469  }
2470  
2471  .has-black-background-color[class] {
2472      background-color: var(--global--color-black);
2473  }
2474  
2475  .has-black-background-color[class] > [class*=__inner-container] {
2476      --local--color-background: var(--global--color-black, #000);
2477      background-color: var(--local--color-background);
2478  }
2479  
2480  .has-dark-gray-background-color[class] {
2481      background-color: var(--global--color-dark-gray);
2482  }
2483  
2484  .has-dark-gray-background-color[class] > [class*=__inner-container] {
2485      --local--color-background: var(--global--color-dark-gray, #000);
2486      background-color: var(--local--color-background);
2487  }
2488  
2489  .has-gray-background-color[class] {
2490      background-color: var(--global--color-gray);
2491  }
2492  
2493  .has-gray-background-color[class] > [class*=__inner-container] {
2494      --local--color-background: var(--global--color-gray, #000);
2495      background-color: var(--local--color-background);
2496  }
2497  
2498  .has-light-gray-background-color[class] {
2499      background-color: var(--global--color-light-gray);
2500  }
2501  
2502  .has-light-gray-background-color[class] > [class*=__inner-container] {
2503      --local--color-background: var(--global--color-light-gray, #fff);
2504      background-color: var(--local--color-background);
2505  }
2506  
2507  .has-green-background-color[class] {
2508      background-color: var(--global--color-green);
2509  }
2510  
2511  .has-green-background-color[class] > [class*=__inner-container] {
2512      --local--color-background: var(--global--color-green, #fff);
2513      background-color: var(--local--color-background);
2514  }
2515  
2516  .has-blue-background-color[class] {
2517      background-color: var(--global--color-blue);
2518  }
2519  
2520  .has-blue-background-color[class] > [class*=__inner-container] {
2521      --local--color-background: var(--global--color-blue, #fff);
2522      background-color: var(--local--color-background);
2523  }
2524  
2525  .has-purple-background-color[class] {
2526      background-color: var(--global--color-purple);
2527  }
2528  
2529  .has-purple-background-color[class] > [class*=__inner-container] {
2530      --local--color-background: var(--global--color-purple, #fff);
2531      background-color: var(--local--color-background);
2532  }
2533  
2534  .has-red-background-color[class] {
2535      background-color: var(--global--color-red);
2536  }
2537  
2538  .has-red-background-color[class] > [class*=__inner-container] {
2539      --local--color-background: var(--global--color-red, #fff);
2540      background-color: var(--local--color-background);
2541  }
2542  
2543  .has-orange-background-color[class] {
2544      background-color: var(--global--color-orange);
2545  }
2546  
2547  .has-orange-background-color[class] > [class*=__inner-container] {
2548      --local--color-background: var(--global--color-orange, #fff);
2549      background-color: var(--local--color-background);
2550  }
2551  
2552  .has-yellow-background-color[class] {
2553      background-color: var(--global--color-yellow);
2554  }
2555  
2556  .has-yellow-background-color[class] > [class*=__inner-container] {
2557      --local--color-background: var(--global--color-yellow, #fff);
2558      background-color: var(--local--color-background);
2559  }
2560  
2561  .has-white-background-color[class] {
2562      background-color: var(--global--color-white);
2563  }
2564  
2565  .has-white-background-color[class] > [class*=__inner-container] {
2566      --local--color-background: var(--global--color-white, #fff);
2567      background-color: var(--local--color-background);
2568  }
2569  
2570  .has-background:not(.has-text-color).has-black-background-color[class],
2571  .has-background:not(.has-text-color).has-gray-background-color[class],
2572  .has-background:not(.has-text-color).has-dark-gray-background-color[class] {
2573      color: var(--global--color-white);
2574  }
2575  
2576  .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
2577  .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
2578  .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
2579      --local--color-primary: var(--global--color-background, #fff);
2580      color: var(--local--color-primary, var(--global--color-primary));
2581  }
2582  
2583  .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
2584  .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
2585  .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
2586      --local--color-primary: var(--global--color-primary, #000);
2587  }
2588  
2589  .has-background:not(.has-text-color).has-green-background-color[class],
2590  .has-background:not(.has-text-color).has-blue-background-color[class],
2591  .has-background:not(.has-text-color).has-purple-background-color[class],
2592  .has-background:not(.has-text-color).has-red-background-color[class],
2593  .has-background:not(.has-text-color).has-orange-background-color[class],
2594  .has-background:not(.has-text-color).has-yellow-background-color[class],
2595  .has-background:not(.has-text-color).has-white-background-color[class] {
2596      color: var(--global--color-dark-gray);
2597  }
2598  
2599  .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
2600  .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
2601  .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
2602  .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
2603  .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
2604  .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
2605  .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
2606      --local--color-primary: var(--global--color-primary, #000);
2607      color: var(--local--color-primary, var(--global--color-primary));
2608  }
2609  
2610  .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
2611  .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
2612  .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
2613  .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
2614  .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
2615  .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
2616  .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
2617      --local--color-primary: var(--global--color-background, #fff);
2618  }
2619  
2620  .has-purple-to-yellow-gradient-background {
2621      background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
2622  }
2623  
2624  .has-yellow-to-purple-gradient-background {
2625      background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
2626  }
2627  
2628  .has-green-to-yellow-gradient-background {
2629      background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
2630  }
2631  
2632  .has-yellow-to-green-gradient-background {
2633      background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
2634  }
2635  
2636  .has-red-to-yellow-gradient-background {
2637      background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
2638  }
2639  
2640  .has-yellow-to-red-gradient-background {
2641      background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
2642  }
2643  
2644  .has-purple-to-red-gradient-background {
2645      background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
2646  }
2647  
2648  .has-red-to-purple-gradient-background {
2649      background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
2650  }