[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentytwentyone/ -> style-rtl.css (source)

   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: 6.6
  11  Requires PHP: 5.6
  12  Version: 2.3
  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   * Verse................Specific styles for the verse 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-right: var(--global--spacing-horizontal);
2278  }
2279  
2280  .wp-block-image .alignleft {
2281      margin-left: var(--global--spacing-horizontal);
2282  }
2283  
2284  .wp-block-image a:focus img {
2285      outline-offset: 2px;
2286  }
2287  
2288  .entry-content > *[class=wp-block-image],
2289  .entry-content [class*=inner-container] > *[class=wp-block-image] {
2290      margin-top: 0;
2291      margin-bottom: 0;
2292  }
2293  
2294  .entry-content > *[class=wp-block-image] + *,
2295  .entry-content [class*=inner-container] > *[class=wp-block-image] + * {
2296      margin-top: 0;
2297  }
2298  
2299  .wp-block-image.is-style-twentytwentyone-border img,
2300  .wp-block-image.is-style-twentytwentyone-image-frame img {
2301      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2302  }
2303  
2304  .wp-block-image.is-style-twentytwentyone-image-frame img {
2305      padding: var(--global--spacing-unit);
2306  }
2307  
2308  @media only screen and (min-width: 482px) {
2309  
2310      .entry-content > .wp-block-image > .alignleft,
2311      .entry-content > .wp-block-image > .alignright {
2312          max-width: 50%;
2313      }
2314  }
2315  @media only screen and (max-width: 481.98px) {
2316  
2317      .entry-content > .wp-block-image > .alignleft,
2318      .entry-content > .wp-block-image > .alignright {
2319          margin-right: 0;
2320          margin-left: 0;
2321      }
2322  }
2323  
2324  .wp-block-latest-comments {
2325      padding-right: 0;
2326  }
2327  
2328  .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
2329      font-size: var(--global--font-size-sm);
2330  }
2331  
2332  .wp-block-latest-comments .wp-block-latest-comments__comment {
2333      line-height: var(--global--line-height-body);
2334  
2335      /* Vertical margins logic */
2336      margin-top: var(--global--spacing-vertical);
2337      margin-bottom: var(--global--spacing-vertical);
2338  }
2339  
2340  .wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
2341      margin-top: 0;
2342  }
2343  
2344  .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
2345      margin-bottom: 0;
2346  }
2347  
2348  .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
2349      font-family: var(--heading--font-family);
2350  }
2351  
2352  .wp-block-latest-comments .wp-block-latest-comments__comment-date {
2353      color: inherit;
2354      font-size: inherit;
2355  }
2356  
2357  .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
2358      font-size: inherit;
2359      line-height: var(--global--line-height-body);
2360      margin: 0;
2361  }
2362  
2363  .wp-block-latest-posts {
2364      padding-right: 0;
2365  }
2366  
2367  .wp-block-latest-posts:not(.is-grid) > li {
2368      margin-top: calc(1.666 * var(--global--spacing-vertical));
2369      margin-bottom: calc(1.666 * var(--global--spacing-vertical));
2370  }
2371  
2372  .wp-block-latest-posts:not(.is-grid) > li:first-child {
2373      margin-top: 0;
2374  }
2375  
2376  .wp-block-latest-posts:not(.is-grid) > li:last-child {
2377      margin-bottom: 0;
2378  }
2379  
2380  .widget-area .wp-block-latest-posts:not(.is-grid) > li {
2381      margin-top: 0;
2382      margin-bottom: 0;
2383  }
2384  
2385  .wp-block-latest-posts.is-grid {
2386      word-wrap: break-word;
2387      word-break: break-word;
2388  }
2389  
2390  .wp-block-latest-posts.is-grid > li {
2391      margin-bottom: var(--global--spacing-vertical);
2392  }
2393  
2394  .wp-block-latest-posts.is-grid > li:last-child {
2395      margin-bottom: 0;
2396  }
2397  
2398  .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
2399  .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
2400  .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
2401  .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
2402  .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
2403  .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
2404  .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
2405  .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
2406  .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
2407  .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
2408      margin-bottom: 0;
2409  }
2410  
2411  .wp-block-latest-posts > li > * {
2412      margin-top: calc(0.333 * var(--global--spacing-vertical));
2413      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
2414  }
2415  
2416  .wp-block-latest-posts > li > *:first-child {
2417      margin-top: 0;
2418  }
2419  
2420  .wp-block-latest-posts > li > *:last-child {
2421      margin-bottom: 0;
2422  }
2423  
2424  .wp-block-latest-posts > li > a {
2425      display: inline-block;
2426      font-family: var(--latest-posts--title-font-family);
2427      font-size: var(--latest-posts--title-font-size);
2428      font-weight: var(--heading--font-weight);
2429      line-height: var(--global--line-height-heading);
2430      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
2431  }
2432  
2433  .widget-area .wp-block-latest-posts > li > a {
2434      font-size: var(--global--font-size-sm);
2435      margin-bottom: 0;
2436  }
2437  
2438  .wp-block-latest-posts .wp-block-latest-posts__post-author {
2439      color: var(--global--color-primary);
2440      font-size: var(--global--font-size-md);
2441      line-height: var(--global--line-height-body);
2442  }
2443  
2444  .wp-block-latest-posts .wp-block-latest-posts__post-date {
2445      color: var(--global--color-primary);
2446      font-size: var(--global--font-size-xs);
2447      line-height: var(--global--line-height-body);
2448  }
2449  
2450  [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
2451  .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
2452      color: currentColor;
2453  }
2454  
2455  .wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
2456  .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
2457      font-family: var(--latest-posts--description-font-family);
2458      font-size: var(--latest-posts--description-font-size);
2459      line-height: var(--global--line-height-body);
2460      margin-top: calc(0.666 * var(--global--spacing-vertical));
2461  }
2462  
2463  .wp-block-latest-posts.alignfull {
2464      padding-right: var(--global--spacing-unit);
2465      padding-left: var(--global--spacing-unit);
2466  }
2467  
2468  .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
2469  .entry-content .has-background .wp-block-latest-posts.alignfull {
2470      padding-right: 0;
2471      padding-left: 0;
2472  }
2473  
2474  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
2475      border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
2476      border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
2477  }
2478  
2479  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
2480  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
2481      padding-bottom: var(--global--spacing-vertical);
2482      border-bottom: var(--separator--height) solid var(--global--color-border);
2483      margin-top: var(--global--spacing-vertical);
2484      margin-bottom: var(--global--spacing-vertical);
2485  }
2486  
2487  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
2488  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
2489      padding-bottom: 0;
2490      border-bottom: none;
2491  }
2492  
2493  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
2494      box-shadow: inset 0 -1px 0 0 var(--global--color-border);
2495      border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
2496  }
2497  
2498  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
2499      margin: 0;
2500      padding-top: var(--global--spacing-vertical);
2501      padding-left: var(--global--spacing-horizontal);
2502  }
2503  
2504  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
2505      padding-bottom: var(--global--spacing-vertical);
2506  }
2507  @media screen and (min-width: 600px) {
2508  
2509      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
2510          width: calc(100% / 2);
2511      }
2512  
2513      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
2514          width: calc(100% / 3);
2515      }
2516  
2517      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
2518          width: calc(100% / 4);
2519      }
2520  
2521      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
2522          width: calc(100% / 5);
2523      }
2524  
2525      .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
2526          width: calc(100% / 6);
2527      }
2528  }
2529  
2530  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
2531      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2532      padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
2533  }
2534  
2535  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
2536      padding-bottom: var(--global--spacing-vertical);
2537  }
2538  
2539  .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
2540      margin-top: var(--global--spacing-horizontal);
2541      margin-bottom: var(--global--spacing-horizontal);
2542  }
2543  
2544  .gallery-item {
2545      display: inline-block;
2546      text-align: center;
2547      vertical-align: top;
2548      width: 100%;
2549  }
2550  
2551  .gallery-item a {
2552      display: block;
2553  }
2554  
2555  .gallery-item a:focus img {
2556      outline-offset: -2px;
2557  }
2558  
2559  .gallery-columns-2 .gallery-item {
2560      max-width: 50%;
2561  }
2562  
2563  .gallery-columns-3 .gallery-item {
2564      max-width: 33.33%;
2565  }
2566  
2567  .gallery-columns-4 .gallery-item {
2568      max-width: 25%;
2569  }
2570  
2571  .gallery-columns-5 .gallery-item {
2572      max-width: 20%;
2573  }
2574  
2575  .gallery-columns-6 .gallery-item {
2576      max-width: 16.66%;
2577  }
2578  
2579  .gallery-columns-7 .gallery-item {
2580      max-width: 14.28%;
2581  }
2582  
2583  .gallery-columns-8 .gallery-item {
2584      max-width: 12.5%;
2585  }
2586  
2587  .gallery-columns-9 .gallery-item {
2588      max-width: 11.11%;
2589  }
2590  
2591  .gallery-caption {
2592      display: block;
2593  }
2594  
2595  figure.wp-caption a:focus img {
2596      outline-offset: 2px;
2597  }
2598  
2599  ul,
2600  ol {
2601      font-family: var(--list--font-family);
2602      margin: 0;
2603      padding-right: calc(2 * var(--global--spacing-horizontal));
2604  }
2605  
2606  ul.aligncenter,
2607  ol.aligncenter {
2608      list-style-position: inside;
2609      padding: 0;
2610  }
2611  
2612  ul.alignright,
2613  ol.alignright {
2614      list-style-position: inside;
2615      text-align: left;
2616      padding: 0;
2617  }
2618  
2619  ul {
2620      list-style-type: disc;
2621  }
2622  
2623  ul ul {
2624      list-style-type: circle;
2625  }
2626  
2627  ol {
2628      list-style-type: decimal;
2629  }
2630  
2631  ol ul {
2632      list-style-type: circle;
2633  }
2634  
2635  dt {
2636      font-family: var(--definition-term--font-family);
2637      font-weight: bold;
2638  }
2639  
2640  dd {
2641      margin: 0;
2642      padding-right: calc(2 * var(--global--spacing-horizontal));
2643  }
2644  
2645  .wp-block-media-text.alignfull {
2646      margin-top: 0;
2647      margin-bottom: 0;
2648  }
2649  
2650  .wp-block-media-text a:focus img {
2651      outline-offset: -1px;
2652  }
2653  
2654  .wp-block-media-text .wp-block-media-text__content {
2655      padding: var(--global--spacing-horizontal);
2656  }
2657  @media only screen and (min-width: 592px) {
2658  
2659      .wp-block-media-text .wp-block-media-text__content {
2660          padding: var(--global--spacing-vertical);
2661      }
2662  }
2663  
2664  .wp-block-media-text .wp-block-media-text__content > * {
2665      margin-top: calc(0.666 * var(--global--spacing-vertical));
2666      margin-bottom: calc(0.666 * var(--global--spacing-vertical));
2667  }
2668  @media only screen and (min-width: 482px) {
2669  
2670      .wp-block-media-text .wp-block-media-text__content > * {
2671          margin-top: var(--global--spacing-vertical);
2672          margin-bottom: var(--global--spacing-vertical);
2673      }
2674  }
2675  
2676  .wp-block-media-text .wp-block-media-text__content > *:first-child {
2677      margin-top: 0;
2678  }
2679  
2680  .wp-block-media-text .wp-block-media-text__content > *:last-child {
2681      margin-bottom: 0;
2682  }
2683  @media only screen and (min-width: 482px) {
2684  
2685      .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
2686          padding-top: var(--global--spacing-vertical);
2687          padding-bottom: var(--global--spacing-vertical);
2688      }
2689  }
2690  
2691  .wp-block-media-text.is-style-twentytwentyone-border {
2692      border: calc(3 * var(--separator--height)) solid var(--global--color-border);
2693  }
2694  
2695  .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
2696      font-family: var(--primary-nav--font-family);
2697      font-size: var(--primary-nav--font-size);
2698      font-weight: var(--primary-nav--font-weight);
2699  }
2700  
2701  .wp-block-navigation .wp-block-navigation-link__submenu-icon {
2702      padding: 0;
2703  }
2704  
2705  .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
2706      display: inherit;
2707  }
2708  
2709  .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
2710      border: none;
2711      right: 0;
2712      min-width: max-content;
2713      opacity: 0;
2714      padding: 0;
2715      position: inherit;
2716      top: inherit;
2717  }
2718  
2719  .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
2720      display: none;
2721  }
2722  
2723  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
2724      background: var(--global--color-background);
2725      margin: 0;
2726      padding: 0;
2727      position: absolute;
2728      top: 100%;
2729      border: 1px solid var(--primary-nav--border-color);
2730  }
2731  
2732  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
2733  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
2734      content: "";
2735      display: block;
2736      position: absolute;
2737      width: 0;
2738      top: -10px;
2739      right: var(--global--spacing-horizontal);
2740      border-style: solid;
2741      border-color: var(--primary-nav--border-color) transparent;
2742      border-width: 0 7px 10px;
2743  }
2744  
2745  .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
2746      top: -9px;
2747      border-color: var(--global--color-background) transparent;
2748  }
2749  
2750  .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
2751      background: var(--global--color-background);
2752  }
2753  
2754  .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
2755      background: var(--global--color-background);
2756  }
2757  
2758  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
2759  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
2760      color: var(--primary-nav--color-link-hover);
2761  }
2762  
2763  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
2764      text-decoration: underline;
2765      text-decoration-style: dotted;
2766  }
2767  
2768  .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
2769      color: currentColor;
2770  }
2771  
2772  p {
2773      line-height: var(--wp--typography--line-height, var(--global--line-height-body));
2774  }
2775  
2776  p.has-background {
2777      padding: var(--global--spacing-unit);
2778  }
2779  
2780  p.has-text-color a {
2781      color: var(--wp--style--color--link, var(--global--color-primary));
2782  }
2783  
2784  pre.wp-block-preformatted {
2785      overflow-x: auto;
2786      white-space: pre;
2787  }
2788  
2789  .wp-block-pullquote {
2790      padding: calc(2 * var(--global--spacing-unit)) 0;
2791      text-align: center;
2792      border-width: var(--pullquote--border-width);
2793      border-bottom-style: solid;
2794      border-top-style: solid;
2795      color: currentColor;
2796      border-color: currentColor;
2797      position: relative;
2798      font-size: var(--pullquote--font-size);
2799      font-style: var(--pullquote--font-style);
2800      font-weight: 700;
2801      letter-spacing: var(--pullquote--letter-spacing);
2802  
2803      /**
2804     * Block Options
2805     */
2806  }
2807  
2808  .wp-block-pullquote blockquote::before {
2809      color: currentColor;
2810      content: "“";
2811      display: block;
2812      position: relative;
2813      right: 0;
2814      font-size: 3rem;
2815      font-weight: 500;
2816      line-height: 1;
2817  }
2818  
2819  .wp-block-pullquote p {
2820      font-family: var(--pullquote--font-family);
2821      font-size: inherit;
2822      font-style: inherit;
2823      font-weight: inherit;
2824      letter-spacing: inherit;
2825      line-height: inherit;
2826      margin: 0;
2827  }
2828  
2829  .wp-block-pullquote:where(:not([style*=line-height])) p {
2830      line-height: var(--pullquote--line-height);
2831  }
2832  
2833  .wp-block-pullquote a {
2834      color: currentColor;
2835  }
2836  
2837  .wp-block-pullquote .wp-block-pullquote__citation,
2838  .wp-block-pullquote cite,
2839  .wp-block-pullquote footer {
2840      color: currentColor;
2841      display: block;
2842      font-size: var(--global--font-size-xs);
2843      font-style: var(--pullquote--font-style);
2844      text-transform: none;
2845  }
2846  
2847  .wp-block-pullquote:not(.is-style-solid-color) {
2848      background: none;
2849  }
2850  
2851  .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
2852  .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
2853      text-align: center;
2854  }
2855  
2856  .wp-block-pullquote.alignwide > p,
2857  .wp-block-pullquote.alignwide blockquote {
2858      max-width: var(--responsive--alignwide-width);
2859  }
2860  
2861  .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
2862  .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
2863      padding: 0 calc(2 * var(--global--spacing-unit));
2864  }
2865  
2866  .wp-block-pullquote.is-style-solid-color {
2867      color: var(--pullquote--color-foreground);
2868      padding: calc(2.5 * var(--global--spacing-unit));
2869      border-width: var(--pullquote--border-width);
2870      border-style: solid;
2871      border-color: var(--pullquote--border-color);
2872  }
2873  @media (min-width: 600px) {
2874  
2875      .wp-block-pullquote.is-style-solid-color {
2876          padding: calc(5 * var(--global--spacing-unit));
2877      }
2878  }
2879  
2880  .wp-block-pullquote.is-style-solid-color blockquote::before {
2881      text-align: right;
2882  }
2883  
2884  .wp-block-pullquote.is-style-solid-color blockquote {
2885      margin: 0;
2886      max-width: inherit;
2887  }
2888  
2889  .wp-block-pullquote.is-style-solid-color blockquote p {
2890      font-size: var(--pullquote--font-size);
2891  }
2892  
2893  .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
2894  .wp-block-pullquote.is-style-solid-color cite,
2895  .wp-block-pullquote.is-style-solid-color footer {
2896      color: currentColor;
2897  }
2898  
2899  .wp-block-pullquote.is-style-solid-color.alignleft,
2900  .wp-block-pullquote.is-style-solid-color.alignright {
2901      padding: var(--global--spacing-unit);
2902  }
2903  
2904  .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
2905  .wp-block-pullquote.is-style-solid-color.alignright blockquote {
2906      max-width: initial;
2907  }
2908  
2909  .wp-block-query.has-background {
2910      padding: calc(0.666 * var(--global--spacing-vertical));
2911  }
2912  @media only screen and (min-width: 482px) {
2913  
2914      .wp-block-query.has-background {
2915          padding: var(--global--spacing-vertical);
2916      }
2917  }
2918  
2919  .wp-block-quote {
2920      border-right: none;
2921      font-family: var(--quote--font-family);
2922      font-size: var(--quote--font-size);
2923      font-style: var(--quote--font-style);
2924      font-weight: var(--quote--font-weight);
2925      line-height: var(--quote--line-height);
2926  
2927      /**
2928     * Block Options
2929     */
2930  }
2931  
2932  .wp-block-quote p {
2933      font-family: inherit;
2934      font-size: inherit;
2935      font-style: inherit;
2936      font-weight: inherit;
2937      line-height: inherit;
2938      letter-spacing: inherit;
2939  }
2940  
2941  .wp-block-quote:before {
2942      content: "“";
2943      right: 8px;
2944  }
2945  
2946  .wp-block-quote .wp-block-quote__citation,
2947  .wp-block-quote cite,
2948  .wp-block-quote footer {
2949      font-family: inherit;
2950      font-style: inherit;
2951      font-weight: inherit;
2952      line-height: inherit;
2953      letter-spacing: inherit;
2954  }
2955  
2956  .has-background .wp-block-quote .wp-block-quote__citation,
2957  [class*=background-color] .wp-block-quote .wp-block-quote__citation,
2958  [style*=background-color] .wp-block-quote .wp-block-quote__citation,
2959  .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
2960  .has-background .wp-block-quote cite,
2961  [class*=background-color] .wp-block-quote cite,
2962  [style*=background-color] .wp-block-quote cite,
2963  .wp-block-cover[style*=background-image] .wp-block-quote cite,
2964  .has-background .wp-block-quote footer,
2965  [class*=background-color] .wp-block-quote footer,
2966  [style*=background-color] .wp-block-quote footer,
2967  .wp-block-cover[style*=background-image] .wp-block-quote footer {
2968      color: currentColor;
2969  }
2970  
2971  .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation,
2972  .wp-block-quote:where(:not([style*=font-style])) cite,
2973  .wp-block-quote:where(:not([style*=font-style])) footer {
2974      font-style: var(--quote--font-style-cite);
2975  }
2976  
2977  .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation,
2978  .wp-block-quote:where(:not([style*=font-weight])) cite,
2979  .wp-block-quote:where(:not([style*=font-weight])) footer {
2980      font-weight: normal;
2981  }
2982  
2983  .wp-block-quote.has-text-align-right {
2984      margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
2985      padding-left: 0;
2986      border-left: none;
2987  }
2988  
2989  .wp-block-quote.has-text-align-right:before {
2990      display: none;
2991  }
2992  
2993  .wp-block-quote.has-text-align-right p:before {
2994      content: "”";
2995      margin-left: 5px;
2996  }
2997  
2998  .wp-block-quote.has-text-align-center {
2999      margin: var(--global--spacing-vertical) auto;
3000  }
3001  
3002  .wp-block-quote.has-text-align-center:before {
3003      display: none;
3004  }
3005  
3006  .wp-block-quote.is-large,
3007  .wp-block-quote.is-style-large {
3008      padding-right: 0;
3009      padding-left: 0;
3010  
3011      /* Resetting margins to match _block-container.scss */
3012      margin-top: var(--global--spacing-vertical);
3013      margin-bottom: var(--global--spacing-vertical);
3014  }
3015  
3016  .wp-block-quote.is-large p,
3017  .wp-block-quote.is-style-large p {
3018      font-size: var(--quote--font-size-large);
3019      font-style: var(--quote--font-style-large);
3020      line-height: var(--quote--line-height-large);
3021  }
3022  
3023  .wp-block-quote.is-large:before,
3024  .wp-block-quote.is-style-large:before {
3025      font-size: var(--quote--font-size-large);
3026      line-height: var(--quote--line-height-large);
3027      right: calc(-1 * var(--global--spacing-horizontal));
3028  }
3029  
3030  .wp-block-quote.is-large.has-text-align-right:before,
3031  .wp-block-quote.is-style-large.has-text-align-right:before {
3032      display: none;
3033  }
3034  
3035  .wp-block-quote.is-large.has-text-align-right p:before,
3036  .wp-block-quote.is-style-large.has-text-align-right p:before {
3037      content: "”";
3038      font-size: var(--quote--font-size-large);
3039      font-weight: normal;
3040      line-height: var(--quote--line-height-large);
3041      margin-left: 10px;
3042  }
3043  
3044  .wp-block-quote.is-large .wp-block-quote__citation,
3045  .wp-block-quote.is-large cite,
3046  .wp-block-quote.is-large footer,
3047  .wp-block-quote.is-style-large .wp-block-quote__citation,
3048  .wp-block-quote.is-style-large cite,
3049  .wp-block-quote.is-style-large footer {
3050      color: var(--global--color-primary);
3051      font-size: var(--global--font-size-sm);
3052  }
3053  @media only screen and (max-width: 481.98px) {
3054  
3055      .wp-block-quote.is-large,
3056      .wp-block-quote.is-style-large {
3057          padding-right: var(--global--spacing-horizontal);
3058      }
3059  
3060      .wp-block-quote.is-large:before,
3061      .wp-block-quote.is-style-large:before {
3062          right: 0;
3063      }
3064  
3065      .wp-block-quote.is-large.has-text-align-right,
3066      .wp-block-quote.is-style-large.has-text-align-right {
3067          padding-right: 0;
3068          padding-left: var(--global--spacing-horizontal);
3069      }
3070  
3071      .wp-block-quote.is-large.has-text-align-right:before,
3072      .wp-block-quote.is-style-large.has-text-align-right:before {
3073          left: 0;
3074      }
3075  
3076      .wp-block-quote.is-large.has-text-align-center,
3077      .wp-block-quote.is-style-large.has-text-align-center {
3078          padding-right: 0;
3079          padding-left: 0;
3080      }
3081  }
3082  @media only screen and (max-width: 481.98px) {
3083  
3084      .wp-block-quote.has-text-align-right {
3085          padding-right: 0;
3086          padding-left: calc(0.5 * var(--global--spacing-horizontal));
3087      }
3088  
3089      .wp-block-quote.has-text-align-right:before {
3090          left: 0;
3091      }
3092  
3093      .wp-block-quote.has-text-align-center {
3094          padding-right: 0;
3095          padding-left: 0;
3096      }
3097  }
3098  
3099  .wp-block-rss {
3100      padding-right: 0;
3101  }
3102  
3103  .wp-block-rss > li {
3104      list-style: none;
3105  }
3106  
3107  .wp-block-rss:not(.is-grid) > li {
3108      margin-top: calc(1.666 * var(--global--spacing-vertical));
3109      margin-bottom: calc(1.666 * var(--global--spacing-vertical));
3110  }
3111  
3112  .wp-block-rss:not(.is-grid) > li:first-child {
3113      margin-top: 0;
3114  }
3115  
3116  .wp-block-rss:not(.is-grid) > li:last-child {
3117      margin-bottom: 0;
3118  }
3119  
3120  .wp-block-rss.is-grid > li {
3121      margin-bottom: var(--global--spacing-vertical);
3122  }
3123  
3124  .wp-block-rss.is-grid > li:last-child {
3125      margin-bottom: 0;
3126  }
3127  
3128  .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
3129  .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
3130  .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
3131  .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
3132  .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
3133  .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
3134  .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
3135  .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
3136  .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
3137  .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
3138      margin-bottom: 0;
3139  }
3140  
3141  .wp-block-rss > li > * {
3142      margin-top: calc(0.333 * var(--global--spacing-vertical));
3143      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
3144  }
3145  
3146  .wp-block-rss > li > *:first-child {
3147      margin-top: 0;
3148  }
3149  
3150  .wp-block-rss > li > *:last-child {
3151      margin-bottom: 0;
3152  }
3153  
3154  .wp-block-rss .wp-block-rss__item-title > a {
3155      display: inline-block;
3156      font-family: var(--latest-posts--title-font-family);
3157      font-size: var(--latest-posts--title-font-size);
3158      font-weight: var(--heading--font-weight);
3159      line-height: var(--global--line-height-heading);
3160      margin-bottom: calc(0.333 * var(--global--spacing-vertical));
3161  }
3162  
3163  .wp-block-rss .wp-block-rss__item-author {
3164      color: var(--global--color-primary);
3165      font-size: var(--global--font-size-md);
3166      line-height: var(--global--line-height-body);
3167  }
3168  
3169  .wp-block-rss .wp-block-rss__item-publish-date {
3170      color: var(--global--color-primary);
3171      font-size: var(--global--font-size-xs);
3172      line-height: var(--global--line-height-body);
3173  }
3174  
3175  [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
3176  .has-background .wp-block-rss .wp-block-rss__item-publish-date {
3177      color: currentColor;
3178  }
3179  
3180  .wp-block-rss .wp-block-rss__item-excerpt,
3181  .wp-block-rss .wp-block-rss__item-full-content {
3182      font-family: var(--latest-posts--description-font-family);
3183      font-size: var(--latest-posts--description-font-size);
3184      line-height: var(--global--line-height-body);
3185      margin-top: calc(0.666 * var(--global--spacing-vertical));
3186  }
3187  
3188  .wp-block-rss.alignfull {
3189      padding-right: var(--global--spacing-unit);
3190      padding-left: var(--global--spacing-unit);
3191  }
3192  
3193  .entry-content [class*=inner-container] .wp-block-rss.alignfull,
3194  .entry-content .has-background .wp-block-rss.alignfull {
3195      padding-right: 0;
3196      padding-left: 0;
3197  }
3198  
3199  .wp-block-search {
3200      max-width: var(--responsive--aligndefault-width);
3201  }
3202  
3203  .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
3204      justify-content: center;
3205  }
3206  
3207  .wp-block-search .wp-block-search__label {
3208      font-size: var(--form--font-size);
3209      font-weight: var(--form--label-weight);
3210      margin-bottom: calc(var(--global--spacing-vertical) / 3);
3211  }
3212  
3213  .wp-block-search .wp-block-search__input {
3214      border: var(--form--border-width) solid var(--form--border-color);
3215      border-radius: var(--form--border-radius);
3216      color: var(--form--color-text);
3217      line-height: var(--form--line-height);
3218      max-width: inherit;
3219      margin-left: calc(-1 * var(--button--border-width));
3220      margin-right: 0;
3221      padding: var(--form--spacing-unit);
3222  }
3223  
3224  .wp-block-search .wp-block-search__input:focus {
3225      color: var(--form--color-text);
3226      border-color: var(--form--border-color);
3227  }
3228  
3229  .has-background .wp-block-search .wp-block-search__input {
3230      border-color: var(--local--color-primary, var(--global--color-primary)) !important;
3231  }
3232  
3233  .wp-block-search button.wp-block-search__button {
3234      margin-right: 0;
3235      line-height: 1;
3236  }
3237  
3238  .wp-block-search button.wp-block-search__button.has-icon {
3239      padding: 6px calc(0.5 * var(--button--padding-horizontal));
3240  }
3241  
3242  .wp-block-search button.wp-block-search__button.has-icon svg {
3243      width: 40px;
3244      height: 40px;
3245      fill: currentColor;
3246  }
3247  
3248  .has-background .wp-block-search button.wp-block-search__button:hover,
3249  .has-background .wp-block-search button.wp-block-search__button:active {
3250      background-color: var(--local--color-background, var(--global--color-background)) !important;
3251      color: var(--local--color-primary, var(--global--color-primary)) !important;
3252  }
3253  
3254  .has-text-color .wp-block-search button.wp-block-search__button:hover,
3255  .has-text-color .wp-block-search button.wp-block-search__button:active {
3256      color: var(--local--color-primary, var(--global--color-primary)) !important;
3257  }
3258  
3259  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
3260      background-color: var(--global--color-white);
3261      border: var(--form--border-width) solid var(--form--border-color);
3262      border-radius: var(--form--border-radius);
3263      padding: var(--form--border-width);
3264  }
3265  
3266  .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
3267      border-color: var(--local--color-primary, var(--global--color-primary)) !important;
3268  }
3269  
3270  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
3271      margin-right: 0;
3272      margin-left: 0;
3273      padding-right: var(--form--spacing-unit);
3274  }
3275  
3276  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
3277      color: var(--form--color-text);
3278      outline-offset: -2px;
3279      outline: 2px dotted var(--form--border-color);
3280  }
3281  
3282  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
3283      padding: var(--button--padding-vertical) var(--button--padding-horizontal);
3284  }
3285  
3286  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
3287      color: var(--global--color-dark-gray);
3288  }
3289  
3290  .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
3291      color: var(--global--color-dark-gray);
3292  }
3293  
3294  .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
3295      background-color: var(--global--color-dark-gray);
3296      color: var(--global--color-white);
3297  }
3298  
3299  .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
3300      padding: 6px calc(0.5 * var(--button--padding-horizontal));
3301  }
3302  
3303  .wp-block-search__button {
3304      box-shadow: none;
3305  }
3306  
3307  hr {
3308      border-style: none;
3309      border-bottom: var(--separator--height) solid var(--separator--border-color);
3310      clear: both;
3311      margin-right: auto;
3312      margin-left: auto;
3313  }
3314  
3315  hr.wp-block-separator {
3316      border-bottom: var(--separator--height) solid var(--separator--border-color);
3317      opacity: 1;
3318  
3319      /**
3320     * Block Options
3321     */
3322  }
3323  
3324  hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
3325      max-width: var(--responsive--aligndefault-width);
3326  }
3327  
3328  hr.wp-block-separator:not(.is-style-dots).alignwide {
3329      max-width: var(--responsive--alignwide-width);
3330  }
3331  
3332  hr.wp-block-separator:not(.is-style-dots).alignfull {
3333      max-width: var(--responsive--alignfull-width);
3334  }
3335  
3336  hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
3337      border-bottom-width: calc(3 * var(--separator--height));
3338  }
3339  
3340  hr.wp-block-separator.is-style-dots.has-background,
3341  hr.wp-block-separator.is-style-dots.has-text-color {
3342      background-color: transparent !important;
3343  }
3344  
3345  hr.wp-block-separator.is-style-dots.has-background:before,
3346  hr.wp-block-separator.is-style-dots.has-text-color:before {
3347      color: currentColor !important;
3348  }
3349  
3350  hr.wp-block-separator.is-style-dots:before {
3351      color: var(--separator--border-color);
3352      font-size: var(--global--font-size-xl);
3353      letter-spacing: var(--global--font-size-sm);
3354      padding-right: var(--global--font-size-sm);
3355  }
3356  
3357  .has-background hr.wp-block-separator,
3358  [class*=background-color] hr.wp-block-separator,
3359  [style*=background-color] hr.wp-block-separator,
3360  .wp-block-cover[style*=background-image] hr.wp-block-separator {
3361      border-color: currentColor;
3362  }
3363  
3364  .wp-block-social-links a:focus {
3365      color: var(--global--color-primary);
3366  }
3367  
3368  .wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
3369      color: var(--global--color-primary);
3370  }
3371  
3372  .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
3373  .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
3374      background: none;
3375  }
3376  
3377  table,
3378  .wp-block-table {
3379      width: 100%;
3380      min-width: 240px;
3381      border-collapse: collapse;
3382  }
3383  
3384  table thead,
3385  table tfoot,
3386  .wp-block-table thead,
3387  .wp-block-table tfoot {
3388      text-align: center;
3389  }
3390  
3391  table th,
3392  .wp-block-table th {
3393      font-family: var(--heading--font-family);
3394  }
3395  
3396  table td,
3397  table th,
3398  .wp-block-table td,
3399  .wp-block-table th {
3400      padding: calc(0.5 * var(--global--spacing-unit));
3401      border: 1px solid;
3402  }
3403  
3404  table figcaption,
3405  .wp-block-table figcaption {
3406      color: var(--global--color-primary);
3407      font-size: var(--global--font-size-xs);
3408  }
3409  
3410  table.is-style-regular .has-background,
3411  table.is-style-stripes .has-background,
3412  table.is-style-stripes .has-background thead tr,
3413  table.is-style-stripes .has-background tfoot tr,
3414  table.is-style-stripes .has-background tbody tr,
3415  .wp-block-table.is-style-regular .has-background,
3416  .wp-block-table.is-style-stripes .has-background,
3417  .wp-block-table.is-style-stripes .has-background thead tr,
3418  .wp-block-table.is-style-stripes .has-background tfoot tr,
3419  .wp-block-table.is-style-stripes .has-background tbody tr {
3420      color: var(--table--has-background-text-color);
3421  }
3422  
3423  table.is-style-stripes,
3424  .wp-block-table.is-style-stripes {
3425      border-color: var(--table--stripes-border-color);
3426  }
3427  
3428  table.is-style-stripes th,
3429  table.is-style-stripes td,
3430  .wp-block-table.is-style-stripes th,
3431  .wp-block-table.is-style-stripes td {
3432      border-width: 0;
3433  }
3434  
3435  table.is-style-stripes tbody tr:nth-child(odd),
3436  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
3437      background-color: var(--table--stripes-background-color);
3438  }
3439  
3440  table.is-style-stripes .has-background tbody tr:nth-child(odd),
3441  .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
3442      background-color: var(--global--color-white-90);
3443  }
3444  
3445  table.wp-calendar-table td,
3446  table.wp-calendar-table th {
3447      background: transparent;
3448      border: 0;
3449      text-align: center;
3450      line-height: 2;
3451      vertical-align: middle;
3452      word-break: normal;
3453  }
3454  
3455  table.wp-calendar-table th {
3456      font-weight: bold;
3457  }
3458  
3459  table.wp-calendar-table thead,
3460  table.wp-calendar-table tbody {
3461      color: currentColor;
3462      border: 1px solid;
3463  }
3464  
3465  table.wp-calendar-table caption {
3466      font-weight: bold;
3467      text-align: right;
3468      margin-bottom: var(--global--spacing-unit);
3469      color: currentColor;
3470  }
3471  
3472  .wp-calendar-nav {
3473      text-align: right;
3474      margin-top: calc(var(--global--spacing-unit) / 2);
3475  }
3476  
3477  .wp-calendar-nav svg {
3478      height: 1em;
3479      vertical-align: middle;
3480  }
3481  
3482  .wp-calendar-nav svg path {
3483      fill: currentColor;
3484  }
3485  
3486  .wp-calendar-nav .wp-calendar-nav-next {
3487      float: left;
3488  }
3489  
3490  .wp-block-tag-cloud.alignfull {
3491      padding-right: var(--global--spacing-unit);
3492      padding-left: var(--global--spacing-unit);
3493  }
3494  
3495  .wp-block-verse {
3496      font-family: var(--entry-content--font-family);
3497  }
3498  
3499  .wp-block-video figcaption {
3500      color: var(--global--color-primary);
3501      font-size: var(--global--font-size-xs);
3502      margin-top: calc(0.5 * var(--global--spacing-unit));
3503      margin-bottom: var(--global--spacing-unit);
3504      text-align: center;
3505  }
3506  
3507  * > figure > video {
3508      max-width: unset;
3509      width: 100%;
3510      vertical-align: middle;
3511  }
3512  
3513  :root .is-extra-small-text,
3514  :root .has-extra-small-font-size {
3515      font-size: var(--global--font-size-xs);
3516  }
3517  
3518  :root .is-small-text,
3519  :root .has-small-font-size {
3520      font-size: var(--global--font-size-sm);
3521  }
3522  
3523  :root .is-regular-text,
3524  :root .has-regular-font-size,
3525  :root .is-normal-font-size,
3526  :root .has-normal-font-size,
3527  :root .has-medium-font-size {
3528      font-size: var(--global--font-size-base);
3529  }
3530  
3531  :root .is-large-text,
3532  :root .has-large-font-size {
3533      font-size: var(--global--font-size-lg);
3534      line-height: var(--global--line-height-heading);
3535  }
3536  
3537  :root .is-larger-text,
3538  :root .has-larger-font-size,
3539  :root .is-extra-large-text,
3540  :root .has-extra-large-font-size {
3541      font-size: var(--global--font-size-xl);
3542      line-height: var(--global--line-height-heading);
3543  }
3544  
3545  :root .is-huge-text,
3546  :root .has-huge-font-size {
3547      font-size: var(--global--font-size-xxl);
3548      line-height: var(--global--line-height-heading);
3549      font-weight: var(--heading--font-weight-page-title);
3550  }
3551  
3552  :root .is-gigantic-text,
3553  :root .has-gigantic-font-size {
3554      font-size: var(--global--font-size-xxxl);
3555      line-height: var(--global--line-height-heading);
3556      font-weight: var(--heading--font-weight-page-title);
3557  }
3558  
3559  /* Block Alignments */
3560  
3561  /**
3562   * These selectors set the default max width for content appearing inside a post or page.
3563   */
3564  
3565  /**
3566   * .alignleft
3567   */
3568  .alignleft {
3569      text-align: left;
3570      margin-top: 0;
3571  }
3572  
3573  .entry-content > .alignleft {
3574      max-width: var(--responsive--aligndefault-width);
3575  }
3576  
3577  @media only screen and (min-width: 482px) {
3578  
3579      .alignleft {
3580          float: left;
3581          margin-right: var(--global--spacing-horizontal);
3582          margin-bottom: var(--global--spacing-vertical);
3583      }
3584  
3585      .entry-content > .alignleft {
3586          max-width: calc(50% - var(--responsive--alignleft-margin));
3587      }
3588  }
3589  
3590  /**
3591   * .aligncenter
3592   */
3593  .aligncenter {
3594      clear: both;
3595      display: block;
3596      float: none;
3597      margin-left: auto;
3598      margin-right: auto;
3599      text-align: center;
3600  }
3601  
3602  /**
3603   * .alignright
3604   */
3605  .alignright {
3606      margin-top: 0;
3607      margin-bottom: var(--global--spacing-vertical);
3608  }
3609  
3610  .entry-content > .alignright {
3611      max-width: var(--responsive--aligndefault-width);
3612  }
3613  
3614  @media only screen and (min-width: 482px) {
3615  
3616      .alignright {
3617          float: right;
3618          margin-left: var(--global--spacing-horizontal);
3619      }
3620  
3621      .entry-content > .alignright {
3622          max-width: calc(50% - var(--responsive--alignright-margin));
3623      }
3624  }
3625  
3626  [class*=inner-container] > .alignleft + *,
3627  [class*=inner-container] > .alignright + * {
3628      margin-top: 0;
3629  }
3630  
3631  /**
3632   * .alignwide
3633   */
3634  .alignwide {
3635      clear: both;
3636  }
3637  
3638  /**
3639   * .alignfull
3640   */
3641  .alignfull {
3642      clear: both;
3643  }
3644  
3645  .has-left-content {
3646      justify-content: flex-start;
3647  }
3648  
3649  .has-right-content {
3650      justify-content: flex-end;
3651  }
3652  
3653  .has-parallax {
3654      background-attachment: fixed;
3655  }
3656  
3657  .has-drop-cap:not(:focus)::first-letter {
3658      font-family: var(--heading--font-family);
3659      font-weight: var(--heading--font-weight);
3660      line-height: 0.66;
3661      text-transform: uppercase;
3662      font-style: normal;
3663      float: right;
3664      margin: 0.1em 0 0 0.1em;
3665      font-size: calc(1.2 * var(--heading--font-size-h1));
3666  }
3667  
3668  .has-drop-cap:not(:focus)::after {
3669      content: "";
3670      display: table;
3671      clear: both;
3672      padding-top: 14px;
3673  }
3674  
3675  .desktop-only {
3676      display: none;
3677  }
3678  @media only screen and (min-width: 482px) {
3679  
3680      .desktop-only {
3681          display: block;
3682      }
3683  }
3684  
3685  /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
3686  .site-header {
3687      display: flex;
3688      align-items: flex-start;
3689      flex-wrap: wrap;
3690      row-gap: var(--global--spacing-vertical);
3691  }
3692  
3693  .wp-custom-logo .site-header {
3694      align-items: center;
3695  }
3696  @media only screen and (min-width: 482px) {
3697  
3698      .site-header {
3699          padding-top: calc(var(--global--spacing-vertical) / 0.75);
3700      }
3701  }
3702  @media only screen and (min-width: 822px) {
3703  
3704      .site-header {
3705          padding-top: calc(2.4 * var(--global--spacing-vertical));
3706      }
3707  }
3708  
3709  .site-branding {
3710      color: var(--branding--color-text);
3711      margin-left: 140px;
3712  }
3713  
3714  .site-branding:last-child {
3715      margin-left: 0;
3716      width: 100%;
3717      text-align: center;
3718  }
3719  @media only screen and (min-width: 482px) {
3720  
3721      .site-branding {
3722          margin-left: initial;
3723          margin-top: calc(var(--primary-nav--padding) - 0.3em);
3724      }
3725  }
3726  
3727  .site-title {
3728      color: var(--branding--color-link);
3729      font-family: var(--branding--title--font-family);
3730      font-size: var(--branding--title--font-size-mobile);
3731      letter-spacing: normal;
3732      text-transform: var(--branding--title--text-transform);
3733      line-height: var(--global--line-height-heading);
3734      margin-bottom: calc(var(--global--spacing-vertical) / 6);
3735  }
3736  
3737  .site-title a {
3738      color: currentColor;
3739      font-weight: var(--branding--title--font-weight);
3740  }
3741  
3742  .site-title a:link,
3743  .site-title a:visited,
3744  .site-title a:active {
3745      color: currentColor;
3746  }
3747  
3748  .site-title a:hover,
3749  .site-title a:focus {
3750      color: var(--branding--color-link-hover);
3751  }
3752  @media only screen and (min-width: 482px) {
3753  
3754      .site-title {
3755          font-size: var(--branding--title--font-size);
3756      }
3757  }
3758  
3759  .site-description {
3760      color: currentColor;
3761      font-family: var(--branding--description--font-family);
3762      font-size: var(--branding--description--font-size);
3763      line-height: 1.4;
3764  }
3765  
3766  .site-title > a {
3767      text-decoration-color: var(--global--color-secondary);
3768  }
3769  
3770  .site-logo {
3771      margin: calc(var(--global--spacing-vertical) / 2) 0;
3772  }
3773  
3774  .site-header > .site-logo {
3775      width: 100%;
3776      padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
3777      border-bottom: 1px solid;
3778      text-align: center;
3779  }
3780  
3781  .site-logo .custom-logo {
3782      margin-right: auto;
3783      margin-left: auto;
3784      max-width: var(--branding--logo--max-width-mobile);
3785      max-height: var(--branding--logo--max-height-mobile);
3786      height: auto;
3787      display: inline-block;
3788      width: auto;
3789  }
3790  @media only screen and (min-width: 482px) {
3791  
3792      .site-logo .custom-logo {
3793          max-width: var(--branding--logo--max-width);
3794          max-height: var(--branding--logo--max-height);
3795          height: auto;
3796          width: auto;
3797      }
3798  }
3799  
3800  @media only screen and (max-width: 481.98px) {
3801  
3802      .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
3803          position: absolute;
3804          padding-top: calc(0.5 * var(--global--spacing-vertical));
3805          margin-top: 0;
3806          top: var(--global--admin-bar--height);
3807      }
3808  
3809      .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
3810          display: none;
3811      }
3812  
3813      .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
3814          max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em);
3815      }
3816  
3817      .site-header.has-logo.has-title-and-tagline {
3818          align-items: flex-start;
3819      }
3820  
3821      .site-header.has-logo.has-title-and-tagline.has-menu {
3822          justify-content: space-between;
3823      }
3824  
3825      .site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
3826          max-width: calc(100% - 160px);
3827      }
3828  
3829      .site-header.has-logo.has-title-and-tagline .site-branding {
3830          margin-left: 0;
3831      }
3832  
3833      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
3834          display: none;
3835      }
3836  
3837      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
3838          position: relative;
3839          top: 0;
3840      }
3841  
3842      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
3843          position: relative;
3844          padding-top: 0;
3845          margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit));
3846      }
3847  
3848      body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
3849          padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
3850          padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
3851          margin-left: calc(0px - var(--global--spacing-horizontal) * 0.6);
3852      }
3853  
3854      .site-header:not(.has-logo).has-title-and-tagline .site-branding {
3855          margin-left: 0;
3856          max-width: calc(100% - 160px);
3857      }
3858  
3859      .site-header:not(.has-menu) {
3860          justify-content: center;
3861      }
3862  }
3863  
3864  .site-footer {
3865      padding-top: 0;
3866      padding-bottom: calc(1.7 * var(--global--spacing-vertical));
3867  }
3868  
3869  .no-widgets .site-footer {
3870      margin-top: calc(6 * var(--global--spacing-vertical));
3871  }
3872  @media only screen and (max-width: 481.98px) {
3873  
3874      .no-widgets .site-footer {
3875          margin-top: calc(3 * var(--global--spacing-vertical));
3876      }
3877  }
3878  
3879  .site-footer > .site-info {
3880      padding-top: var(--global--spacing-vertical);
3881      color: var(--footer--color-text);
3882      font-family: var(--footer--font-family);
3883      font-size: var(--footer--font-size);
3884      line-height: var(--global--line-height-body);
3885      border-top: 3px solid var(--global--color-border);
3886  }
3887  
3888  .site-footer > .site-info .site-name {
3889      text-transform: var(--branding--title--text-transform);
3890      font-size: var(--branding--title--font-size);
3891  }
3892  
3893  .site-footer > .site-info .privacy-policy,
3894  .site-footer > .site-info .powered-by {
3895      margin-top: calc(0.5 * var(--global--spacing-vertical));
3896  }
3897  @media only screen and (min-width: 822px) {
3898  
3899      .site-footer > .site-info {
3900          display: flex;
3901          align-items: center;
3902      }
3903  
3904      .site-footer > .site-info .site-name {
3905          margin-left: calc(0.5 * var(--global--spacing-vertical));
3906      }
3907  
3908      .site-footer > .site-info .privacy-policy,
3909      .site-footer > .site-info .powered-by {
3910          margin-top: initial;
3911          margin-right: auto;
3912      }
3913  
3914      .site-footer > .site-info .privacy-policy + .powered-by {
3915          margin-right: calc(0.5 * var(--global--spacing-vertical));
3916      }
3917  }
3918  
3919  .site-footer > .site-info a {
3920      color: var(--footer--color-link);
3921  }
3922  
3923  .site-footer > .site-info a:link,
3924  .site-footer > .site-info a:visited,
3925  .site-footer > .site-info a:active {
3926      color: var(--footer--color-link);
3927  }
3928  
3929  .site-footer > .site-info a:hover {
3930      color: var(--footer--color-link-hover);
3931  }
3932  
3933  .site-footer > .site-info a:focus {
3934      color: var(--footer--color-link-hover);
3935  }
3936  
3937  .is-dark-theme .site-footer > .site-info a:focus {
3938      color: var(--wp--style--color--link, var(--global--color-background));
3939  }
3940  
3941  .has-background-white .site-footer > .site-info a:focus {
3942      color: var(--wp--style--color--link, var(--global--color-white));
3943  }
3944  
3945  .singular .entry-header {
3946      border-bottom: 3px solid var(--global--color-border);
3947      padding-bottom: calc(2 * var(--global--spacing-vertical));
3948      margin-bottom: calc(3 * var(--global--spacing-vertical));
3949  }
3950  
3951  .home .entry-header {
3952      border-bottom: none;
3953      padding-bottom: 0;
3954      margin-bottom: 0;
3955  }
3956  
3957  .singular .has-post-thumbnail .entry-header {
3958      border-bottom: none;
3959      padding-bottom: calc(1.3 * var(--global--spacing-vertical));
3960      margin-bottom: 0;
3961  }
3962  
3963  .no-results.not-found > *:first-child {
3964      margin-bottom: calc(3 * var(--global--spacing-vertical));
3965  }
3966  
3967  .page-links {
3968      clear: both;
3969  }
3970  
3971  .page-links .post-page-numbers {
3972      display: inline-block;
3973      margin-right: calc(0.66 * var(--global--spacing-unit));
3974      margin-left: calc(0.66 * var(--global--spacing-unit));
3975      min-width: 44px;
3976      min-height: 44px;
3977  }
3978  
3979  .page-links .post-page-numbers:first-child {
3980      margin-right: 0;
3981  }
3982  
3983  .entry-title {
3984      color: var(--entry-header--color);
3985      font-size: var(--entry-header--font-size);
3986      letter-spacing: var(--heading--letter-spacing-h2);
3987      line-height: var(--heading--line-height-h2);
3988      overflow-wrap: break-word;
3989  }
3990  
3991  .entry-title a {
3992      color: var(--entry-header--color-link);
3993      text-underline-offset: 0.15em;
3994  }
3995  
3996  .entry-title a:hover {
3997      color: var(--entry-header--color-hover);
3998  }
3999  
4000  .entry-title a:focus {
4001      color: var(--entry-header--color-focus);
4002  }
4003  
4004  .entry-title a:active {
4005      color: var(--entry-header--color-link);
4006  }
4007  
4008  .singular .entry-title {
4009      font-size: var(--global--font-size-page-title);
4010  }
4011  
4012  h1.entry-title {
4013      line-height: var(--heading--line-height-h1);
4014      font-weight: var(--heading--font-weight-page-title);
4015  }
4016  
4017  /**
4018   * Entry Content
4019   */
4020  .entry-content,
4021  .entry-summary {
4022      font-family: var(--entry-content--font-family);
4023  }
4024  
4025  .entry-content p {
4026      word-wrap: break-word;
4027  }
4028  
4029  .entry-content > iframe[style] {
4030      margin: var(--global--spacing-vertical) 0 !important;
4031      max-width: 100% !important;
4032  }
4033  
4034  .entry-footer {
4035      color: var(--global--color-primary);
4036      clear: both;
4037      float: none;
4038      font-size: var(--global--font-size-xs);
4039      display: block;
4040  }
4041  
4042  .entry-footer > span {
4043      display: inline-block;
4044  }
4045  
4046  .entry-footer a {
4047      color: currentColor;
4048  }
4049  
4050  .entry-footer a:hover,
4051  .entry-footer a:focus {
4052      color: var(--global--color-primary-hover);
4053  }
4054  
4055  .entry-footer a:active {
4056      color: currentColor;
4057  }
4058  
4059  .site-main > article > .entry-footer {
4060      margin-top: var(--global--spacing-vertical);
4061      padding-top: var(--global--spacing-unit);
4062      padding-bottom: calc(3 * var(--global--spacing-vertical));
4063      border-bottom: var(--separator--height) solid var(--separator--border-color);
4064  }
4065  
4066  body:not(.single) .site-main > article:last-of-type .entry-footer {
4067      border-bottom: var(--separator--height) solid transparent;
4068  }
4069  
4070  .single .site-main > article > .entry-footer {
4071      margin-top: calc(3.4 * var(--global--spacing-vertical));
4072      margin-bottom: calc(3.4 * var(--global--spacing-vertical));
4073      padding-bottom: 0;
4074      padding-top: calc(0.8 * var(--global--spacing-vertical));
4075      border-top: 3px solid var(--separator--border-color);
4076      border-bottom: var(--separator--height) solid transparent;
4077      display: grid;
4078      grid-template-columns: repeat(2, 1fr);
4079      column-gap: calc(2 * var(--global--spacing-horizontal));
4080  }
4081  
4082  .single .site-main > article > .entry-footer .post-taxonomies,
4083  .single .site-main > article > .entry-footer .full-size-link {
4084      justify-content: flex-end;
4085      text-align: left;
4086  }
4087  
4088  .single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
4089      grid-column: span 2;
4090  }
4091  
4092  .single .site-main > article > .entry-footer .posted-on,
4093  .single .site-main > article > .entry-footer .byline,
4094  .single .site-main > article > .entry-footer .cat-links,
4095  .single .site-main > article > .entry-footer .tags-links {
4096      display: block;
4097  }
4098  @media only screen and (max-width: 481.98px) {
4099  
4100      .single .site-main > article > .entry-footer {
4101          display: block;
4102      }
4103  
4104      .single .site-main > article > .entry-footer .full-size-link {
4105          display: block;
4106      }
4107  
4108      .single .site-main > article > .entry-footer .post-taxonomies,
4109      .single .site-main > article > .entry-footer .full-size-link {
4110          text-align: right;
4111      }
4112  }
4113  
4114  /**
4115   * Post Thumbnails
4116   */
4117  .post-thumbnail {
4118      text-align: center;
4119  }
4120  
4121  .post-thumbnail .wp-post-image {
4122      display: block;
4123      width: auto;
4124      max-width: 100%;
4125      margin-right: auto;
4126      margin-left: auto;
4127      margin-top: calc(2 * var(--global--spacing-vertical));
4128  }
4129  
4130  /**
4131   * Author
4132   */
4133  .author-bio {
4134      position: relative;
4135      font-size: var(--global--font-size-xs);
4136      max-width: var(--responsive--aligndefault-width);
4137  }
4138  
4139  .site-main > article > .author-bio {
4140      margin-top: calc(2 * var(--global--spacing-vertical));
4141  }
4142  
4143  .author-bio.show-avatars .avatar {
4144      display: inline-block;
4145      vertical-align: top;
4146      border-radius: 50%;
4147  }
4148  
4149  .author-bio.show-avatars .author-bio-content {
4150      display: inline-block;
4151      padding-right: var(--global--spacing-horizontal);
4152      max-width: calc(var(--responsive--aligndefault-width) - 90px);
4153  }
4154  
4155  .author-bio .author-bio-content .author-title {
4156      font-family: var(--entry-author-bio--font-family);
4157      font-size: var(--entry-author-bio--font-size);
4158      display: inline;
4159  }
4160  
4161  .author-bio .author-bio-content .author-description {
4162      font-size: var(--global--font-size-xs);
4163      margin-top: calc(0.5 * var(--global--spacing-vertical));
4164      margin-bottom: calc(0.5 * var(--global--spacing-vertical));
4165  }
4166  
4167  .page-title {
4168      font-size: var(--global--font-size-page-title);
4169  }
4170  
4171  h1.page-title,
4172  h2.page-title {
4173      font-weight: var(--heading--font-weight-page-title);
4174  }
4175  
4176  h1.page-title {
4177      line-height: var(--heading--line-height-h1);
4178  }
4179  
4180  .page-header {
4181      border-bottom: 3px solid var(--global--color-border);
4182      padding-bottom: calc(2 * var(--global--spacing-vertical));
4183  }
4184  
4185  .archive .content-area .format-aside .entry-content,
4186  .archive .content-area .format-status .entry-content,
4187  .archive .content-area .format-link .entry-content,
4188  .search .content-area .format-aside .entry-content,
4189  .search .content-area .format-status .entry-content,
4190  .search .content-area .format-link .entry-content,
4191  .blog .content-area .format-aside .entry-content,
4192  .blog .content-area .format-status .entry-content,
4193  .blog .content-area .format-link .entry-content {
4194      font-size: var(--global--font-size-lg);
4195  }
4196  
4197  .archive .format-image .entry-content,
4198  .archive .format-gallery .entry-content,
4199  .archive .format-video .entry-content,
4200  .search .format-image .entry-content,
4201  .search .format-gallery .entry-content,
4202  .search .format-video .entry-content,
4203  .blog .format-image .entry-content,
4204  .blog .format-gallery .entry-content,
4205  .blog .format-video .entry-content {
4206      margin-top: calc(2 * var(--global--spacing-vertical));
4207  }
4208  
4209  .archive .entry-footer .cat-links,
4210  .archive .entry-footer .tags-links,
4211  .search .entry-footer .cat-links,
4212  .search .entry-footer .tags-links,
4213  .blog .entry-footer .cat-links,
4214  .blog .entry-footer .tags-links {
4215      display: block;
4216  }
4217  
4218  .archive.logged-in .entry-footer .posted-on,
4219  .search.logged-in .entry-footer .posted-on,
4220  .blog.logged-in .entry-footer .posted-on {
4221      margin-left: calc(0.5 * var(--global--spacing-unit));
4222  }
4223  
4224  .archive-description {
4225      margin-top: var(--global--spacing-vertical);
4226      font-size: var(--global--font-size-xl);
4227      line-height: var(--global--line-height-heading);
4228  }
4229  
4230  .error404 main p {
4231      font-size: var(--global--font-size-lg);
4232      margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
4233  }
4234  
4235  .search-no-results .page-content {
4236      margin-top: calc(3 * var(--global--spacing-vertical));
4237  }
4238  
4239  /**
4240   * Comments Wrapper
4241   */
4242  .comments-area > * {
4243      margin-top: var(--global--spacing-vertical);
4244      margin-bottom: var(--global--spacing-vertical);
4245  }
4246  
4247  .comments-area > *:first-child {
4248      margin-top: 0;
4249  }
4250  
4251  .comments-area > *:last-child {
4252      margin-bottom: 0;
4253  }
4254  
4255  .comments-area.show-avatars .avatar {
4256      border-radius: 50%;
4257      position: absolute;
4258      top: 10px;
4259  }
4260  
4261  .comments-area.show-avatars .fn {
4262      display: inline-block;
4263      padding-right: 85px;
4264  }
4265  
4266  .comments-area.show-avatars .comment-metadata {
4267      padding: 8px 85px 9px 0;
4268  }
4269  
4270  /**
4271   * Comment Title
4272   */
4273  .comments-title,
4274  .comment-reply-title {
4275      font-size: var(--heading--font-size-h2);
4276      letter-spacing: var(--heading--letter-spacing-h2);
4277  }
4278  
4279  .comment-reply-title {
4280      display: flex;
4281      justify-content: space-between;
4282  }
4283  
4284  .comment-reply-title small a {
4285      font-family: var(--global--font-secondary);
4286      font-size: var(--global--font-size-xs);
4287      font-style: normal;
4288      font-weight: normal;
4289      letter-spacing: normal;
4290  }
4291  
4292  /* Nested comment reply title*/
4293  .comment .comment-respond .comment-reply-title {
4294      font-size: var(--global--font-size-lg);
4295  }
4296  
4297  /**
4298   * Comment Lists
4299   */
4300  .comment-list {
4301      padding-right: 0;
4302      list-style: none;
4303  }
4304  
4305  .comment-list > li {
4306      margin-top: var(--global--spacing-vertical);
4307      margin-bottom: var(--global--spacing-vertical);
4308  }
4309  
4310  .comment-list .children {
4311      list-style: none;
4312      padding-right: 0;
4313  }
4314  
4315  .comment-list .children > li {
4316      margin-top: var(--global--spacing-vertical);
4317      margin-bottom: var(--global--spacing-vertical);
4318  }
4319  
4320  @media only screen and (min-width: 482px) {
4321  
4322      .comment-list .depth-2,
4323      .comment-list .depth-3 {
4324          padding-right: calc(4 * var(--global--spacing-horizontal));
4325      }
4326  }
4327  
4328  /**
4329   * Comment Meta
4330   */
4331  .comment-meta .comment-author {
4332      line-height: var(--global--line-height-heading);
4333      margin-bottom: calc(0.25 * var(--global--spacing-unit));
4334  }
4335  @media only screen and (min-width: 482px) {
4336  
4337      .comment-meta .comment-author {
4338          margin-bottom: 0;
4339          padding-left: 0;
4340      }
4341  }
4342  
4343  .comment-meta .comment-author .fn {
4344      font-family: var(--global--font-secondary);
4345      font-weight: normal;
4346      font-size: var(--global--font-size-lg);
4347      hyphens: auto;
4348      word-wrap: break-word;
4349      word-break: break-word;
4350  }
4351  
4352  .comment-meta .comment-metadata {
4353      color: var(--global--color-primary);
4354      font-size: var(--global--font-size-xs);
4355      padding: 8px 0 9px;
4356  }
4357  
4358  .comment-meta .comment-metadata .edit-link {
4359      margin-right: var(--global--spacing-horizontal);
4360  }
4361  @media only screen and (min-width: 482px) {
4362  
4363      .comment-meta {
4364          margin-left: inherit;
4365      }
4366  
4367      .comment-meta .comment-author {
4368          max-width: inherit;
4369      }
4370  }
4371  
4372  .reply {
4373      font-size: var(--global--font-size-sm);
4374      line-height: var(--global--line-height-heading);
4375  }
4376  
4377  .bypostauthor {
4378      display: block;
4379  }
4380  
4381  .says {
4382      display: none;
4383  }
4384  
4385  .pingback .url,
4386  .trackback .url {
4387      font-family: var(--global--font-primary);
4388  }
4389  
4390  .comment-body {
4391      position: relative;
4392      margin-bottom: calc(1.7 * var(--global--spacing-vertical));
4393  }
4394  
4395  .comment-body > * {
4396      margin-top: var(--global--spacing-vertical);
4397      margin-bottom: var(--global--spacing-vertical);
4398  }
4399  
4400  .comment-body .reply {
4401      margin: 0;
4402  }
4403  
4404  .comment-content {
4405      word-wrap: break-word;
4406  }
4407  
4408  .pingback .comment-body,
4409  .trackback .comment-body {
4410      margin-top: var(--global--spacing-vertical);
4411      margin-bottom: var(--global--spacing-vertical);
4412  }
4413  
4414  .comment-respond {
4415      margin-top: var(--global--spacing-vertical);
4416  }
4417  
4418  .comment-respond > * {
4419      margin-top: var(--global--spacing-unit);
4420      margin-bottom: var(--global--spacing-unit);
4421  }
4422  
4423  .comment-respond > *:first-child {
4424      margin-top: 0;
4425  }
4426  
4427  .comment-respond > *:last-child {
4428      margin-bottom: 0;
4429  }
4430  
4431  .comment-respond > *:last-child.comment-form {
4432      margin-bottom: var(--global--spacing-vertical);
4433  }
4434  
4435  .comment-author {
4436      padding-top: 3px;
4437  }
4438  
4439  .comment-author .url {
4440      color: currentColor;
4441  }
4442  
4443  .comment-form {
4444      display: flex;
4445      flex-wrap: wrap;
4446  }
4447  
4448  .comment-form > * {
4449      flex-basis: 100%;
4450  }
4451  
4452  .comment-form .comment-notes {
4453      font-size: var(--global--font-size-sm);
4454  }
4455  
4456  .comment-form .comment-form-url,
4457  .comment-form .comment-form-comment {
4458      width: 100%;
4459  }
4460  
4461  .comment-form .comment-form-author,
4462  .comment-form .comment-form-email {
4463      flex-basis: 0;
4464      flex-grow: 1;
4465  }
4466  @media only screen and (max-width: 481.98px) {
4467  
4468      .comment-form .comment-form-author,
4469      .comment-form .comment-form-email {
4470          flex-basis: 100%;
4471      }
4472  }
4473  
4474  .comment-form .comment-form-cookies-consent > label,
4475  .comment-form .comment-notes {
4476      font-size: var(--global--font-size-xs);
4477      font-weight: normal;
4478  }
4479  
4480  .comment-form > p {
4481      margin-bottom: var(--global--spacing-unit);
4482  }
4483  
4484  .comment-form > p:first-of-type {
4485      margin-top: 0;
4486  }
4487  
4488  .comment-form > p:last-of-type {
4489      margin-bottom: 0;
4490  }
4491  
4492  .comment-form > p label,
4493  .comment-form > p input[type=email],
4494  .comment-form > p input[type=text],
4495  .comment-form > p input[type=url],
4496  .comment-form > p textarea {
4497      display: block;
4498      font-size: var(--global--font-size-sm);
4499      margin-bottom: calc(0.5 * var(--global--spacing-unit));
4500      width: 100%;
4501      font-weight: var(--form--label-weight);
4502  }
4503  
4504  .comment-form > p.comment-form-cookies-consent {
4505      display: flex;
4506  }
4507  @media only screen and (min-width: 482px) {
4508  
4509      .comment-form > p.comment-form-author {
4510          margin-left: calc(1.5 * var(--global--spacing-horizontal));
4511      }
4512  
4513      .comment-form > p.comment-notes,
4514      .comment-form > p.logged-in-as {
4515          display: block;
4516      }
4517  }
4518  
4519  .menu-button-container {
4520      display: none;
4521      justify-content: space-between;
4522      position: absolute;
4523      left: 0;
4524      padding-top: calc(0.5 * var(--global--spacing-vertical));
4525      padding-bottom: calc(0.25 * var(--global--spacing-vertical));
4526  }
4527  @media only screen and (max-width: 481.98px) {
4528  
4529      .menu-button-container {
4530          display: flex;
4531      }
4532  }
4533  
4534  .menu-button-container #primary-mobile-menu {
4535      display: flex;
4536      margin-right: auto;
4537      padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
4538      font-size: var(--primary-nav--font-size-button);
4539      font-weight: var(--primary-nav--font-weight-button);
4540      background-color: transparent;
4541      border: none;
4542      color: var(--primary-nav--color-link);
4543  }
4544  
4545  .menu-button-container #primary-mobile-menu .dropdown-icon {
4546      display: flex;
4547      align-items: center;
4548  }
4549  
4550  .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
4551      margin-right: calc(0.25 * var(--global--spacing-unit));
4552  }
4553  
4554  .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
4555      position: relative;
4556      top: -1px;
4557  }
4558  
4559  .menu-button-container #primary-mobile-menu .dropdown-icon.close {
4560      display: none;
4561  }
4562  
4563  .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
4564      display: none;
4565  }
4566  
4567  .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
4568      display: flex;
4569  }
4570  
4571  .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
4572      animation-name: twentytwentyone-close-button-transition;
4573      animation-duration: 0.3s;
4574  }
4575  
4576  .primary-navigation-open .menu-button-container {
4577      width: 100%;
4578      z-index: 500;
4579      background-color: var(--global--color-background);
4580  }
4581  
4582  .primary-navigation-open .menu-button-container #primary-mobile-menu {
4583      position: static;
4584  }
4585  
4586  .primary-navigation {
4587      position: absolute;
4588      top: var(--global--admin-bar--height);
4589      left: 0;
4590      color: var(--primary-nav--color-text);
4591      font-size: var(--primary-nav--font-size);
4592      line-height: 1.15;
4593      margin-top: 0;
4594      margin-bottom: 0;
4595  }
4596  
4597  .primary-navigation > .primary-menu-container {
4598      position: fixed;
4599      visibility: hidden;
4600      opacity: 0;
4601      top: 0;
4602      left: 0;
4603      bottom: 0;
4604      right: 0;
4605      padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
4606      padding-right: var(--global--spacing-unit);
4607      padding-left: var(--global--spacing-unit);
4608      padding-bottom: var(--global--spacing-horizontal);
4609      background-color: var(--global--color-background);
4610      transform: translateY(var(--global--spacing-vertical));
4611  }
4612  @media (prefers-reduced-motion: no-preference) {
4613  
4614      .primary-navigation > .primary-menu-container {
4615          transition: all 0.15s ease-in-out;
4616      }
4617  }
4618  @media only screen and (max-width: 481.98px) {
4619  
4620      .primary-navigation > .primary-menu-container {
4621          height: 100vh;
4622          z-index: 499;
4623          overflow-x: hidden;
4624          overflow-y: auto;
4625          border: 2px solid transparent;
4626      }
4627  
4628      .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
4629          position: fixed;
4630          transform: translateY(0) translateX(-100%);
4631      }
4632  
4633      .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
4634          top: var(--global--admin-bar--height);
4635      }
4636  
4637      .admin-bar .primary-navigation > .primary-menu-container {
4638          height: calc(100vh - var(--global--admin-bar--height));
4639      }
4640  
4641      .primary-navigation > .primary-menu-container:focus {
4642          border: 2px solid var(--global--color-primary);
4643      }
4644  }
4645  @media only screen and (max-width: 481.98px) {
4646  
4647      .primary-navigation-open .primary-navigation {
4648          width: 100%;
4649          position: fixed;
4650          z-index: 2;
4651      }
4652  }
4653  
4654  .primary-navigation-open .primary-navigation > .primary-menu-container {
4655      position: relative;
4656      visibility: visible;
4657      opacity: 1;
4658      transform: translateY(0);
4659  }
4660  @media only screen and (max-width: 481.98px) {
4661  
4662      .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
4663          transform: translateX(0) translateY(0);
4664      }
4665  }
4666  @media only screen and (min-width: 482px) {
4667  
4668      .primary-navigation {
4669          position: relative;
4670          margin-right: auto;
4671      }
4672  
4673      .primary-navigation > .primary-menu-container {
4674          visibility: visible;
4675          opacity: 1;
4676          position: relative;
4677          padding: 0;
4678          background-color: transparent;
4679          overflow: initial;
4680          transform: none;
4681      }
4682  
4683      .primary-navigation #toggle-menu {
4684          display: none;
4685      }
4686  
4687      .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
4688          display: none;
4689      }
4690  
4691      .admin-bar .primary-navigation {
4692          top: initial;
4693      }
4694  
4695      .admin-bar .primary-navigation > .primary-menu-container {
4696          top: initial;
4697      }
4698  }
4699  
4700  .primary-navigation > div > .menu-wrapper {
4701      display: flex;
4702      justify-content: flex-start;
4703      flex-wrap: wrap;
4704      list-style: none;
4705      margin: 0;
4706      max-width: none;
4707      padding-right: 0;
4708      position: relative;
4709  }
4710  @media only screen and (max-width: 481.98px) {
4711  
4712      .primary-navigation > div > .menu-wrapper {
4713          padding-bottom: 100px;
4714      }
4715  
4716      .primary-navigation > div > .menu-wrapper ul {
4717          padding-right: 0;
4718      }
4719  }
4720  
4721  .primary-navigation > div > .menu-wrapper li {
4722      display: block;
4723      position: relative;
4724      width: 100%;
4725  }
4726  @media only screen and (min-width: 482px) {
4727  
4728      .primary-navigation > div > .menu-wrapper li {
4729          margin: 0;
4730          width: inherit;
4731      }
4732  
4733      .primary-navigation > div > .menu-wrapper li:last-child {
4734          margin-left: 0;
4735      }
4736  }
4737  
4738  .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
4739      display: flex;
4740      height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
4741      width: 44px;
4742      padding: 0;
4743      justify-content: center;
4744      align-items: center;
4745      background: transparent;
4746      color: currentColor;
4747      border: none;
4748  }
4749  
4750  .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
4751      outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
4752  }
4753  @media only screen and (max-width: 481.98px) {
4754  
4755      .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
4756          display: none;
4757      }
4758  }
4759  
4760  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
4761  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
4762      height: 100%;
4763      display: flex;
4764      align-items: center;
4765  }
4766  
4767  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
4768  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
4769      margin-top: -1px;
4770  }
4771  
4772  .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
4773      display: none;
4774  }
4775  
4776  .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
4777      display: flex;
4778  }
4779  
4780  .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
4781      display: none;
4782  }
4783  
4784  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
4785      position: relative;
4786  }
4787  @media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {
4788  
4789      .primary-navigation > div > .menu-wrapper > li > .sub-menu {
4790          transition: all 0.5s ease;
4791      }
4792  }
4793  @media only screen and (min-width: 482px) {
4794  
4795      .primary-navigation > div > .menu-wrapper > li > .sub-menu {
4796          right: 0;
4797          margin: 0;
4798          min-width: max-content;
4799          position: absolute;
4800          top: 100%;
4801          padding-top: 3px;
4802          z-index: 88888;
4803      }
4804  
4805      .primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
4806      .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
4807          content: "";
4808          display: block;
4809          position: absolute;
4810          width: 0;
4811          top: -10px;
4812          right: var(--global--spacing-horizontal);
4813          border-style: solid;
4814          border-color: var(--primary-nav--border-color) transparent;
4815          border-width: 0 7px 10px;
4816      }
4817  
4818      .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
4819          top: -9px;
4820          border-color: var(--global--color-background) transparent;
4821      }
4822  
4823      .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
4824          background: var(--global--color-background);
4825      }
4826  
4827      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
4828          left: 0;
4829          right: auto;
4830      }
4831  
4832      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
4833      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
4834          left: var(--global--spacing-horizontal);
4835          right: auto;
4836      }
4837  
4838      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
4839          right: 0;
4840          left: auto;
4841      }
4842  
4843      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
4844      .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
4845          left: auto;
4846          right: var(--global--spacing-horizontal);
4847      }
4848  }
4849  
4850  .primary-navigation .primary-menu > .menu-item:hover > a {
4851      color: var(--primary-nav--color-link-hover);
4852  }
4853  @media only screen and (min-width: 482px) {
4854  
4855      .primary-navigation .primary-menu-container {
4856          margin-left: calc(0px - var(--primary-nav--padding));
4857          margin-right: calc(0px - var(--primary-nav--padding));
4858      }
4859  
4860      .primary-navigation .primary-menu-container > ul > .menu-item {
4861          display: flex;
4862      }
4863  
4864      .primary-navigation .primary-menu-container > ul > .menu-item > a {
4865          padding-right: var(--primary-nav--padding);
4866          padding-left: var(--primary-nav--padding);
4867      }
4868  
4869      .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
4870          margin-right: calc(5px - var(--primary-nav--padding));
4871      }
4872  }
4873  
4874  .primary-navigation a {
4875      display: block;
4876      font-family: var(--primary-nav--font-family-mobile);
4877      font-size: var(--primary-nav--font-size-mobile);
4878      font-weight: var(--primary-nav--font-weight);
4879      padding: var(--primary-nav--padding) 0;
4880      text-decoration: none;
4881  }
4882  @media only screen and (min-width: 482px) {
4883  
4884      .primary-navigation a {
4885          display: block;
4886          font-family: var(--primary-nav--font-family);
4887          font-size: var(--primary-nav--font-size);
4888          font-weight: var(--primary-nav--font-weight);
4889      }
4890  }
4891  
4892  .primary-navigation a + svg {
4893      fill: var(--primary-nav--color-text);
4894  }
4895  
4896  .primary-navigation a:hover,
4897  .primary-navigation a:link,
4898  .primary-navigation a:visited {
4899      color: var(--primary-nav--color-link-hover);
4900  }
4901  
4902  .primary-navigation a:hover {
4903      text-decoration: underline;
4904      text-decoration-style: dotted;
4905  }
4906  
4907  .primary-navigation a:focus {
4908      position: relative;
4909      z-index: 99999;
4910      outline-offset: 0;
4911      text-decoration-thickness: 2px;
4912  }
4913  
4914  .primary-navigation .current-menu-item > a:first-child,
4915  .primary-navigation .current_page_item > a:first-child {
4916      text-decoration: underline;
4917      text-decoration-style: solid;
4918  }
4919  
4920  .primary-navigation .current-menu-item > a:first-child:hover,
4921  .primary-navigation .current_page_item > a:first-child:hover {
4922      text-decoration: underline;
4923      text-decoration-style: dotted;
4924  }
4925  
4926  .primary-navigation .sub-menu {
4927      margin: 0;
4928      padding: 0;
4929      list-style: none;
4930      margin-right: var(--primary-nav--padding);
4931      border: 1px solid var(--primary-nav--border-color);
4932  }
4933  
4934  .primary-navigation .sub-menu .sub-menu {
4935      border: none;
4936  }
4937  @media only screen and (min-width: 482px) {
4938  
4939      .primary-navigation .sub-menu > .menu-item > .sub-menu {
4940          padding: 0;
4941      }
4942  }
4943  @media only screen and (max-width: 481.98px) {
4944  
4945      .primary-navigation .sub-menu .menu-item:last-child {
4946          margin-bottom: 0;
4947      }
4948  }
4949  
4950  .primary-navigation .sub-menu .menu-item > a {
4951      padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
4952      display: block;
4953      font-size: var(--primary-nav--font-size-sub-menu-mobile);
4954      font-style: var(--primary-nav--font-style-sub-menu-mobile);
4955  }
4956  @media only screen and (min-width: 482px) {
4957  
4958      .primary-navigation .sub-menu .menu-item > a {
4959          font-size: var(--primary-nav--font-size-sub-menu);
4960          font-style: var(--primary-nav--font-style);
4961      }
4962  }
4963  
4964  .primary-navigation .menu-item-has-children > .svg-icon {
4965      display: none;
4966  }
4967  @media only screen and (min-width: 482px) {
4968  
4969      .primary-navigation .menu-item-has-children > .svg-icon {
4970          display: inline-block;
4971          height: 100%;
4972      }
4973  
4974      .primary-navigation .menu-item-has-children .sub-menu .svg-icon {
4975          display: none;
4976      }
4977  }
4978  
4979  .primary-navigation .menu-item-description {
4980      display: block;
4981      clear: both;
4982      font-size: var(--global--font-size-xs);
4983      text-transform: none;
4984      line-height: 1.7;
4985  }
4986  
4987  .primary-navigation .menu-item-description > span {
4988      display: inline-block;
4989  }
4990  
4991  @media only screen and (max-width: 481.98px) {
4992  
4993      .lock-scrolling .site {
4994          position: fixed;
4995          max-width: 100%;
4996          width: 100%;
4997      }
4998  }
4999  @keyframes twentytwentyone-close-button-transition {
5000  
5001      from {
5002          opacity: 0;
5003      }
5004  
5005      to {
5006          opacity: 1;
5007      }
5008  }
5009  
5010  .footer-navigation {
5011      margin-top: calc(2 * var(--global--spacing-vertical));
5012      margin-bottom: var(--global--spacing-vertical);
5013      color: var(--footer--color-text);
5014      font-size: var(--global--font-size-xs);
5015      font-family: var(--footer--font-family);
5016  }
5017  
5018  .footer-navigation-wrapper {
5019      display: flex;
5020      justify-content: center;
5021      flex-wrap: wrap;
5022      list-style: none;
5023      padding-right: 0;
5024  }
5025  
5026  .footer-navigation-wrapper li {
5027      display: inline;
5028      line-height: 3;
5029  }
5030  
5031  .footer-navigation-wrapper li a {
5032      padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
5033      color: var(--footer--color-link);
5034  }
5035  
5036  .footer-navigation-wrapper li a:link,
5037  .footer-navigation-wrapper li a:visited,
5038  .footer-navigation-wrapper li a:active {
5039      color: var(--footer--color-link);
5040  }
5041  
5042  .footer-navigation-wrapper li a:hover {
5043      text-decoration: underline;
5044      text-decoration-style: dotted;
5045      text-decoration-skip-ink: none;
5046      color: var(--footer--color-link-hover);
5047  }
5048  
5049  .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
5050      fill: var(--wp--style--color--link, var(--global--color-background));
5051  }
5052  
5053  .has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
5054      fill: var(--wp--style--color--link, var(--global--color-white));
5055  }
5056  
5057  .footer-navigation-wrapper li .svg-icon {
5058      vertical-align: middle;
5059      fill: var(--footer--color-link);
5060  }
5061  
5062  .footer-navigation-wrapper li .svg-icon:hover {
5063      transform: scale(1.1);
5064  }
5065  @media (prefers-reduced-motion: no-preference) {
5066  
5067      .footer-navigation-wrapper li .svg-icon {
5068          transition: transform 0.1s ease;
5069      }
5070  }
5071  
5072  .footer-navigation-wrapper .sub-menu-toggle,
5073  .footer-navigation-wrapper .menu-item-description {
5074      display: none;
5075  }
5076  
5077  /* Next/Previous navigation */
5078  .navigation {
5079      color: var(--global--color-primary);
5080  }
5081  
5082  .navigation a {
5083      color: var(--global--color-primary);
5084      text-decoration: none;
5085  }
5086  
5087  .navigation a:hover {
5088      color: var(--global--color-primary-hover);
5089      text-decoration: underline;
5090      text-decoration-style: dotted;
5091  }
5092  
5093  .navigation a:focus {
5094      color: var(--global--color-secondary);
5095  }
5096  
5097  .navigation a:active {
5098      color: var(--global--color-primary);
5099  }
5100  
5101  .navigation .nav-links > * {
5102      min-width: 44px;
5103      min-height: 44px;
5104  }
5105  
5106  .navigation .nav-links .nav-next a,
5107  .navigation .nav-links .nav-previous a {
5108      display: flex;
5109      flex-direction: column;
5110  }
5111  
5112  .navigation .nav-links .dots {
5113      text-align: center;
5114  }
5115  @media only screen and (min-width: 592px) {
5116  
5117      .navigation .nav-links {
5118          display: flex;
5119          justify-content: center;
5120          flex-wrap: wrap;
5121      }
5122  
5123      .navigation .nav-links .nav-next,
5124      .navigation .nav-links .nav-previous {
5125          flex: 0 1 auto;
5126          margin-bottom: inherit;
5127          margin-top: inherit;
5128          max-width: calc(50% - 0.5 * var(--global--spacing-unit));
5129      }
5130  
5131      .navigation .nav-links .nav-next {
5132          text-align: left;
5133      }
5134  }
5135  
5136  .navigation .svg-icon {
5137      display: inline-block;
5138      fill: currentColor;
5139      vertical-align: middle;
5140      position: relative;
5141  }
5142  
5143  .navigation .nav-previous .svg-icon,
5144  .navigation .prev .svg-icon {
5145      top: -2px;
5146      margin-left: calc(0.25 * var(--global--spacing-unit));
5147  }
5148  
5149  .navigation .nav-next .svg-icon,
5150  .navigation .next .svg-icon {
5151      top: -1px;
5152      margin-right: calc(0.25 * var(--global--spacing-unit));
5153  }
5154  
5155  .post-navigation {
5156      margin: var(--global--spacing-vertical) auto;
5157  }
5158  @media only screen and (min-width: 822px) {
5159  
5160      .post-navigation {
5161          margin: var(--global--spacing-vertical) auto;
5162      }
5163  }
5164  
5165  .post-navigation .meta-nav {
5166      line-height: var(--global--line-height-body);
5167      color: var(--global--color-primary);
5168  }
5169  
5170  .post-navigation .post-title {
5171      display: inline-block;
5172      font-family: var(--global--font-primary);
5173      font-size: var(--global--font-size-lg);
5174      font-weight: var(--pagination--font-weight-strong);
5175      line-height: var(--global--line-height-heading);
5176  }
5177  @media only screen and (min-width: 822px) {
5178  
5179      .post-navigation .post-title {
5180          margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
5181      }
5182  }
5183  @media only screen and (min-width: 482px) {
5184  
5185      .post-navigation .nav-links {
5186          justify-content: space-between;
5187      }
5188  }
5189  
5190  .post-navigation .nav-next,
5191  .post-navigation .nav-previous {
5192      margin-top: var(--global--spacing-vertical);
5193      margin-bottom: var(--global--spacing-vertical);
5194  }
5195  
5196  .post-navigation .nav-next:first-child,
5197  .post-navigation .nav-previous:first-child {
5198      margin-top: 0;
5199  }
5200  
5201  .post-navigation .nav-next:last-child,
5202  .post-navigation .nav-previous:last-child {
5203      margin-bottom: 0;
5204  }
5205  
5206  .pagination,
5207  .comments-pagination {
5208      border-top: 3px solid var(--global--color-border);
5209      padding-top: var(--global--spacing-vertical);
5210      margin: var(--global--spacing-vertical) auto;
5211  }
5212  @media only screen and (min-width: 822px) {
5213  
5214      .pagination,
5215      .comments-pagination {
5216          margin: var(--global--spacing-vertical) auto;
5217      }
5218  }
5219  
5220  .pagination .nav-links,
5221  .comments-pagination .nav-links {
5222      margin-top: calc(-1 * var(--global--spacing-vertical));
5223  }
5224  
5225  .pagination .nav-links a:hover,
5226  .comments-pagination .nav-links a:hover {
5227      color: var(--pagination--color-link-hover);
5228  }
5229  
5230  .is-dark-theme .pagination .nav-links a:active,
5231  .is-dark-theme .pagination .nav-links a:hover:active,
5232  .is-dark-theme .pagination .nav-links a:hover:focus,
5233  .is-dark-theme .comments-pagination .nav-links a:active,
5234  .is-dark-theme .comments-pagination .nav-links a:hover:active,
5235  .is-dark-theme .comments-pagination .nav-links a:hover:focus {
5236      color: var(--global--color-background);
5237  }
5238  
5239  .has-background-white .pagination .nav-links a:active,
5240  .has-background-white .pagination .nav-links a:hover:active,
5241  .has-background-white .pagination .nav-links a:hover:focus,
5242  .has-background-white .comments-pagination .nav-links a:active,
5243  .has-background-white .comments-pagination .nav-links a:hover:active,
5244  .has-background-white .comments-pagination .nav-links a:hover:focus {
5245      color: var(--global--color-white);
5246  }
5247  
5248  .pagination .nav-links > *,
5249  .comments-pagination .nav-links > * {
5250      color: var(--pagination--color-text);
5251      font-family: var(--pagination--font-family);
5252      font-size: var(--pagination--font-size);
5253      font-weight: var(--pagination--font-weight);
5254      margin-top: var(--global--spacing-vertical);
5255      margin-right: calc(0.66 * var(--global--spacing-unit));
5256      margin-left: calc(0.66 * var(--global--spacing-unit));
5257  }
5258  
5259  .pagination .nav-links > *.current,
5260  .comments-pagination .nav-links > *.current {
5261      text-decoration: underline;
5262  }
5263  
5264  .pagination .nav-links > *:not(.dots):not(.current):hover,
5265  .comments-pagination .nav-links > *:not(.dots):not(.current):hover {
5266      text-decoration-style: dotted;
5267  }
5268  
5269  .pagination .nav-links > *:first-child,
5270  .comments-pagination .nav-links > *:first-child {
5271      margin-right: 0;
5272  }
5273  
5274  .pagination .nav-links > *:last-child,
5275  .comments-pagination .nav-links > *:last-child {
5276      margin-left: 0;
5277  }
5278  
5279  .pagination .nav-links > *.next,
5280  .comments-pagination .nav-links > *.next {
5281      margin-right: auto;
5282  }
5283  
5284  .pagination .nav-links > *.prev,
5285  .comments-pagination .nav-links > *.prev {
5286      margin-left: auto;
5287  }
5288  @media only screen and (max-width: 821.98px) {
5289  
5290      .pagination .nav-links,
5291      .comments-pagination .nav-links {
5292          display: flex;
5293          flex-wrap: wrap;
5294      }
5295  
5296      .pagination .page-numbers,
5297      .comments-pagination .page-numbers {
5298          display: none;
5299      }
5300  
5301      .pagination .page-numbers.prev,
5302      .pagination .page-numbers.next,
5303      .comments-pagination .page-numbers.prev,
5304      .comments-pagination .page-numbers.next {
5305          display: inline-block;
5306          flex: 0 1 auto;
5307      }
5308  }
5309  @media only screen and (max-width: 481.98px) {
5310  
5311      .pagination .nav-short,
5312      .comments-pagination .nav-short {
5313          display: none;
5314      }
5315  }
5316  
5317  .comments-pagination {
5318      padding-top: calc(0.66 * var(--global--spacing-vertical));
5319      margin: calc(3 * var(--global--spacing-vertical)) auto;
5320  }
5321  @media only screen and (min-width: 822px) {
5322  
5323      .comments-pagination {
5324          margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
5325      }
5326  }
5327  
5328  .comments-pagination .nav-links > * {
5329      font-size: var(--global--font-size-md);
5330  }
5331  
5332  .widget-area {
5333      margin-top: calc(6 * var(--global--spacing-vertical));
5334      padding-bottom: calc(var(--global--spacing-vertical) / 3);
5335      color: var(--footer--color-text);
5336      font-size: var(--footer--font-size);
5337      font-family: var(--footer--font-family);
5338  }
5339  @media only screen and (min-width: 652px) {
5340  
5341      .widget-area {
5342          display: grid;
5343          grid-template-columns: repeat(2, 1fr);
5344          column-gap: calc(2 * var(--global--spacing-horizontal));
5345      }
5346  }
5347  @media only screen and (min-width: 1024px) {
5348  
5349      .widget-area {
5350          grid-template-columns: repeat(3, 1fr);
5351      }
5352  }
5353  @media only screen and (max-width: 481.98px) {
5354  
5355      .widget-area {
5356          margin-top: calc(3 * var(--global--spacing-vertical));
5357      }
5358  }
5359  
5360  .widget-area .wp-block-social-links.alignright {
5361      margin-top: var(--global--spacing-vertical);
5362      justify-content: flex-end;
5363  }
5364  
5365  .widget-area .wp-block-social-links.alignleft {
5366      margin-top: var(--global--spacing-vertical);
5367  }
5368  
5369  .widget-area:after {
5370      content: "";
5371      display: table;
5372      clear: both;
5373  }
5374  
5375  .widget h1,
5376  .widget h2,
5377  .widget h3,
5378  .widget h4,
5379  .widget h5,
5380  .widget h6 {
5381      font-weight: var(--widget--font-weight-title);
5382      line-height: var(--widget--line-height-title);
5383  }
5384  
5385  .widget h1 {
5386      font-size: var(--global--font-size-md);
5387  }
5388  
5389  .widget h2 {
5390      font-size: var(--global--font-size-sm);
5391  }
5392  
5393  .widget h3 {
5394      font-size: var(--global--font-size-xs);
5395  }
5396  
5397  .widget h4 {
5398      font-size: var(--global--font-size-xs);
5399  }
5400  
5401  .widget h5 {
5402      font-size: var(--global--font-size-xs);
5403  }
5404  
5405  .widget h6 {
5406      font-size: var(--global--font-size-xs);
5407  }
5408  
5409  .widget ul {
5410      list-style-type: none;
5411      padding: 0;
5412  }
5413  
5414  .widget ul li {
5415      line-height: var(--widget--line-height-list);
5416  }
5417  
5418  .widget ul.sub-menu,
5419  .widget ul.children {
5420      margin-right: var(--widget--spacing-menu);
5421  }
5422  
5423  .widget ul .sub-menu-toggle {
5424      display: none;
5425  }
5426  
5427  .widget a {
5428      color: var(--footer--color-link);
5429      text-decoration: underline;
5430      text-decoration-style: solid;
5431      text-decoration-color: currentColor;
5432  }
5433  
5434  .widget a:link,
5435  .widget a:visited,
5436  .widget a:active {
5437      color: var(--footer--color-link);
5438  }
5439  
5440  .widget a:hover {
5441      color: var(--footer--color-link-hover);
5442      text-decoration-style: dotted;
5443  }
5444  
5445  .search-form {
5446      display: flex;
5447      flex-wrap: wrap;
5448      margin: auto;
5449      max-width: var(--responsive--aligndefault-width);
5450  }
5451  
5452  .search-form > label {
5453      width: 100%;
5454      margin-bottom: 0;
5455      font-weight: var(--form--label-weight);
5456  }
5457  
5458  .search-form .search-field {
5459      flex-grow: 1;
5460      max-width: inherit;
5461      margin-top: calc(var(--global--spacing-vertical) / 3);
5462      margin-left: calc(0.66 * var(--global--spacing-horizontal));
5463  }
5464  
5465  .search-form .search-submit {
5466      margin-top: calc(var(--global--spacing-vertical) / 3);
5467      margin-right: 10px;
5468  }
5469  
5470  .widget_search > .search-form .search-field {
5471      margin-left: calc(-1 * var(--button--border-width));
5472      -webkit-appearance: none;
5473      margin-bottom: calc(0.5 * var(--global--spacing-vertical));
5474  }
5475  
5476  .widget_search > .search-form .search-submit {
5477      margin-right: 0;
5478      margin-bottom: calc(0.5 * var(--global--spacing-vertical));
5479  }
5480  
5481  .widget_rss a.rsswidget .rss-widget-icon {
5482      display: none;
5483  }
5484  
5485  /* Category 07 is for any utility classes that are not assigned to a specific component. */
5486  .screen-reader-text {
5487      border: 0;
5488      clip: rect(1px, 1px, 1px, 1px);
5489      -webkit-clip-path: inset(50%);
5490      clip-path: inset(50%);
5491      height: 1px;
5492      margin: -1px;
5493      overflow: hidden;
5494      padding: 0;
5495      position: absolute !important;
5496      width: 1px;
5497      word-wrap: normal !important;
5498      word-break: normal;
5499  }
5500  
5501  .skip-link:focus {
5502      background-color: #f1f1f1;
5503      border-radius: 3px;
5504      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
5505      clip: auto !important;
5506      -webkit-clip-path: none;
5507      clip-path: none;
5508      color: #21759b;
5509      display: block;
5510      font-size: 0.875rem;
5511      font-weight: 700;
5512      height: auto;
5513      right: 5px;
5514      line-height: normal;
5515      padding: 15px 23px 14px;
5516      text-decoration: none;
5517      top: 5px;
5518      width: auto;
5519      z-index: 100000;
5520  }
5521  
5522  /* Do not show the outline on the skip link target. */
5523  #content[tabindex="-1"]:focus {
5524      outline: 0;
5525  }
5526  
5527  .has-black-color[class] {
5528      color: var(--global--color-black);
5529  }
5530  
5531  .has-black-color[class] > [class*=__inner-container] {
5532      --local--color-primary: var(--global--color-black, #000);
5533      color: var(--local--color-primary);
5534  }
5535  
5536  .has-gray-color[class] {
5537      color: var(--global--color-gray);
5538  }
5539  
5540  .has-gray-color[class] > [class*=__inner-container] {
5541      --local--color-primary: var(--global--color-gray, #000);
5542      color: var(--local--color-primary);
5543  }
5544  
5545  .has-dark-gray-color[class] {
5546      color: var(--global--color-dark-gray);
5547  }
5548  
5549  .has-dark-gray-color[class] > [class*=__inner-container] {
5550      --local--color-primary: var(--global--color-dark-gray, #000);
5551      color: var(--local--color-primary);
5552  }
5553  
5554  .has-green-color[class] {
5555      color: var(--global--color-green);
5556  }
5557  
5558  .has-green-color[class] > [class*=__inner-container] {
5559      --local--color-primary: var(--global--color-green, #fff);
5560      color: var(--local--color-primary);
5561  }
5562  
5563  .has-blue-color[class] {
5564      color: var(--global--color-blue);
5565  }
5566  
5567  .has-blue-color[class] > [class*=__inner-container] {
5568      --local--color-primary: var(--global--color-blue, #fff);
5569      color: var(--local--color-primary);
5570  }
5571  
5572  .has-purple-color[class] {
5573      color: var(--global--color-purple);
5574  }
5575  
5576  .has-purple-color[class] > [class*=__inner-container] {
5577      --local--color-primary: var(--global--color-purple, #fff);
5578      color: var(--local--color-primary);
5579  }
5580  
5581  .has-red-color[class] {
5582      color: var(--global--color-red);
5583  }
5584  
5585  .has-red-color[class] > [class*=__inner-container] {
5586      --local--color-primary: var(--global--color-red, #fff);
5587      color: var(--local--color-primary);
5588  }
5589  
5590  .has-orange-color[class] {
5591      color: var(--global--color-orange);
5592  }
5593  
5594  .has-orange-color[class] > [class*=__inner-container] {
5595      --local--color-primary: var(--global--color-orange, #fff);
5596      color: var(--local--color-primary);
5597  }
5598  
5599  .has-yellow-color[class] {
5600      color: var(--global--color-yellow);
5601  }
5602  
5603  .has-yellow-color[class] > [class*=__inner-container] {
5604      --local--color-primary: var(--global--color-yellow, #fff);
5605      color: var(--local--color-primary);
5606  }
5607  
5608  .has-white-color[class] {
5609      color: var(--global--color-white);
5610  }
5611  
5612  .has-white-color[class] > [class*=__inner-container] {
5613      --local--color-primary: var(--global--color-white, #fff);
5614      color: var(--local--color-primary);
5615  }
5616  
5617  .has-background a,
5618  .has-background p,
5619  .has-background h1,
5620  .has-background h2,
5621  .has-background h3,
5622  .has-background h4,
5623  .has-background h5,
5624  .has-background h6 {
5625      color: currentColor;
5626  }
5627  
5628  .has-black-background-color[class] {
5629      background-color: var(--global--color-black);
5630  }
5631  
5632  .has-black-background-color[class] > [class*=__inner-container] {
5633      --local--color-background: var(--global--color-black, #000);
5634      background-color: var(--local--color-background);
5635  }
5636  
5637  .has-dark-gray-background-color[class] {
5638      background-color: var(--global--color-dark-gray);
5639  }
5640  
5641  .has-dark-gray-background-color[class] > [class*=__inner-container] {
5642      --local--color-background: var(--global--color-dark-gray, #000);
5643      background-color: var(--local--color-background);
5644  }
5645  
5646  .has-gray-background-color[class] {
5647      background-color: var(--global--color-gray);
5648  }
5649  
5650  .has-gray-background-color[class] > [class*=__inner-container] {
5651      --local--color-background: var(--global--color-gray, #000);
5652      background-color: var(--local--color-background);
5653  }
5654  
5655  .has-light-gray-background-color[class] {
5656      background-color: var(--global--color-light-gray);
5657  }
5658  
5659  .has-light-gray-background-color[class] > [class*=__inner-container] {
5660      --local--color-background: var(--global--color-light-gray, #fff);
5661      background-color: var(--local--color-background);
5662  }
5663  
5664  .has-green-background-color[class] {
5665      background-color: var(--global--color-green);
5666  }
5667  
5668  .has-green-background-color[class] > [class*=__inner-container] {
5669      --local--color-background: var(--global--color-green, #fff);
5670      background-color: var(--local--color-background);
5671  }
5672  
5673  .has-blue-background-color[class] {
5674      background-color: var(--global--color-blue);
5675  }
5676  
5677  .has-blue-background-color[class] > [class*=__inner-container] {
5678      --local--color-background: var(--global--color-blue, #fff);
5679      background-color: var(--local--color-background);
5680  }
5681  
5682  .has-purple-background-color[class] {
5683      background-color: var(--global--color-purple);
5684  }
5685  
5686  .has-purple-background-color[class] > [class*=__inner-container] {
5687      --local--color-background: var(--global--color-purple, #fff);
5688      background-color: var(--local--color-background);
5689  }
5690  
5691  .has-red-background-color[class] {
5692      background-color: var(--global--color-red);
5693  }
5694  
5695  .has-red-background-color[class] > [class*=__inner-container] {
5696      --local--color-background: var(--global--color-red, #fff);
5697      background-color: var(--local--color-background);
5698  }
5699  
5700  .has-orange-background-color[class] {
5701      background-color: var(--global--color-orange);
5702  }
5703  
5704  .has-orange-background-color[class] > [class*=__inner-container] {
5705      --local--color-background: var(--global--color-orange, #fff);
5706      background-color: var(--local--color-background);
5707  }
5708  
5709  .has-yellow-background-color[class] {
5710      background-color: var(--global--color-yellow);
5711  }
5712  
5713  .has-yellow-background-color[class] > [class*=__inner-container] {
5714      --local--color-background: var(--global--color-yellow, #fff);
5715      background-color: var(--local--color-background);
5716  }
5717  
5718  .has-white-background-color[class] {
5719      background-color: var(--global--color-white);
5720  }
5721  
5722  .has-white-background-color[class] > [class*=__inner-container] {
5723      --local--color-background: var(--global--color-white, #fff);
5724      background-color: var(--local--color-background);
5725  }
5726  
5727  .has-background:not(.has-text-color).has-black-background-color[class],
5728  .has-background:not(.has-text-color).has-gray-background-color[class],
5729  .has-background:not(.has-text-color).has-dark-gray-background-color[class] {
5730      color: var(--global--color-white);
5731  }
5732  
5733  .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
5734  .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
5735  .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
5736      --local--color-primary: var(--global--color-background, #fff);
5737      color: var(--local--color-primary, var(--global--color-primary));
5738  }
5739  
5740  .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
5741  .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
5742  .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
5743      --local--color-primary: var(--global--color-primary, #000);
5744  }
5745  
5746  .has-background:not(.has-text-color).has-green-background-color[class],
5747  .has-background:not(.has-text-color).has-blue-background-color[class],
5748  .has-background:not(.has-text-color).has-purple-background-color[class],
5749  .has-background:not(.has-text-color).has-red-background-color[class],
5750  .has-background:not(.has-text-color).has-orange-background-color[class],
5751  .has-background:not(.has-text-color).has-yellow-background-color[class],
5752  .has-background:not(.has-text-color).has-white-background-color[class] {
5753      color: var(--global--color-dark-gray);
5754  }
5755  
5756  .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
5757  .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
5758  .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
5759  .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
5760  .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
5761  .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
5762  .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
5763      --local--color-primary: var(--global--color-primary, #000);
5764      color: var(--local--color-primary, var(--global--color-primary));
5765  }
5766  
5767  .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
5768  .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
5769  .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
5770  .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
5771  .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
5772  .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
5773  .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
5774      --local--color-primary: var(--global--color-background, #fff);
5775  }
5776  
5777  .has-purple-to-yellow-gradient-background {
5778      background: linear-gradient(-160deg, var(--global--color-purple), var(--global--color-yellow));
5779  }
5780  
5781  .has-yellow-to-purple-gradient-background {
5782      background: linear-gradient(-160deg, var(--global--color-yellow), var(--global--color-purple));
5783  }
5784  
5785  .has-green-to-yellow-gradient-background {
5786      background: linear-gradient(-160deg, var(--global--color-green), var(--global--color-yellow));
5787  }
5788  
5789  .has-yellow-to-green-gradient-background {
5790      background: linear-gradient(-160deg, var(--global--color-yellow), var(--global--color-green));
5791  }
5792  
5793  .has-red-to-yellow-gradient-background {
5794      background: linear-gradient(-160deg, var(--global--color-red), var(--global--color-yellow));
5795  }
5796  
5797  .has-yellow-to-red-gradient-background {
5798      background: linear-gradient(-160deg, var(--global--color-yellow), var(--global--color-red));
5799  }
5800  
5801  .has-purple-to-red-gradient-background {
5802      background: linear-gradient(-160deg, var(--global--color-purple), var(--global--color-red));
5803  }
5804  
5805  .has-red-to-purple-gradient-background {
5806      background: linear-gradient(-160deg, var(--global--color-red), var(--global--color-purple));
5807  }
5808  
5809  header *,
5810  main *,
5811  footer * {
5812      max-width: var(--global--spacing-measure);
5813  }
5814  
5815  html,
5816  body,
5817  div,
5818  header,
5819  nav,
5820  article,
5821  figure,
5822  hr,
5823  main,
5824  section,
5825  footer {
5826      max-width: none;
5827  }
5828  
5829  .is-IE.is-dark-theme {
5830      color: #fff;
5831  }
5832  
5833  .is-IE.is-dark-theme *,
5834  .is-IE.is-dark-theme a,
5835  .is-IE.is-dark-theme .site-description,
5836  .is-IE.is-dark-theme .entry-title,
5837  .is-IE.is-dark-theme .entry-footer,
5838  .is-IE.is-dark-theme .widget-area,
5839  .is-IE.is-dark-theme .post-navigation .meta-nav,
5840  .is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
5841  .is-IE.is-dark-theme .site-footer > .site-info,
5842  .is-IE.is-dark-theme .site-footer > .site-info a,
5843  .is-IE.is-dark-theme .site-footer > .site-info a:visited {
5844      color: #fff;
5845  }
5846  
5847  .is-IE.is-dark-theme .sub-menu-toggle svg,
5848  .is-IE.is-dark-theme .sub-menu-toggle path,
5849  .is-IE.is-dark-theme .post-navigation .meta-nav svg,
5850  .is-IE.is-dark-theme .post-navigation .meta-nav path {
5851      fill: #fff;
5852  }
5853  
5854  .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
5855      background: #000;
5856  }
5857  @media only screen and (max-width: 481.98px) {
5858  
5859      .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
5860      .is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
5861          background-color: #000;
5862      }
5863  }
5864  
5865  .is-IE.is-dark-theme .skip-link:focus {
5866      color: #21759b;
5867  }
5868  
5869  .is-IE .navigation .nav-links {
5870      display: block;
5871  }
5872  
5873  .is-IE .post-thumbnail .wp-post-image {
5874      min-width: auto;
5875  }
5876  
5877  .is-IE .wp-block-group:before,
5878  .is-IE .wp-block-group:after {
5879      content: "";
5880      display: block;
5881      clear: both;
5882  }


Generated : Sat Nov 2 08:20:01 2024 Cross-referenced by PHPXref