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