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