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