[Summary view] [Print] [Text view]

   1  @charset "UTF-8";
   2  
   3  /*
   4  Theme Name: Twenty Twenty-One
   5  Theme URI: https://wordpress.org/themes/twentytwentyone/
   6  Author: the WordPress team
   7  Author URI: https://wordpress.org/
   8  Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
   9  Requires at least: 5.3
  10  Tested up to: 7.0
  11  Requires PHP: 5.6
  12  Version: 2.8
  13  License: GNU General Public License v2 or later
  14  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  15  Text Domain: twentytwentyone
  16  Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio
  17  
  18  Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
  19  Twenty Twenty-One is distributed under the terms of the GNU GPL.
  20  */
  21  
  22  /**
  23   * SETTINGS
  24   * File-header..........The file header for the themes style.css file.
  25   * Fonts................Any font files, if the project needs specific fonts.
  26   * Global...............Project-specific, globally available variables.
  27   *
  28   * TOOLS
  29   * Functions............Global functions.
  30   * Mixins...............Global mixins.
  31   *
  32   * GENERIC
  33   * Normalize.css........Normalise browser defaults.
  34   * Breakpoints..........Mixins and variables for responsive styles
  35   * Vertical-margins.....Vertical spacing for the main components.
  36   * Reset................Reset specific elements to make them easier to style in other contexts.
  37   * Clearings............Clearings for the main components.
  38   *
  39   * ELEMENTS
  40   * Blockquote...........Default blockquote.
  41   * Forms................Element-level form styling.
  42   * Headings.............H1–H6
  43   * Links................Default links.
  44   * Lists................Default lists.
  45   * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
  46   *
  47   * BLOCKS
  48   * Audio................Specific styles for the audio block.
  49   * Button...............Specific styles for the button block.
  50   * Code.................Specific styles for the code block.
  51   * Columns..............Specific styles for the columns block.
  52   * Cover................Specific styles for the cover block.
  53   * File.................Specific styles for the file block.
  54   * Gallery..............Specific styles for the gallery block.
  55   * Group................Specific styles for the group block.
  56   * Heading..............Specific styles for the heading block.
  57   * Image................Specific styles for the image block.
  58   * Latest comments......Specific styles for the latest comments block.
  59   * Latest posts.........Specific styles for the latest posts block.
  60   * Legacy...............Specific styles for the legacy gallery.
  61   * List.................Specific styles for the list block.
  62   * Media text...........Specific styles for the media and text block.
  63   * Navigation...........Specific styles for the navigation block.
  64   * Paragraph............Specific styles for the paragraph block.
  65   * Pullquote............Specific styles for the pullquote block.
  66   * Quote................Specific styles for the quote block.
  67   * Search...............Specific styles for the search block.
  68   * Separator............Specific styles for the separator block.
  69   * Table................Specific styles for the table block.
  70   * Poetry (Verse).......Specific styles for the poetry block.
  71   * Video................Specific styles for the video block.
  72   * Utilities............Block alignments.
  73   *
  74   * COMPONENTS
  75   * Header...............Header styles.
  76   * Footer...............Footer styles.
  77   * Comments.............Comment styles.
  78   * Archives.............Archive styles.
  79   * 404..................404 styles.
  80   * Search...............Search styles.
  81   * Navigation...........Navigation styles.
  82   * Footer Navigation....Footer Navigation styles.
  83   * Pagination...........Pagination styles.
  84   * Single...............Single page and post styles.
  85   * Posts and pages......Misc, sticky post styles.
  86   * Entry................Entry, author biography.
  87   * Widget...............Widget styles.
  88   * Editor...............Editor styles.
  89   *
  90   * UTILITIES
  91   * A11y.................Screen reader text, prefers reduced motion etc.
  92   * Color Palette........Classes for the color palette colors.
  93   * Editor Font Sizes....Editor Font Sizes.
  94   * Measure..............The width of a line of text, in characters.
  95   */
  96  
  97  /* Categories 01 to 03 are the basics. */
  98  
  99  /* Variables */
 100  :root {
 101  
 102      /* Font Family */
 103      --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
 104      --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
 105  
 106      /* Font Size */
 107      --global--font-size-base: 1.25rem;
 108      --global--font-size-xs: 1rem;
 109      --global--font-size-sm: 1.125rem;
 110      --global--font-size-md: 1.25rem;
 111      --global--font-size-lg: 1.5rem;
 112      --global--font-size-xl: 2.25rem;
 113      --global--font-size-xxl: 4rem;
 114      --global--font-size-xxxl: 5rem;
 115      --global--font-size-page-title: var(--global--font-size-xxl);
 116      --global--letter-spacing: normal;
 117  
 118      /* Line Height */
 119      --global--line-height-body: 1.7;
 120      --global--line-height-heading: 1.3;
 121      --global--line-height-page-title: 1.1;
 122  
 123      /* Headings */
 124      --heading--font-family: var(--global--font-primary);
 125      --heading--font-size-h6: var(--global--font-size-xs);
 126      --heading--font-size-h5: var(--global--font-size-sm);
 127      --heading--font-size-h4: var(--global--font-size-lg);
 128      --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
 129      --heading--font-size-h2: var(--global--font-size-xl);
 130      --heading--font-size-h1: var(--global--font-size-page-title);
 131      --heading--letter-spacing-h6: 0.05em;
 132      --heading--letter-spacing-h5: 0.05em;
 133      --heading--letter-spacing-h4: var(--global--letter-spacing);
 134      --heading--letter-spacing-h3: var(--global--letter-spacing);
 135      --heading--letter-spacing-h2: var(--global--letter-spacing);
 136      --heading--letter-spacing-h1: var(--global--letter-spacing);
 137      --heading--line-height-h6: var(--global--line-height-heading);
 138      --heading--line-height-h5: var(--global--line-height-heading);
 139      --heading--line-height-h4: var(--global--line-height-heading);
 140      --heading--line-height-h3: var(--global--line-height-heading);
 141      --heading--line-height-h2: var(--global--line-height-heading);
 142      --heading--line-height-h1: var(--global--line-height-page-title);
 143      --heading--font-weight: normal;
 144      --heading--font-weight-page-title: 300;
 145      --heading--font-weight-strong: 600;
 146  
 147      /* Block: Latest posts */
 148      --latest-posts--title-font-family: var(--heading--font-family);
 149      --latest-posts--title-font-size: var(--heading--font-size-h3);
 150      --latest-posts--description-font-family: var(--global--font-secondary);
 151      --latest-posts--description-font-size: var(--global--font-size-sm);
 152      --list--font-family: var(--global--font-secondary);
 153      --definition-term--font-family: var(--global--font-primary);
 154  
 155      /* Colors */
 156      --global--color-black: #000;
 157      --global--color-dark-gray: #28303d;
 158      --global--color-gray: #39414d;
 159      --global--color-light-gray: #f0f0f0;
 160      --global--color-green: #d1e4dd;
 161      --global--color-blue: #d1dfe4;
 162      --global--color-purple: #d1d1e4;
 163      --global--color-red: #e4d1d1;
 164      --global--color-orange: #e4dad1;
 165      --global--color-yellow: #eeeadd;
 166      --global--color-white: #fff;
 167      --global--color-white-50: rgba(255, 255, 255, 0.5);
 168      --global--color-white-90: rgba(255, 255, 255, 0.9);
 169      --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
 170      --global--color-secondary: var(--global--color-gray); /* Headings */
 171      --global--color-primary-hover: var(--global--color-primary);
 172      --global--color-background: var(--global--color-green); /* Mint, default body background */
 173      --global--color-border: var(--global--color-primary); /* Used for borders (separators) */
 174  
 175      /* Spacing */
 176      --global--spacing-unit: 20px;
 177      --global--spacing-measure: unset;
 178      --global--spacing-horizontal: 25px;
 179      --global--spacing-vertical: 30px;
 180  
 181      /* Elevation */
 182      --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
 183  
 184      /* Forms */
 185      --form--font-family: var(--global--font-secondary);
 186      --form--font-size: var(--global--font-size-sm);
 187      --form--line-height: var(--global--line-height-body);
 188      --form--color-text: var(--global--color-dark-gray);
 189      --form--color-ranged: var(--global--color-secondary);
 190      --form--label-weight: 500;
 191      --form--border-color: var(--global--color-secondary);
 192      --form--border-width: 3px;
 193      --form--border-radius: 0;
 194      --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
 195  
 196      /* Cover block */
 197      --cover--height: calc(15 * var(--global--spacing-vertical));
 198      --cover--color-foreground: var(--global--color-white);
 199      --cover--color-background: var(--global--color-black);
 200  
 201      /* Buttons */
 202      --button--color-text: var(--global--color-background);
 203      --button--color-text-hover: var(--global--color-secondary);
 204      --button--color-text-active: var(--global--color-secondary);
 205      --button--color-background: var(--global--color-secondary);
 206      --button--color-background-active: var(--global--color-background);
 207      --button--font-family: var(--global--font-primary);
 208      --button--font-size: var(--global--font-size-base);
 209      --button--font-weight: 500;
 210      --button--line-height: 1.5;
 211      --button--border-width: 3px;
 212      --button--border-radius: 0;
 213      --button--padding-vertical: 15px;
 214      --button--padding-horizontal: calc(2 * var(--button--padding-vertical));
 215  
 216      /* entry */
 217      --entry-header--color: var(--global--color-primary);
 218      --entry-header--color-link: currentColor;
 219      --entry-header--color-hover: var(--global--color-primary-hover);
 220      --entry-header--color-focus: var(--global--color-secondary);
 221      --entry-header--font-size: var(--heading--font-size-h2);
 222      --entry-content--font-family: var(--global--font-secondary);
 223      --entry-author-bio--font-family: var(--heading--font-family);
 224      --entry-author-bio--font-size: var(--heading--font-size-h4);
 225  
 226      /* Header */
 227      --branding--color-text: var(--global--color-primary);
 228      --branding--color-link: var(--global--color-primary);
 229      --branding--color-link-hover: var(--global--color-secondary);
 230      --branding--title--font-family: var(--global--font-primary);
 231      --branding--title--font-size: var(--global--font-size-lg);
 232      --branding--title--font-size-mobile: var(--heading--font-size-h4);
 233      --branding--title--font-weight: normal;
 234      --branding--title--text-transform: uppercase;
 235      --branding--description--font-family: var(--global--font-secondary);
 236      --branding--description--font-size: var(--global--font-size-sm);
 237      --branding--logo--max-width: 300px;
 238      --branding--logo--max-height: 100px;
 239      --branding--logo--max-width-mobile: 96px;
 240      --branding--logo--max-height-mobile: 96px;
 241  
 242      /* Main navigation */
 243      --primary-nav--font-family: var(--global--font-secondary);
 244      --primary-nav--font-family-mobile: var(--global--font-primary);
 245      --primary-nav--font-size: var(--global--font-size-md);
 246      --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
 247      --primary-nav--font-size-mobile: var(--global--font-size-sm);
 248      --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
 249      --primary-nav--font-size-button: var(--global--font-size-xs);
 250      --primary-nav--font-style: normal;
 251      --primary-nav--font-style-sub-menu-mobile: normal;
 252      --primary-nav--font-weight: normal;
 253      --primary-nav--font-weight-button: 500;
 254      --primary-nav--color-link: var(--global--color-primary);
 255      --primary-nav--color-link-hover: var(--global--color-primary-hover);
 256      --primary-nav--color-text: var(--global--color-primary);
 257      --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
 258      --primary-nav--border-color: var(--global--color-primary);
 259  
 260      /* Pagination */
 261      --pagination--color-text: var(--global--color-primary);
 262      --pagination--color-link-hover: var(--global--color-primary-hover);
 263      --pagination--font-family: var(--global--font-secondary);
 264      --pagination--font-size: var(--global--font-size-lg);
 265      --pagination--font-weight: normal;
 266      --pagination--font-weight-strong: 600;
 267  
 268      /* Footer */
 269      --footer--color-text: var(--global--color-primary);
 270      --footer--color-link: var(--global--color-primary);
 271      --footer--color-link-hover: var(--global--color-primary-hover);
 272      --footer--font-family: var(--global--font-primary);
 273      --footer--font-size: var(--global--font-size-sm);
 274  
 275      /* Block: Pull quote */
 276      --pullquote--font-family: var(--global--font-primary);
 277      --pullquote--font-size: var(--heading--font-size-h3);
 278      --pullquote--font-style: normal;
 279      --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
 280      --pullquote--line-height: var(--global--line-height-heading);
 281      --pullquote--border-width: 3px;
 282      --pullquote--border-color: var(--global--color-primary);
 283      --pullquote--color-foreground: var(--global--color-primary);
 284      --pullquote--color-background: var(--global--color-background);
 285      --quote--font-family: var(--global--font-secondary);
 286      --quote--font-size: var(--global--font-size-md);
 287      --quote--font-size-large: var(--global--font-size-xl);
 288      --quote--font-style: normal;
 289      --quote--font-weight: 700;
 290      --quote--font-weight-strong: bolder;
 291      --quote--font-style-large: normal;
 292      --quote--font-style-cite: normal;
 293      --quote--line-height: var(--global--line-height-body);
 294      --quote--line-height-large: 1.35;
 295      --separator--border-color: var(--global--color-border);
 296      --separator--height: 1px;
 297  
 298      /* Block: Table */
 299      --table--stripes-border-color: var(--global--color-light-gray);
 300      --table--stripes-background-color: var(--global--color-light-gray);
 301      --table--has-background-text-color: var(--global--color-dark-gray);
 302  
 303      /* Widgets */
 304      --widget--line-height-list: 1.9;
 305      --widget--line-height-title: 1.4;
 306      --widget--font-weight-title: 700;
 307      --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
 308  
 309      /* Admin-bar height */
 310      --global--admin-bar--height: 0px;
 311  }
 312  
 313  .admin-bar {
 314      --global--admin-bar--height: 32px;
 315  }
 316  @media only screen and (max-width: 782px) {
 317  
 318      .admin-bar {
 319          --global--admin-bar--height: 46px;
 320      }
 321  }
 322  
 323  @media only screen and (min-width: 652px) {
 324  
 325      :root {
 326          --global--font-size-xl: 2.5rem;
 327          --global--font-size-xxl: 6rem;
 328          --global--font-size-xxxl: 9rem;
 329          --heading--font-size-h3: 2rem;
 330          --heading--font-size-h2: 3rem;
 331      }
 332  }
 333  
 334  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 335  
 336  /* Document
 337     ========================================================================== */
 338  
 339  /**
 340   * 1. Correct the line height in all browsers.
 341   * 2. Prevent adjustments of font size after orientation changes in iOS.
 342   */
 343  html {
 344      line-height: 1.15; /* 1 */
 345      -webkit-text-size-adjust: 100%; /* 2 */
 346  }
 347  
 348  /* Sections
 349     ========================================================================== */
 350  
 351  /**
 352   * Remove the margin in all browsers.
 353   */
 354  body {
 355      margin: 0;
 356  }
 357  
 358  /**
 359   * Render the `main` element consistently in IE.
 360   */
 361  main {
 362      display: block;
 363  }
 364  
 365  /**
 366   * Correct the font size and margin on `h1` elements within `section` and
 367   * `article` contexts in Chrome, Firefox, and Safari.
 368   */
 369  h1 {
 370      font-size: 2em;
 371      margin: 0.67em 0;
 372  }
 373  
 374  /* Grouping content
 375     ========================================================================== */
 376  
 377  /**
 378   * 1. Add the correct box sizing in Firefox.
 379   * 2. Show the overflow in Edge and IE.
 380   */
 381  hr {
 382      box-sizing: content-box; /* 1 */
 383      height: 0; /* 1 */
 384      overflow: visible; /* 2 */
 385  }
 386  
 387  /**
 388   * 1. Correct the inheritance and scaling of font size in all browsers.
 389   * 2. Correct the odd `em` font sizing in all browsers.
 390   */
 391  pre {
 392      font-family: monospace; /* 1 */
 393      font-size: 1em; /* 2 */
 394  }
 395  
 396  /* Text-level semantics
 397     ========================================================================== */
 398  
 399  /**
 400   * Remove the gray background on active links in IE 10.
 401   */
 402  a {
 403      background-color: transparent;
 404      text-decoration-thickness: 1px;
 405  }
 406  
 407  /**
 408   * 1. Remove the bottom border in Chrome 57-
 409   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 410   */
 411  abbr[title] {
 412      border-bottom: none; /* 1 */
 413      text-decoration: underline; /* 2 */
 414      text-decoration-style: dotted; /* 2 */
 415  }
 416  
 417  /**
 418   * Add the correct font weight in Chrome, Edge, and Safari.
 419   */
 420  b,
 421  strong {
 422      font-weight: bolder;
 423  }
 424  
 425  /**
 426   * 1. Correct the inheritance and scaling of font size in all browsers.
 427   * 2. Correct the odd `em` font sizing in all browsers.
 428   */
 429  code,
 430  kbd,
 431  samp {
 432      font-family: monospace; /* 1 */
 433      font-size: 1em; /* 2 */
 434  }
 435  
 436  /**
 437   * Add the correct font size in all browsers.
 438   */
 439  small {
 440      font-size: 80%;
 441  }
 442  
 443  /**
 444   * Prevent `sub` and `sup` elements from affecting the line height in
 445   * all browsers.
 446   */
 447  sub,
 448  sup {
 449      font-size: 75%;
 450      line-height: 0;
 451      position: relative;
 452      vertical-align: baseline;
 453  }
 454  
 455  sub {
 456      bottom: -0.25em;
 457  }
 458  
 459  sup {
 460      top: -0.5em;
 461  }
 462  
 463  /* Embedded content
 464     ========================================================================== */
 465  
 466  /**
 467   * Remove the border on images inside links in IE 10.
 468   */
 469  img {
 470      border-style: none;
 471  }
 472  
 473  /* Forms
 474     ========================================================================== */
 475  
 476  /**
 477   * 1. Change the font styles in all browsers.
 478   * 2. Remove the margin in Firefox and Safari.
 479   */
 480  button,
 481  input,
 482  optgroup,
 483  select,
 484  textarea {
 485      font-family: inherit; /* 1 */
 486      font-size: 100%; /* 1 */
 487      line-height: 1.15; /* 1 */
 488      margin: 0; /* 2 */
 489  }
 490  
 491  /**
 492   * Show the overflow in IE.
 493   * 1. Show the overflow in Edge.
 494   */
 495  button,
 496  input { /* 1 */
 497      overflow: visible;
 498  }
 499  
 500  /**
 501   * Remove the inheritance of text transform in Edge, Firefox, and IE.
 502   * 1. Remove the inheritance of text transform in Firefox.
 503   */
 504  button,
 505  select { /* 1 */
 506      text-transform: none;
 507  }
 508  
 509  /**
 510   * Correct the inability to style clickable types in iOS and Safari.
 511   */
 512  button,
 513  [type=button],
 514  [type=reset],
 515  [type=submit] {
 516      -webkit-appearance: button;
 517  }
 518  
 519  /**
 520   * Remove the inner border and padding in Firefox.
 521   */
 522  button::-moz-focus-inner,
 523  [type=button]::-moz-focus-inner,
 524  [type=reset]::-moz-focus-inner,
 525  [type=submit]::-moz-focus-inner {
 526      border-style: none;
 527      padding: 0;
 528  }
 529  
 530  /**
 531   * Restore the focus styles unset by the previous rule.
 532   */
 533  button:-moz-focusring,
 534  [type=button]:-moz-focusring,
 535  [type=reset]:-moz-focusring,
 536  [type=submit]:-moz-focusring {
 537      outline: 1px dotted ButtonText;
 538  }
 539  
 540  /**
 541   * Correct the padding in Firefox.
 542   */
 543  fieldset {
 544      padding: 0.35em 0.75em 0.625em;
 545  }
 546  
 547  /**
 548   * 1. Correct the text wrapping in Edge and IE.
 549   * 2. Correct the color inheritance from `fieldset` elements in IE.
 550   * 3. Remove the padding so developers are not caught out when they zero out
 551   *    `fieldset` elements in all browsers.
 552   */
 553  legend {
 554      box-sizing: border-box; /* 1 */
 555      color: inherit; /* 2 */
 556      display: table; /* 1 */
 557      max-width: 100%; /* 1 */
 558      padding: 0; /* 3 */
 559      white-space: normal; /* 1 */
 560  }
 561  
 562  /**
 563   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 564   */
 565  progress {
 566      vertical-align: baseline;
 567  }
 568  
 569  /**
 570   * Remove the default vertical scrollbar in IE 10+.
 571   */
 572  textarea {
 573      overflow: auto;
 574  }
 575  
 576  /**
 577   * 1. Add the correct box sizing in IE 10.
 578   * 2. Remove the padding in IE 10.
 579   */
 580  [type=checkbox],
 581  [type=radio] {
 582      box-sizing: border-box; /* 1 */
 583      padding: 0; /* 2 */
 584  }
 585  
 586  /**
 587   * Correct the cursor style of increment and decrement buttons in Chrome.
 588   */
 589  [type=number]::-webkit-inner-spin-button,
 590  [type=number]::-webkit-outer-spin-button {
 591      height: auto;
 592  }
 593  
 594  /**
 595   * 1. Correct the odd appearance in Chrome and Safari.
 596   * 2. Correct the outline style in Safari.
 597   */
 598  [type=search] {
 599      -webkit-appearance: textfield; /* 1 */
 600      outline-offset: -2px; /* 2 */
 601  }
 602  
 603  /**
 604   * Remove the inner padding in Chrome and Safari on macOS.
 605   */
 606  [type=search]::-webkit-search-decoration {
 607      -webkit-appearance: none;
 608  }
 609  
 610  /**
 611   * 1. Correct the inability to style clickable types in iOS and Safari.
 612   * 2. Change font properties to `inherit` in Safari.
 613   */
 614  ::-webkit-file-upload-button {
 615      -webkit-appearance: button; /* 1 */
 616      font: inherit; /* 2 */
 617  }
 618  
 619  /* Interactive
 620     ========================================================================== */
 621  
 622  /*
 623   * Add the correct display in Edge, IE 10+, and Firefox.
 624   */
 625  details {
 626      display: block;
 627  }
 628  
 629  /*
 630   * Add the correct display in all browsers.
 631   */
 632  summary {
 633      display: list-item;
 634  }
 635  
 636  /* Misc
 637     ========================================================================== */
 638  
 639  /**
 640   * Add the correct display in IE 10+.
 641   */
 642  template {
 643      display: none;
 644  }
 645  
 646  /**
 647   * Add the correct display in IE 10.
 648   */
 649  [hidden] {
 650      display: none;
 651  }
 652  
 653  /**
 654   * Responsive Styles
 655   */
 656  
 657  /**
 658   * Required Variables
 659   */
 660  
 661  /**
 662   * Root Media Query Variables
 663   */
 664  :root {
 665      --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
 666      --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
 667      --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
 668      --responsive--alignfull-width: 100%;
 669      --responsive--alignright-margin: var(--global--spacing-horizontal);
 670      --responsive--alignleft-margin: var(--global--spacing-horizontal);
 671  }
 672  
 673  @media only screen and (min-width: 482px) {
 674  
 675      :root {
 676          --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
 677          --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
 678          --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
 679          --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
 680      }
 681  }
 682  @media only screen and (min-width: 822px) {
 683  
 684      :root {
 685          --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
 686          --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
 687      }
 688  }
 689  
 690  /**
 691   * Extends
 692   */
 693  .post-thumbnail,
 694  .entry-content .wp-audio-shortcode,
 695  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
 696  *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
 697  .default-max-width {
 698      max-width: var(--responsive--aligndefault-width);
 699      margin-left: auto;
 700      margin-right: auto;
 701  }
 702  
 703  .widget-area,
 704  .pagination,
 705  .comments-pagination,
 706  .post-navigation,
 707  .site-footer,
 708  .site-header,
 709  .alignwide,
 710  .wide-max-width {
 711      max-width: var(--responsive--alignwide-width);
 712      margin-left: auto;
 713      margin-right: auto;
 714  }
 715  
 716  .alignfull,
 717  .wp-block-group .wp-block-group__inner-container > *.alignfull,
 718  .full-max-width {
 719      max-width: var(--responsive--alignfull-width);
 720      width: var(--responsive--alignfull-width);
 721      margin-left: auto;
 722      margin-right: auto;
 723  }
 724  
 725  @media only screen and (min-width: 482px) {
 726  
 727      .alignfull,
 728      .full-max-width {
 729          max-width: var(--responsive--alignfull-width);
 730          width: auto;
 731          margin-left: auto;
 732          margin-right: auto;
 733      }
 734  }
 735  
 736  .entry-header .post-thumbnail,
 737  .singular .post-thumbnail,
 738  .alignfull [class*=inner-container] > .alignwide,
 739  .alignwide [class*=inner-container] > .alignwide {
 740      margin-left: auto;
 741      margin-right: auto;
 742      width: var(--responsive--alignwide-width);
 743      max-width: var(--responsive--alignfull-width);
 744  }
 745  
 746  @media only screen and (min-width: 482px) {
 747  
 748      .entry-content > .alignleft {
 749  
 750          /*rtl:ignore*/
 751          margin-left: var(--responsive--alignleft-margin);
 752  
 753          /*rtl:ignore*/
 754          margin-right: var(--global--spacing-horizontal);
 755      }
 756  }
 757  @media only screen and (min-width: 482px) {
 758  
 759      .entry-content > .alignright {
 760  
 761          /*rtl:ignore*/
 762          margin-left: var(--global--spacing-horizontal);
 763  
 764          /*rtl:ignore*/
 765          margin-right: var(--responsive--alignright-margin);
 766      }
 767  }
 768  
 769  /**
 770   * Site Structure
 771   *
 772   * - Set vertical margins and responsive widths on
 773   *   top-level wrappers and content wrappers
 774   * - `--global--width-content` is a responsive variable
 775   * - See: globals/_global-width-responsive.scss
 776   */
 777  
 778  /**
 779   * Top Level Wrappers (header, main, footer)
 780   * - Set vertical padding and horizontal margins
 781   */
 782  .site-header,
 783  .site-main,
 784  .widget-area,
 785  .site-footer {
 786      padding-top: var(--global--spacing-vertical);
 787      padding-bottom: var(--global--spacing-vertical);
 788      margin-left: auto;
 789      margin-right: auto;
 790  }
 791  
 792  .site-header {
 793      padding-top: calc(0.75 * var(--global--spacing-vertical));
 794      padding-bottom: calc(2 * var(--global--spacing-vertical));
 795  }
 796  @media only screen and (min-width: 482px) {
 797  
 798      .site-header {
 799          padding-bottom: calc(3 * var(--global--spacing-vertical));
 800      }
 801  }
 802  
 803  /**
 804   * Site-main children wrappers
 805   * - Add double vertical margins here for clearer hierarchy
 806   */
 807  .site-main > * {
 808      margin-top: calc(3 * var(--global--spacing-vertical));
 809      margin-bottom: calc(3 * var(--global--spacing-vertical));
 810  }
 811  
 812  .site-main > *:first-child {
 813      margin-top: 0;
 814  }
 815  
 816  .site-main > *:last-child {
 817      margin-bottom: 0;
 818  }
 819  
 820  /**
 821   * Set the default maximum responsive content-width
 822   */
 823  
 824  /**
 825   * Set the wide maximum responsive content-width
 826   */
 827  
 828  /**
 829   * Set the full maximum responsive content-width
 830   */
 831  
 832  /*
 833   * Block & non-gutenberg content wrappers
 834   * - Set margins
 835   */
 836  .entry-header,
 837  .post-thumbnail,
 838  .entry-content,
 839  .entry-footer,
 840  .author-bio {
 841      margin-top: var(--global--spacing-vertical);
 842      margin-right: auto;
 843      margin-bottom: var(--global--spacing-vertical);
 844      margin-left: auto;
 845  }
 846  
 847  /*
 848   * Block & non-gutenberg content wrapper children
 849   * - Sets spacing-vertical margin logic
 850   */
 851  .site-main > article > *,
 852  .site-main > .not-found > *,
 853  .entry-content > *,
 854  [class*=inner-container] > *,
 855  .wp-block-template-part > *,
 856  .wp-block-post-template :where(li > *) {
 857      margin-top: calc(0.666 * var(--global--spacing-vertical));
 858      margin-bottom: calc(0.666 * var(--global--spacing-vertical));
 859  }
 860  @media only screen and (min-width: 482px) {
 861  
 862      .site-main > article > *,
 863      .site-main > .not-found > *,
 864      .entry-content > *,
 865      [class*=inner-container] > *,
 866      .wp-block-template-part > *,
 867      .wp-block-post-template :where(li > *) {
 868          margin-top: var(--global--spacing-vertical);
 869          margin-bottom: var(--global--spacing-vertical);
 870      }
 871  }
 872  
 873  .site-main > article > *:first-child,
 874  .site-main > .not-found > *:first-child,
 875  .entry-content > *:first-child,
 876  [class*=inner-container] > *:first-child,
 877  .wp-block-template-part > *:first-child,
 878  .wp-block-post-template :where(li > *):first-child {
 879      margin-top: 0;
 880  }
 881  
 882  .site-main > article > *:last-child,
 883  .site-main > .not-found > *:last-child,
 884  .entry-content > *:last-child,
 885  [class*=inner-container] > *:last-child,
 886  .wp-block-template-part > *:last-child,
 887  .wp-block-post-template :where(li > *):last-child {
 888      margin-bottom: 0;
 889  }
 890  
 891  .site-footer > *,
 892  .widget-area > * {
 893      margin-top: calc(0.666 * var(--global--spacing-vertical));
 894      margin-bottom: calc(0.666 * var(--global--spacing-vertical));
 895  }
 896  @media only screen and (min-width: 482px) {
 897  
 898      .site-footer > *,
 899      .widget-area > * {
 900          margin-top: var(--global--spacing-vertical);
 901          margin-bottom: var(--global--spacing-vertical);
 902      }
 903  }
 904  
 905  /*
 906   * Block & non-gutenberg content wrapper children
 907   * - Sets spacing-unit margins
 908   */
 909  .entry-header > *,
 910  .post-thumbnail > *,
 911  .page-content > *,
 912  .comment-content > *,
 913  .widget > * {
 914      margin-top: var(--global--spacing-unit);
 915      margin-bottom: var(--global--spacing-unit);
 916  }
 917  
 918  .entry-header > *:first-child,
 919  .post-thumbnail > *:first-child,
 920  .page-content > *:first-child,
 921  .comment-content > *:first-child,
 922  .widget > *:first-child {
 923      margin-top: 0;
 924  }
 925  
 926  .entry-header > *:last-child,
 927  .post-thumbnail > *:last-child,
 928  .page-content > *:last-child,
 929  .comment-content > *:last-child,
 930  .widget > *:last-child {
 931      margin-bottom: 0;
 932  }
 933  
 934  /*
 935   * .entry-content children specific controls
 936   * - Adds special margin overrides for alignment utility classes
 937   */
 938  .entry-content > *.alignleft,
 939  .entry-content > *.alignright,
 940  .entry-content > *.alignleft:first-child + *,
 941  .entry-content > *.alignright:first-child + *,
 942  .entry-content > *.alignfull.has-background {
 943      margin-top: 0;
 944  }
 945  
 946  .entry-content > *:last-child,
 947  .entry-content > *.alignfull.has-background {
 948      margin-bottom: 0;
 949  }
 950  
 951  .entry-content > *.alignfull + .alignleft,
 952  .entry-content > *.alignfull + .alignright {
 953      margin-top: var(--global--spacing-vertical);
 954  }
 955  
 956  /**
 957   * Reset specific elements to make them easier to style in other contexts.
 958   */
 959  html,
 960  body,
 961  p,
 962  ol,
 963  ul,
 964  li,
 965  dl,
 966  dt,
 967  dd,
 968  blockquote,
 969  figure,
 970  fieldset,
 971  form,
 972  legend,
 973  textarea,
 974  pre,
 975  iframe,
 976  hr,
 977  h1,
 978  h2,
 979  h3,
 980  h4,
 981  h5,
 982  h6 {
 983      padding: 0;
 984      margin: 0;
 985      -moz-osx-font-smoothing: grayscale;
 986      -webkit-font-smoothing: antialiased;
 987  }
 988  
 989  /**
 990   * Apply generic border-box to all elements.
 991   * See:
 992   * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 993   */
 994  html {
 995  
 996      /* Apply border-box across the entire page. */
 997      box-sizing: border-box;
 998      font-family: var(--global--font-secondary);
 999      line-height: var(--global--line-height-body);
1000  }
1001  
1002  /**
1003   * Relax the definition a bit, to allow components to override it manually.
1004   */
1005  *,
1006  *::before,
1007  *::after {
1008      box-sizing: inherit;
1009  }
1010  
1011  body {
1012      font-size: var(--global--font-size-base);
1013      font-weight: normal;
1014      color: var(--global--color-primary);
1015      text-align: left;
1016      background-color: var(--global--color-background);
1017  }
1018  
1019  button {
1020      cursor: pointer;
1021  }
1022  
1023  .clear:before,
1024  .clear:after,
1025  .entry-content:before,
1026  .entry-content:after,
1027  .comment-content:before,
1028  .comment-content:after,
1029  .site-header:before,
1030  .site-header:after,
1031  .site-content:before,
1032  .site-content:after,
1033  .site-footer:before,
1034  .site-footer:after {
1035      content: "";
1036      display: table;
1037      table-layout: fixed;
1038  }
1039  
1040  .clear:after,
1041  .entry-content:after,
1042  .comment-content:after,
1043  .site-header:after,
1044  .site-content:after,
1045  .site-footer:after {
1046      clear: both;
1047  }
1048  
1049  /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
1050  blockquote {
1051      padding: 0;
1052      position: relative;
1053      margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
1054  }
1055  
1056  blockquote > * {
1057      margin-top: var(--global--spacing-unit);
1058      margin-bottom: var(--global--spacing-unit);
1059  }
1060  
1061  blockquote > *:first-child {
1062      margin-top: 0;
1063  }
1064  
1065  blockquote > *:last-child {
1066      margin-bottom: 0;
1067  }
1068  
1069  blockquote p {
1070      letter-spacing: var(--heading--letter-spacing-h4);
1071      font-family: var(--quote--font-family);
1072      font-size: var(--quote--font-size);
1073      font-style: var(--quote--font-style);
1074      font-weight: var(--quote--font-weight);
1075      line-height: var(--quote--line-height);
1076  }
1077  
1078  blockquote cite,
1079  blockquote footer {
1080      font-weight: normal;
1081      color: var(--global--color-primary);
1082      letter-spacing: var(--global--letter-spacing);
1083  }
1084  
1085  blockquote.alignleft,
1086  blockquote.alignright {
1087      padding-left: inherit;
1088  }
1089  
1090  blockquote.alignleft p,
1091  blockquote.alignright p {
1092      font-size: var(--heading--font-size-h5);
1093      max-width: inherit;
1094      width: inherit;
1095  }
1096  
1097  blockquote.alignleft cite,
1098  blockquote.alignleft footer,
1099  blockquote.alignright cite,
1100  blockquote.alignright footer {
1101      font-size: var(--global--font-size-xs);
1102      letter-spacing: var(--global--letter-spacing);
1103  }
1104  
1105  blockquote strong {
1106      font-weight: var(--quote--font-weight-strong);
1107  }
1108  
1109  blockquote:before {
1110      content: "“";
1111      position: absolute;
1112      left: calc(-0.5 * var(--global--spacing-horizontal));
1113  }
1114  
1115  blockquote .wp-block-quote__citation,
1116  blockquote cite,
1117  blockquote footer {
1118      color: var(--global--color-primary);
1119      font-style: var(--quote--font-style-cite);
1120  }
1121  @media only screen and (max-width: 481.98px) {
1122  
1123      blockquote {
1124          padding-left: calc(0.5 * var(--global--spacing-horizontal));
1125      }
1126  
1127      blockquote:before {
1128          left: 0;
1129      }
1130  }
1131  
1132  input[type=text],
1133  input[type=email],
1134  input[type=url],
1135  input[type=password],
1136  input[type=search],
1137  input[type=number],
1138  input[type=tel],
1139  input[type=date],
1140  input[type=month],
1141  input[type=week],
1142  input[type=time],
1143  input[type=datetime],
1144  input[type=datetime-local],
1145  input[type=color],
1146  .site textarea {
1147      border: var(--form--border-width) solid var(--form--border-color);
1148      border-radius: var(--form--border-radius);
1149      color: var(--form--color-text);
1150      line-height: var(--global--line-height-body);
1151      padding: var(--form--spacing-unit);
1152      margin: 0 2px;
1153      max-width: 100%;
1154  }
1155  
1156  input[type=text]:focus,
1157  input[type=email]:focus,
1158  input[type=url]:focus,
1159  input[type=password]:focus,
1160  input[type=search]:focus,
1161  input[type=number]:focus,
1162  input[type=tel]:focus,
1163  input[type=date]:focus,
1164  input[type=month]:focus,
1165  input[type=week]:focus,
1166  input[type=time]:focus,
1167  input[type=datetime]:focus,
1168  input[type=datetime-local]:focus,
1169  input[type=color]:focus,
1170  .site textarea:focus {
1171      color: var(--form--color-text);
1172      outline-offset: 2px;
1173      outline: 2px dotted var(--form--border-color);
1174  }
1175  
1176  input[type=text]:disabled,
1177  input[type=email]:disabled,
1178  input[type=url]:disabled,
1179  input[type=password]:disabled,
1180  input[type=search]:disabled,
1181  input[type=number]:disabled,
1182  input[type=tel]:disabled,
1183  input[type=date]:disabled,
1184  input[type=month]:disabled,
1185  input[type=week]:disabled,
1186  input[type=time]:disabled,
1187  input[type=datetime]:disabled,
1188  input[type=datetime-local]:disabled,
1189  input[type=color]:disabled,
1190  .site textarea:disabled {
1191      opacity: 0.7;
1192  }
1193  
1194  .is-dark-theme input[type=text],
1195  .is-dark-theme input[type=email],
1196  .is-dark-theme input[type=url],
1197  .is-dark-theme input[type=password],
1198  .is-dark-theme input[type=search],
1199  .is-dark-theme input[type=number],
1200  .is-dark-theme input[type=tel],
1201  .is-dark-theme input[type=date],
1202  .is-dark-theme input[type=month],
1203  .is-dark-theme input[type=week],
1204  .is-dark-theme input[type=time],
1205  .is-dark-theme input[type=datetime],
1206  .is-dark-theme input[type=datetime-local],
1207  .is-dark-theme input[type=color],
1208  .is-dark-theme .site textarea {
1209      background: var(--global--color-white-90);
1210  }
1211  
1212  input[type=search]:focus {
1213      outline-offset: -7px;
1214  }
1215  
1216  .is-dark-theme input[type=search]:focus {
1217      outline-color: var(--global--color-background);
1218  }
1219  
1220  input[type=color] {
1221      padding: calc(var(--form--spacing-unit) / 2);
1222      height: calc(4 * var(--form--spacing-unit));
1223  }
1224  
1225  input[type=email],
1226  input[type=url] {
1227  
1228      /*rtl:ignore*/
1229      direction: ltr;
1230  }
1231  
1232  select {
1233      border: var(--form--border-width) solid var(--form--border-color);
1234      color: var(--form--color-text);
1235      -moz-appearance: none;
1236      -webkit-appearance: none;
1237      appearance: none;
1238      line-height: var(--global--line-height-body);
1239      padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);
1240      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;
1241      background-position: right var(--form--spacing-unit) top 60%;
1242  }
1243  
1244  select:focus {
1245      outline-offset: 2px;
1246      outline: 2px dotted var(--form--border-color);
1247  }
1248  
1249  .is-dark-theme select {
1250      background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
1251      background-position: right var(--form--spacing-unit) top 60%;
1252  }
1253  
1254  textarea {
1255      width: 100%;
1256  }
1257  
1258  label {
1259      font-size: var(--form--font-size);
1260      font-weight: var(--form--label-weight);
1261      margin-bottom: calc(var(--global--spacing-vertical) / 3);
1262  }
1263  
1264  /**
1265  https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
1266  https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
1267  License: MIT.
1268  */
1269  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
1270  
1271      input[type=checkbox],
1272      input[type=radio] {
1273          -webkit-appearance: none;
1274          -moz-appearance: none;
1275          position: relative;
1276          width: 25px;
1277          height: 25px;
1278          border: var(--form--border-width) solid var(--form--border-color);
1279          background: var(--global--color-white);
1280      }
1281  
1282      input[type=checkbox]:disabled,
1283      input[type=radio]:disabled {
1284          opacity: 0.7;
1285      }
1286  
1287      .is-dark-theme input[type=checkbox],
1288      .is-dark-theme input[type=radio] {
1289          background: var(--global--color-white-90);
1290      }
1291  
1292      input[type=checkbox]:focus {
1293          outline-offset: 2px;
1294          outline: 2px dotted var(--form--border-color);
1295      }
1296  
1297      input[type=checkbox]:after {
1298          content: "";
1299          opacity: 0;
1300          display: block;
1301          left: 5px;
1302          top: 2px;
1303          position: absolute;
1304          width: 7px;
1305          height: 13px;
1306          border: 3px solid var(--form--color-text);
1307          border-top: 0;
1308          border-left: 0;
1309          transform: rotate(30deg);
1310      }
1311  
1312      input[type=checkbox]:checked {
1313          color: var(--form--color-text);
1314      }
1315  
1316      input[type=checkbox]:checked:after {
1317          opacity: 1;
1318      }
1319  
1320      input[type=radio] {
1321          border-radius: 50%;
1322      }
1323  
1324      input[type=radio]:focus {
1325          outline-offset: 2px;
1326          outline: 2px dotted var(--form--border-color);
1327      }
1328  
1329      input[type=radio]:after {
1330          content: "";
1331          opacity: 0;
1332          display: block;
1333          left: 3px;
1334          top: 3px;
1335          position: absolute;
1336          width: 11px;
1337          height: 11px;
1338          border-radius: 50%;
1339          background: var(--form--color-text);
1340      }
1341  
1342      input[type=radio]:checked {
1343          border: 4px solid var(--form--border-color);
1344      }
1345  
1346      input[type=radio]:checked:after {
1347          opacity: 1;
1348      }
1349  
1350      input[type=radio]:checked:focus {
1351          outline-offset: 4px;
1352          outline: 2px dotted var(--form--border-color);
1353      }
1354  }
1355  
1356  input[type=checkbox] + label,
1357  input[type=radio] + label {
1358      display: inline-block;
1359      padding-left: 10px;
1360      font-size: var(--global--font-size-xs);
1361      vertical-align: top;
1362  }
1363  
1364  /**
1365   * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
1366  */
1367  @supports (-webkit-appearance: none) or (-moz-appearance: none) {
1368  
1369      input[type=range] {
1370          -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
1371          width: 100%; /* Specific width is required for Firefox. */
1372          height: 6px;
1373          background: var(--form--color-ranged);
1374          border-radius: 6px;
1375          outline-offset: 10px;
1376      }
1377  
1378      input[type=range]:disabled {
1379          opacity: 0.7;
1380      }
1381  
1382      input[type=range]::-webkit-slider-thumb {
1383          -webkit-appearance: none;
1384          border: 3px solid var(--form--color-ranged);
1385          height: 44px;
1386          width: 44px;
1387          border-radius: 50%;
1388          background: var(--global--color-background);
1389          cursor: pointer;
1390      }
1391  
1392      input[type=range]::-moz-range-thumb {
1393          border: 3px solid var(--form--color-ranged);
1394          height: 44px;
1395          width: 44px;
1396          border-radius: 50%;
1397          background: var(--global--color-background);
1398          cursor: pointer;
1399          box-sizing: border-box;
1400      }
1401  }
1402  
1403  input[type=range]::-ms-track {
1404      width: 100%;
1405      height: 6px;
1406      border-radius: 6px;
1407      border-width: 19px 0;
1408      border-color: var(--global--color-background);
1409      background: transparent;
1410      color: transparent;
1411      cursor: pointer;
1412  }
1413  
1414  input[type=range]::-ms-fill-upper {
1415      background: var(--form--color-ranged);
1416      border-radius: 6px;
1417  }
1418  
1419  input[type=range]::-ms-fill-lower {
1420      background: var(--form--color-ranged);
1421      border-radius: 6px;
1422  }
1423  
1424  input[type=range]::-ms-thumb {
1425      border: 3px solid var(--form--color-ranged);
1426      height: 44px;
1427      width: 44px;
1428      border-radius: 50%;
1429      background: var(--global--color-background);
1430      cursor: pointer;
1431  }
1432  
1433  fieldset {
1434      display: grid;
1435      border-color: var(--global--color-secondary);
1436      padding: var(--global--spacing-horizontal);
1437  }
1438  
1439  fieldset legend {
1440      font-size: var(--global--font-size-lg);
1441  }
1442  
1443  fieldset input[type=submit] {
1444      max-width: max-content;
1445  }
1446  
1447  fieldset input:not([type=submit]) {
1448      margin-bottom: var(--global--spacing-unit);
1449  }
1450  
1451  fieldset input[type=radio],
1452  fieldset input[type=checkbox] {
1453      margin-bottom: 0;
1454  }
1455  
1456  fieldset input[type=radio] + label,
1457  fieldset input[type=checkbox] + label {
1458      font-size: var(--form--font-size);
1459      padding-left: 0;
1460      margin-bottom: var(--global--spacing-unit);
1461  }
1462  
1463  ::-moz-placeholder {
1464      opacity: 1;
1465  }
1466  
1467  .post-password-message {
1468      font-size: var(--global--font-size-lg);
1469  }
1470  
1471  .post-password-form {
1472      display: flex;
1473      flex-wrap: wrap;
1474  }
1475  
1476  .post-password-form__label {
1477      width: 100%;
1478      margin-bottom: 0;
1479  }
1480  
1481  .post-password-form input[type=password] {
1482      flex-grow: 1;
1483      margin-top: calc(var(--global--spacing-vertical) / 3);
1484      margin-right: calc(0.66 * var(--global--spacing-horizontal));
1485  }
1486  
1487  .post-password-form__submit {
1488      margin-top: calc(var(--global--spacing-vertical) / 3);
1489  }
1490  @media only screen and (min-width: 592px) {
1491  
1492      .post-password-form__submit {
1493          margin-left: calc(0.4 * var(--global--spacing-horizontal));
1494      }
1495  }
1496  
1497  img {
1498      height: auto;
1499      max-width: 100%;
1500      vertical-align: middle;
1501  }
1502  
1503  /* Classic editor images */
1504  .entry-content img {
1505      max-width: 100%;
1506  }
1507  
1508  /* Make sure embeds and iframes fit their containers. */
1509  embed,
1510  iframe,
1511  object,
1512  video {
1513      max-width: 100%;
1514  }
1515  
1516  /* Media captions */
1517  figcaption,
1518  .wp-caption,
1519  .wp-caption-text,
1520  .wp-block-embed figcaption {
1521      color: currentColor;
1522      font-size: var(--global--font-size-xs);
1523      line-height: var(--global--line-height-body);
1524      margin-top: calc(0.5 * var(--global--spacing-unit));
1525      margin-bottom: var(--global--spacing-unit);
1526      text-align: center;
1527  }
1528  
1529  .alignleft figcaption,
1530  .alignright figcaption,
1531  .alignleft .wp-caption,
1532  .alignright .wp-caption,
1533  .alignleft .wp-caption-text,
1534  .alignright .wp-caption-text,
1535  .alignleft .wp-block-embed figcaption,
1536  .alignright .wp-block-embed figcaption {
1537      margin-bottom: 0;
1538  }
1539  
1540  /* WP Smiley */
1541  .page-content .wp-smiley,
1542  .entry-content .wp-smiley,
1543  .comment-content .wp-smiley {
1544      border: none;
1545      margin-bottom: 0;
1546      margin-top: 0;
1547      padding: 0;
1548  }
1549  
1550  /* Over here, place any elements that do not need to have their own file. */
1551  b,
1552  strong {
1553      font-weight: 700;
1554  }
1555  
1556  dfn,
1557  cite,
1558  em,
1559  i {
1560      font-style: italic;
1561  }
1562  
1563  pre {
1564      white-space: pre;
1565      overflow-x: auto;
1566  }
1567  
1568  .entry-content > code {
1569      display: block;
1570  }
1571  
1572  /*
1573   * text-underline-offset doesn't work in Chrome at all 👎
1574   * But looks nice in Safari/Firefox, so let's keep it and
1575   * maybe Chrome will support it soon.
1576   */
1577  a {
1578      cursor: pointer;
1579      color: var(--wp--style--color--link, var(--global--color-primary));
1580      text-underline-offset: 3px;
1581      text-decoration-skip-ink: all;
1582  }
1583  
1584  a:hover {
1585      text-decoration-style: dotted;
1586      text-decoration-skip-ink: none;
1587  }
1588  
1589  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
1590  
1591      /* Only visible in Windows High Contrast mode */
1592      outline: 2px solid transparent;
1593      text-decoration: underline 1px dotted currentColor;
1594      text-decoration-skip-ink: none;
1595      background: rgba(255, 255, 255, 0.9);
1596  }
1597  
1598  .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
1599      background: var(--global--color-black);
1600      color: var(--global--color-white);
1601      text-decoration: none;
1602  }
1603  
1604  .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
1605      color: var(--wp--style--color--link, var(--global--color-white));
1606  }
1607  
1608  .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
1609      background: rgba(0, 0, 0, 0.9);
1610      color: var(--wp--style--color--link, var(--global--color-white));
1611  }
1612  
1613  .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
1614      color: var(--wp--style--color--link, var(--global--color-white));
1615  }
1616  
1617  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
1618  
1619      /* Only visible in Windows High Contrast mode */
1620      outline: 2px solid transparent;
1621      outline-offset: -2px;
1622  }
1623  
1624  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
1625      color: #21759b;
1626      background-color: #f1f1f1;
1627  }
1628  
1629  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
1630      background: none;
1631  }
1632  
1633  .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
1634      outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
1635  }
1636  
1637  .has-background .has-link-color a,
1638  .has-background.has-link-color a {
1639      color: var(--wp--style--color--link, var(--global--color-primary));
1640  }
1641  
1642  /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
1643  .wp-block-audio audio:focus {
1644      outline-offset: 5px;
1645      outline: 2px solid var(--global--color-primary);
1646  }
1647  
1648  /**
1649   * Button
1650   */
1651  .site .button,
1652  button,
1653  input[type=submit],
1654  input[type=reset],
1655  .wp-block-search .wp-block-search__button,
1656  .wp-block-button .wp-block-button__link,
1657  .wp-block-file a.wp-block-file__button {
1658      border: var(--button--border-width) solid transparent;
1659      border-radius: var(--button--border-radius);
1660      cursor: pointer;
1661      font-weight: var(--button--font-weight);
1662      font-family: var(--button--font-family);
1663      font-size: var(--button--font-size);
1664      line-height: var(--button--line-height);
1665      padding: var(--button--padding-vertical) var(--button--padding-horizontal);
1666      text-decoration: none;
1667  }
1668  
1669  .site .button:not(:hover):not(:active):not(.has-text-color),
1670  button:not(:hover):not(:active):not(.has-text-color),
1671  input[type=submit]:not(:hover):not(:active):not(.has-text-color),
1672  input[type=reset]:not(:hover):not(:active):not(.has-text-color),
1673  .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
1674  .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
1675  .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
1676      color: var(--global--color-background);
1677  }
1678  
1679  .has-background .site .button:not(:hover):not(:active):not(.has-text-color),
1680  .has-background button:not(:hover):not(:active):not(.has-text-color),
1681  .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
1682  .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
1683  .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
1684  .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
1685  .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
1686      color: var(--local--color-background, var(--global--color-primary));
1687  }
1688  
1689  .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
1690  .has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
1691  .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
1692  .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
1693  .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
1694  .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
1695  .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
1696      color: var(--global--color-primary);
1697  }
1698  
1699  .site .button:not(:hover):not(:active):not(.has-background),
1700  button:not(:hover):not(:active):not(.has-background),
1701  input[type=submit]:not(:hover):not(:active):not(.has-background),
1702  input[type=reset]:not(:hover):not(:active):not(.has-background),
1703  .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
1704  .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
1705  .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
1706      background-color: var(--global--color-primary);
1707  }
1708  
1709  .has-background .site .button:not(:hover):not(:active):not(.has-background),
1710  .has-background button:not(:hover):not(:active):not(.has-background),
1711  .has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
1712  .has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
1713  .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
1714  .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
1715  .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
1716      background-color: var(--local--color-primary, var(--global--color-primary));
1717  }
1718  
1719  .site .button:hover,
1720  .site .button:active,
1721  button:hover,
1722  button:active,
1723  input[type=submit]:hover,
1724  input[type=submit]:active,
1725  input[type=reset]:hover,
1726  input[type=reset]:active,
1727  .wp-block-search .wp-block-search__button:hover,
1728  .wp-block-search .wp-block-search__button:active,
1729  .wp-block-button .wp-block-button__link:hover,
1730  .wp-block-button .wp-block-button__link:active,
1731  .wp-block-file a.wp-block-file__button:hover,
1732  .wp-block-file a.wp-block-file__button:active {
1733      background-color: transparent;
1734      border-color: currentColor;
1735      color: inherit;
1736  }
1737  
1738  .site .button:focus,
1739  button:focus,
1740  input[type=submit]:focus,
1741  input[type=reset]:focus,
1742  .wp-block-search .wp-block-search__button:focus,
1743  .wp-block-button .wp-block-button__link:focus,
1744  .wp-block-file a.wp-block-file__button:focus {
1745      outline-offset: -6px;
1746      outline: 2px dotted currentColor;
1747  }
1748  
1749  .site .button:disabled,
1750  button:disabled,
1751  input[type=submit]:disabled,
1752  input[type=reset]:disabled,
1753  .wp-block-search .wp-block-search__button:disabled,
1754  .wp-block-button .wp-block-button__link:disabled,
1755  .wp-block-file a.wp-block-file__button:disabled {
1756      background-color: var(--global--color-white-50);
1757      border-color: var(--global--color-white-50);
1758      color: var(--button--color-text-active);
1759  }
1760  
1761  /**
1762   * Block Options
1763   */
1764  .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
1765      color: var(--global--color-background);
1766  }
1767  
1768  .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
1769      color: var(--local--color-background, var(--global--color-background));
1770  }
1771  
1772  .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
1773      color: var(--global--color-primary);
1774  }
1775  
1776  .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
1777      background-color: var(--global--color-primary);
1778  }
1779  
1780  .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
1781      background-color: var(--local--color-primary, var(--global--color-primary));
1782  }
1783  
1784  .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
1785  .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
1786      border-color: currentColor !important;
1787      background-color: transparent !important;
1788      color: inherit !important;
1789  }
1790  
1791  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
1792  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
1793  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
1794      border-color: currentColor;
1795  }
1796  
1797  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
1798      color: var(--global--color-primary);
1799  }
1800  
1801  .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
1802      color: var(--local--color-primary, var(--global--color-primary));
1803  }
1804  
1805  .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
1806      color: inherit;
1807  }
1808  
1809  .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
1810      background-color: transparent;
1811  }
1812  
1813  .wp-block-button.is-style-outline .wp-block-button__link:hover,
1814  .wp-block-button.is-style-outline .wp-block-button__link:active {
1815      border-color: transparent !important;
1816      background-color: var(--global--color-primary) !important;
1817      color: var(--global--color-background) !important;
1818  }
1819  
1820  .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
1821  .has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
1822      background-color: var(--local--color-primary, var(--global--color-primary)) !important;
1823      color: var(--local--color-background, var(--global--color-background)) !important;
1824  }
1825  
1826  .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
1827  .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
1828      color: var(--local--color-background, var(--global--color-background)) !important;
1829  }
1830  
1831  .wp-block-button .is-style-squared .wp-block-button__link {
1832      border-radius: 0;
1833  }
1834  
1835  .is-style-outline .wp-block-button__link[style*=radius]:focus,
1836  .wp-block-button a.wp-block-button__link[style*=radius]:focus {
1837      outline-offset: 2px;
1838      outline: 2px dotted var(--button--color-background);
1839  }
1840  
1841  .wp-block-code {
1842      border-color: var(--global--color-border);
1843      border-radius: 0;
1844      border-style: solid;
1845      border-width: 0.1rem;
1846      padding: var(--global--spacing-unit);
1847  }
1848  
1849  .wp-block-code code {
1850      color: var(--global--color-primary);
1851      white-space: pre;
1852      overflow-x: auto;
1853      display: block;
1854  }
1855  
1856  .wp-block-columns:not(.alignwide):not(.alignfull) {
1857      clear: both;
1858  }
1859  
1860  .wp-block-columns .wp-block-column > * {
1861      margin-top: calc(0.66 * var(--global--spacing-vertical));
1862      margin-bottom: calc(0.66 * var(--global--spacing-vertical));
1863  }
1864  @media only screen and (min-width: 482px) {
1865  
1866      .wp-block-columns .wp-block-column > * {
1867          margin-top: var(--global--spacing-vertical);
1868          margin-bottom: var(--global--spacing-vertical);
1869      }
1870  }
1871  
1872  .wp-block-columns .wp-block-column > *:first-child {
1873      margin-top: 0;
1874  }
1875  
1876  .wp-block-columns .wp-block-column > *:last-child {
1877      margin-bottom: 0;
1878  }
1879  
1880  .wp-block-columns .wp-block-column:last-child {
1881      margin-bottom: 0;
1882  }
1883  
1884  .wp-block-columns .wp-block-column:not(:last-child) {
1885      margin-bottom: calc(0.66 * var(--global--spacing-vertical));
1886  }
1887  @media only screen and (min-width: 482px) {
1888  
1889      .wp-block-columns .wp-block-column:not(:last-child) {
1890          margin-bottom: var(--global--spacing-vertical);
1891      }
1892  }
1893  @media only screen and (min-width: 822px) {
1894  
1895      .wp-block-columns .wp-block-column:not(:last-child) {
1896          margin-bottom: 0;
1897      }
1898  }
1899  
1900  .wp-block-columns.is-style-twentytwentyone-columns-overlap {
1901      justify-content: space-around;
1902  }
1903  @media only screen and (min-width: 652px) {
1904  
1905      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
1906          margin-left: calc(-2 * var(--global--spacing-horizontal));
1907          margin-top: calc(2.5 * var(--global--spacing-horizontal));
1908          z-index: 2;
1909      }
1910  
1911      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
1912      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
1913      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
1914      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
1915      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
1916      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
1917      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
1918      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
1919      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
1920      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
1921          background-color: var(--global--color-background);
1922          padding: var(--global--spacing-unit);
1923      }
1924  
1925      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
1926      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
1927          padding-left: calc(2 * var(--global--spacing-horizontal));
1928      }
1929  
1930      .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
1931          margin-top: 0;
1932      }
1933  }
1934  
1935  .wp-block-columns.alignfull .wp-block-column p:not(.has-background),
1936  .wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
1937  .wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
1938  .wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
1939  .wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
1940  .wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
1941  .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
1942      padding-left: var(--global--spacing-unit);
1943      padding-right: var(--global--spacing-unit);
1944  }
1945  
1946  .wp-block-cover,
1947  .wp-block-cover-image {
1948      background-color: var(--cover--color-background);
1949      min-height: var(--cover--height);
1950      margin-top: inherit;
1951      margin-bottom: inherit;
1952  
1953      /* default & custom background-color */
1954  
1955      /* Treating H2 separately to account for legacy /core styles */
1956  
1957      /* Block Styles */
1958  
1959      /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
1960  }
1961  
1962  .wp-block-cover:not(.alignwide):not(.alignfull),
1963  .wp-block-cover-image:not(.alignwide):not(.alignfull) {
1964      clear: both;
1965  }
1966  
1967  .wp-block-cover.alignfull,
1968  .wp-block-cover-image.alignfull {
1969      margin-top: 0;
1970      margin-bottom: 0;
1971  }
1972  
1973  .wp-block-cover .wp-block-cover__inner-container,
1974  .wp-block-cover .wp-block-cover-image-text,
1975  .wp-block-cover .wp-block-cover-text,
1976  .wp-block-cover-image .wp-block-cover__inner-container,
1977  .wp-block-cover-image .wp-block-cover-image-text,
1978  .wp-block-cover-image .wp-block-cover-text {
1979      color: currentColor;
1980      margin-top: var(--global--spacing-vertical);
1981      margin-bottom: var(--global--spacing-vertical);
1982  }
1983  
1984  .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
1985  .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
1986  .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
1987  .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
1988  .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
1989  .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
1990      color: currentColor;
1991  }
1992  
1993  .wp-block-cover .wp-block-cover__inner-container .has-link-color a,
1994  .wp-block-cover .wp-block-cover-image-text .has-link-color a,
1995  .wp-block-cover .wp-block-cover-text .has-link-color a,
1996  .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
1997  .wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
1998  .wp-block-cover-image .wp-block-cover-text .has-link-color a {
1999      color: var(--wp--style--color--link, var(--global--color-primary));
2000  }
2001  
2002  .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
2003  .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
2004  .wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
2005  .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
2006  .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
2007  .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
2008      color: var(--cover--color-foreground);
2009  }
2010  
2011  .wp-block-cover h2,
2012  .wp-block-cover-image h2 {
2013      font-size: var(--heading--font-size-h2);
2014      letter-spacing: var(--heading--letter-spacing-h2);
2015      line-height: var(--heading--line-height-h2);
2016      max-width: inherit;
2017      text-align: inherit;
2018      padding: 0;
2019  }
2020  
2021  .wp-block-cover h2.has-text-align-left,
2022  .wp-block-cover-image h2.has-text-align-left {
2023      text-align: left;
2024  }
2025  
2026  .wp-block-cover h2.has-text-align-center,
2027  .wp-block-cover-image h2.has-text-align-center {
2028      text-align: center;
2029  }
2030  
2031  .wp-block-cover h2.has-text-align-right,
2032  .wp-block-cover-image h2.has-text-align-right {
2033      text-align: right;
2034  }
2035  
2036  .wp-block-cover .wp-block-cover__inner-container,
2037  .wp-block-cover-image .wp-block-cover__inner-container {
2038      width: calc(100% - 2 * var(--global--spacing-vertical));
2039  }
2040  
2041  .wp-block-cover .wp-block-cover__inner-container > *,
2042  .wp-block-cover-image .wp-block-cover__inner-container > * {
2043      margin-top: calc(0.666 * var(--global--spacing-vertical));
2044      margin-bottom: calc(0.666 * var(--global--spacing-vertical));
2045  }
2046  @media only screen and (min-width: 482px) {
2047  
2048      .wp-block-cover .wp-block-cover__inner-container > *,
2049      .wp-block-cover-image .wp-block-cover__inner-container > * {
2050          margin-top: var(--global--spacing-vertical);
2051          margin-bottom: var(--global--spacing-vertical);
2052      }
2053  }
2054  
2055  .wp-block-cover .wp-block-cover__inner-container > *:first-child,
2056  .wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
2057      margin-top: 0;
2058  }
2059  
2060  .wp-block-cover .wp-block-cover__inner-container > *:last-child,
2061  .wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
2062      margin-bottom: 0;
2063  }
2064  
2065  .wp-block-cover.alignleft,
2066  .wp-block-cover.alignright,
2067  .wp-block-cover-image.alignleft,
2068  .wp-block-cover-image.alignright {
2069      margin-top: 0;
2070  }
2071  
2072  .wp-block-cover.alignleft > *,
2073  .wp-block-cover.alignright > *,
2074  .wp-block-cover-image.alignleft > *,
2075  .wp-block-cover-image.alignright > * {
2076      margin-top: calc(2 * var(--global--spacing-vertical));
2077      margin-bottom: calc(2 * var(--global--spacing-vertical));
2078      padding-left: var(--global--spacing-horizontal);
2079      padding-right: var(--global--spacing-horizontal);
2080      width: 100%;
2081  }
2082  
2083  .wp-block-cover.has-left-content,
2084  .wp-block-cover.has-right-content,
2085  .wp-block-cover-image.has-left-content,
2086  .wp-block-cover-image.has-right-content {
2087      justify-content: center;
2088  }
2089  
2090  .wp-block-cover.is-style-twentytwentyone-border,
2091  .wp-block-cover-image.is-style-twentytwentyone-border {
2092      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2093  }
2094  
2095  .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
2096  .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
2097      background-color: unset;
2098  }
2099  
2100  .wp-block-file a.wp-block-file__button:active,
2101  .wp-block-file a.wp-block-file__button:focus,
2102  .wp-block-file a.wp-block-file__button:hover {
2103      opacity: inherit;
2104  }
2105  
2106  .wp-block-file a.wp-block-file__button {
2107      display: inline-block;
2108  }
2109  
2110  .wp-block-gallery {
2111      margin: 0 auto;
2112  }
2113  
2114  .wp-block-gallery .blocks-gallery-image,
2115  .wp-block-gallery .blocks-gallery-item {
2116      width: calc((100% - var(--global--spacing-unit)) / 2);
2117  }
2118  
2119  .wp-block-gallery .blocks-gallery-image figcaption,
2120  .wp-block-gallery .blocks-gallery-item figcaption {
2121      margin: 0;
2122      color: var(--global--color-white);
2123      font-size: var(--global--font-size-xs);
2124  }
2125  
2126  .wp-block-gallery .blocks-gallery-image figcaption a,
2127  .wp-block-gallery .blocks-gallery-item figcaption a {
2128      color: var(--global--color-white);
2129  }
2130  
2131  .wp-block-gallery .blocks-gallery-image figcaption a:focus,
2132  .wp-block-gallery .blocks-gallery-item figcaption a:focus {
2133      background-color: transparent;
2134      outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
2135      text-decoration: none;
2136  }
2137  
2138  .wp-block-gallery .blocks-gallery-image a:focus img,
2139  .wp-block-gallery .blocks-gallery-item a:focus img {
2140      outline-offset: 2px;
2141  }
2142  
2143  .wp-block-group {
2144      display: flow-root;
2145  }
2146  
2147  .wp-block-group .wp-block-group__inner-container {
2148      margin-left: auto;
2149      margin-right: auto;
2150  }
2151  
2152  .wp-block-group .wp-block-group__inner-container > * {
2153      margin-top: calc(0.666 * var(--global--spacing-vertical));
2154      margin-bottom: calc(0.666 * var(--global--spacing-vertical));
2155  }
2156  @media only screen and (min-width: 482px) {
2157  
2158      .wp-block-group .wp-block-group__inner-container > * {
2159          margin-top: var(--global--spacing-vertical);
2160          margin-bottom: var(--global--spacing-vertical);
2161      }
2162  }
2163  
2164  .wp-block-group .wp-block-group__inner-container > *:first-child {
2165      margin-top: 0;
2166  }
2167  
2168  .wp-block-group .wp-block-group__inner-container > *:last-child {
2169      margin-bottom: 0;
2170  }
2171  
2172  .wp-block-group.has-background {
2173      padding: calc(0.666 * var(--global--spacing-vertical));
2174  }
2175  @media only screen and (min-width: 482px) {
2176  
2177      .wp-block-group.has-background {
2178          padding: var(--global--spacing-vertical);
2179      }
2180  }
2181  
2182  .wp-block-group.is-style-twentytwentyone-border {
2183      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2184      padding: var(--global--spacing-vertical);
2185  }
2186  
2187  .wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
2188  .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
2189  .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
2190  .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
2191      max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
2192      width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
2193      margin-left: calc(-1 * var(--global--spacing-vertical));
2194  }
2195  
2196  h1,
2197  .h1,
2198  h2,
2199  .h2,
2200  h3,
2201  .h3,
2202  h4,
2203  .h4,
2204  h5,
2205  .h5,
2206  h6,
2207  .h6 {
2208      clear: both;
2209      font-family: var(--heading--font-family);
2210      font-weight: var(--heading--font-weight);
2211  }
2212  
2213  h1 strong,
2214  .h1 strong,
2215  h2 strong,
2216  .h2 strong,
2217  h3 strong,
2218  .h3 strong,
2219  h4 strong,
2220  .h4 strong,
2221  h5 strong,
2222  .h5 strong,
2223  h6 strong,
2224  .h6 strong {
2225      font-weight: var(--heading--font-weight-strong);
2226  }
2227  
2228  h1,
2229  .h1 {
2230      font-size: var(--heading--font-size-h1);
2231      letter-spacing: var(--heading--letter-spacing-h1);
2232      line-height: var(--heading--line-height-h1);
2233  }
2234  
2235  h2,
2236  .h2 {
2237      font-size: var(--heading--font-size-h2);
2238      letter-spacing: var(--heading--letter-spacing-h2);
2239      line-height: var(--heading--line-height-h2);
2240  }
2241  
2242  h3,
2243  .h3 {
2244      font-size: var(--heading--font-size-h3);
2245      letter-spacing: var(--heading--letter-spacing-h3);
2246      line-height: var(--heading--line-height-h3);
2247  }
2248  
2249  h4,
2250  .h4 {
2251      font-size: var(--heading--font-size-h4);
2252      font-weight: var(--heading--font-weight-strong);
2253      letter-spacing: var(--heading--letter-spacing-h4);
2254      line-height: var(--heading--line-height-h4);
2255  }
2256  
2257  h5,
2258  .h5 {
2259      font-size: var(--heading--font-size-h5);
2260      font-weight: var(--heading--font-weight-strong);
2261      letter-spacing: var(--heading--letter-spacing-h5);
2262      line-height: var(--heading--line-height-h5);
2263  }
2264  
2265  h6,
2266  .h6 {
2267      font-size: var(--heading--font-size-h6);
2268      font-weight: var(--heading--font-weight-strong);
2269      letter-spacing: var(--heading--letter-spacing-h6);
2270      line-height: var(--heading--line-height-h6);
2271  }
2272  
2273  .wp-block-image {
2274      text-align: center;
2275  }
2276  
2277  .wp-block-image figcaption {
2278      color: var(--global--color-primary);
2279      font-size: var(--global--font-size-xs);
2280      line-height: var(--global--line-height-body);
2281      margin-top: calc(0.5 * var(--global--spacing-unit));
2282      margin-bottom: var(--global--spacing-unit);
2283      text-align: center;
2284  }
2285  
2286  .wp-block-image .alignright {
2287  
2288      /*rtl:ignore*/
2289      margin-left: var(--global--spacing-horizontal);
2290  
2291      /*rtl:ignore*/
2292      margin-right: 0;
2293  }
2294  
2295  .wp-block-image .alignleft {
2296  
2297      /*rtl:ignore*/
2298      margin-right: var(--global--spacing-horizontal);
2299  
2300      /*rtl:ignore*/
2301      margin-left: 0;
2302  }
2303  
2304  .wp-block-image a:focus img {
2305      outline-offset: 2px;
2306  }
2307  
2308  .entry-content > *[class=wp-block-image],
2309  .entry-content [class*=inner-container] > *[class=wp-block-image] {
2310      margin-top: 0;
2311      margin-bottom: 0;
2312  }
2313  
2314  .entry-content > *[class=wp-block-image] + *,
2315  .entry-content [class*=inner-container] > *[class=wp-block-image] + * {
2316      margin-top: 0;
2317  }
2318  
2319  .wp-block-image.is-style-twentytwentyone-border img,
2320  .wp-block-image.is-style-twentytwentyone-image-frame img {
2321      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2322  }
2323  
2324  .wp-block-image.is-style-twentytwentyone-image-frame img {
2325      padding: var(--global--spacing-unit);
2326  }
2327  
2328  @media only screen and (min-width: 482px) {
2329  
2330      .entry-content > .wp-block-image > .alignleft,
2331      .entry-content > .wp-block-image > .alignright {
2332          max-width: 50%;
2333      }
2334  }
2335  @media only screen and (max-width: 481.98px) {
2336  
2337      .entry-content > .wp-block-image > .alignleft,
2338      .entry-content > .wp-block-image > .alignright {
2339          margin-left: 0;
2340          margin-right: 0;
2341      }
2342  
2343      .entry-content > .wp-block-image > .alignleft:after,
2344      .entry-content > .wp-block-image > .alignright:after {
2345          content: "";
2346          display: block;
2347          height: 1px;
2348          width: 1em;
2349  
2350          /*rtl:ignore*/
2351          float: right;
2352      }
2353  
2354      .entry-content > .wp-block-image > .alignright:after {
2355  
2356          /*rtl:ignore*/
2357          float: left;
2358      }
2359  }
2360  
2361  .wp-block-latest-comments {
2362      padding-left: 0;
2363  }
2364  
2365  .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
2366      font-size: var(--global--font-size-sm);
2367  }
2368  
2369  .wp-block-latest-comments .wp-block-latest-comments__comment {
2370      line-height: var(--global--line-height-body);
2371  
2372      /* Vertical margins logic */
2373      margin-top: var(--global--spacing-vertical);
2374      margin-bottom: var(--global--spacing-vertical);
2375  }
2376  
2377  .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
2378      margin-top: 0;
2379  }
2380  
2381  .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
2382      margin-bottom: 0;
2383  }
2384  
2385  .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
2386      font-family: var(--heading--font-family);
2387  }
2388  
2389  .wp-block-latest-comments .wp-block-latest-comments__comment-date {
2390      color: inherit;
2391      font-size: inherit;
2392  }
2393  
2394  .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
2395      font-size: inherit;
2396      line-height: var(--global--line-height-body);
2397      margin: 0;
2398  }
2399  
2400  .wp-block-latest-posts {
2401      padding-left: 0;
2402  }
2403  
2404  .wp-block-latest-posts:not(.is-grid) > li {
2405      margin-top: calc(1.666 * var(--global--spacing-vertical));
2406      margin-bottom: calc(1.666 * var(--global--spacing-vertical));
2407  }
2408  
2409  .wp-block-latest-posts:not(.is-grid) > li:first-child {
2410      margin-top: 0;
2411  }
2412  
2413  .wp-block-latest-posts:not(.is-grid) > li:last-child {
2414      margin-bottom: 0;
2415  }
2416  
2417  .widget-area .wp-block-latest-posts:not(.is-grid) > li {
2418      margin-top: 0;
2419      margin-bottom: 0;
2420  }
2421  
2422  .wp-block-latest-posts.is-grid {
2423      word-wrap: break-word;
2424      word-break: break-word;
2425  }
2426  
2427  .wp-block-latest-posts.is-grid > li {
2428      margin-bottom: var(--global--spacing-vertical);
2429  }
2430  
2431  .wp-block-latest-posts.is-grid > li:last-child {
2432      margin-bottom: 0;
2433  }
2434  
2435  .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
2436  .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
2437  .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
2438  .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
2439  .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
2440  .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
2441  .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
2442  .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
2443  .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
2444  .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
2445      margin-bottom: 0;
2446  }
2447  
2448  .wp-block-latest-posts > li > * {
2449      margin-top: calc(0.333 * var(--global--spacing-vertical));
2450      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
2451  }
2452  
2453  .wp-block-latest-posts > li > *:first-child {
2454      margin-top: 0;
2455  }
2456  
2457  .wp-block-latest-posts > li > *:last-child {
2458      margin-bottom: 0;
2459  }
2460  
2461  .wp-block-latest-posts > li > a {
2462      display: inline-block;
2463      font-family: var(--latest-posts--title-font-family);
2464      font-size: var(--latest-posts--title-font-size);
2465      font-weight: var(--heading--font-weight);
2466      line-height: var(--global--line-height-heading);
2467      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
2468  }
2469  
2470  .widget-area .wp-block-latest-posts > li > a {
2471      font-size: var(--global--font-size-sm);
2472      margin-bottom: 0;
2473  }
2474  
2475  .wp-block-latest-posts .wp-block-latest-posts__post-author {
2476      color: var(--global--color-primary);
2477      font-size: var(--global--font-size-md);
2478      line-height: var(--global--line-height-body);
2479  }
2480  
2481  .wp-block-latest-posts .wp-block-latest-posts__post-date {
2482      color: var(--global--color-primary);
2483      font-size: var(--global--font-size-xs);
2484      line-height: var(--global--line-height-body);
2485  }
2486  
2487  [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
2488  .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
2489      color: currentColor;
2490  }
2491  
2492  .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
2493  .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
2494      font-family: var(--latest-posts--description-font-family);
2495      font-size: var(--latest-posts--description-font-size);
2496      line-height: var(--global--line-height-body);
2497      margin-top: calc(0.666 * var(--global--spacing-vertical));
2498  }
2499  
2500  .wp-block-latest-posts.alignfull {
2501      padding-left: var(--global--spacing-unit);
2502      padding-right: var(--global--spacing-unit);
2503  }
2504  
2505  .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
2506  .entry-content .has-background .wp-block-latest-posts.alignfull {
2507      padding-left: 0;
2508      padding-right: 0;
2509  }
2510  
2511  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
2512      border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
2513      border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
2514  }
2515  
2516  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
2517  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
2518      padding-bottom: var(--global--spacing-vertical);
2519      border-bottom: var(--separator--height) solid var(--global--color-border);
2520      margin-top: var(--global--spacing-vertical);
2521      margin-bottom: var(--global--spacing-vertical);
2522  }
2523  
2524  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
2525  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
2526      padding-bottom: 0;
2527      border-bottom: none;
2528  }
2529  
2530  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
2531      box-shadow: inset 0 -1px 0 0 var(--global--color-border);
2532      border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
2533  }
2534  
2535  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
2536      margin: 0;
2537      padding-top: var(--global--spacing-vertical);
2538      padding-right: var(--global--spacing-horizontal);
2539  }
2540  
2541  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
2542      padding-bottom: var(--global--spacing-vertical);
2543  }
2544  @media screen and (min-width: 600px) {
2545  
2546      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
2547          width: calc(100% / 2);
2548      }
2549  
2550      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
2551          width: calc(100% / 3);
2552      }
2553  
2554      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
2555          width: calc(100% / 4);
2556      }
2557  
2558      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
2559          width: calc(100% / 5);
2560      }
2561  
2562      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
2563          width: calc(100% / 6);
2564      }
2565  }
2566  
2567  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
2568      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2569      padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
2570  }
2571  
2572  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
2573      padding-bottom: var(--global--spacing-vertical);
2574  }
2575  
2576  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
2577      margin-top: var(--global--spacing-horizontal);
2578      margin-bottom: var(--global--spacing-horizontal);
2579  }
2580  
2581  .gallery-item {
2582      display: inline-block;
2583      text-align: center;
2584      vertical-align: top;
2585      width: 100%;
2586  }
2587  
2588  .gallery-item a {
2589      display: block;
2590  }
2591  
2592  .gallery-item a:focus img {
2593      outline-offset: -2px;
2594  }
2595  
2596  .gallery-columns-2 .gallery-item {
2597      max-width: 50%;
2598  }
2599  
2600  .gallery-columns-3 .gallery-item {
2601      max-width: 33.33%;
2602  }
2603  
2604  .gallery-columns-4 .gallery-item {
2605      max-width: 25%;
2606  }
2607  
2608  .gallery-columns-5 .gallery-item {
2609      max-width: 20%;
2610  }
2611  
2612  .gallery-columns-6 .gallery-item {
2613      max-width: 16.66%;
2614  }
2615  
2616  .gallery-columns-7 .gallery-item {
2617      max-width: 14.28%;
2618  }
2619  
2620  .gallery-columns-8 .gallery-item {
2621      max-width: 12.5%;
2622  }
2623  
2624  .gallery-columns-9 .gallery-item {
2625      max-width: 11.11%;
2626  }
2627  
2628  .gallery-caption {
2629      display: block;
2630  }
2631  
2632  figure.wp-caption a:focus img {
2633      outline-offset: 2px;
2634  }
2635  
2636  ul,
2637  ol {
2638      font-family: var(--list--font-family);
2639      margin: 0;
2640      padding-left: calc(2 * var(--global--spacing-horizontal));
2641  }
2642  
2643  ul.aligncenter,
2644  ol.aligncenter {
2645      list-style-position: inside;
2646      padding: 0;
2647  }
2648  
2649  ul.alignright,
2650  ol.alignright {
2651      list-style-position: inside;
2652      text-align: right;
2653      padding: 0;
2654  }
2655  
2656  ul {
2657      list-style-type: disc;
2658  }
2659  
2660  ul ul {
2661      list-style-type: circle;
2662  }
2663  
2664  ol {
2665      list-style-type: decimal;
2666  }
2667  
2668  ol ul {
2669      list-style-type: circle;
2670  }
2671  
2672  dt {
2673      font-family: var(--definition-term--font-family);
2674      font-weight: bold;
2675  }
2676  
2677  dd {
2678      margin: 0;
2679      padding-left: calc(2 * var(--global--spacing-horizontal));
2680  }
2681  
2682  .wp-block-media-text.alignfull {
2683      margin-top: 0;
2684      margin-bottom: 0;
2685  }
2686  
2687  .wp-block-media-text a:focus img {
2688      outline-offset: -1px;
2689  }
2690  
2691  .wp-block-media-text .wp-block-media-text__content {
2692      padding: var(--global--spacing-horizontal);
2693  }
2694  @media only screen and (min-width: 592px) {
2695  
2696      .wp-block-media-text .wp-block-media-text__content {
2697          padding: var(--global--spacing-vertical);
2698      }
2699  }
2700  
2701  .wp-block-media-text .wp-block-media-text__content > * {
2702      margin-top: calc(0.666 * var(--global--spacing-vertical));
2703      margin-bottom: calc(0.666 * var(--global--spacing-vertical));
2704  }
2705  @media only screen and (min-width: 482px) {
2706  
2707      .wp-block-media-text .wp-block-media-text__content > * {
2708          margin-top: var(--global--spacing-vertical);
2709          margin-bottom: var(--global--spacing-vertical);
2710      }
2711  }
2712  
2713  .wp-block-media-text .wp-block-media-text__content > *:first-child {
2714      margin-top: 0;
2715  }
2716  
2717  .wp-block-media-text .wp-block-media-text__content > *:last-child {
2718      margin-bottom: 0;
2719  }
2720  @media only screen and (min-width: 482px) {
2721  
2722      .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
2723          padding-top: var(--global--spacing-vertical);
2724          padding-bottom: var(--global--spacing-vertical);
2725      }
2726  }
2727  
2728  .wp-block-media-text.is-style-twentytwentyone-border {
2729      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2730  }
2731  
2732  .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
2733      font-family: var(--primary-nav--font-family);
2734      font-size: var(--primary-nav--font-size);
2735      font-weight: var(--primary-nav--font-weight);
2736  }
2737  
2738  .wp-block-navigation .wp-block-navigation-link__submenu-icon {
2739      padding: 0;
2740  }
2741  
2742  .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
2743      display: inherit;
2744  }
2745  
2746  .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
2747      border: none;
2748      left: 0;
2749      min-width: max-content;
2750      opacity: 0;
2751      padding: 0;
2752      position: inherit;
2753      top: inherit;
2754  }
2755  
2756  .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
2757      display: none;
2758  }
2759  
2760  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
2761      background: var(--global--color-background);
2762      margin: 0;
2763      padding: 0;
2764      position: absolute;
2765      top: 100%;
2766      border: 1px solid var(--primary-nav--border-color);
2767  }
2768  
2769  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
2770  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
2771      content: "";
2772      display: block;
2773      position: absolute;
2774      width: 0;
2775      top: -10px;
2776      left: var(--global--spacing-horizontal);
2777      border-style: solid;
2778      border-color: var(--primary-nav--border-color) transparent;
2779      border-width: 0 7px 10px;
2780  }
2781  
2782  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
2783      top: -9px;
2784      border-color: var(--global--color-background) transparent;
2785  }
2786  
2787  .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
2788      background: var(--global--color-background);
2789  }
2790  
2791  .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
2792      background: var(--global--color-background);
2793  }
2794  
2795  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
2796  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
2797      color: var(--primary-nav--color-link-hover);
2798  }
2799  
2800  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
2801      text-decoration: underline;
2802      text-decoration-style: dotted;
2803  }
2804  
2805  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
2806      color: currentColor;
2807  }
2808  
2809  p {
2810      line-height: var(--wp--typography--line-height, var(--global--line-height-body));
2811  }
2812  
2813  p.has-background {
2814      padding: var(--global--spacing-unit);
2815  }
2816  
2817  p.has-text-color a {
2818      color: var(--wp--style--color--link, var(--global--color-primary));
2819  }
2820  
2821  pre.wp-block-preformatted {
2822      overflow-x: auto;
2823      white-space: pre;
2824  }
2825  
2826  .wp-block-pullquote {
2827      padding: calc(2 * var(--global--spacing-unit)) 0;
2828      text-align: center;
2829      border-width: var(--pullquote--border-width);
2830      border-bottom-style: solid;
2831      border-top-style: solid;
2832      color: currentColor;
2833      border-color: currentColor;
2834      position: relative;
2835      font-size: var(--pullquote--font-size);
2836      font-style: var(--pullquote--font-style);
2837      font-weight: 700;
2838      letter-spacing: var(--pullquote--letter-spacing);
2839  
2840      /**
2841     * Block Options
2842     */
2843  }
2844  
2845  .wp-block-pullquote blockquote::before {
2846      color: currentColor;
2847      content: "“";
2848      display: block;
2849      position: relative;
2850      left: 0;
2851      font-size: 3rem;
2852      font-weight: 500;
2853      line-height: 1;
2854  }
2855  
2856  .wp-block-pullquote p {
2857      font-family: var(--pullquote--font-family);
2858      font-size: inherit;
2859      font-style: inherit;
2860      font-weight: inherit;
2861      letter-spacing: inherit;
2862      line-height: inherit;
2863      margin: 0;
2864  }
2865  
2866  .wp-block-pullquote:where(:not([style*=line-height])) p {
2867      line-height: var(--pullquote--line-height);
2868  }
2869  
2870  .wp-block-pullquote a {
2871      color: currentColor;
2872  }
2873  
2874  .wp-block-pullquote .wp-block-pullquote__citation,
2875  .wp-block-pullquote cite,
2876  .wp-block-pullquote footer {
2877      color: currentColor;
2878      display: block;
2879      font-size: var(--global--font-size-xs);
2880      font-style: var(--pullquote--font-style);
2881      text-transform: none;
2882  }
2883  
2884  .wp-block-pullquote:not(.is-style-solid-color) {
2885      background: none;
2886  }
2887  
2888  .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
2889  .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
2890      text-align: center;
2891  }
2892  
2893  .wp-block-pullquote.alignwide > p,
2894  .wp-block-pullquote.alignwide blockquote {
2895      max-width: var(--responsive--alignwide-width);
2896  }
2897  
2898  .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
2899  .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
2900      padding: 0 calc(2 * var(--global--spacing-unit));
2901  }
2902  
2903  .wp-block-pullquote.is-style-solid-color {
2904      color: var(--pullquote--color-foreground);
2905      padding: calc(2.5 * var(--global--spacing-unit));
2906      border-width: var(--pullquote--border-width);
2907      border-style: solid;
2908      border-color: var(--pullquote--border-color);
2909  }
2910  @media (min-width: 600px) {
2911  
2912      .wp-block-pullquote.is-style-solid-color {
2913          padding: calc(5 * var(--global--spacing-unit));
2914      }
2915  }
2916  
2917  .wp-block-pullquote.is-style-solid-color blockquote::before {
2918      text-align: left;
2919  }
2920  
2921  .wp-block-pullquote.is-style-solid-color blockquote {
2922      margin: 0;
2923      max-width: inherit;
2924  }
2925  
2926  .wp-block-pullquote.is-style-solid-color blockquote p {
2927      font-size: var(--pullquote--font-size);
2928  }
2929  
2930  .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
2931  .wp-block-pullquote.is-style-solid-color cite,
2932  .wp-block-pullquote.is-style-solid-color footer {
2933      color: currentColor;
2934  }
2935  
2936  .wp-block-pullquote.is-style-solid-color.alignleft,
2937  .wp-block-pullquote.is-style-solid-color.alignright {
2938      padding: var(--global--spacing-unit);
2939  }
2940  
2941  .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
2942  .wp-block-pullquote.is-style-solid-color.alignright blockquote {
2943      max-width: initial;
2944  }
2945  
2946  .wp-block-query.has-background {
2947      padding: calc(0.666 * var(--global--spacing-vertical));
2948  }
2949  @media only screen and (min-width: 482px) {
2950  
2951      .wp-block-query.has-background {
2952          padding: var(--global--spacing-vertical);
2953      }
2954  }
2955  
2956  .wp-block-quote {
2957      border-left: none;
2958      font-family: var(--quote--font-family);
2959      font-size: var(--quote--font-size);
2960      font-style: var(--quote--font-style);
2961      font-weight: var(--quote--font-weight);
2962      line-height: var(--quote--line-height);
2963  
2964      /**
2965     * Block Options
2966     */
2967  }
2968  
2969  .wp-block-quote p {
2970      font-family: inherit;
2971      font-size: inherit;
2972      font-style: inherit;
2973      font-weight: inherit;
2974      line-height: inherit;
2975      letter-spacing: inherit;
2976  }
2977  
2978  .wp-block-quote:before {
2979      content: "“";
2980      left: 8px;
2981  }
2982  
2983  .wp-block-quote .wp-block-quote__citation,
2984  .wp-block-quote cite,
2985  .wp-block-quote footer {
2986      font-family: inherit;
2987      font-style: inherit;
2988      font-weight: inherit;
2989      line-height: inherit;
2990      letter-spacing: inherit;
2991  }
2992  
2993  .has-background .wp-block-quote .wp-block-quote__citation,
2994  [class*=background-color] .wp-block-quote .wp-block-quote__citation,
2995  [style*=background-color] .wp-block-quote .wp-block-quote__citation,
2996  .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
2997  .has-background .wp-block-quote cite,
2998  [class*=background-color] .wp-block-quote cite,
2999  [style*=background-color] .wp-block-quote cite,
3000  .wp-block-cover[style*=background-image] .wp-block-quote cite,
3001  .has-background .wp-block-quote footer,
3002  [class*=background-color] .wp-block-quote footer,
3003  [style*=background-color] .wp-block-quote footer,
3004  .wp-block-cover[style*=background-image] .wp-block-quote footer {
3005      color: currentColor;
3006  }
3007  
3008  .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation,
3009  .wp-block-quote:where(:not([style*=font-style])) cite,
3010  .wp-block-quote:where(:not([style*=font-style])) footer {
3011      font-style: var(--quote--font-style-cite);
3012  }
3013  
3014  .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation,
3015  .wp-block-quote:where(:not([style*=font-weight])) cite,
3016  .wp-block-quote:where(:not([style*=font-weight])) footer {
3017      font-weight: normal;
3018  }
3019  
3020  .wp-block-quote.has-text-align-right {
3021      margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
3022      padding-right: 0;
3023      border-right: none;
3024  }
3025  
3026  .wp-block-quote.has-text-align-right:before {
3027      display: none;
3028  }
3029  
3030  .wp-block-quote.has-text-align-right p:before {
3031      content: "”";
3032      margin-right: 5px;
3033  }
3034  
3035  .wp-block-quote.has-text-align-center {
3036      margin: var(--global--spacing-vertical) auto;
3037  }
3038  
3039  .wp-block-quote.has-text-align-center:before {
3040      display: none;
3041  }
3042  
3043  .wp-block-quote.is-large,
3044  .wp-block-quote.is-style-large {
3045      padding-left: 0;
3046      padding-right: 0;
3047  
3048      /* Resetting margins to match _block-container.scss */
3049      margin-top: var(--global--spacing-vertical);
3050      margin-bottom: var(--global--spacing-vertical);
3051  }
3052  
3053  .wp-block-quote.is-large p,
3054  .wp-block-quote.is-style-large p {
3055      font-size: var(--quote--font-size-large);
3056      font-style: var(--quote--font-style-large);
3057      line-height: var(--quote--line-height-large);
3058  }
3059  
3060  .wp-block-quote.is-large:before,
3061  .wp-block-quote.is-style-large:before {
3062      font-size: var(--quote--font-size-large);
3063      line-height: var(--quote--line-height-large);
3064      left: calc(-1 * var(--global--spacing-horizontal));
3065  }
3066  
3067  .wp-block-quote.is-large.has-text-align-right:before,
3068  .wp-block-quote.is-style-large.has-text-align-right:before {
3069      display: none;
3070  }
3071  
3072  .wp-block-quote.is-large.has-text-align-right p:before,
3073  .wp-block-quote.is-style-large.has-text-align-right p:before {
3074      content: "”";
3075      font-size: var(--quote--font-size-large);
3076      font-weight: normal;
3077      line-height: var(--quote--line-height-large);
3078      margin-right: 10px;
3079  }
3080  
3081  .wp-block-quote.is-large .wp-block-quote__citation,
3082  .wp-block-quote.is-large cite,
3083  .wp-block-quote.is-large footer,
3084  .wp-block-quote.is-style-large .wp-block-quote__citation,
3085  .wp-block-quote.is-style-large cite,
3086  .wp-block-quote.is-style-large footer {
3087      color: var(--global--color-primary);
3088      font-size: var(--global--font-size-sm);
3089  }
3090  @media only screen and (max-width: 481.98px) {
3091  
3092      .wp-block-quote.is-large,
3093      .wp-block-quote.is-style-large {
3094          padding-left: var(--global--spacing-horizontal);
3095      }
3096  
3097      .wp-block-quote.is-large:before,
3098      .wp-block-quote.is-style-large:before {
3099          left: 0;
3100      }
3101  
3102      .wp-block-quote.is-large.has-text-align-right,
3103      .wp-block-quote.is-style-large.has-text-align-right {
3104          padding-left: 0;
3105          padding-right: var(--global--spacing-horizontal);
3106      }
3107  
3108      .wp-block-quote.is-large.has-text-align-right:before,
3109      .wp-block-quote.is-style-large.has-text-align-right:before {
3110          right: 0;
3111      }
3112  
3113      .wp-block-quote.is-large.has-text-align-center,
3114      .wp-block-quote.is-style-large.has-text-align-center {
3115          padding-left: 0;
3116          padding-right: 0;
3117      }
3118  }
3119  @media only screen and (max-width: 481.98px) {
3120  
3121      .wp-block-quote.has-text-align-right {
3122          padding-left: 0;
3123          padding-right: calc(0.5 * var(--global--spacing-horizontal));
3124      }
3125  
3126      .wp-block-quote.has-text-align-right:before {
3127          right: 0;
3128      }
3129  
3130      .wp-block-quote.has-text-align-center {
3131          padding-left: 0;
3132          padding-right: 0;
3133      }
3134  }
3135  
3136  .wp-block-rss {
3137      padding-left: 0;
3138  }
3139  
3140  .wp-block-rss > li {
3141      list-style: none;
3142  }
3143  
3144  .wp-block-rss:not(.is-grid) > li {
3145      margin-top: calc(1.666 * var(--global--spacing-vertical));
3146      margin-bottom: calc(1.666 * var(--global--spacing-vertical));
3147  }
3148  
3149  .wp-block-rss:not(.is-grid) > li:first-child {
3150      margin-top: 0;
3151  }
3152  
3153  .wp-block-rss:not(.is-grid) > li:last-child {
3154      margin-bottom: 0;
3155  }
3156  
3157  .wp-block-rss.is-grid > li {
3158      margin-bottom: var(--global--spacing-vertical);
3159  }
3160  
3161  .wp-block-rss.is-grid > li:last-child {
3162      margin-bottom: 0;
3163  }
3164  
3165  .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
3166  .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
3167  .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
3168  .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
3169  .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
3170  .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
3171  .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
3172  .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
3173  .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
3174  .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
3175      margin-bottom: 0;
3176  }
3177  
3178  .wp-block-rss > li > * {
3179      margin-top: calc(0.333 * var(--global--spacing-vertical));
3180      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
3181  }
3182  
3183  .wp-block-rss > li > *:first-child {
3184      margin-top: 0;
3185  }
3186  
3187  .wp-block-rss > li > *:last-child {
3188      margin-bottom: 0;
3189  }
3190  
3191  .wp-block-rss .wp-block-rss__item-title > a {
3192      display: inline-block;
3193      font-family: var(--latest-posts--title-font-family);
3194      font-size: var(--latest-posts--title-font-size);
3195      font-weight: var(--heading--font-weight);
3196      line-height: var(--global--line-height-heading);
3197      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
3198  }
3199  
3200  .wp-block-rss .wp-block-rss__item-author {
3201      color: var(--global--color-primary);
3202      font-size: var(--global--font-size-md);
3203      line-height: var(--global--line-height-body);
3204  }
3205  
3206  .wp-block-rss .wp-block-rss__item-publish-date {
3207      color: var(--global--color-primary);
3208      font-size: var(--global--font-size-xs);
3209      line-height: var(--global--line-height-body);
3210  }
3211  
3212  [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
3213  .has-background .wp-block-rss .wp-block-rss__item-publish-date {
3214      color: currentColor;
3215  }
3216  
3217  .wp-block-rss .wp-block-rss__item-excerpt,
3218  .wp-block-rss .wp-block-rss__item-full-content {
3219      font-family: var(--latest-posts--description-font-family);
3220      font-size: var(--latest-posts--description-font-size);
3221      line-height: var(--global--line-height-body);
3222      margin-top: calc(0.666 * var(--global--spacing-vertical));
3223  }
3224  
3225  .wp-block-rss.alignfull {
3226      padding-left: var(--global--spacing-unit);
3227      padding-right: var(--global--spacing-unit);
3228  }
3229  
3230  .entry-content [class*=inner-container] .wp-block-rss.alignfull,
3231  .entry-content .has-background .wp-block-rss.alignfull {
3232      padding-left: 0;
3233      padding-right: 0;
3234  }
3235  
3236  .wp-block-search {
3237      max-width: var(--responsive--aligndefault-width);
3238  }
3239  
3240  .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
3241      justify-content: center;
3242  }
3243  
3244  .wp-block-search .wp-block-search__label {
3245      font-size: var(--form--font-size);
3246      font-weight: var(--form--label-weight);
3247      margin-bottom: calc(var(--global--spacing-vertical) / 3);
3248  }
3249  
3250  .wp-block-search .wp-block-search__input {
3251      border: var(--form--border-width) solid var(--form--border-color);
3252      border-radius: var(--form--border-radius);
3253      color: var(--form--color-text);
3254      line-height: var(--form--line-height);
3255      max-width: inherit;
3256      margin-right: calc(-1 * var(--button--border-width));
3257      margin-left: 0;
3258      padding: var(--form--spacing-unit);
3259  }
3260  
3261  .wp-block-search .wp-block-search__input:focus {
3262      color: var(--form--color-text);
3263      border-color: var(--form--border-color);
3264  }
3265  
3266  .has-background .wp-block-search .wp-block-search__input {
3267      border-color: var(--local--color-primary, var(--global--color-primary)) !important;
3268  }
3269  
3270  .wp-block-search button.wp-block-search__button {
3271      margin-left: 0;
3272      line-height: 1;
3273  }
3274  
3275  .wp-block-search button.wp-block-search__button.has-icon {
3276      padding: 6px calc(0.5 * var(--button--padding-horizontal));
3277  }
3278  
3279  .wp-block-search button.wp-block-search__button.has-icon svg {
3280      width: 40px;
3281      height: 40px;
3282      fill: currentColor;
3283  }
3284  
3285  .has-background .wp-block-search button.wp-block-search__button:hover,
3286  .has-background .wp-block-search button.wp-block-search__button:active {
3287      background-color: var(--local--color-background, var(--global--color-background)) !important;
3288      color: var(--local--color-primary, var(--global--color-primary)) !important;
3289  }
3290  
3291  .has-text-color .wp-block-search button.wp-block-search__button:hover,
3292  .has-text-color .wp-block-search button.wp-block-search__button:active {
3293      color: var(--local--color-primary, var(--global--color-primary)) !important;
3294  }
3295  
3296  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
3297      background-color: var(--global--color-white);
3298      border: var(--form--border-width) solid var(--form--border-color);
3299      border-radius: var(--form--border-radius);
3300      padding: var(--form--border-width);
3301  }
3302  
3303  .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
3304      border-color: var(--local--color-primary, var(--global--color-primary)) !important;
3305  }
3306  
3307  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
3308      margin-left: 0;
3309      margin-right: 0;
3310      padding-left: var(--form--spacing-unit);
3311  }
3312  
3313  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
3314      color: var(--form--color-text);
3315      outline-offset: -2px;
3316      outline: 2px dotted var(--form--border-color);
3317  }
3318  
3319  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
3320      padding: var(--button--padding-vertical) var(--button--padding-horizontal);
3321  }
3322  
3323  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
3324      color: var(--global--color-dark-gray);
3325  }
3326  
3327  .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
3328      color: var(--global--color-dark-gray);
3329  }
3330  
3331  .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
3332      background-color: var(--global--color-dark-gray);
3333      color: var(--global--color-white);
3334  }
3335  
3336  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
3337      padding: 6px calc(0.5 * var(--button--padding-horizontal));
3338  }
3339  
3340  .wp-block-search__button {
3341      box-shadow: none;
3342  }
3343  
3344  hr {
3345      border-style: none;
3346      border-bottom: var(--separator--height) solid var(--separator--border-color);
3347      clear: both;
3348      margin-left: auto;
3349      margin-right: auto;
3350  }
3351  
3352  hr.wp-block-separator {
3353      border-bottom: var(--separator--height) solid var(--separator--border-color);
3354      opacity: 1;
3355  
3356      /**
3357     * Block Options
3358     */
3359  }
3360  
3361  hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
3362      max-width: var(--responsive--aligndefault-width);
3363  }
3364  
3365  hr.wp-block-separator:not(.is-style-dots).alignwide {
3366      max-width: var(--responsive--alignwide-width);
3367  }
3368  
3369  hr.wp-block-separator:not(.is-style-dots).alignfull {
3370      max-width: var(--responsive--alignfull-width);
3371  }
3372  
3373  hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
3374      border-bottom-width: calc(3 * var(--separator--height));
3375  }
3376  
3377  hr.wp-block-separator.is-style-dots.has-background,
3378  hr.wp-block-separator.is-style-dots.has-text-color {
3379      background-color: transparent !important;
3380  }
3381  
3382  hr.wp-block-separator.is-style-dots.has-background:before,
3383  hr.wp-block-separator.is-style-dots.has-text-color:before {
3384      color: currentColor !important;
3385  }
3386  
3387  hr.wp-block-separator.is-style-dots:before {
3388      color: var(--separator--border-color);
3389      font-size: var(--global--font-size-xl);
3390      letter-spacing: var(--global--font-size-sm);
3391      padding-left: var(--global--font-size-sm);
3392  }
3393  
3394  .has-background hr.wp-block-separator,
3395  [class*=background-color] hr.wp-block-separator,
3396  [style*=background-color] hr.wp-block-separator,
3397  .wp-block-cover[style*=background-image] hr.wp-block-separator {
3398      border-color: currentColor;
3399  }
3400  
3401  .wp-block-social-links a:focus {
3402      color: var(--global--color-primary);
3403  }
3404  
3405  .wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
3406      color: var(--global--color-primary);
3407  }
3408  
3409  .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
3410  .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
3411      background: none;
3412  }
3413  
3414  table,
3415  .wp-block-table {
3416      width: 100%;
3417      min-width: 240px;
3418      border-collapse: collapse;
3419  }
3420  
3421  table thead,
3422  table tfoot,
3423  .wp-block-table thead,
3424  .wp-block-table tfoot {
3425      text-align: center;
3426  }
3427  
3428  table th,
3429  .wp-block-table th {
3430      font-family: var(--heading--font-family);
3431  }
3432  
3433  table td,
3434  table th,
3435  .wp-block-table td,
3436  .wp-block-table th {
3437      padding: calc(0.5 * var(--global--spacing-unit));
3438      border: 1px solid;
3439  }
3440  
3441  table figcaption,
3442  .wp-block-table figcaption {
3443      color: var(--global--color-primary);
3444      font-size: var(--global--font-size-xs);
3445  }
3446  
3447  table.is-style-regular .has-background,
3448  table.is-style-stripes .has-background,
3449  table.is-style-stripes .has-background thead tr,
3450  table.is-style-stripes .has-background tfoot tr,
3451  table.is-style-stripes .has-background tbody tr,
3452  .wp-block-table.is-style-regular .has-background,
3453  .wp-block-table.is-style-stripes .has-background,
3454  .wp-block-table.is-style-stripes .has-background thead tr,
3455  .wp-block-table.is-style-stripes .has-background tfoot tr,
3456  .wp-block-table.is-style-stripes .has-background tbody tr {
3457      color: var(--table--has-background-text-color);
3458  }
3459  
3460  table.is-style-stripes,
3461  .wp-block-table.is-style-stripes {
3462      border-color: var(--table--stripes-border-color);
3463  }
3464  
3465  table.is-style-stripes th,
3466  table.is-style-stripes td,
3467  .wp-block-table.is-style-stripes th,
3468  .wp-block-table.is-style-stripes td {
3469      border-width: 0;
3470  }
3471  
3472  table.is-style-stripes tbody tr:nth-child(odd),
3473  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
3474      background-color: var(--table--stripes-background-color);
3475  }
3476  
3477  table.is-style-stripes .has-background tbody tr:nth-child(odd),
3478  .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
3479      background-color: var(--global--color-white-90);
3480  }
3481  
3482  table.wp-calendar-table td,
3483  table.wp-calendar-table th {
3484      background: transparent;
3485      border: 0;
3486      text-align: center;
3487      line-height: 2;
3488      vertical-align: middle;
3489      word-break: normal;
3490  }
3491  
3492  table.wp-calendar-table th {
3493      font-weight: bold;
3494  }
3495  
3496  table.wp-calendar-table thead,
3497  table.wp-calendar-table tbody {
3498      color: currentColor;
3499      border: 1px solid;
3500  }
3501  
3502  table.wp-calendar-table caption {
3503      font-weight: bold;
3504      text-align: left;
3505      margin-bottom: var(--global--spacing-unit);
3506      color: currentColor;
3507  }
3508  
3509  .wp-calendar-nav {
3510      text-align: left;
3511      margin-top: calc(var(--global--spacing-unit) / 2);
3512  }
3513  
3514  .wp-calendar-nav svg {
3515      height: 1em;
3516      vertical-align: middle;
3517  }
3518  
3519  .wp-calendar-nav svg path {
3520      fill: currentColor;
3521  }
3522  
3523  .wp-calendar-nav .wp-calendar-nav-next {
3524      float: right;
3525  }
3526  
3527  .wp-block-tag-cloud.alignfull {
3528      padding-left: var(--global--spacing-unit);
3529      padding-right: var(--global--spacing-unit);
3530  }
3531  
3532  .wp-block-verse {
3533      font-family: var(--entry-content--font-family);
3534  }
3535  
3536  .wp-block-video figcaption {
3537      color: var(--global--color-primary);
3538      font-size: var(--global--font-size-xs);
3539      margin-top: calc(0.5 * var(--global--spacing-unit));
3540      margin-bottom: var(--global--spacing-unit);
3541      text-align: center;
3542  }
3543  
3544  * > figure > video {
3545      max-width: unset;
3546      width: 100%;
3547      vertical-align: middle;
3548  }
3549  
3550  :root .is-extra-small-text,
3551  :root .has-extra-small-font-size {
3552      font-size: var(--global--font-size-xs);
3553  }
3554  
3555  :root .is-small-text,
3556  :root .has-small-font-size {
3557      font-size: var(--global--font-size-sm);
3558  }
3559  
3560  :root .is-regular-text,
3561  :root .has-regular-font-size,
3562  :root .is-normal-font-size,
3563  :root .has-normal-font-size,
3564  :root .has-medium-font-size {
3565      font-size: var(--global--font-size-base);
3566  }
3567  
3568  :root .is-large-text,
3569  :root .has-large-font-size {
3570      font-size: var(--global--font-size-lg);
3571      line-height: var(--global--line-height-heading);
3572  }
3573  
3574  :root .is-larger-text,
3575  :root .has-larger-font-size,
3576  :root .is-extra-large-text,
3577  :root .has-extra-large-font-size {
3578      font-size: var(--global--font-size-xl);
3579      line-height: var(--global--line-height-heading);
3580  }
3581  
3582  :root .is-huge-text,
3583  :root .has-huge-font-size {
3584      font-size: var(--global--font-size-xxl);
3585      line-height: var(--global--line-height-heading);
3586      font-weight: var(--heading--font-weight-page-title);
3587  }
3588  
3589  :root .is-gigantic-text,
3590  :root .has-gigantic-font-size {
3591      font-size: var(--global--font-size-xxxl);
3592      line-height: var(--global--line-height-heading);
3593      font-weight: var(--heading--font-weight-page-title);
3594  }
3595  
3596  /* Block Alignments */
3597  
3598  /**
3599   * These selectors set the default max width for content appearing inside a post or page.
3600   */
3601  
3602  /**
3603   * .alignleft
3604   */
3605  .alignleft {
3606  
3607      /*rtl:ignore*/
3608      text-align: left;
3609      margin-top: 0;
3610  }
3611  
3612  .entry-content > .alignleft {
3613      max-width: var(--responsive--aligndefault-width);
3614  }
3615  
3616  @media only screen and (min-width: 482px) {
3617  
3618      .alignleft {
3619  
3620          /*rtl:ignore*/
3621          float: left;
3622  
3623          /*rtl:ignore*/
3624          margin-right: var(--global--spacing-horizontal);
3625          margin-bottom: var(--global--spacing-vertical);
3626      }
3627  
3628      .entry-content > .alignleft {
3629          max-width: calc(50% - var(--responsive--alignleft-margin));
3630      }
3631  }
3632  
3633  /**
3634   * .aligncenter
3635   */
3636  .aligncenter {
3637      clear: both;
3638      display: block;
3639      float: none;
3640      margin-right: auto;
3641      margin-left: auto;
3642      text-align: center;
3643  }
3644  
3645  /**
3646   * .alignright
3647   */
3648  .alignright {
3649      margin-top: 0;
3650      margin-bottom: var(--global--spacing-vertical);
3651  }
3652  
3653  .entry-content > .alignright {
3654      max-width: var(--responsive--aligndefault-width);
3655  }
3656  
3657  @media only screen and (min-width: 482px) {
3658  
3659      .alignright {
3660  
3661          /*rtl:ignore*/
3662          float: right;
3663  
3664          /*rtl:ignore*/
3665          margin-left: var(--global--spacing-horizontal);
3666      }
3667  
3668      .entry-content > .alignright {
3669          max-width: calc(50% - var(--responsive--alignright-margin));
3670      }
3671  }
3672  
3673  [class*=inner-container] > .alignleft + *,
3674  [class*=inner-container] > .alignright + * {
3675      margin-top: 0;
3676  }
3677  
3678  /**
3679   * .alignwide
3680   */
3681  .alignwide {
3682      clear: both;
3683  }
3684  
3685  /**
3686   * .alignfull
3687   */
3688  .alignfull {
3689      clear: both;
3690  }
3691  
3692  .has-left-content {
3693      justify-content: flex-start;
3694  }
3695  
3696  .has-right-content {
3697      justify-content: flex-end;
3698  }
3699  
3700  .has-parallax {
3701      background-attachment: fixed;
3702  }
3703  
3704  .has-drop-cap:not(:focus)::first-letter {
3705      font-family: var(--heading--font-family);
3706      font-weight: var(--heading--font-weight);
3707      line-height: 0.66;
3708      text-transform: uppercase;
3709      font-style: normal;
3710      float: left;
3711      margin: 0.1em 0.1em 0 0;
3712      font-size: calc(1.2 * var(--heading--font-size-h1));
3713  }
3714  
3715  .has-drop-cap:not(:focus)::after {
3716      content: "";
3717      display: table;
3718      clear: both;
3719      padding-top: 14px;
3720  }
3721  
3722  .desktop-only {
3723      display: none;
3724  }
3725  @media only screen and (min-width: 482px) {
3726  
3727      .desktop-only {
3728          display: block;
3729      }
3730  }
3731  
3732  /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
3733  .site-header {
3734      display: flex;
3735      align-items: flex-start;
3736      flex-wrap: wrap;
3737      row-gap: var(--global--spacing-vertical);
3738  }
3739  
3740  .wp-custom-logo .site-header {
3741      align-items: center;
3742  }
3743  @media only screen and (min-width: 482px) {
3744  
3745      .site-header {
3746          padding-top: calc(var(--global--spacing-vertical) / 0.75);
3747      }
3748  }
3749  @media only screen and (min-width: 822px) {
3750  
3751      .site-header {
3752          padding-top: calc(2.4 * var(--global--spacing-vertical));
3753      }
3754  }
3755  
3756  .site-branding {
3757      color: var(--branding--color-text);
3758      margin-right: 140px;
3759  }
3760  
3761  .site-branding:last-child {
3762      margin-right: 0;
3763      width: 100%;
3764      text-align: center;
3765  }
3766  @media only screen and (min-width: 482px) {
3767  
3768      .site-branding {
3769          margin-right: initial;
3770          margin-top: calc(var(--primary-nav--padding) - 0.3em);
3771      }
3772  }
3773  
3774  .site-title {
3775      color: var(--branding--color-link);
3776      font-family: var(--branding--title--font-family);
3777      font-size: var(--branding--title--font-size-mobile);
3778      letter-spacing: normal;
3779      text-transform: var(--branding--title--text-transform);
3780      line-height: var(--global--line-height-heading);
3781      margin-bottom: calc(var(--global--spacing-vertical) / 6);
3782  }
3783  
3784  .site-title a {
3785      color: currentColor;
3786      font-weight: var(--branding--title--font-weight);
3787  }
3788  
3789  .site-title a:link,
3790  .site-title a:visited,
3791  .site-title a:active {
3792      color: currentColor;
3793  }
3794  
3795  .site-title a:hover,
3796  .site-title a:focus {
3797      color: var(--branding--color-link-hover);
3798  }
3799  @media only screen and (min-width: 482px) {
3800  
3801      .site-title {
3802          font-size: var(--branding--title--font-size);
3803      }
3804  }
3805  
3806  .site-description {
3807      color: currentColor;
3808      font-family: var(--branding--description--font-family);
3809      font-size: var(--branding--description--font-size);
3810      line-height: 1.4;
3811  }
3812  
3813  .site-title > a {
3814      text-decoration-color: var(--global--color-secondary);
3815  }
3816  
3817  .site-logo {
3818      margin: calc(var(--global--spacing-vertical) / 2) 0;
3819  }
3820  
3821  .site-header > .site-logo {
3822      width: 100%;
3823      padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
3824      border-bottom: 1px solid;
3825      text-align: center;
3826  }
3827  
3828  .site-logo .custom-logo {
3829      margin-left: auto;
3830      margin-right: auto;
3831      max-width: var(--branding--logo--max-width-mobile);
3832      max-height: var(--branding--logo--max-height-mobile);
3833      height: auto;
3834      display: inline-block;
3835      width: auto;
3836  }
3837  @media only screen and (min-width: 482px) {
3838  
3839      .site-logo .custom-logo {
3840          max-width: var(--branding--logo--max-width);
3841          max-height: var(--branding--logo--max-height);
3842          height: auto;
3843          width: auto;
3844      }
3845  }
3846  
3847  @media only screen and (max-width: 481.98px) {
3848  
3849      .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
3850          position: absolute;
3851          padding-top: calc(0.5 * var(--global--spacing-vertical));
3852          margin-top: 0;
3853          top: var(--global--admin-bar--height);
3854      }
3855  
3856      .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
3857          display: none;
3858      }
3859  
3860      .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
3861          max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em);
3862      }
3863  
3864      .site-header.has-logo.has-title-and-tagline {
3865          align-items: flex-start;
3866      }
3867  
3868      .site-header.has-logo.has-title-and-tagline.has-menu {
3869          justify-content: space-between;
3870      }
3871  
3872      .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
3873          max-width: calc(100% - 160px);
3874      }
3875  
3876      .site-header.has-logo.has-title-and-tagline .site-branding {
3877          margin-right: 0;
3878      }
3879  
3880      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
3881          display: none;
3882      }
3883  
3884      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
3885          position: relative;
3886          top: 0;
3887      }
3888  
3889      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
3890          position: relative;
3891          padding-top: 0;
3892          margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit));
3893      }
3894  
3895      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
3896          padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
3897          padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
3898          margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6);
3899      }
3900  
3901      .site-header:not(.has-logo).has-title-and-tagline .site-branding {
3902          margin-right: 0;
3903          max-width: calc(100% - 160px);
3904      }
3905  
3906      .site-header:not(.has-menu) {
3907          justify-content: center;
3908      }
3909  }
3910  
3911  .site-footer {
3912      padding-top: 0;
3913      padding-bottom: calc(1.7 * var(--global--spacing-vertical));
3914  }
3915  
3916  .no-widgets .site-footer {
3917      margin-top: calc(6 * var(--global--spacing-vertical));
3918  }
3919  @media only screen and (max-width: 481.98px) {
3920  
3921      .no-widgets .site-footer {
3922          margin-top: calc(3 * var(--global--spacing-vertical));
3923      }
3924  }
3925  
3926  .site-footer > .site-info {
3927      padding-top: var(--global--spacing-vertical);
3928      color: var(--footer--color-text);
3929      font-family: var(--footer--font-family);
3930      font-size: var(--footer--font-size);
3931      line-height: var(--global--line-height-body);
3932      border-top: 3px solid var(--global--color-border);
3933  }
3934  
3935  .site-footer > .site-info .site-name {
3936      text-transform: var(--branding--title--text-transform);
3937      font-size: var(--branding--title--font-size);
3938  }
3939  
3940  .site-footer > .site-info .privacy-policy,
3941  .site-footer > .site-info .powered-by {
3942      margin-top: calc(0.5 * var(--global--spacing-vertical));
3943  }
3944  @media only screen and (min-width: 822px) {
3945  
3946      .site-footer > .site-info {
3947          display: flex;
3948          align-items: center;
3949      }
3950  
3951      .site-footer > .site-info .site-name {
3952          margin-right: calc(0.5 * var(--global--spacing-vertical));
3953      }
3954  
3955      .site-footer > .site-info .privacy-policy,
3956      .site-footer > .site-info .powered-by {
3957          margin-top: initial;
3958          margin-left: auto;
3959      }
3960  
3961      .site-footer > .site-info .privacy-policy + .powered-by {
3962          margin-left: calc(0.5 * var(--global--spacing-vertical));
3963      }
3964  }
3965  
3966  .site-footer > .site-info a {
3967      color: var(--footer--color-link);
3968  }
3969  
3970  .site-footer > .site-info a:link,
3971  .site-footer > .site-info a:visited,
3972  .site-footer > .site-info a:active {
3973      color: var(--footer--color-link);
3974  }
3975  
3976  .site-footer > .site-info a:hover {
3977      color: var(--footer--color-link-hover);
3978  }
3979  
3980  .site-footer > .site-info a:focus {
3981      color: var(--footer--color-link-hover);
3982  }
3983  
3984  .is-dark-theme .site-footer > .site-info a:focus {
3985      color: var(--wp--style--color--link, var(--global--color-background));
3986  }
3987  
3988  .has-background-white .site-footer > .site-info a:focus {
3989      color: var(--wp--style--color--link, var(--global--color-white));
3990  }
3991  
3992  .singular .entry-header {
3993      border-bottom: 3px solid var(--global--color-border);
3994      padding-bottom: calc(2 * var(--global--spacing-vertical));
3995      margin-bottom: calc(3 * var(--global--spacing-vertical));
3996  }
3997  
3998  .home .entry-header {
3999      border-bottom: none;
4000      padding-bottom: 0;
4001      margin-bottom: 0;
4002  }
4003  
4004  .singular .has-post-thumbnail .entry-header {
4005      border-bottom: none;
4006      padding-bottom: calc(1.3 * var(--global--spacing-vertical));
4007      margin-bottom: 0;
4008  }
4009  
4010  .no-results.not-found > *:first-child {
4011      margin-bottom: calc(3 * var(--global--spacing-vertical));
4012  }
4013  
4014  .page-links {
4015      clear: both;
4016  }
4017  
4018  .page-links .post-page-numbers {
4019      display: inline-block;
4020      margin-left: calc(0.66 * var(--global--spacing-unit));
4021      margin-right: calc(0.66 * var(--global--spacing-unit));
4022      min-width: 44px;
4023      min-height: 44px;
4024  }
4025  
4026  .page-links .post-page-numbers:first-child {
4027      margin-left: 0;
4028  }
4029  
4030  .entry-title {
4031      color: var(--entry-header--color);
4032      font-size: var(--entry-header--font-size);
4033      letter-spacing: var(--heading--letter-spacing-h2);
4034      line-height: var(--heading--line-height-h2);
4035      overflow-wrap: break-word;
4036  }
4037  
4038  .entry-title a {
4039      color: var(--entry-header--color-link);
4040      text-underline-offset: 0.15em;
4041  }
4042  
4043  .entry-title a:hover {
4044      color: var(--entry-header--color-hover);
4045  }
4046  
4047  .entry-title a:focus {
4048      color: var(--entry-header--color-focus);
4049  }
4050  
4051  .entry-title a:active {
4052      color: var(--entry-header--color-link);
4053  }
4054  
4055  .singular .entry-title {
4056      font-size: var(--global--font-size-page-title);
4057  }
4058  
4059  h1.entry-title {
4060      line-height: var(--heading--line-height-h1);
4061      font-weight: var(--heading--font-weight-page-title);
4062  }
4063  
4064  /**
4065   * Entry Content
4066   */
4067  .entry-content,
4068  .entry-summary {
4069      font-family: var(--entry-content--font-family);
4070  }
4071  
4072  .entry-content p {
4073      word-wrap: break-word;
4074  }
4075  
4076  .entry-content > iframe[style] {
4077      margin: var(--global--spacing-vertical) 0 !important;
4078      max-width: 100% !important;
4079  }
4080  
4081  .entry-footer {
4082      color: var(--global--color-primary);
4083      clear: both;
4084      float: none;
4085      font-size: var(--global--font-size-xs);
4086      display: block;
4087  }
4088  
4089  .entry-footer > span {
4090      display: inline-block;
4091  }
4092  
4093  .entry-footer a {
4094      color: currentColor;
4095  }
4096  
4097  .entry-footer a:hover,
4098  .entry-footer a:focus {
4099      color: var(--global--color-primary-hover);
4100  }
4101  
4102  .entry-footer a:active {
4103      color: currentColor;
4104  }
4105  
4106  .site-main > article > .entry-footer {
4107      margin-top: var(--global--spacing-vertical);
4108      padding-top: var(--global--spacing-unit);
4109      padding-bottom: calc(3 * var(--global--spacing-vertical));
4110      border-bottom: var(--separator--height) solid var(--separator--border-color);
4111  }
4112  
4113  body:not(.single) .site-main > article:last-of-type .entry-footer {
4114      border-bottom: var(--separator--height) solid transparent;
4115  }
4116  
4117  .single .site-main > article > .entry-footer {
4118      margin-top: calc(3.4 * var(--global--spacing-vertical));
4119      margin-bottom: calc(3.4 * var(--global--spacing-vertical));
4120      padding-bottom: 0;
4121      padding-top: calc(0.8 * var(--global--spacing-vertical));
4122      border-top: 3px solid var(--separator--border-color);
4123      border-bottom: var(--separator--height) solid transparent;
4124      display: grid;
4125      grid-template-columns: repeat(2, 1fr);
4126      column-gap: calc(2 * var(--global--spacing-horizontal));
4127  }
4128  
4129  .single .site-main > article > .entry-footer .post-taxonomies,
4130  .single .site-main > article > .entry-footer .full-size-link {
4131      justify-content: flex-end;
4132      text-align: right;
4133  }
4134  
4135  .single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
4136      grid-column: span 2;
4137  }
4138  
4139  .single .site-main > article > .entry-footer .posted-on,
4140  .single .site-main > article > .entry-footer .byline,
4141  .single .site-main > article > .entry-footer .cat-links,
4142  .single .site-main > article > .entry-footer .tags-links {
4143      display: block;
4144  }
4145  @media only screen and (max-width: 481.98px) {
4146  
4147      .single .site-main > article > .entry-footer {
4148          display: block;
4149      }
4150  
4151      .single .site-main > article > .entry-footer .full-size-link {
4152          display: block;
4153      }
4154  
4155      .single .site-main > article > .entry-footer .post-taxonomies,
4156      .single .site-main > article > .entry-footer .full-size-link {
4157          text-align: left;
4158      }
4159  }
4160  
4161  /**
4162   * Post Thumbnails
4163   */
4164  .post-thumbnail {
4165      text-align: center;
4166  }
4167  
4168  .post-thumbnail .wp-post-image {
4169      display: block;
4170      width: auto;
4171      max-width: 100%;
4172      margin-left: auto;
4173      margin-right: auto;
4174      margin-top: calc(2 * var(--global--spacing-vertical));
4175  }
4176  
4177  /**
4178   * Author
4179   */
4180  .author-bio {
4181      position: relative;
4182      font-size: var(--global--font-size-xs);
4183      max-width: var(--responsive--aligndefault-width);
4184  }
4185  
4186  .site-main > article > .author-bio {
4187      margin-top: calc(2 * var(--global--spacing-vertical));
4188  }
4189  
4190  .author-bio.show-avatars .avatar {
4191      display: inline-block;
4192      vertical-align: top;
4193      border-radius: 50%;
4194  }
4195  
4196  .author-bio.show-avatars .author-bio-content {
4197      display: inline-block;
4198      padding-left: var(--global--spacing-horizontal);
4199      max-width: calc(var(--responsive--aligndefault-width) - 90px);
4200  }
4201  
4202  .author-bio .author-bio-content .author-title {
4203      font-family: var(--entry-author-bio--font-family);
4204      font-size: var(--entry-author-bio--font-size);
4205      display: inline;
4206  }
4207  
4208  .author-bio .author-bio-content .author-description {
4209      font-size: var(--global--font-size-xs);
4210      margin-top: calc(0.5 * var(--global--spacing-vertical));
4211      margin-bottom: calc(0.5 * var(--global--spacing-vertical));
4212  }
4213  
4214  .page-title {
4215      font-size: var(--global--font-size-page-title);
4216  }
4217  
4218  h1.page-title,
4219  h2.page-title {
4220      font-weight: var(--heading--font-weight-page-title);
4221  }
4222  
4223  h1.page-title {
4224      line-height: var(--heading--line-height-h1);
4225  }
4226  
4227  .page-header {
4228      border-bottom: 3px solid var(--global--color-border);
4229      padding-bottom: calc(2 * var(--global--spacing-vertical));
4230  }
4231  
4232  .archive .content-area .format-aside .entry-content,
4233  .archive .content-area .format-status .entry-content,
4234  .archive .content-area .format-link .entry-content,
4235  .search .content-area .format-aside .entry-content,
4236  .search .content-area .format-status .entry-content,
4237  .search .content-area .format-link .entry-content,
4238  .blog .content-area .format-aside .entry-content,
4239  .blog .content-area .format-status .entry-content,
4240  .blog .content-area .format-link .entry-content {
4241      font-size: var(--global--font-size-lg);
4242  }
4243  
4244  .archive .format-image .entry-content,
4245  .archive .format-gallery .entry-content,
4246  .archive .format-video .entry-content,
4247  .search .format-image .entry-content,
4248  .search .format-gallery .entry-content,
4249  .search .format-video .entry-content,
4250  .blog .format-image .entry-content,
4251  .blog .format-gallery .entry-content,
4252  .blog .format-video .entry-content {
4253      margin-top: calc(2 * var(--global--spacing-vertical));
4254  }
4255  
4256  .archive .entry-footer .cat-links,
4257  .archive .entry-footer .tags-links,
4258  .search .entry-footer .cat-links,
4259  .search .entry-footer .tags-links,
4260  .blog .entry-footer .cat-links,
4261  .blog .entry-footer .tags-links {
4262      display: block;
4263  }
4264  
4265  .archive.logged-in .entry-footer .posted-on,
4266  .search.logged-in .entry-footer .posted-on,
4267  .blog.logged-in .entry-footer .posted-on {
4268      margin-right: calc(0.5 * var(--global--spacing-unit));
4269  }
4270  
4271  .archive-description {
4272      margin-top: var(--global--spacing-vertical);
4273      font-size: var(--global--font-size-xl);
4274      line-height: var(--global--line-height-heading);
4275  }
4276  
4277  .error404 main p {
4278      font-size: var(--global--font-size-lg);
4279      margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
4280  }
4281  
4282  .search-no-results .page-content {
4283      margin-top: calc(3 * var(--global--spacing-vertical));
4284  }
4285  
4286  /**
4287   * Comments Wrapper
4288   */
4289  .comments-area > * {
4290      margin-top: var(--global--spacing-vertical);
4291      margin-bottom: var(--global--spacing-vertical);
4292  }
4293  
4294  .comments-area > *:first-child {
4295      margin-top: 0;
4296  }
4297  
4298  .comments-area > *:last-child {
4299      margin-bottom: 0;
4300  }
4301  
4302  .comments-area.show-avatars .avatar {
4303      border-radius: 50%;
4304      position: absolute;
4305      top: 10px;
4306  }
4307  
4308  .comments-area.show-avatars .fn {
4309      display: inline-block;
4310      padding-left: 85px;
4311  }
4312  
4313  .comments-area.show-avatars .comment-metadata {
4314      padding: 8px 0 9px 85px;
4315  }
4316  
4317  /**
4318   * Comment Title
4319   */
4320  .comments-title,
4321  .comment-reply-title {
4322      font-size: var(--heading--font-size-h2);
4323      letter-spacing: var(--heading--letter-spacing-h2);
4324  }
4325  
4326  .comment-reply-title {
4327      display: flex;
4328      justify-content: space-between;
4329  }
4330  
4331  .comment-reply-title small a {
4332      font-family: var(--global--font-secondary);
4333      font-size: var(--global--font-size-xs);
4334      font-style: normal;
4335      font-weight: normal;
4336      letter-spacing: normal;
4337  }
4338  
4339  /* Nested comment reply title*/
4340  .comment .comment-respond .comment-reply-title {
4341      font-size: var(--global--font-size-lg);
4342  }
4343  
4344  /**
4345   * Comment Lists
4346   */
4347  .comment-list {
4348      padding-left: 0;
4349      list-style: none;
4350  }
4351  
4352  .comment-list > li {
4353      margin-top: var(--global--spacing-vertical);
4354      margin-bottom: var(--global--spacing-vertical);
4355  }
4356  
4357  .comment-list .children {
4358      list-style: none;
4359      padding-left: 0;
4360  }
4361  
4362  .comment-list .children > li {
4363      margin-top: var(--global--spacing-vertical);
4364      margin-bottom: var(--global--spacing-vertical);
4365  }
4366  
4367  @media only screen and (min-width: 482px) {
4368  
4369      .comment-list .depth-2,
4370      .comment-list .depth-3 {
4371          padding-left: calc(4 * var(--global--spacing-horizontal));
4372      }
4373  }
4374  
4375  /**
4376   * Comment Meta
4377   */
4378  .comment-meta .comment-author {
4379      line-height: var(--global--line-height-heading);
4380      margin-bottom: calc(0.25 * var(--global--spacing-unit));
4381  }
4382  @media only screen and (min-width: 482px) {
4383  
4384      .comment-meta .comment-author {
4385          margin-bottom: 0;
4386          padding-right: 0;
4387      }
4388  }
4389  
4390  .comment-meta .comment-author .fn {
4391      font-family: var(--global--font-secondary);
4392      font-weight: normal;
4393      font-size: var(--global--font-size-lg);
4394      hyphens: auto;
4395      word-wrap: break-word;
4396      word-break: break-word;
4397  }
4398  
4399  .comment-meta .comment-metadata {
4400      color: var(--global--color-primary);
4401      font-size: var(--global--font-size-xs);
4402      padding: 8px 0 9px;
4403  }
4404  
4405  .comment-meta .comment-metadata .edit-link {
4406      margin-left: var(--global--spacing-horizontal);
4407  }
4408  @media only screen and (min-width: 482px) {
4409  
4410      .comment-meta {
4411          margin-right: inherit;
4412      }
4413  
4414      .comment-meta .comment-author {
4415          max-width: inherit;
4416      }
4417  }
4418  
4419  .reply {
4420      font-size: var(--global--font-size-sm);
4421      line-height: var(--global--line-height-heading);
4422  }
4423  
4424  .bypostauthor {
4425      display: block;
4426  }
4427  
4428  .says {
4429      display: none;
4430  }
4431  
4432  .pingback .url,
4433  .trackback .url {
4434      font-family: var(--global--font-primary);
4435  }
4436  
4437  .comment-body {
4438      position: relative;
4439      margin-bottom: calc(1.7 * var(--global--spacing-vertical));
4440  }
4441  
4442  .comment-body > * {
4443      margin-top: var(--global--spacing-vertical);
4444      margin-bottom: var(--global--spacing-vertical);
4445  }
4446  
4447  .comment-body .reply {
4448      margin: 0;
4449  }
4450  
4451  .comment-content {
4452      word-wrap: break-word;
4453  }
4454  
4455  .pingback .comment-body,
4456  .trackback .comment-body {
4457      margin-top: var(--global--spacing-vertical);
4458      margin-bottom: var(--global--spacing-vertical);
4459  }
4460  
4461  .comment-respond {
4462      margin-top: var(--global--spacing-vertical);
4463  }
4464  
4465  .comment-respond > * {
4466      margin-top: var(--global--spacing-unit);
4467      margin-bottom: var(--global--spacing-unit);
4468  }
4469  
4470  .comment-respond > *:first-child {
4471      margin-top: 0;
4472  }
4473  
4474  .comment-respond > *:last-child {
4475      margin-bottom: 0;
4476  }
4477  
4478  .comment-respond > *:last-child.comment-form {
4479      margin-bottom: var(--global--spacing-vertical);
4480  }
4481  
4482  .comment-author {
4483      padding-top: 3px;
4484  }
4485  
4486  .comment-author .url {
4487      color: currentColor;
4488  }
4489  
4490  .comment-form {
4491      display: flex;
4492      flex-wrap: wrap;
4493  }
4494  
4495  .comment-form > * {
4496      flex-basis: 100%;
4497  }
4498  
4499  .comment-form .comment-notes {
4500      font-size: var(--global--font-size-sm);
4501  }
4502  
4503  .comment-form .comment-form-url,
4504  .comment-form .comment-form-comment {
4505      width: 100%;
4506  }
4507  
4508  .comment-form .comment-form-author,
4509  .comment-form .comment-form-email {
4510      flex-basis: 0;
4511      flex-grow: 1;
4512  }
4513  @media only screen and (max-width: 481.98px) {
4514  
4515      .comment-form .comment-form-author,
4516      .comment-form .comment-form-email {
4517          flex-basis: 100%;
4518      }
4519  }
4520  
4521  .comment-form .comment-form-cookies-consent > label,
4522  .comment-form .comment-notes {
4523      font-size: var(--global--font-size-xs);
4524      font-weight: normal;
4525  }
4526  
4527  .comment-form > p {
4528      margin-bottom: var(--global--spacing-unit);
4529  }
4530  
4531  .comment-form > p:first-of-type {
4532      margin-top: 0;
4533  }
4534  
4535  .comment-form > p:last-of-type {
4536      margin-bottom: 0;
4537  }
4538  
4539  .comment-form > p label,
4540  .comment-form > p input[type=email],
4541  .comment-form > p input[type=text],
4542  .comment-form > p input[type=url],
4543  .comment-form > p textarea {
4544      display: block;
4545      font-size: var(--global--font-size-sm);
4546      margin-bottom: calc(0.5 * var(--global--spacing-unit));
4547      width: 100%;
4548      font-weight: var(--form--label-weight);
4549  }
4550  
4551  .comment-form > p.comment-form-cookies-consent {
4552      display: flex;
4553  }
4554  @media only screen and (min-width: 482px) {
4555  
4556      .comment-form > p.comment-form-author {
4557          margin-right: calc(1.5 * var(--global--spacing-horizontal));
4558      }
4559  
4560      .comment-form > p.comment-notes,
4561      .comment-form > p.logged-in-as {
4562          display: block;
4563      }
4564  }
4565  
4566  .menu-button-container {
4567      display: none;
4568      justify-content: space-between;
4569      position: absolute;
4570      right: 0;
4571      padding-top: calc(0.5 * var(--global--spacing-vertical));
4572      padding-bottom: calc(0.25 * var(--global--spacing-vertical));
4573  }
4574  @media only screen and (max-width: 481.98px) {
4575  
4576      .menu-button-container {
4577          display: flex;
4578      }
4579  }
4580  
4581  .menu-button-container #primary-mobile-menu {
4582      display: flex;
4583      margin-left: auto;
4584      padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
4585      font-size: var(--primary-nav--font-size-button);
4586      font-weight: var(--primary-nav--font-weight-button);
4587      background-color: transparent;
4588      border: none;
4589      color: var(--primary-nav--color-link);
4590  }
4591  
4592  .menu-button-container #primary-mobile-menu .dropdown-icon {
4593      display: flex;
4594      align-items: center;
4595  }
4596  
4597  .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
4598      margin-left: calc(0.25 * var(--global--spacing-unit));
4599  }
4600  
4601  .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
4602      position: relative;
4603      top: -1px;
4604  }
4605  
4606  .menu-button-container #primary-mobile-menu .dropdown-icon.close {
4607      display: none;
4608  }
4609  
4610  .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
4611      display: none;
4612  }
4613  
4614  .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
4615      display: flex;
4616  }
4617  
4618  .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
4619      animation-name: twentytwentyone-close-button-transition;
4620      animation-duration: 0.3s;
4621  }
4622  
4623  .primary-navigation-open .menu-button-container {
4624      width: 100%;
4625      z-index: 500;
4626      background-color: var(--global--color-background);
4627  }
4628  
4629  .primary-navigation-open .menu-button-container #primary-mobile-menu {
4630      position: static;
4631  }
4632  
4633  .primary-navigation {
4634      position: absolute;
4635      top: var(--global--admin-bar--height);
4636      right: 0;
4637      color: var(--primary-nav--color-text);
4638      font-size: var(--primary-nav--font-size);
4639      line-height: 1.15;
4640      margin-top: 0;
4641      margin-bottom: 0;
4642  }
4643  
4644  .primary-navigation > .primary-menu-container {
4645      position: fixed;
4646      visibility: hidden;
4647      opacity: 0;
4648      top: 0;
4649      right: 0;
4650      bottom: 0;
4651      left: 0;
4652      padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
4653      padding-left: var(--global--spacing-unit);
4654      padding-right: var(--global--spacing-unit);
4655      padding-bottom: var(--global--spacing-horizontal);
4656      background-color: var(--global--color-background);
4657      transform: translateY(var(--global--spacing-vertical));
4658  }
4659  @media (prefers-reduced-motion: no-preference) {
4660  
4661      .primary-navigation > .primary-menu-container {
4662          transition: all 0.15s ease-in-out;
4663      }
4664  }
4665  @media only screen and (max-width: 481.98px) {
4666  
4667      .primary-navigation > .primary-menu-container {
4668          height: 100vh;
4669          z-index: 499;
4670          overflow-x: hidden;
4671          overflow-y: auto;
4672          border: 2px solid transparent;
4673      }
4674  
4675      .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
4676          position: fixed;
4677          transform: translateY(0) translateX(100%);
4678      }
4679  
4680      .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
4681          top: var(--global--admin-bar--height);
4682      }
4683  
4684      .admin-bar .primary-navigation > .primary-menu-container {
4685          height: calc(100vh - var(--global--admin-bar--height));
4686      }
4687  
4688      .primary-navigation > .primary-menu-container:focus {
4689          border: 2px solid var(--global--color-primary);
4690      }
4691  }
4692  @media only screen and (max-width: 481.98px) {
4693  
4694      .primary-navigation-open .primary-navigation {
4695          width: 100%;
4696          position: fixed;
4697          z-index: 2;
4698      }
4699  }
4700  
4701  .primary-navigation-open .primary-navigation > .primary-menu-container {
4702      position: relative;
4703      visibility: visible;
4704      opacity: 1;
4705      transform: translateY(0);
4706  }
4707  @media only screen and (max-width: 481.98px) {
4708  
4709      .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
4710          transform: translateX(0) translateY(0);
4711      }
4712  }
4713  @media only screen and (min-width: 482px) {
4714  
4715      .primary-navigation {
4716          position: relative;
4717          margin-left: auto;
4718      }
4719  
4720      .primary-navigation > .primary-menu-container {
4721          visibility: visible;
4722          opacity: 1;
4723          position: relative;
4724          padding: 0;
4725          background-color: transparent;
4726          overflow: initial;
4727          transform: none;
4728      }
4729  
4730      .primary-navigation #toggle-menu {
4731          display: none;
4732      }
4733  
4734      .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
4735          display: none;
4736      }
4737  
4738      .admin-bar .primary-navigation {
4739          top: initial;
4740      }
4741  
4742      .admin-bar .primary-navigation > .primary-menu-container {
4743          top: initial;
4744      }
4745  }
4746  
4747  .primary-navigation > div > .menu-wrapper {
4748      display: flex;
4749      justify-content: flex-start;
4750      flex-wrap: wrap;
4751      list-style: none;
4752      margin: 0;
4753      max-width: none;
4754      padding-left: 0;
4755      position: relative;
4756  }
4757  @media only screen and (max-width: 481.98px) {
4758  
4759      .primary-navigation > div > .menu-wrapper {
4760          padding-bottom: 100px;
4761      }
4762  
4763      .primary-navigation > div > .menu-wrapper ul {
4764          padding-left: 0;
4765      }
4766  }
4767  
4768  .primary-navigation > div > .menu-wrapper li {
4769      display: block;
4770      position: relative;
4771      width: 100%;
4772  }
4773  @media only screen and (min-width: 482px) {
4774  
4775      .primary-navigation > div > .menu-wrapper li {
4776          margin: 0;
4777          width: inherit;
4778      }
4779  
4780      .primary-navigation > div > .menu-wrapper li:last-child {
4781          margin-right: 0;
4782      }
4783  }
4784  
4785  .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
4786      display: flex;
4787      height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
4788      width: 44px;
4789      padding: 0;
4790      justify-content: center;
4791      align-items: center;
4792      background: transparent;
4793      color: currentColor;
4794      border: none;
4795  }
4796  
4797  .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
4798      outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
4799  }
4800  @media only screen and (max-width: 481.98px) {
4801  
4802      .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
4803          display: none;
4804      }
4805  }
4806  
4807  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
4808  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
4809      height: 100%;
4810      display: flex;
4811      align-items: center;
4812  }
4813  
4814  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
4815  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
4816      margin-top: -1px;
4817  }
4818  
4819  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
4820      display: none;
4821  }
4822  
4823  .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
4824      display: flex;
4825  }
4826  
4827  .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
4828      display: none;
4829  }
4830  
4831  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
4832      position: relative;
4833  }
4834  @media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {
4835  
4836      .primary-navigation > div > .menu-wrapper > li > .sub-menu {
4837          transition: all 0.5s ease;
4838      }
4839  }
4840  @media only screen and (min-width: 482px) {
4841  
4842      .primary-navigation > div > .menu-wrapper > li > .sub-menu {
4843          left: 0;
4844          margin: 0;
4845          min-width: max-content;
4846          position: absolute;
4847          top: 100%;
4848          padding-top: 3px;
4849          z-index: 88888;
4850      }
4851  
4852      .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
4853      .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
4854          content: "";
4855          display: block;
4856          position: absolute;
4857          width: 0;
4858          top: -10px;
4859          left: var(--global--spacing-horizontal);
4860          border-style: solid;
4861          border-color: var(--primary-nav--border-color) transparent;
4862          border-width: 0 7px 10px;
4863      }
4864  
4865      .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
4866          top: -9px;
4867          border-color: var(--global--color-background) transparent;
4868      }
4869  
4870      .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
4871          background: var(--global--color-background);
4872      }
4873  
4874      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
4875  
4876          /* rtl:ignore */
4877          left: 0;
4878  
4879          /* rtl:ignore */
4880          right: auto;
4881      }
4882  
4883      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
4884      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
4885  
4886          /* rtl:ignore */
4887          left: var(--global--spacing-horizontal);
4888  
4889          /* rtl:ignore */
4890          right: auto;
4891      }
4892  
4893      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
4894  
4895          /* rtl:ignore */
4896          right: 0;
4897  
4898          /* rtl:ignore */
4899          left: auto;
4900      }
4901  
4902      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
4903      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
4904  
4905          /* rtl:ignore */
4906          left: auto;
4907  
4908          /* rtl:ignore */
4909          right: var(--global--spacing-horizontal);
4910      }
4911  }
4912  
4913  .primary-navigation .primary-menu > .menu-item:hover > a {
4914      color: var(--primary-nav--color-link-hover);
4915  }
4916  @media only screen and (min-width: 482px) {
4917  
4918      .primary-navigation .primary-menu-container {
4919          margin-right: calc(0px - var(--primary-nav--padding));
4920          margin-left: calc(0px - var(--primary-nav--padding));
4921      }
4922  
4923      .primary-navigation .primary-menu-container > ul > .menu-item {
4924          display: flex;
4925      }
4926  
4927      .primary-navigation .primary-menu-container > ul > .menu-item > a {
4928          padding-left: var(--primary-nav--padding);
4929          padding-right: var(--primary-nav--padding);
4930      }
4931  
4932      .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
4933          margin-left: calc(5px - var(--primary-nav--padding));
4934      }
4935  }
4936  
4937  .primary-navigation a {
4938      display: block;
4939      font-family: var(--primary-nav--font-family-mobile);
4940      font-size: var(--primary-nav--font-size-mobile);
4941      font-weight: var(--primary-nav--font-weight);
4942      padding: var(--primary-nav--padding) 0;
4943      text-decoration: none;
4944  }
4945  @media only screen and (min-width: 482px) {
4946  
4947      .primary-navigation a {
4948          display: block;
4949          font-family: var(--primary-nav--font-family);
4950          font-size: var(--primary-nav--font-size);
4951          font-weight: var(--primary-nav--font-weight);
4952      }
4953  }
4954  
4955  .primary-navigation a + svg {
4956      fill: var(--primary-nav--color-text);
4957  }
4958  
4959  .primary-navigation a:hover,
4960  .primary-navigation a:link,
4961  .primary-navigation a:visited {
4962      color: var(--primary-nav--color-link-hover);
4963  }
4964  
4965  .primary-navigation a:hover {
4966      text-decoration: underline;
4967      text-decoration-style: dotted;
4968  }
4969  
4970  .primary-navigation a:focus {
4971      position: relative;
4972      z-index: 99999;
4973      outline-offset: 0;
4974      text-decoration-thickness: 2px;
4975  }
4976  
4977  .primary-navigation .current-menu-item > a:first-child,
4978  .primary-navigation .current_page_item > a:first-child {
4979      text-decoration: underline;
4980      text-decoration-style: solid;
4981  }
4982  
4983  .primary-navigation .current-menu-item > a:first-child:hover,
4984  .primary-navigation .current_page_item > a:first-child:hover {
4985      text-decoration: underline;
4986      text-decoration-style: dotted;
4987  }
4988  
4989  .primary-navigation .sub-menu {
4990      margin: 0;
4991      padding: 0;
4992      list-style: none;
4993      margin-left: var(--primary-nav--padding);
4994      border: 1px solid var(--primary-nav--border-color);
4995  }
4996  
4997  .primary-navigation .sub-menu .sub-menu {
4998      border: none;
4999  }
5000  @media only screen and (min-width: 482px) {
5001  
5002      .primary-navigation .sub-menu > .menu-item > .sub-menu {
5003          padding: 0;
5004      }
5005  }
5006  @media only screen and (max-width: 481.98px) {
5007  
5008      .primary-navigation .sub-menu .menu-item:last-child {
5009          margin-bottom: 0;
5010      }
5011  }
5012  
5013  .primary-navigation .sub-menu .menu-item > a {
5014      padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
5015      display: block;
5016      font-size: var(--primary-nav--font-size-sub-menu-mobile);
5017      font-style: var(--primary-nav--font-style-sub-menu-mobile);
5018  }
5019  @media only screen and (min-width: 482px) {
5020  
5021      .primary-navigation .sub-menu .menu-item > a {
5022          font-size: var(--primary-nav--font-size-sub-menu);
5023          font-style: var(--primary-nav--font-style);
5024      }
5025  }
5026  
5027  .primary-navigation .menu-item-has-children > .svg-icon {
5028      display: none;
5029  }
5030  @media only screen and (min-width: 482px) {
5031  
5032      .primary-navigation .menu-item-has-children > .svg-icon {
5033          display: inline-block;
5034          height: 100%;
5035      }
5036  
5037      .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
5038          display: none;
5039      }
5040  }
5041  
5042  .primary-navigation .menu-item-description {
5043      display: block;
5044      clear: both;
5045      font-size: var(--global--font-size-xs);
5046      text-transform: none;
5047      line-height: 1.7;
5048  }
5049  
5050  .primary-navigation .menu-item-description > span {
5051      display: inline-block;
5052  }
5053  
5054  @media only screen and (max-width: 481.98px) {
5055  
5056      .lock-scrolling .site {
5057          position: fixed;
5058          max-width: 100%;
5059          width: 100%;
5060      }
5061  }
5062  @keyframes twentytwentyone-close-button-transition {
5063  
5064      from {
5065          opacity: 0;
5066      }
5067  
5068      to {
5069          opacity: 1;
5070      }
5071  }
5072  
5073  .footer-navigation {
5074      margin-top: calc(2 * var(--global--spacing-vertical));
5075      margin-bottom: var(--global--spacing-vertical);
5076      color: var(--footer--color-text);
5077      font-size: var(--global--font-size-xs);
5078      font-family: var(--footer--font-family);
5079  }
5080  
5081  .footer-navigation-wrapper {
5082      display: flex;
5083      justify-content: center;
5084      flex-wrap: wrap;
5085      list-style: none;
5086      padding-left: 0;
5087  }
5088  
5089  .footer-navigation-wrapper li {
5090      display: inline;
5091      line-height: 3;
5092  }
5093  
5094  .footer-navigation-wrapper li a {
5095      padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
5096      color: var(--footer--color-link);
5097  }
5098  
5099  .footer-navigation-wrapper li a:link,
5100  .footer-navigation-wrapper li a:visited,
5101  .footer-navigation-wrapper li a:active {
5102      color: var(--footer--color-link);
5103  }
5104  
5105  .footer-navigation-wrapper li a:hover {
5106      text-decoration: underline;
5107      text-decoration-style: dotted;
5108      text-decoration-skip-ink: none;
5109      color: var(--footer--color-link-hover);
5110  }
5111  
5112  .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
5113      fill: var(--wp--style--color--link, var(--global--color-background));
5114  }
5115  
5116  .has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
5117      fill: var(--wp--style--color--link, var(--global--color-white));
5118  }
5119  
5120  .footer-navigation-wrapper li .svg-icon {
5121      vertical-align: middle;
5122      fill: var(--footer--color-link);
5123  }
5124  
5125  .footer-navigation-wrapper li .svg-icon:hover {
5126      transform: scale(1.1);
5127  }
5128  @media (prefers-reduced-motion: no-preference) {
5129  
5130      .footer-navigation-wrapper li .svg-icon {
5131          transition: transform 0.1s ease;
5132      }
5133  }
5134  
5135  .footer-navigation-wrapper .sub-menu-toggle,
5136  .footer-navigation-wrapper .menu-item-description {
5137      display: none;
5138  }
5139  
5140  /* Next/Previous navigation */
5141  .navigation {
5142      color: var(--global--color-primary);
5143  }
5144  
5145  .navigation a {
5146      color: var(--global--color-primary);
5147      text-decoration: none;
5148  }
5149  
5150  .navigation a:hover {
5151      color: var(--global--color-primary-hover);
5152      text-decoration: underline;
5153      text-decoration-style: dotted;
5154  }
5155  
5156  .navigation a:focus {
5157      color: var(--global--color-secondary);
5158  }
5159  
5160  .navigation a:active {
5161      color: var(--global--color-primary);
5162  }
5163  
5164  .navigation .nav-links > * {
5165      min-width: 44px;
5166      min-height: 44px;
5167  }
5168  
5169  .navigation .nav-links .nav-next a,
5170  .navigation .nav-links .nav-previous a {
5171      display: flex;
5172      flex-direction: column;
5173  }
5174  
5175  .navigation .nav-links .dots {
5176      text-align: center;
5177  }
5178  @media only screen and (min-width: 592px) {
5179  
5180      .navigation .nav-links {
5181          display: flex;
5182          justify-content: center;
5183          flex-wrap: wrap;
5184      }
5185  
5186      .navigation .nav-links .nav-next,
5187      .navigation .nav-links .nav-previous {
5188          flex: 0 1 auto;
5189          margin-bottom: inherit;
5190          margin-top: inherit;
5191          max-width: calc(50% - 0.5 * var(--global--spacing-unit));
5192      }
5193  
5194      .navigation .nav-links .nav-next {
5195          text-align: right;
5196      }
5197  }
5198  
5199  .navigation .svg-icon {
5200      display: inline-block;
5201      fill: currentColor;
5202      vertical-align: middle;
5203      position: relative;
5204  }
5205  
5206  .navigation .nav-previous .svg-icon,
5207  .navigation .prev .svg-icon {
5208      top: -2px;
5209      margin-right: calc(0.25 * var(--global--spacing-unit));
5210  }
5211  
5212  .navigation .nav-next .svg-icon,
5213  .navigation .next .svg-icon {
5214      top: -1px;
5215      margin-left: calc(0.25 * var(--global--spacing-unit));
5216  }
5217  
5218  .post-navigation {
5219      margin: var(--global--spacing-vertical) auto;
5220  }
5221  @media only screen and (min-width: 822px) {
5222  
5223      .post-navigation {
5224          margin: var(--global--spacing-vertical) auto;
5225      }
5226  }
5227  
5228  .post-navigation .meta-nav {
5229      line-height: var(--global--line-height-body);
5230      color: var(--global--color-primary);
5231  }
5232  
5233  .post-navigation .post-title {
5234      display: inline-block;
5235      font-family: var(--global--font-primary);
5236      font-size: var(--global--font-size-lg);
5237      font-weight: var(--pagination--font-weight-strong);
5238      line-height: var(--global--line-height-heading);
5239  }
5240  @media only screen and (min-width: 822px) {
5241  
5242      .post-navigation .post-title {
5243          margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
5244      }
5245  }
5246  @media only screen and (min-width: 482px) {
5247  
5248      .post-navigation .nav-links {
5249          justify-content: space-between;
5250      }
5251  }
5252  
5253  .post-navigation .nav-next,
5254  .post-navigation .nav-previous {
5255      margin-top: var(--global--spacing-vertical);
5256      margin-bottom: var(--global--spacing-vertical);
5257  }
5258  
5259  .post-navigation .nav-next:first-child,
5260  .post-navigation .nav-previous:first-child {
5261      margin-top: 0;
5262  }
5263  
5264  .post-navigation .nav-next:last-child,
5265  .post-navigation .nav-previous:last-child {
5266      margin-bottom: 0;
5267  }
5268  
5269  .pagination,
5270  .comments-pagination {
5271      border-top: 3px solid var(--global--color-border);
5272      padding-top: var(--global--spacing-vertical);
5273      margin: var(--global--spacing-vertical) auto;
5274  }
5275  @media only screen and (min-width: 822px) {
5276  
5277      .pagination,
5278      .comments-pagination {
5279          margin: var(--global--spacing-vertical) auto;
5280      }
5281  }
5282  
5283  .pagination .nav-links,
5284  .comments-pagination .nav-links {
5285      margin-top: calc(-1 * var(--global--spacing-vertical));
5286  }
5287  
5288  .pagination .nav-links a:hover,
5289  .comments-pagination .nav-links a:hover {
5290      color: var(--pagination--color-link-hover);
5291  }
5292  
5293  .is-dark-theme .pagination .nav-links a:active,
5294  .is-dark-theme .pagination .nav-links a:hover:active,
5295  .is-dark-theme .pagination .nav-links a:hover:focus,
5296  .is-dark-theme .comments-pagination .nav-links a:active,
5297  .is-dark-theme .comments-pagination .nav-links a:hover:active,
5298  .is-dark-theme .comments-pagination .nav-links a:hover:focus {
5299      color: var(--global--color-background);
5300  }
5301  
5302  .has-background-white .pagination .nav-links a:active,
5303  .has-background-white .pagination .nav-links a:hover:active,
5304  .has-background-white .pagination .nav-links a:hover:focus,
5305  .has-background-white .comments-pagination .nav-links a:active,
5306  .has-background-white .comments-pagination .nav-links a:hover:active,
5307  .has-background-white .comments-pagination .nav-links a:hover:focus {
5308      color: var(--global--color-white);
5309  }
5310  
5311  .pagination .nav-links > *,
5312  .comments-pagination .nav-links > * {
5313      color: var(--pagination--color-text);
5314      font-family: var(--pagination--font-family);
5315      font-size: var(--pagination--font-size);
5316      font-weight: var(--pagination--font-weight);
5317      margin-top: var(--global--spacing-vertical);
5318      margin-left: calc(0.66 * var(--global--spacing-unit));
5319      margin-right: calc(0.66 * var(--global--spacing-unit));
5320  }
5321  
5322  .pagination .nav-links > *.current,
5323  .comments-pagination .nav-links > *.current {
5324      text-decoration: underline;
5325  }
5326  
5327  .pagination .nav-links > *:not(.dots):not(.current):hover,
5328  .comments-pagination .nav-links > *:not(.dots):not(.current):hover {
5329      text-decoration-style: dotted;
5330  }
5331  
5332  .pagination .nav-links > *:first-child,
5333  .comments-pagination .nav-links > *:first-child {
5334      margin-left: 0;
5335  }
5336  
5337  .pagination .nav-links > *:last-child,
5338  .comments-pagination .nav-links > *:last-child {
5339      margin-right: 0;
5340  }
5341  
5342  .pagination .nav-links > *.next,
5343  .comments-pagination .nav-links > *.next {
5344      margin-left: auto;
5345  }
5346  
5347  .pagination .nav-links > *.prev,
5348  .comments-pagination .nav-links > *.prev {
5349      margin-right: auto;
5350  }
5351  @media only screen and (max-width: 821.98px) {
5352  
5353      .pagination .nav-links,
5354      .comments-pagination .nav-links {
5355          display: flex;
5356          flex-wrap: wrap;
5357      }
5358  
5359      .pagination .page-numbers,
5360      .comments-pagination .page-numbers {
5361          display: none;
5362      }
5363  
5364      .pagination .page-numbers.prev,
5365      .pagination .page-numbers.next,
5366      .comments-pagination .page-numbers.prev,
5367      .comments-pagination .page-numbers.next {
5368          display: inline-block;
5369          flex: 0 1 auto;
5370      }
5371  }
5372  @media only screen and (max-width: 481.98px) {
5373  
5374      .pagination .nav-short,
5375      .comments-pagination .nav-short {
5376          display: none;
5377      }
5378  }
5379  
5380  .comments-pagination {
5381      padding-top: calc(0.66 * var(--global--spacing-vertical));
5382      margin: calc(3 * var(--global--spacing-vertical)) auto;
5383  }
5384  @media only screen and (min-width: 822px) {
5385  
5386      .comments-pagination {
5387          margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
5388      }
5389  }
5390  
5391  .comments-pagination .nav-links > * {
5392      font-size: var(--global--font-size-md);
5393  }
5394  
5395  .widget-area {
5396      margin-top: calc(6 * var(--global--spacing-vertical));
5397      padding-bottom: calc(var(--global--spacing-vertical) / 3);
5398      color: var(--footer--color-text);
5399      font-size: var(--footer--font-size);
5400      font-family: var(--footer--font-family);
5401  }
5402  @media only screen and (min-width: 652px) {
5403  
5404      .widget-area {
5405          display: grid;
5406          grid-template-columns: repeat(2, 1fr);
5407          column-gap: calc(2 * var(--global--spacing-horizontal));
5408      }
5409  }
5410  @media only screen and (min-width: 1024px) {
5411  
5412      .widget-area {
5413          grid-template-columns: repeat(3, 1fr);
5414      }
5415  }
5416  @media only screen and (max-width: 481.98px) {
5417  
5418      .widget-area {
5419          margin-top: calc(3 * var(--global--spacing-vertical));
5420      }
5421  }
5422  
5423  .widget-area .wp-block-social-links.alignright {
5424      margin-top: var(--global--spacing-vertical);
5425      justify-content: flex-end;
5426  }
5427  
5428  .widget-area .wp-block-social-links.alignleft {
5429      margin-top: var(--global--spacing-vertical);
5430  }
5431  
5432  .widget-area:after {
5433      content: "";
5434      display: table;
5435      clear: both;
5436  }
5437  
5438  .widget h1,
5439  .widget h2,
5440  .widget h3,
5441  .widget h4,
5442  .widget h5,
5443  .widget h6 {
5444      font-weight: var(--widget--font-weight-title);
5445      line-height: var(--widget--line-height-title);
5446  }
5447  
5448  .widget h1 {
5449      font-size: var(--global--font-size-md);
5450  }
5451  
5452  .widget h2 {
5453      font-size: var(--global--font-size-sm);
5454  }
5455  
5456  .widget h3 {
5457      font-size: var(--global--font-size-xs);
5458  }
5459  
5460  .widget h4 {
5461      font-size: var(--global--font-size-xs);
5462  }
5463  
5464  .widget h5 {
5465      font-size: var(--global--font-size-xs);
5466  }
5467  
5468  .widget h6 {
5469      font-size: var(--global--font-size-xs);
5470  }
5471  
5472  .widget ul {
5473      list-style-type: none;
5474      padding: 0;
5475  }
5476  
5477  .widget ul li {
5478      line-height: var(--widget--line-height-list);
5479  }
5480  
5481  .widget ul.sub-menu,
5482  .widget ul.children {
5483      margin-left: var(--widget--spacing-menu);
5484  }
5485  
5486  .widget ul .sub-menu-toggle {
5487      display: none;
5488  }
5489  
5490  .widget a {
5491      color: var(--footer--color-link);
5492      text-decoration: underline;
5493      text-decoration-style: solid;
5494      text-decoration-color: currentColor;
5495  }
5496  
5497  .widget a:link,
5498  .widget a:visited,
5499  .widget a:active {
5500      color: var(--footer--color-link);
5501  }
5502  
5503  .widget a:hover {
5504      color: var(--footer--color-link-hover);
5505      text-decoration-style: dotted;
5506  }
5507  
5508  .search-form {
5509      display: flex;
5510      flex-wrap: wrap;
5511      margin: auto;
5512      max-width: var(--responsive--aligndefault-width);
5513  }
5514  
5515  .search-form > label {
5516      width: 100%;
5517      margin-bottom: 0;
5518      font-weight: var(--form--label-weight);
5519  }
5520  
5521  .search-form .search-field {
5522      flex-grow: 1;
5523      max-width: inherit;
5524      margin-top: calc(var(--global--spacing-vertical) / 3);
5525      margin-right: calc(0.66 * var(--global--spacing-horizontal));
5526  }
5527  
5528  .search-form .search-submit {
5529      margin-top: calc(var(--global--spacing-vertical) / 3);
5530      margin-left: 10px;
5531  }
5532  
5533  .widget_search > .search-form .search-field {
5534      margin-right: calc(-1 * var(--button--border-width));
5535      -webkit-appearance: none;
5536      margin-bottom: calc(0.5 * var(--global--spacing-vertical));
5537  }
5538  
5539  .widget_search > .search-form .search-submit {
5540      margin-left: 0;
5541      margin-bottom: calc(0.5 * var(--global--spacing-vertical));
5542  }
5543  
5544  .widget_rss a.rsswidget .rss-widget-icon {
5545      display: none;
5546  }
5547  
5548  /* Category 07 is for any utility classes that are not assigned to a specific component. */
5549  .screen-reader-text {
5550      border: 0;
5551      clip-path: inset(50%);
5552      height: 1px;
5553      margin: -1px;
5554      overflow: hidden;
5555      padding: 0;
5556      position: absolute !important;
5557      width: 1px;
5558  
5559      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
5560      word-wrap: normal !important;
5561      word-break: normal !important;
5562  }
5563  
5564  .skip-link:focus {
5565      background-color: #f1f1f1;
5566      border-radius: 3px;
5567      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
5568      clip-path: none;
5569      color: #21759b;
5570      display: block;
5571      font-size: 0.875rem;
5572      font-weight: 700;
5573      height: auto;
5574      left: 5px;
5575      line-height: normal;
5576      padding: 15px 23px 14px;
5577      text-decoration: none;
5578      top: 5px;
5579      width: auto;
5580      z-index: 100000;
5581  }
5582  
5583  /* Do not show the outline on the skip link target. */
5584  #content[tabindex="-1"]:focus {
5585      outline: 0;
5586  }
5587  
5588  .has-black-color[class] {
5589      color: var(--global--color-black);
5590  }
5591  
5592  .has-black-color[class] > [class*=__inner-container] {
5593      --local--color-primary: var(--global--color-black, #000);
5594      color: var(--local--color-primary);
5595  }
5596  
5597  .has-gray-color[class] {
5598      color: var(--global--color-gray);
5599  }
5600  
5601  .has-gray-color[class] > [class*=__inner-container] {
5602      --local--color-primary: var(--global--color-gray, #000);
5603      color: var(--local--color-primary);
5604  }
5605  
5606  .has-dark-gray-color[class] {
5607      color: var(--global--color-dark-gray);
5608  }
5609  
5610  .has-dark-gray-color[class] > [class*=__inner-container] {
5611      --local--color-primary: var(--global--color-dark-gray, #000);
5612      color: var(--local--color-primary);
5613  }
5614  
5615  .has-green-color[class] {
5616      color: var(--global--color-green);
5617  }
5618  
5619  .has-green-color[class] > [class*=__inner-container] {
5620      --local--color-primary: var(--global--color-green, #fff);
5621      color: var(--local--color-primary);
5622  }
5623  
5624  .has-blue-color[class] {
5625      color: var(--global--color-blue);
5626  }
5627  
5628  .has-blue-color[class] > [class*=__inner-container] {
5629      --local--color-primary: var(--global--color-blue, #fff);
5630      color: var(--local--color-primary);
5631  }
5632  
5633  .has-purple-color[class] {
5634      color: var(--global--color-purple);
5635  }
5636  
5637  .has-purple-color[class] > [class*=__inner-container] {
5638      --local--color-primary: var(--global--color-purple, #fff);
5639      color: var(--local--color-primary);
5640  }
5641  
5642  .has-red-color[class] {
5643      color: var(--global--color-red);
5644  }
5645  
5646  .has-red-color[class] > [class*=__inner-container] {
5647      --local--color-primary: var(--global--color-red, #fff);
5648      color: var(--local--color-primary);
5649  }
5650  
5651  .has-orange-color[class] {
5652      color: var(--global--color-orange);
5653  }
5654  
5655  .has-orange-color[class] > [class*=__inner-container] {
5656      --local--color-primary: var(--global--color-orange, #fff);
5657      color: var(--local--color-primary);
5658  }
5659  
5660  .has-yellow-color[class] {
5661      color: var(--global--color-yellow);
5662  }
5663  
5664  .has-yellow-color[class] > [class*=__inner-container] {
5665      --local--color-primary: var(--global--color-yellow, #fff);
5666      color: var(--local--color-primary);
5667  }
5668  
5669  .has-white-color[class] {
5670      color: var(--global--color-white);
5671  }
5672  
5673  .has-white-color[class] > [class*=__inner-container] {
5674      --local--color-primary: var(--global--color-white, #fff);
5675      color: var(--local--color-primary);
5676  }
5677  
5678  .has-background a,
5679  .has-background p,
5680  .has-background h1,
5681  .has-background h2,
5682  .has-background h3,
5683  .has-background h4,
5684  .has-background h5,
5685  .has-background h6 {
5686      color: currentColor;
5687  }
5688  
5689  .has-black-background-color[class] {
5690      background-color: var(--global--color-black);
5691  }
5692  
5693  .has-black-background-color[class] > [class*=__inner-container] {
5694      --local--color-background: var(--global--color-black, #000);
5695      background-color: var(--local--color-background);
5696  }
5697  
5698  .has-dark-gray-background-color[class] {
5699      background-color: var(--global--color-dark-gray);
5700  }
5701  
5702  .has-dark-gray-background-color[class] > [class*=__inner-container] {
5703      --local--color-background: var(--global--color-dark-gray, #000);
5704      background-color: var(--local--color-background);
5705  }
5706  
5707  .has-gray-background-color[class] {
5708      background-color: var(--global--color-gray);
5709  }
5710  
5711  .has-gray-background-color[class] > [class*=__inner-container] {
5712      --local--color-background: var(--global--color-gray, #000);
5713      background-color: var(--local--color-background);
5714  }
5715  
5716  .has-light-gray-background-color[class] {
5717      background-color: var(--global--color-light-gray);
5718  }
5719  
5720  .has-light-gray-background-color[class] > [class*=__inner-container] {
5721      --local--color-background: var(--global--color-light-gray, #fff);
5722      background-color: var(--local--color-background);
5723  }
5724  
5725  .has-green-background-color[class] {
5726      background-color: var(--global--color-green);
5727  }
5728  
5729  .has-green-background-color[class] > [class*=__inner-container] {
5730      --local--color-background: var(--global--color-green, #fff);
5731      background-color: var(--local--color-background);
5732  }
5733  
5734  .has-blue-background-color[class] {
5735      background-color: var(--global--color-blue);
5736  }
5737  
5738  .has-blue-background-color[class] > [class*=__inner-container] {
5739      --local--color-background: var(--global--color-blue, #fff);
5740      background-color: var(--local--color-background);
5741  }
5742  
5743  .has-purple-background-color[class] {
5744      background-color: var(--global--color-purple);
5745  }
5746  
5747  .has-purple-background-color[class] > [class*=__inner-container] {
5748      --local--color-background: var(--global--color-purple, #fff);
5749      background-color: var(--local--color-background);
5750  }
5751  
5752  .has-red-background-color[class] {
5753      background-color: var(--global--color-red);
5754  }
5755  
5756  .has-red-background-color[class] > [class*=__inner-container] {
5757      --local--color-background: var(--global--color-red, #fff);
5758      background-color: var(--local--color-background);
5759  }
5760  
5761  .has-orange-background-color[class] {
5762      background-color: var(--global--color-orange);
5763  }
5764  
5765  .has-orange-background-color[class] > [class*=__inner-container] {
5766      --local--color-background: var(--global--color-orange, #fff);
5767      background-color: var(--local--color-background);
5768  }
5769  
5770  .has-yellow-background-color[class] {
5771      background-color: var(--global--color-yellow);
5772  }
5773  
5774  .has-yellow-background-color[class] > [class*=__inner-container] {
5775      --local--color-background: var(--global--color-yellow, #fff);
5776      background-color: var(--local--color-background);
5777  }
5778  
5779  .has-white-background-color[class] {
5780      background-color: var(--global--color-white);
5781  }
5782  
5783  .has-white-background-color[class] > [class*=__inner-container] {
5784      --local--color-background: var(--global--color-white, #fff);
5785      background-color: var(--local--color-background);
5786  }
5787  
5788  .has-background:not(.has-text-color).has-black-background-color[class],
5789  .has-background:not(.has-text-color).has-gray-background-color[class],
5790  .has-background:not(.has-text-color).has-dark-gray-background-color[class] {
5791      color: var(--global--color-white);
5792  }
5793  
5794  .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
5795  .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
5796  .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
5797      --local--color-primary: var(--global--color-background, #fff);
5798      color: var(--local--color-primary, var(--global--color-primary));
5799  }
5800  
5801  .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
5802  .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
5803  .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
5804      --local--color-primary: var(--global--color-primary, #000);
5805  }
5806  
5807  .has-background:not(.has-text-color).has-green-background-color[class],
5808  .has-background:not(.has-text-color).has-blue-background-color[class],
5809  .has-background:not(.has-text-color).has-purple-background-color[class],
5810  .has-background:not(.has-text-color).has-red-background-color[class],
5811  .has-background:not(.has-text-color).has-orange-background-color[class],
5812  .has-background:not(.has-text-color).has-yellow-background-color[class],
5813  .has-background:not(.has-text-color).has-white-background-color[class] {
5814      color: var(--global--color-dark-gray);
5815  }
5816  
5817  .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
5818  .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
5819  .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
5820  .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
5821  .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
5822  .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
5823  .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
5824      --local--color-primary: var(--global--color-primary, #000);
5825      color: var(--local--color-primary, var(--global--color-primary));
5826  }
5827  
5828  .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
5829  .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
5830  .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
5831  .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
5832  .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
5833  .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
5834  .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
5835      --local--color-primary: var(--global--color-background, #fff);
5836  }
5837  
5838  .has-purple-to-yellow-gradient-background {
5839      background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
5840  }
5841  
5842  .has-yellow-to-purple-gradient-background {
5843      background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
5844  }
5845  
5846  .has-green-to-yellow-gradient-background {
5847      background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
5848  }
5849  
5850  .has-yellow-to-green-gradient-background {
5851      background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
5852  }
5853  
5854  .has-red-to-yellow-gradient-background {
5855      background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
5856  }
5857  
5858  .has-yellow-to-red-gradient-background {
5859      background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
5860  }
5861  
5862  .has-purple-to-red-gradient-background {
5863      background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
5864  }
5865  
5866  .has-red-to-purple-gradient-background {
5867      background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
5868  }
5869  
5870  header *,
5871  main *,
5872  footer * {
5873      max-width: var(--global--spacing-measure);
5874  }
5875  
5876  html,
5877  body,
5878  div,
5879  header,
5880  nav,
5881  article,
5882  figure,
5883  hr,
5884  main,
5885  section,
5886  footer {
5887      max-width: none;
5888  }