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