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