[Summary view] [Print] [Text view]

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