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