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