[Summary view] [Print] [Text view]

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