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