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