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