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