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