[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 @charset "UTF-8"; 2 /** 3 * Colors 4 */ 5 /** 6 * Breakpoints & Media Queries 7 */ 8 /** 9 * SCSS Variables. 10 * 11 * Please use variables from this sheet to ensure consistency across the UI. 12 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. 13 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. 14 */ 15 /** 16 * Colors 17 */ 18 /** 19 * Fonts & basic variables. 20 */ 21 /** 22 * Grid System. 23 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ 24 */ 25 /** 26 * Dimensions. 27 */ 28 /** 29 * Shadows. 30 */ 31 /** 32 * Editor widths. 33 */ 34 /** 35 * Block & Editor UI. 36 */ 37 /** 38 * Block paddings. 39 */ 40 /** 41 * React Native specific. 42 * These variables do not appear to be used anywhere else. 43 */ 44 /** 45 * Breakpoint mixins 46 */ 47 /** 48 * Long content fade mixin 49 * 50 * Creates a fading overlay to signify that the content is longer 51 * than the space allows. 52 */ 53 /** 54 * Focus styles. 55 */ 56 /** 57 * Applies editor left position to the selector passed as argument 58 */ 59 /** 60 * Styles that are reused verbatim in a few places 61 */ 62 /** 63 * Allows users to opt-out of animations via OS-level preferences. 64 */ 65 /** 66 * Reset default styles for JavaScript UI based pages. 67 * This is a WP-admin agnostic reset 68 */ 69 /** 70 * Reset the WP Admin page styles for Gutenberg-like pages. 71 */ 72 #start-resizable-editor-section { 73 display: none; 74 } 75 76 .wp-block-audio { 77 margin: 0 0 1em 0; 78 } 79 .wp-block-audio figcaption { 80 margin-top: 0.5em; 81 margin-bottom: 1em; 82 } 83 .wp-block-audio audio { 84 width: 100%; 85 min-width: 300px; 86 } 87 88 .wp-block-button__link { 89 color: #fff; 90 background-color: #32373c; 91 border-radius: 9999px; 92 box-shadow: none; 93 cursor: pointer; 94 display: inline-block; 95 font-size: 1.125em; 96 padding: calc(0.667em + 2px) calc(1.333em + 2px); 97 text-align: center; 98 text-decoration: none; 99 overflow-wrap: break-word; 100 box-sizing: border-box; 101 } 102 .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { 103 color: #fff; 104 } 105 .wp-block-button__link.aligncenter { 106 text-align: center; 107 } 108 .wp-block-button__link.alignright { 109 /*rtl:ignore*/ 110 text-align: right; 111 } 112 113 .wp-block-buttons > .wp-block-button.has-custom-width { 114 max-width: none; 115 } 116 .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { 117 width: 100%; 118 } 119 .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { 120 font-size: inherit; 121 } 122 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { 123 width: calc(25% - 0.5em); 124 } 125 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { 126 width: calc(50% - 0.5em); 127 } 128 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { 129 width: calc(75% - 0.5em); 130 } 131 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { 132 width: calc(100% - 0.5em); 133 } 134 .wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { 135 margin-right: 0; 136 width: 100%; 137 } 138 139 @supports (column-gap: 0.5em) { 140 .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button { 141 margin-right: 0; 142 margin-left: 0; 143 } 144 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { 145 width: calc(25% - 0.375em); 146 } 147 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { 148 width: calc(50% - 0.25em); 149 } 150 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { 151 width: calc(75% - 0.125em); 152 } 153 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { 154 width: auto; 155 flex-basis: 100%; 156 } 157 } 158 .wp-block-button.is-style-squared, 159 .wp-block-button__link.wp-block-button.is-style-squared { 160 border-radius: 0; 161 } 162 163 .wp-block-button.no-border-radius, 164 .wp-block-button__link.no-border-radius { 165 border-radius: 0 !important; 166 } 167 168 .is-style-outline > .wp-block-button__link, 169 .wp-block-button__link.is-style-outline { 170 border: 2px solid currentColor; 171 padding: 0.667em 1.333em; 172 } 173 174 .is-style-outline > .wp-block-button__link:not(.has-text-color), 175 .wp-block-button__link.is-style-outline:not(.has-text-color) { 176 color: currentColor; 177 } 178 179 .is-style-outline > .wp-block-button__link:not(.has-background), 180 .wp-block-button__link.is-style-outline:not(.has-background) { 181 background-color: transparent; 182 } 183 184 .wp-block-buttons { 185 display: flex; 186 flex-direction: row; 187 flex-wrap: wrap; 188 column-gap: 0.5em; 189 /* stylelint-disable indentation */ 190 } 191 .wp-block-buttons.is-vertical { 192 flex-direction: column; 193 } 194 .wp-block-buttons.is-vertical > .wp-block-button { 195 /*rtl:ignore*/ 196 margin-right: 0; 197 } 198 .wp-block-buttons.is-vertical > .wp-block-button:last-child { 199 margin-bottom: 0; 200 } 201 .wp-block-buttons > .wp-block-button { 202 display: inline-block; 203 /*rtl:ignore*/ 204 margin-left: 0; 205 /*rtl:ignore*/ 206 margin-right: 0.5em; 207 margin-bottom: 0.5em; 208 } 209 .wp-block-buttons > .wp-block-button:last-child { 210 /*rtl:ignore*/ 211 margin-right: 0; 212 } 213 .wp-block-buttons.is-content-justification-left { 214 justify-content: flex-start; 215 } 216 .wp-block-buttons.is-content-justification-left.is-vertical { 217 align-items: flex-start; 218 } 219 .wp-block-buttons.is-content-justification-center { 220 justify-content: center; 221 } 222 .wp-block-buttons.is-content-justification-center.is-vertical { 223 align-items: center; 224 } 225 .wp-block-buttons.is-content-justification-right { 226 justify-content: flex-end; 227 } 228 .wp-block-buttons.is-content-justification-right > .wp-block-button { 229 /*rtl:ignore*/ 230 margin-left: 0.5em; 231 /*rtl:ignore*/ 232 margin-right: 0; 233 } 234 .wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { 235 /*rtl:ignore*/ 236 margin-left: 0; 237 } 238 .wp-block-buttons.is-content-justification-right.is-vertical { 239 align-items: flex-end; 240 } 241 .wp-block-buttons.is-content-justification-space-between { 242 justify-content: space-between; 243 } 244 .wp-block-buttons.aligncenter { 245 text-align: center; 246 } 247 .wp-block-buttons.alignleft .wp-block-button { 248 /*rtl:ignore*/ 249 margin-left: 0; 250 /*rtl:ignore*/ 251 margin-right: 0.5em; 252 } 253 .wp-block-buttons.alignleft .wp-block-button:last-child { 254 /*rtl:ignore*/ 255 margin-right: 0; 256 } 257 .wp-block-buttons.alignright .wp-block-button { 258 /*rtl:ignore*/ 259 margin-right: 0; 260 /*rtl:ignore*/ 261 margin-left: 0.5em; 262 } 263 .wp-block-buttons.alignright .wp-block-button:first-child { 264 /*rtl:ignore*/ 265 margin-left: 0; 266 } 267 .wp-block-buttons:not(.is-content-justification-space-between, 268 .is-content-justification-right, 269 .is-content-justification-left, 270 .is-content-justification-center) .wp-block-button.aligncenter { 271 /* stylelint-enable indentation */ 272 margin-left: auto; 273 margin-right: auto; 274 margin-bottom: 0.5em; 275 width: 100%; 276 } 277 278 .wp-block-button.aligncenter { 279 text-align: center; 280 } 281 282 .wp-block-calendar { 283 text-align: center; 284 } 285 .wp-block-calendar th, 286 .wp-block-calendar tbody td { 287 padding: 0.25em; 288 border: 1px solid #ddd; 289 } 290 .wp-block-calendar tfoot td { 291 border: none; 292 } 293 .wp-block-calendar table { 294 width: 100%; 295 border-collapse: collapse; 296 } 297 .wp-block-calendar table th { 298 font-weight: 400; 299 background: #ddd; 300 } 301 .wp-block-calendar a { 302 text-decoration: underline; 303 } 304 .wp-block-calendar table tbody, 305 .wp-block-calendar table caption { 306 color: #40464d; 307 } 308 309 .wp-block-categories.alignleft { 310 /*rtl:ignore*/ 311 margin-right: 2em; 312 } 313 .wp-block-categories.alignright { 314 /*rtl:ignore*/ 315 margin-left: 2em; 316 } 317 318 .wp-block-code code { 319 display: block; 320 white-space: pre-wrap; 321 overflow-wrap: break-word; 322 } 323 324 .wp-block-columns { 325 display: flex; 326 margin-bottom: 1.75em; 327 box-sizing: border-box; 328 flex-wrap: wrap; 329 /** 330 * All Columns Alignment 331 */ 332 } 333 @media (min-width: 782px) { 334 .wp-block-columns { 335 flex-wrap: nowrap; 336 } 337 } 338 .wp-block-columns.has-background { 339 padding: 1.25em 2.375em; 340 } 341 .wp-block-columns.are-vertically-aligned-top { 342 align-items: flex-start; 343 } 344 .wp-block-columns.are-vertically-aligned-center { 345 align-items: center; 346 } 347 .wp-block-columns.are-vertically-aligned-bottom { 348 align-items: flex-end; 349 } 350 351 .wp-block-column { 352 flex-grow: 1; 353 min-width: 0; 354 word-break: break-word; 355 overflow-wrap: break-word; 356 /** 357 * Individual Column Alignment 358 */ 359 } 360 @media (max-width: 599px) { 361 .wp-block-column { 362 flex-basis: 100% !important; 363 } 364 } 365 @media (min-width: 600px) and (max-width: 781px) { 366 .wp-block-column:not(:only-child) { 367 flex-basis: calc(50% - 1em) !important; 368 flex-grow: 0; 369 } 370 .wp-block-column:nth-child(even) { 371 margin-left: 2em; 372 } 373 } 374 @media (min-width: 782px) { 375 .wp-block-column { 376 flex-basis: 0; 377 flex-grow: 1; 378 } 379 .wp-block-column[style*=flex-basis] { 380 flex-grow: 0; 381 } 382 .wp-block-column:not(:first-child) { 383 margin-left: 2em; 384 } 385 } 386 .wp-block-column.is-vertically-aligned-top { 387 align-self: flex-start; 388 } 389 .wp-block-column.is-vertically-aligned-center { 390 align-self: center; 391 } 392 .wp-block-column.is-vertically-aligned-bottom { 393 align-self: flex-end; 394 } 395 .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { 396 width: 100%; 397 } 398 399 .wp-block-cover-image, 400 .wp-block-cover { 401 position: relative; 402 background-size: cover; 403 background-position: center center; 404 min-height: 430px; 405 width: 100%; 406 display: flex; 407 justify-content: center; 408 align-items: center; 409 padding: 1em; 410 box-sizing: border-box; 411 /** 412 * Set a default background color for has-background-dim _unless_ it includes another 413 * background-color class (e.g. has-green-background-color). The presence of another 414 * background-color class implies that another style will provide the background color 415 * for the overlay. 416 * 417 * See: 418 * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 419 * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 420 */ 421 } 422 .wp-block-cover-image.has-parallax, 423 .wp-block-cover.has-parallax { 424 background-attachment: fixed; 425 } 426 @supports (-webkit-overflow-scrolling: touch) { 427 .wp-block-cover-image.has-parallax, 428 .wp-block-cover.has-parallax { 429 background-attachment: scroll; 430 } 431 } 432 @media (prefers-reduced-motion: reduce) { 433 .wp-block-cover-image.has-parallax, 434 .wp-block-cover.has-parallax { 435 background-attachment: scroll; 436 } 437 } 438 .wp-block-cover-image.is-repeated, 439 .wp-block-cover.is-repeated { 440 background-repeat: repeat; 441 background-size: auto; 442 } 443 .wp-block-cover-image.has-background-dim:not([class*=-background-color]), 444 .wp-block-cover.has-background-dim:not([class*=-background-color]) { 445 background-color: #000; 446 } 447 .wp-block-cover-image.has-background-dim::before, 448 .wp-block-cover.has-background-dim::before { 449 content: ""; 450 background-color: inherit; 451 } 452 .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, 453 .wp-block-cover-image .wp-block-cover__gradient-background, 454 .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, 455 .wp-block-cover .wp-block-cover__gradient-background { 456 position: absolute; 457 top: 0; 458 left: 0; 459 bottom: 0; 460 right: 0; 461 z-index: 1; 462 opacity: 0.5; 463 } 464 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, 465 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, 466 .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, 467 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { 468 opacity: 0.1; 469 } 470 .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, 471 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, 472 .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, 473 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { 474 opacity: 0.2; 475 } 476 .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, 477 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, 478 .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, 479 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { 480 opacity: 0.3; 481 } 482 .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, 483 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, 484 .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, 485 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { 486 opacity: 0.4; 487 } 488 .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, 489 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, 490 .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, 491 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { 492 opacity: 0.5; 493 } 494 .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, 495 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, 496 .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, 497 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { 498 opacity: 0.6; 499 } 500 .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, 501 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, 502 .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, 503 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { 504 opacity: 0.7; 505 } 506 .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, 507 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, 508 .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, 509 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { 510 opacity: 0.8; 511 } 512 .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, 513 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, 514 .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, 515 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { 516 opacity: 0.9; 517 } 518 .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, 519 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, 520 .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, 521 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { 522 opacity: 1; 523 } 524 .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, 525 .wp-block-cover.alignleft, 526 .wp-block-cover.alignright { 527 max-width: 420px; 528 width: 100%; 529 } 530 .wp-block-cover-image::after, 531 .wp-block-cover::after { 532 display: block; 533 content: ""; 534 font-size: 0; 535 min-height: inherit; 536 } 537 @supports (position: sticky) { 538 .wp-block-cover-image::after, 539 .wp-block-cover::after { 540 content: none; 541 } 542 } 543 .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, 544 .wp-block-cover.aligncenter, 545 .wp-block-cover.alignleft, 546 .wp-block-cover.alignright { 547 display: flex; 548 } 549 .wp-block-cover-image .wp-block-cover__inner-container, 550 .wp-block-cover .wp-block-cover__inner-container { 551 width: 100%; 552 z-index: 1; 553 color: #fff; 554 } 555 .wp-block-cover-image p:not(.has-text-color), 556 .wp-block-cover-image h1:not(.has-text-color), 557 .wp-block-cover-image h2:not(.has-text-color), 558 .wp-block-cover-image h3:not(.has-text-color), 559 .wp-block-cover-image h4:not(.has-text-color), 560 .wp-block-cover-image h5:not(.has-text-color), 561 .wp-block-cover-image h6:not(.has-text-color), 562 .wp-block-cover p:not(.has-text-color), 563 .wp-block-cover h1:not(.has-text-color), 564 .wp-block-cover h2:not(.has-text-color), 565 .wp-block-cover h3:not(.has-text-color), 566 .wp-block-cover h4:not(.has-text-color), 567 .wp-block-cover h5:not(.has-text-color), 568 .wp-block-cover h6:not(.has-text-color) { 569 color: inherit; 570 } 571 .wp-block-cover-image.is-position-top-left, 572 .wp-block-cover.is-position-top-left { 573 align-items: flex-start; 574 justify-content: flex-start; 575 } 576 .wp-block-cover-image.is-position-top-center, 577 .wp-block-cover.is-position-top-center { 578 align-items: flex-start; 579 justify-content: center; 580 } 581 .wp-block-cover-image.is-position-top-right, 582 .wp-block-cover.is-position-top-right { 583 align-items: flex-start; 584 justify-content: flex-end; 585 } 586 .wp-block-cover-image.is-position-center-left, 587 .wp-block-cover.is-position-center-left { 588 align-items: center; 589 justify-content: flex-start; 590 } 591 .wp-block-cover-image.is-position-center-center, 592 .wp-block-cover.is-position-center-center { 593 align-items: center; 594 justify-content: center; 595 } 596 .wp-block-cover-image.is-position-center-right, 597 .wp-block-cover.is-position-center-right { 598 align-items: center; 599 justify-content: flex-end; 600 } 601 .wp-block-cover-image.is-position-bottom-left, 602 .wp-block-cover.is-position-bottom-left { 603 align-items: flex-end; 604 justify-content: flex-start; 605 } 606 .wp-block-cover-image.is-position-bottom-center, 607 .wp-block-cover.is-position-bottom-center { 608 align-items: flex-end; 609 justify-content: center; 610 } 611 .wp-block-cover-image.is-position-bottom-right, 612 .wp-block-cover.is-position-bottom-right { 613 align-items: flex-end; 614 justify-content: flex-end; 615 } 616 .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, 617 .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { 618 margin: 0; 619 width: auto; 620 } 621 .wp-block-cover-image img.wp-block-cover__image-background, 622 .wp-block-cover-image video.wp-block-cover__video-background, 623 .wp-block-cover img.wp-block-cover__image-background, 624 .wp-block-cover video.wp-block-cover__video-background { 625 position: absolute; 626 top: 0; 627 left: 0; 628 right: 0; 629 bottom: 0; 630 margin: 0; 631 padding: 0; 632 width: 100%; 633 height: 100%; 634 max-width: none; 635 max-height: none; 636 -o-object-fit: cover; 637 object-fit: cover; 638 outline: none; 639 border: none; 640 box-shadow: none; 641 } 642 643 .wp-block-cover__video-background { 644 z-index: 0; 645 } 646 647 .wp-block-cover__image-background { 648 z-index: 0; 649 } 650 651 section.wp-block-cover-image h2, 652 .wp-block-cover-image-text, 653 .wp-block-cover-text { 654 color: #fff; 655 } 656 section.wp-block-cover-image h2 a, 657 section.wp-block-cover-image h2 a:hover, 658 section.wp-block-cover-image h2 a:focus, 659 section.wp-block-cover-image h2 a:active, 660 .wp-block-cover-image-text a, 661 .wp-block-cover-image-text a:hover, 662 .wp-block-cover-image-text a:focus, 663 .wp-block-cover-image-text a:active, 664 .wp-block-cover-text a, 665 .wp-block-cover-text a:hover, 666 .wp-block-cover-text a:focus, 667 .wp-block-cover-text a:active { 668 color: #fff; 669 } 670 671 .wp-block-cover-image .wp-block-cover.has-left-content { 672 justify-content: flex-start; 673 } 674 .wp-block-cover-image .wp-block-cover.has-right-content { 675 justify-content: flex-end; 676 } 677 678 section.wp-block-cover-image.has-left-content > h2, 679 .wp-block-cover-image.has-left-content .wp-block-cover-image-text, 680 .wp-block-cover.has-left-content .wp-block-cover-text { 681 margin-left: 0; 682 text-align: left; 683 } 684 685 section.wp-block-cover-image.has-right-content > h2, 686 .wp-block-cover-image.has-right-content .wp-block-cover-image-text, 687 .wp-block-cover.has-right-content .wp-block-cover-text { 688 margin-right: 0; 689 text-align: right; 690 } 691 692 section.wp-block-cover-image > h2, 693 .wp-block-cover-image .wp-block-cover-image-text, 694 .wp-block-cover .wp-block-cover-text { 695 font-size: 2em; 696 line-height: 1.25; 697 z-index: 1; 698 margin-bottom: 0; 699 max-width: 840px; 700 padding: 0.44em; 701 text-align: center; 702 } 703 704 .wp-block[data-align=left] > [data-type="core/embed"], 705 .wp-block[data-align=right] > [data-type="core/embed"], 706 .wp-block-embed.alignleft, 707 .wp-block-embed.alignright { 708 max-width: 360px; 709 width: 100%; 710 } 711 .wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, 712 .wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, 713 .wp-block-embed.alignleft .wp-block-embed__wrapper, 714 .wp-block-embed.alignright .wp-block-embed__wrapper { 715 min-width: 280px; 716 } 717 718 .wp-block-cover .wp-block-embed { 719 min-width: 320px; 720 min-height: 240px; 721 } 722 723 .wp-block-embed { 724 margin: 0 0 1em 0; 725 } 726 .wp-block-embed figcaption { 727 margin-top: 0.5em; 728 margin-bottom: 1em; 729 } 730 .wp-block-embed iframe { 731 max-width: 100%; 732 } 733 734 .wp-block-embed__wrapper { 735 position: relative; 736 } 737 738 .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { 739 content: ""; 740 display: block; 741 padding-top: 50%; 742 } 743 .wp-embed-responsive .wp-has-aspect-ratio iframe { 744 position: absolute; 745 top: 0; 746 right: 0; 747 bottom: 0; 748 left: 0; 749 height: 100%; 750 width: 100%; 751 } 752 753 .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { 754 padding-top: 42.85%; 755 } 756 .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { 757 padding-top: 50%; 758 } 759 .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { 760 padding-top: 56.25%; 761 } 762 .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { 763 padding-top: 75%; 764 } 765 .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { 766 padding-top: 100%; 767 } 768 .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { 769 padding-top: 177.77%; 770 } 771 .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { 772 padding-top: 200%; 773 } 774 775 .wp-block-file { 776 margin-bottom: 1.5em; 777 } 778 .wp-block-file.aligncenter { 779 text-align: center; 780 } 781 .wp-block-file.alignright { 782 /*rtl:ignore*/ 783 text-align: right; 784 } 785 .wp-block-file .wp-block-file__embed { 786 margin-bottom: 1em; 787 } 788 .wp-block-file .wp-block-file__button { 789 background: #32373c; 790 border-radius: 2em; 791 color: #fff; 792 font-size: 0.8em; 793 padding: 0.5em 1em; 794 } 795 .wp-block-file a.wp-block-file__button { 796 text-decoration: none; 797 } 798 .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { 799 box-shadow: none; 800 color: #fff; 801 opacity: 0.85; 802 text-decoration: none; 803 } 804 .wp-block-file * + .wp-block-file__button { 805 margin-left: 0.75em; 806 } 807 808 .wp-block-gallery, 809 .blocks-gallery-grid { 810 display: flex; 811 flex-wrap: wrap; 812 list-style-type: none; 813 padding: 0; 814 margin: 0; 815 } 816 .wp-block-gallery .blocks-gallery-image, 817 .wp-block-gallery .blocks-gallery-item, 818 .blocks-gallery-grid .blocks-gallery-image, 819 .blocks-gallery-grid .blocks-gallery-item { 820 margin: 0 1em 1em 0; 821 display: flex; 822 flex-grow: 1; 823 flex-direction: column; 824 justify-content: center; 825 position: relative; 826 align-self: flex-start; 827 width: calc(50% - 1em); 828 } 829 .wp-block-gallery .blocks-gallery-image:nth-of-type(even), 830 .wp-block-gallery .blocks-gallery-item:nth-of-type(even), 831 .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), 832 .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { 833 margin-right: 0; 834 } 835 .wp-block-gallery .blocks-gallery-image figure, 836 .wp-block-gallery .blocks-gallery-item figure, 837 .blocks-gallery-grid .blocks-gallery-image figure, 838 .blocks-gallery-grid .blocks-gallery-item figure { 839 margin: 0; 840 height: 100%; 841 } 842 @supports (position: sticky) { 843 .wp-block-gallery .blocks-gallery-image figure, 844 .wp-block-gallery .blocks-gallery-item figure, 845 .blocks-gallery-grid .blocks-gallery-image figure, 846 .blocks-gallery-grid .blocks-gallery-item figure { 847 display: flex; 848 align-items: flex-end; 849 justify-content: flex-start; 850 } 851 } 852 .wp-block-gallery .blocks-gallery-image img, 853 .wp-block-gallery .blocks-gallery-item img, 854 .blocks-gallery-grid .blocks-gallery-image img, 855 .blocks-gallery-grid .blocks-gallery-item img { 856 display: block; 857 max-width: 100%; 858 height: auto; 859 width: 100%; 860 } 861 @supports (position: sticky) { 862 .wp-block-gallery .blocks-gallery-image img, 863 .wp-block-gallery .blocks-gallery-item img, 864 .blocks-gallery-grid .blocks-gallery-image img, 865 .blocks-gallery-grid .blocks-gallery-item img { 866 width: auto; 867 } 868 } 869 .wp-block-gallery .blocks-gallery-image figcaption, 870 .wp-block-gallery .blocks-gallery-item figcaption, 871 .blocks-gallery-grid .blocks-gallery-image figcaption, 872 .blocks-gallery-grid .blocks-gallery-item figcaption { 873 position: absolute; 874 bottom: 0; 875 width: 100%; 876 max-height: 100%; 877 overflow: auto; 878 padding: 3em 0.77em 0.7em; 879 color: #fff; 880 text-align: center; 881 font-size: 0.8em; 882 background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); 883 box-sizing: border-box; 884 margin: 0; 885 } 886 .wp-block-gallery .blocks-gallery-image figcaption img, 887 .wp-block-gallery .blocks-gallery-item figcaption img, 888 .blocks-gallery-grid .blocks-gallery-image figcaption img, 889 .blocks-gallery-grid .blocks-gallery-item figcaption img { 890 display: inline; 891 } 892 .wp-block-gallery figcaption, 893 .blocks-gallery-grid figcaption { 894 flex-grow: 1; 895 } 896 .wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, 897 .blocks-gallery-grid.is-cropped .blocks-gallery-image, 898 .blocks-gallery-grid.is-cropped .blocks-gallery-item { 899 align-self: inherit; 900 } 901 .wp-block-gallery.is-cropped .blocks-gallery-image a, 902 .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, 903 .wp-block-gallery.is-cropped .blocks-gallery-item img, 904 .blocks-gallery-grid.is-cropped .blocks-gallery-image a, 905 .blocks-gallery-grid.is-cropped .blocks-gallery-image img, 906 .blocks-gallery-grid.is-cropped .blocks-gallery-item a, 907 .blocks-gallery-grid.is-cropped .blocks-gallery-item img { 908 width: 100%; 909 } 910 @supports (position: sticky) { 911 .wp-block-gallery.is-cropped .blocks-gallery-image a, 912 .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, 913 .wp-block-gallery.is-cropped .blocks-gallery-item img, 914 .blocks-gallery-grid.is-cropped .blocks-gallery-image a, 915 .blocks-gallery-grid.is-cropped .blocks-gallery-image img, 916 .blocks-gallery-grid.is-cropped .blocks-gallery-item a, 917 .blocks-gallery-grid.is-cropped .blocks-gallery-item img { 918 height: 100%; 919 flex: 1; 920 -o-object-fit: cover; 921 object-fit: cover; 922 } 923 } 924 .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, 925 .blocks-gallery-grid.columns-1 .blocks-gallery-image, 926 .blocks-gallery-grid.columns-1 .blocks-gallery-item { 927 width: 100%; 928 margin-right: 0; 929 } 930 @media (min-width: 600px) { 931 .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, 932 .blocks-gallery-grid.columns-3 .blocks-gallery-image, 933 .blocks-gallery-grid.columns-3 .blocks-gallery-item { 934 width: calc(33.3333333333% - 0.6666666667em); 935 margin-right: 1em; 936 } 937 .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, 938 .blocks-gallery-grid.columns-4 .blocks-gallery-image, 939 .blocks-gallery-grid.columns-4 .blocks-gallery-item { 940 width: calc(25% - 0.75em); 941 margin-right: 1em; 942 } 943 .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, 944 .blocks-gallery-grid.columns-5 .blocks-gallery-image, 945 .blocks-gallery-grid.columns-5 .blocks-gallery-item { 946 width: calc(20% - 0.8em); 947 margin-right: 1em; 948 } 949 .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, 950 .blocks-gallery-grid.columns-6 .blocks-gallery-image, 951 .blocks-gallery-grid.columns-6 .blocks-gallery-item { 952 width: calc(16.6666666667% - 0.8333333333em); 953 margin-right: 1em; 954 } 955 .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, 956 .blocks-gallery-grid.columns-7 .blocks-gallery-image, 957 .blocks-gallery-grid.columns-7 .blocks-gallery-item { 958 width: calc(14.2857142857% - 0.8571428571em); 959 margin-right: 1em; 960 } 961 .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, 962 .blocks-gallery-grid.columns-8 .blocks-gallery-image, 963 .blocks-gallery-grid.columns-8 .blocks-gallery-item { 964 width: calc(12.5% - 0.875em); 965 margin-right: 1em; 966 } 967 .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), 968 .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), 969 .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { 970 margin-right: 0; 971 } 972 .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), 973 .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), 974 .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { 975 margin-right: 0; 976 } 977 .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), 978 .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), 979 .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { 980 margin-right: 0; 981 } 982 .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), 983 .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), 984 .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { 985 margin-right: 0; 986 } 987 .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), 988 .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), 989 .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { 990 margin-right: 0; 991 } 992 .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), 993 .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), 994 .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { 995 margin-right: 0; 996 } 997 .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), 998 .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), 999 .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { 1000 margin-right: 0; 1001 } 1002 .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), 1003 .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), 1004 .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { 1005 margin-right: 0; 1006 } 1007 } 1008 .wp-block-gallery .blocks-gallery-image:last-child, 1009 .wp-block-gallery .blocks-gallery-item:last-child, 1010 .blocks-gallery-grid .blocks-gallery-image:last-child, 1011 .blocks-gallery-grid .blocks-gallery-item:last-child { 1012 margin-right: 0; 1013 } 1014 .wp-block-gallery.alignleft, .wp-block-gallery.alignright, 1015 .blocks-gallery-grid.alignleft, 1016 .blocks-gallery-grid.alignright { 1017 max-width: 420px; 1018 width: 100%; 1019 } 1020 .wp-block-gallery.aligncenter .blocks-gallery-item figure, 1021 .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { 1022 justify-content: center; 1023 } 1024 1025 .wp-block-group { 1026 box-sizing: border-box; 1027 } 1028 1029 h1.has-background, 1030 h2.has-background, 1031 h3.has-background, 1032 h4.has-background, 1033 h5.has-background, 1034 h6.has-background { 1035 padding: 1.25em 2.375em; 1036 } 1037 1038 .wp-block-image { 1039 margin: 0 0 1em 0; 1040 } 1041 .wp-block-image img { 1042 max-width: 100%; 1043 } 1044 .wp-block-image:not(.is-style-rounded) img { 1045 border-radius: inherit; 1046 } 1047 .wp-block-image.aligncenter { 1048 text-align: center; 1049 } 1050 .wp-block-image.alignfull img, .wp-block-image.alignwide img { 1051 width: 100%; 1052 } 1053 .wp-block-image .alignleft, 1054 .wp-block-image .alignright, 1055 .wp-block-image .aligncenter { 1056 display: table; 1057 } 1058 .wp-block-image .alignleft > figcaption, 1059 .wp-block-image .alignright > figcaption, 1060 .wp-block-image .aligncenter > figcaption { 1061 display: table-caption; 1062 caption-side: bottom; 1063 } 1064 .wp-block-image .alignleft { 1065 /*rtl:ignore*/ 1066 float: left; 1067 /*rtl:ignore*/ 1068 margin-left: 0; 1069 margin-right: 1em; 1070 margin-top: 0.5em; 1071 margin-bottom: 0.5em; 1072 } 1073 .wp-block-image .alignright { 1074 /*rtl:ignore*/ 1075 float: right; 1076 /*rtl:ignore*/ 1077 margin-right: 0; 1078 margin-left: 1em; 1079 margin-top: 0.5em; 1080 margin-bottom: 0.5em; 1081 } 1082 .wp-block-image .aligncenter { 1083 margin-left: auto; 1084 margin-right: auto; 1085 } 1086 .wp-block-image figcaption { 1087 margin-top: 0.5em; 1088 margin-bottom: 1em; 1089 } 1090 .wp-block-image.is-style-rounded img { 1091 border-radius: 9999px; 1092 } 1093 .wp-block-image.is-style-circle-mask img { 1094 border-radius: 9999px; 1095 } 1096 @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { 1097 .wp-block-image.is-style-circle-mask img { 1098 /* stylelint-disable */ 1099 -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>'); 1100 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>'); 1101 /* stylelint-enable */ 1102 mask-mode: alpha; 1103 -webkit-mask-repeat: no-repeat; 1104 mask-repeat: no-repeat; 1105 -webkit-mask-size: contain; 1106 mask-size: contain; 1107 -webkit-mask-position: center; 1108 mask-position: center; 1109 border-radius: 0; 1110 } 1111 } 1112 1113 .wp-block-image figure { 1114 margin: 0; 1115 } 1116 1117 ol.wp-block-latest-comments { 1118 margin-left: 0; 1119 } 1120 1121 .wp-block-latest-comments .wp-block-latest-comments { 1122 padding-left: 0; 1123 } 1124 1125 .wp-block-latest-comments__comment { 1126 line-height: 1.1; 1127 list-style: none; 1128 margin-bottom: 1em; 1129 } 1130 .has-avatars .wp-block-latest-comments__comment { 1131 min-height: 2.25em; 1132 list-style: none; 1133 } 1134 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, 1135 .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { 1136 margin-left: 3.25em; 1137 } 1138 .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { 1139 line-height: 1.5; 1140 } 1141 1142 .wp-block-latest-comments__comment-excerpt p { 1143 font-size: 0.875em; 1144 line-height: 1.8; 1145 margin: 0.36em 0 1.4em; 1146 } 1147 1148 .wp-block-latest-comments__comment-date { 1149 display: block; 1150 font-size: 0.75em; 1151 } 1152 1153 .wp-block-latest-comments .avatar, 1154 .wp-block-latest-comments__comment-avatar { 1155 border-radius: 1.5em; 1156 display: block; 1157 float: left; 1158 height: 2.5em; 1159 margin-right: 0.75em; 1160 width: 2.5em; 1161 } 1162 1163 .wp-block-latest-posts.alignleft { 1164 /*rtl:ignore*/ 1165 margin-right: 2em; 1166 } 1167 .wp-block-latest-posts.alignright { 1168 /*rtl:ignore*/ 1169 margin-left: 2em; 1170 } 1171 .wp-block-latest-posts.wp-block-latest-posts__list { 1172 list-style: none; 1173 padding-left: 0; 1174 } 1175 .wp-block-latest-posts.wp-block-latest-posts__list li { 1176 clear: both; 1177 } 1178 .wp-block-latest-posts.is-grid { 1179 display: flex; 1180 flex-wrap: wrap; 1181 padding: 0; 1182 } 1183 .wp-block-latest-posts.is-grid li { 1184 margin: 0 1.25em 1.25em 0; 1185 width: 100%; 1186 } 1187 @media (min-width: 600px) { 1188 .wp-block-latest-posts.columns-2 li { 1189 width: calc((100% / 2) - 1.25em + (1.25em / 2)); 1190 } 1191 .wp-block-latest-posts.columns-2 li:nth-child(2n) { 1192 margin-right: 0; 1193 } 1194 .wp-block-latest-posts.columns-3 li { 1195 width: calc((100% / 3) - 1.25em + (1.25em / 3)); 1196 } 1197 .wp-block-latest-posts.columns-3 li:nth-child(3n) { 1198 margin-right: 0; 1199 } 1200 .wp-block-latest-posts.columns-4 li { 1201 width: calc((100% / 4) - 1.25em + (1.25em / 4)); 1202 } 1203 .wp-block-latest-posts.columns-4 li:nth-child(4n) { 1204 margin-right: 0; 1205 } 1206 .wp-block-latest-posts.columns-5 li { 1207 width: calc((100% / 5) - 1.25em + (1.25em / 5)); 1208 } 1209 .wp-block-latest-posts.columns-5 li:nth-child(5n) { 1210 margin-right: 0; 1211 } 1212 .wp-block-latest-posts.columns-6 li { 1213 width: calc((100% / 6) - 1.25em + (1.25em / 6)); 1214 } 1215 .wp-block-latest-posts.columns-6 li:nth-child(6n) { 1216 margin-right: 0; 1217 } 1218 } 1219 1220 .wp-block-latest-posts__post-date, 1221 .wp-block-latest-posts__post-author { 1222 display: block; 1223 color: #555; 1224 font-size: 0.8125em; 1225 } 1226 1227 .wp-block-latest-posts__post-excerpt { 1228 margin-top: 0.5em; 1229 margin-bottom: 1em; 1230 } 1231 1232 .wp-block-latest-posts__featured-image a { 1233 display: inline-block; 1234 } 1235 .wp-block-latest-posts__featured-image img { 1236 height: auto; 1237 width: auto; 1238 max-width: 100%; 1239 } 1240 .wp-block-latest-posts__featured-image.alignleft { 1241 /*rtl:ignore*/ 1242 margin-right: 1em; 1243 } 1244 .wp-block-latest-posts__featured-image.alignright { 1245 /*rtl:ignore*/ 1246 margin-left: 1em; 1247 } 1248 .wp-block-latest-posts__featured-image.aligncenter { 1249 margin-bottom: 1em; 1250 text-align: center; 1251 } 1252 1253 .block-editor-image-alignment-control__row .components-base-control__field { 1254 display: flex; 1255 justify-content: space-between; 1256 align-items: center; 1257 } 1258 .block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { 1259 margin-bottom: 0; 1260 } 1261 1262 ol.has-background, 1263 ul.has-background { 1264 padding: 1.25em 2.375em; 1265 } 1266 1267 .wp-block-media-text { 1268 /*!rtl:begin:ignore*/ 1269 direction: ltr; 1270 /*!rtl:end:ignore*/ 1271 display: grid; 1272 grid-template-columns: 50% 1fr; 1273 grid-template-rows: auto; 1274 } 1275 .wp-block-media-text.has-media-on-the-right { 1276 grid-template-columns: 1fr 50%; 1277 } 1278 1279 .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, 1280 .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { 1281 align-self: start; 1282 } 1283 1284 .wp-block-media-text .wp-block-media-text__content, 1285 .wp-block-media-text .wp-block-media-text__media, 1286 .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, 1287 .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { 1288 align-self: center; 1289 } 1290 1291 .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, 1292 .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { 1293 align-self: end; 1294 } 1295 1296 .wp-block-media-text .wp-block-media-text__media { 1297 /*!rtl:begin:ignore*/ 1298 grid-column: 1; 1299 grid-row: 1; 1300 /*!rtl:end:ignore*/ 1301 margin: 0; 1302 } 1303 1304 .wp-block-media-text .wp-block-media-text__content { 1305 direction: ltr; 1306 /*!rtl:begin:ignore*/ 1307 grid-column: 2; 1308 grid-row: 1; 1309 /*!rtl:end:ignore*/ 1310 padding: 0 8% 0 8%; 1311 word-break: break-word; 1312 } 1313 1314 .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { 1315 /*!rtl:begin:ignore*/ 1316 grid-column: 2; 1317 grid-row: 1; 1318 /*!rtl:end:ignore*/ 1319 } 1320 1321 .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { 1322 /*!rtl:begin:ignore*/ 1323 grid-column: 1; 1324 grid-row: 1; 1325 /*!rtl:end:ignore*/ 1326 } 1327 1328 .wp-block-media-text__media img, 1329 .wp-block-media-text__media video { 1330 max-width: unset; 1331 width: 100%; 1332 vertical-align: middle; 1333 } 1334 1335 .wp-block-media-text.is-image-fill .wp-block-media-text__media { 1336 height: 100%; 1337 min-height: 250px; 1338 background-size: cover; 1339 } 1340 1341 .wp-block-media-text.is-image-fill .wp-block-media-text__media > a { 1342 display: block; 1343 height: 100%; 1344 } 1345 1346 .wp-block-media-text.is-image-fill .wp-block-media-text__media img { 1347 position: absolute; 1348 width: 1px; 1349 height: 1px; 1350 padding: 0; 1351 margin: -1px; 1352 overflow: hidden; 1353 clip: rect(0, 0, 0, 0); 1354 border: 0; 1355 } 1356 1357 /* 1358 * Here we here not able to use a mobile first CSS approach. 1359 * Custom widths are set using inline styles, and on mobile, 1360 * we need 100% width, so we use important to overwrite the inline style. 1361 * If the style were set on mobile first, on desktop styles, 1362 * we would have no way of setting the style again to the inline style. 1363 */ 1364 @media (max-width: 600px) { 1365 .wp-block-media-text.is-stacked-on-mobile { 1366 grid-template-columns: 100% !important; 1367 } 1368 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { 1369 grid-column: 1; 1370 grid-row: 1; 1371 } 1372 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { 1373 grid-column: 1; 1374 grid-row: 2; 1375 } 1376 } 1377 .wp-block-navigation { 1378 position: relative; 1379 } 1380 .wp-block-navigation ul, 1381 .wp-block-navigation ul li { 1382 list-style: none; 1383 padding: 0; 1384 } 1385 .wp-block-navigation .wp-block-pages-list__item, 1386 .wp-block-navigation .wp-block-navigation-link { 1387 display: flex; 1388 align-items: center; 1389 position: relative; 1390 } 1391 .wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty, 1392 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty { 1393 display: none; 1394 } 1395 .wp-block-navigation .wp-block-pages-list__item__link, 1396 .wp-block-navigation .wp-block-navigation-link__content { 1397 color: inherit; 1398 display: block; 1399 } 1400 .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item, 1401 .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container, 1402 .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link { 1403 text-decoration: inherit; 1404 } 1405 .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link, 1406 .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content { 1407 text-decoration: inherit; 1408 } 1409 .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus, .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active, 1410 .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, 1411 .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active { 1412 text-decoration: inherit; 1413 } 1414 .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link, 1415 .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content { 1416 text-decoration: none; 1417 } 1418 .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active, 1419 .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus, 1420 .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active { 1421 text-decoration: none; 1422 } 1423 .wp-block-navigation .wp-block-page-list__submenu-icon, 1424 .wp-block-navigation .wp-block-navigation-link__submenu-icon { 1425 height: inherit; 1426 } 1427 .wp-block-navigation .wp-block-page-list__submenu-icon svg, 1428 .wp-block-navigation .wp-block-navigation-link__submenu-icon svg { 1429 stroke: currentColor; 1430 } 1431 .wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link, 1432 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content { 1433 padding: 0; 1434 } 1435 .wp-block-navigation .has-child > .wp-block-pages-list__item__link, 1436 .wp-block-navigation .has-child > .wp-block-navigation-link__content { 1437 margin-right: 0.5em; 1438 } 1439 .wp-block-navigation .has-child .submenu-container, 1440 .wp-block-navigation .has-child .wp-block-navigation-link__container { 1441 background-color: inherit; 1442 color: inherit; 1443 position: absolute; 1444 z-index: 2; 1445 flex-direction: column; 1446 align-items: normal; 1447 min-width: 200px; 1448 display: none; 1449 opacity: 0; 1450 transition: opacity 0.1s linear; 1451 visibility: hidden; 1452 } 1453 .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, 1454 .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content, 1455 .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link, 1456 .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content, 1457 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, 1458 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content, 1459 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link, 1460 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content { 1461 flex-grow: 1; 1462 } 1463 .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, 1464 .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, 1465 .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, 1466 .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, 1467 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, 1468 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, 1469 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, 1470 .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { 1471 padding-right: 0.5em; 1472 } 1473 @media (min-width: 782px) { 1474 .wp-block-navigation .has-child .submenu-container .submenu-container::before, 1475 .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container::before, 1476 .wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container::before, 1477 .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container::before { 1478 content: ""; 1479 position: absolute; 1480 right: 100%; 1481 height: 100%; 1482 display: block; 1483 width: 0.5em; 1484 background: transparent; 1485 } 1486 .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg, 1487 .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg, 1488 .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg, 1489 .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg { 1490 transform: rotate(-90deg); 1491 } 1492 } 1493 .wp-block-navigation .has-child:hover > .wp-block-navigation-link__container { 1494 display: flex; 1495 visibility: visible; 1496 opacity: 1; 1497 } 1498 .wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container { 1499 display: flex; 1500 visibility: visible; 1501 opacity: 1; 1502 } 1503 .wp-block-navigation .has-child:hover { 1504 cursor: pointer; 1505 } 1506 .wp-block-navigation .has-child:hover > .submenu-container { 1507 display: flex; 1508 visibility: visible; 1509 opacity: 1; 1510 } 1511 .wp-block-navigation .has-child:focus-within { 1512 cursor: pointer; 1513 } 1514 .wp-block-navigation .has-child:focus-within > .submenu-container { 1515 display: flex; 1516 visibility: visible; 1517 opacity: 1; 1518 } 1519 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container, 1520 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container, 1521 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container, 1522 .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container, 1523 .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container { 1524 left: auto; 1525 right: 0; 1526 } 1527 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container, 1528 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, 1529 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, 1530 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container, 1531 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, 1532 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, 1533 .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container, 1534 .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container, 1535 .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container, 1536 .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container, 1537 .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container, 1538 .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container, 1539 .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { 1540 left: auto; 1541 right: 100%; 1542 } 1543 1544 .wp-block-navigation.wp-block-navigation .wp-block-page-list, 1545 .wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item, 1546 .wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link { 1547 margin: 0 2em 0 0; 1548 } 1549 .wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child, 1550 .wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child, 1551 .wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child { 1552 margin-right: 0; 1553 } 1554 .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list, 1555 .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item, 1556 .wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link { 1557 margin: 0 0.5em 0 0; 1558 } 1559 .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link, 1560 .wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content { 1561 padding: 0.5em 1em; 1562 } 1563 .wp-block-navigation.wp-block-navigation .has-child .submenu-container, 1564 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container { 1565 left: -1em; 1566 top: 100%; 1567 } 1568 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item, 1569 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link, 1570 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item, 1571 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link { 1572 margin: 0; 1573 } 1574 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link, 1575 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content, 1576 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link, 1577 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content { 1578 padding: 0.5em 1em; 1579 } 1580 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, 1581 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, 1582 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, 1583 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { 1584 left: -1px; 1585 } 1586 @media (min-width: 782px) { 1587 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, 1588 .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, 1589 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, 1590 .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { 1591 left: 100%; 1592 top: -1px; 1593 } 1594 } 1595 .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container { 1596 left: 0; 1597 top: 100%; 1598 } 1599 .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, 1600 .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, 1601 .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { 1602 left: 0; 1603 } 1604 @media (min-width: 782px) { 1605 .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, 1606 .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, 1607 .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { 1608 left: 100%; 1609 top: 0; 1610 } 1611 } 1612 1613 .wp-block-navigation:not(.has-background) .submenu-container, 1614 .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container { 1615 background-color: #fff; 1616 color: #000; 1617 border: 1px solid rgba(0, 0, 0, 0.15); 1618 } 1619 1620 .wp-block-navigation__container { 1621 align-items: center; 1622 list-style: none; 1623 margin: 0; 1624 padding-left: 0; 1625 } 1626 .wp-block-navigation__container .is-responsive { 1627 display: none; 1628 } 1629 @media (min-width: 600px) { 1630 .wp-block-navigation__container { 1631 display: flex; 1632 flex-wrap: wrap; 1633 } 1634 .is-vertical .wp-block-navigation__container { 1635 display: block; 1636 flex-direction: column; 1637 align-items: flex-start; 1638 } 1639 } 1640 1641 .items-justified-center .wp-block-navigation__container { 1642 justify-content: center; 1643 } 1644 1645 .items-justified-right .wp-block-navigation__container { 1646 justify-content: flex-end; 1647 } 1648 1649 .items-justified-space-between .wp-block-navigation__container { 1650 justify-content: space-between; 1651 } 1652 1653 .is-vertical.items-justified-center > ul { 1654 align-items: center; 1655 } 1656 1657 .is-vertical.items-justified-right > ul { 1658 align-items: flex-end; 1659 } 1660 .is-vertical.items-justified-right > ul .wp-block-navigation-link, 1661 .is-vertical.items-justified-right > ul .wp-block-pages-list__item { 1662 margin-right: 0; 1663 justify-content: flex-end; 1664 } 1665 1666 /** 1667 * Mobile menu. 1668 */ 1669 .wp-block-navigation__responsive-container { 1670 display: none; 1671 position: fixed; 1672 top: 0; 1673 left: 0; 1674 right: 0; 1675 bottom: 0; 1676 z-index: 1; 1677 align-items: flex-start; 1678 justify-content: flex-start; 1679 } 1680 .wp-block-navigation__responsive-container.is-menu-open { 1681 display: flex; 1682 flex-direction: column; 1683 overflow: auto; 1684 z-index: 100000; 1685 padding: 24px; 1686 background-color: inherit; 1687 } 1688 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { 1689 display: flex; 1690 flex-direction: column; 1691 margin-left: auto; 1692 margin-right: auto; 1693 align-items: flex-start; 1694 line-height: 48px; 1695 padding: 0; 1696 } 1697 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list { 1698 flex-direction: column; 1699 } 1700 .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container, 1701 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container, 1702 .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item, 1703 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link { 1704 background: transparent !important; 1705 } 1706 @media (min-width: 600px) { 1707 .wp-block-navigation__responsive-container:not(.is-menu-open) { 1708 display: flex; 1709 flex-direction: row; 1710 position: relative; 1711 background-color: inherit; 1712 } 1713 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { 1714 display: none; 1715 } 1716 .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container, 1717 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container { 1718 left: 0; 1719 } 1720 } 1721 1722 .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { 1723 background-color: #fff; 1724 color: #000; 1725 } 1726 1727 .wp-block-navigation__responsive-container-open, 1728 .wp-block-navigation__responsive-container-close { 1729 vertical-align: middle; 1730 cursor: pointer; 1731 color: currentColor; 1732 background: transparent; 1733 border: none; 1734 margin: 0; 1735 padding: 0; 1736 } 1737 .wp-block-navigation__responsive-container-open svg, 1738 .wp-block-navigation__responsive-container-close svg { 1739 fill: currentColor; 1740 pointer-events: none; 1741 display: block; 1742 width: 24px; 1743 height: 24px; 1744 } 1745 1746 .wp-block-navigation__responsive-container-open { 1747 display: flex; 1748 } 1749 @media (min-width: 600px) { 1750 .wp-block-navigation__responsive-container-open { 1751 display: none; 1752 } 1753 } 1754 .items-justified-left .wp-block-navigation__responsive-container-open { 1755 margin-left: 0; 1756 margin-right: auto; 1757 } 1758 .items-justified-center .wp-block-navigation__responsive-container-open { 1759 margin-left: auto; 1760 margin-right: auto; 1761 } 1762 .items-justified-right .wp-block-navigation__responsive-container-open { 1763 margin-left: auto; 1764 margin-right: 0; 1765 } 1766 1767 .wp-block-navigation__responsive-container-close { 1768 position: absolute; 1769 top: 24px; 1770 right: 24px; 1771 z-index: 2; 1772 } 1773 1774 .wp-block-navigation__responsive-close { 1775 width: 100%; 1776 } 1777 1778 .is-menu-open .wp-block-navigation__responsive-close, 1779 .is-menu-open .wp-block-navigation__responsive-dialog, 1780 .is-menu-open .wp-block-navigation__responsive-container-content { 1781 width: 100%; 1782 height: 100%; 1783 } 1784 1785 .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon, 1786 .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon { 1787 display: none; 1788 } 1789 .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container, 1790 .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container { 1791 position: relative; 1792 opacity: 1; 1793 visibility: visible; 1794 padding: 0 0 0 32px; 1795 border: none; 1796 } 1797 .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, 1798 .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item { 1799 flex-direction: column; 1800 align-items: flex-start; 1801 } 1802 1803 html.has-modal-open { 1804 overflow: hidden; 1805 } 1806 1807 .wp-block-navigation .wp-block-navigation-link__label { 1808 word-break: normal; 1809 overflow-wrap: break-word; 1810 } 1811 1812 .wp-block-navigation .wp-block-home-link__content { 1813 color: inherit; 1814 display: block; 1815 padding: 0.5em 1em; 1816 } 1817 .wp-block-navigation[style*=text-decoration] .wp-block-home-link { 1818 text-decoration: inherit; 1819 } 1820 .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content { 1821 text-decoration: inherit; 1822 } 1823 .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active { 1824 text-decoration: inherit; 1825 } 1826 .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content { 1827 text-decoration: none; 1828 } 1829 .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active { 1830 text-decoration: none; 1831 } 1832 1833 .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { 1834 background-color: #fff; 1835 color: #000; 1836 border: 1px solid rgba(0, 0, 0, 0.15); 1837 } 1838 .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { 1839 top: -1px; 1840 } 1841 1842 .wp-block-navigation .wp-block-page-list { 1843 display: flex; 1844 flex-wrap: wrap; 1845 background-color: inherit; 1846 } 1847 .wp-block-navigation .wp-block-pages-list__item { 1848 background-color: inherit; 1849 } 1850 .wp-block-navigation .wp-block-page-list__submenu-icon { 1851 display: none; 1852 } 1853 .wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon { 1854 display: block; 1855 } 1856 1857 .is-vertical .wp-block-navigation__container .wp-block-page-list, 1858 .is-open .wp-block-navigation__container .wp-block-page-list { 1859 display: block; 1860 } 1861 1862 @media (min-width: 480px) { 1863 .is-open .wp-block-navigation__container .wp-block-page-list { 1864 display: flex; 1865 } 1866 } 1867 1868 .items-justified-space-between .wp-block-page-list { 1869 display: contents; 1870 } 1871 1872 .is-small-text { 1873 font-size: 0.875em; 1874 } 1875 1876 .is-regular-text { 1877 font-size: 1em; 1878 } 1879 1880 .is-large-text { 1881 font-size: 2.25em; 1882 } 1883 1884 .is-larger-text { 1885 font-size: 3em; 1886 } 1887 1888 .has-drop-cap:not(:focus)::first-letter { 1889 float: left; 1890 font-size: 8.4em; 1891 line-height: 0.68; 1892 font-weight: 100; 1893 margin: 0.05em 0.1em 0 0; 1894 text-transform: uppercase; 1895 font-style: normal; 1896 } 1897 1898 p.has-drop-cap.has-background { 1899 overflow: hidden; 1900 } 1901 1902 p.has-background { 1903 padding: 1.25em 2.375em; 1904 } 1905 1906 p.has-text-color a { 1907 color: inherit; 1908 } 1909 1910 .wp-block-post-author { 1911 display: flex; 1912 flex-wrap: wrap; 1913 } 1914 .wp-block-post-author__byline { 1915 width: 100%; 1916 margin-top: 0; 1917 margin-bottom: 0; 1918 font-size: 0.5em; 1919 } 1920 .wp-block-post-author__avatar { 1921 margin-right: 1em; 1922 } 1923 .wp-block-post-author__bio { 1924 margin-bottom: 0.7em; 1925 font-size: 0.7em; 1926 } 1927 .wp-block-post-author__content { 1928 flex-grow: 1; 1929 flex-basis: 0; 1930 } 1931 .wp-block-post-author__name { 1932 font-weight: bold; 1933 margin: 0; 1934 } 1935 1936 .wp-block-post-comments .commentlist { 1937 list-style: none; 1938 margin: 0; 1939 padding: 0; 1940 } 1941 .wp-block-post-comments .commentlist .comment { 1942 min-height: 2.25em; 1943 padding-left: 3.25em; 1944 } 1945 .wp-block-post-comments .commentlist .comment p { 1946 font-size: 0.875em; 1947 line-height: 1.8; 1948 margin: 0.36em 0 1.4em; 1949 } 1950 .wp-block-post-comments .commentlist .children { 1951 list-style: none; 1952 margin: 0; 1953 padding: 0; 1954 } 1955 .wp-block-post-comments .comment-author { 1956 line-height: 1.5; 1957 margin-left: -3.25em; 1958 } 1959 .wp-block-post-comments .comment-author .avatar { 1960 border-radius: 1.5em; 1961 display: block; 1962 float: left; 1963 height: 2.5em; 1964 margin-right: 0.75em; 1965 width: 2.5em; 1966 } 1967 .wp-block-post-comments .comment-author cite { 1968 font-style: normal; 1969 } 1970 .wp-block-post-comments .comment-meta { 1971 line-height: 1.5; 1972 margin-left: -3.25em; 1973 } 1974 .wp-block-post-comments .comment-body .commentmetadata { 1975 font-size: 0.75em; 1976 } 1977 .wp-block-post-comments .comment-form-comment label, 1978 .wp-block-post-comments .comment-form-author label, 1979 .wp-block-post-comments .comment-form-email label, 1980 .wp-block-post-comments .comment-form-url label { 1981 display: block; 1982 } 1983 .wp-block-post-comments .comment-form-comment textarea { 1984 box-sizing: border-box; 1985 width: 100%; 1986 } 1987 .wp-block-post-comments .reply { 1988 font-size: 0.75em; 1989 margin-bottom: 1.4em; 1990 } 1991 .wp-block-post-comments textarea, 1992 .wp-block-post-comments input { 1993 border: 1px solid #949494; 1994 } 1995 1996 .wp-block-post-comments-form input[type=submit] { 1997 border: none; 1998 box-shadow: none; 1999 cursor: pointer; 2000 display: inline-block; 2001 text-align: center; 2002 overflow-wrap: break-word; 2003 } 2004 2005 .wp-block-post-excerpt__more-link { 2006 display: inline-block; 2007 } 2008 2009 .wp-block-post-title a { 2010 display: inline-block; 2011 } 2012 2013 .wp-block-preformatted { 2014 white-space: pre-wrap; 2015 } 2016 2017 .wp-block-preformatted.has-background { 2018 padding: 1.25em 2.375em; 2019 } 2020 2021 .wp-block-pullquote { 2022 margin: 0 0 1em 0; 2023 padding: 3em 0; 2024 text-align: center; 2025 } 2026 .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { 2027 max-width: 420px; 2028 } 2029 .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { 2030 font-size: 1.25em; 2031 } 2032 .wp-block-pullquote p { 2033 font-size: 1.75em; 2034 line-height: 1.6; 2035 } 2036 .wp-block-pullquote cite, 2037 .wp-block-pullquote footer { 2038 position: relative; 2039 } 2040 .wp-block-pullquote .has-text-color a { 2041 color: inherit; 2042 } 2043 2044 .wp-block-pullquote:not(.is-style-solid-color) { 2045 background: none; 2046 } 2047 2048 .wp-block-pullquote.is-style-solid-color { 2049 border: none; 2050 } 2051 .wp-block-pullquote.is-style-solid-color blockquote { 2052 margin-left: auto; 2053 margin-right: auto; 2054 text-align: left; 2055 max-width: 60%; 2056 } 2057 .wp-block-pullquote.is-style-solid-color blockquote p { 2058 margin-top: 0; 2059 margin-bottom: 0; 2060 font-size: 2em; 2061 } 2062 .wp-block-pullquote.is-style-solid-color blockquote cite { 2063 text-transform: none; 2064 font-style: normal; 2065 } 2066 2067 .wp-block-pullquote cite { 2068 color: inherit; 2069 } 2070 2071 .wp-block-post-template, 2072 .wp-block-query-loop { 2073 max-width: 100%; 2074 list-style: none; 2075 padding: 0; 2076 } 2077 .wp-block-post-template li, 2078 .wp-block-query-loop li { 2079 clear: both; 2080 } 2081 .wp-block-post-template.is-flex-container, 2082 .wp-block-query-loop.is-flex-container { 2083 flex-direction: row; 2084 display: flex; 2085 flex-wrap: wrap; 2086 } 2087 .wp-block-post-template.is-flex-container li, 2088 .wp-block-query-loop.is-flex-container li { 2089 margin: 0 0 1.25em 0; 2090 width: 100%; 2091 } 2092 @media (min-width: 600px) { 2093 .wp-block-post-template.is-flex-container li, 2094 .wp-block-query-loop.is-flex-container li { 2095 margin-right: 1.25em; 2096 } 2097 .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, 2098 .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { 2099 width: calc((100% / 2) - 1.25em + (1.25em / 2)); 2100 } 2101 .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n), 2102 .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { 2103 margin-right: 0; 2104 } 2105 .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, 2106 .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { 2107 width: calc((100% / 3) - 1.25em + (1.25em / 3)); 2108 } 2109 .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), 2110 .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { 2111 margin-right: 0; 2112 } 2113 .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, 2114 .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { 2115 width: calc((100% / 4) - 1.25em + (1.25em / 4)); 2116 } 2117 .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n), 2118 .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { 2119 margin-right: 0; 2120 } 2121 .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, 2122 .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { 2123 width: calc((100% / 5) - 1.25em + (1.25em / 5)); 2124 } 2125 .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n), 2126 .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { 2127 margin-right: 0; 2128 } 2129 .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, 2130 .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { 2131 width: calc((100% / 6) - 1.25em + (1.25em / 6)); 2132 } 2133 .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n), 2134 .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { 2135 margin-right: 0; 2136 } 2137 } 2138 2139 .wp-block-query-pagination { 2140 display: flex; 2141 flex-direction: row; 2142 flex-wrap: wrap; 2143 } 2144 .wp-block-query-pagination > .wp-block-query-pagination-next, 2145 .wp-block-query-pagination > .wp-block-query-pagination-previous, 2146 .wp-block-query-pagination > .wp-block-query-pagination-numbers { 2147 display: inline-block; 2148 /*rtl:ignore*/ 2149 margin-right: 0.5em; 2150 margin-bottom: 0.5em; 2151 } 2152 .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, 2153 .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, 2154 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { 2155 /*rtl:ignore*/ 2156 margin-right: 0; 2157 } 2158 2159 .wp-block-quote.is-style-large, .wp-block-quote.is-large { 2160 margin-bottom: 1em; 2161 padding: 0 1em; 2162 } 2163 .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { 2164 font-size: 1.5em; 2165 font-style: italic; 2166 line-height: 1.6; 2167 } 2168 .wp-block-quote.is-style-large cite, 2169 .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, 2170 .wp-block-quote.is-large footer { 2171 font-size: 1.125em; 2172 text-align: right; 2173 } 2174 2175 .wp-block-rss.wp-block-rss { 2176 box-sizing: border-box; 2177 } 2178 .wp-block-rss.alignleft { 2179 /*rtl:ignore*/ 2180 margin-right: 2em; 2181 } 2182 .wp-block-rss.alignright { 2183 /*rtl:ignore*/ 2184 margin-left: 2em; 2185 } 2186 .wp-block-rss.is-grid { 2187 display: flex; 2188 flex-wrap: wrap; 2189 padding: 0; 2190 list-style: none; 2191 } 2192 .wp-block-rss.is-grid li { 2193 margin: 0 1em 1em 0; 2194 width: 100%; 2195 } 2196 @media (min-width: 600px) { 2197 .wp-block-rss.columns-2 li { 2198 width: calc(( 100% / 2 ) - 1em); 2199 } 2200 .wp-block-rss.columns-3 li { 2201 width: calc(( 100% / 3 ) - 1em); 2202 } 2203 .wp-block-rss.columns-4 li { 2204 width: calc(( 100% / 4 ) - 1em); 2205 } 2206 .wp-block-rss.columns-5 li { 2207 width: calc(( 100% / 5 ) - 1em); 2208 } 2209 .wp-block-rss.columns-6 li { 2210 width: calc(( 100% / 6 ) - 1em); 2211 } 2212 } 2213 2214 .wp-block-rss__item-publish-date, 2215 .wp-block-rss__item-author { 2216 display: block; 2217 color: #555; 2218 font-size: 0.8125em; 2219 } 2220 2221 .wp-block-search .wp-block-search__button { 2222 background: #f7f7f7; 2223 border: 1px solid #ccc; 2224 padding: 0.375em 0.625em; 2225 color: #32373c; 2226 margin-left: 0.625em; 2227 word-break: normal; 2228 } 2229 .wp-block-search .wp-block-search__button.has-icon { 2230 line-height: 0; 2231 } 2232 .wp-block-search .wp-block-search__button svg { 2233 min-width: 1.5em; 2234 min-height: 1.5em; 2235 } 2236 .wp-block-search .wp-block-search__inside-wrapper { 2237 display: flex; 2238 flex: auto; 2239 flex-wrap: nowrap; 2240 max-width: 100%; 2241 } 2242 .wp-block-search .wp-block-search__label { 2243 width: 100%; 2244 } 2245 .wp-block-search .wp-block-search__input { 2246 flex-grow: 1; 2247 min-width: 3em; 2248 border: 1px solid #949494; 2249 } 2250 .wp-block-search.wp-block-search__button-only .wp-block-search__button { 2251 margin-left: 0; 2252 } 2253 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 2254 padding: 4px; 2255 border: 1px solid #949494; 2256 } 2257 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { 2258 border-radius: 0; 2259 border: none; 2260 padding: 0 0 0 0.25em; 2261 } 2262 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { 2263 outline: none; 2264 } 2265 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { 2266 padding: 0.125em 0.5em; 2267 } 2268 .wp-block-search.aligncenter .wp-block-search__inside-wrapper { 2269 margin: auto; 2270 } 2271 2272 .wp-block-separator { 2273 border-top: 1px solid currentColor; 2274 border-bottom: 1px solid currentColor; 2275 } 2276 .wp-block-separator.is-style-wide { 2277 border-bottom-width: 1px; 2278 } 2279 .wp-block-separator.is-style-dots { 2280 background: none !important; 2281 border: none; 2282 text-align: center; 2283 width: none; 2284 line-height: 1; 2285 height: auto; 2286 } 2287 .wp-block-separator.is-style-dots::before { 2288 content: "···"; 2289 color: currentColor; 2290 font-size: 1.5em; 2291 letter-spacing: 2em; 2292 /*rtl:ignore*/ 2293 padding-left: 2em; 2294 font-family: serif; 2295 } 2296 2297 .wp-block-site-logo { 2298 line-height: 0; 2299 } 2300 .wp-block-site-logo a { 2301 display: inline-block; 2302 } 2303 .wp-block-site-logo.is-default-size img { 2304 width: 120px; 2305 height: auto; 2306 } 2307 .wp-block-site-logo .aligncenter { 2308 display: table; 2309 } 2310 .wp-block-site-logo.is-style-rounded img { 2311 border-radius: 9999px; 2312 } 2313 2314 .wp-block-social-links { 2315 display: flex; 2316 flex-wrap: wrap; 2317 padding-left: 0; 2318 padding-right: 0; 2319 text-indent: 0; 2320 margin-left: 0; 2321 } 2322 .wp-block-social-links .wp-social-link a, 2323 .wp-block-social-links .wp-social-link a:hover { 2324 text-decoration: none; 2325 border-bottom: 0; 2326 box-shadow: none; 2327 } 2328 .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { 2329 margin: 4px 8px 4px 0; 2330 } 2331 .wp-block-social-links .wp-social-link a { 2332 padding: 0.25em; 2333 } 2334 .wp-block-social-links .wp-social-link svg { 2335 width: 1em; 2336 height: 1em; 2337 } 2338 .wp-block-social-links.has-small-icon-size { 2339 font-size: 16px; 2340 } 2341 .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { 2342 font-size: 24px; 2343 } 2344 .wp-block-social-links.has-large-icon-size { 2345 font-size: 36px; 2346 } 2347 .wp-block-social-links.has-huge-icon-size { 2348 font-size: 48px; 2349 } 2350 .wp-block-social-links.aligncenter { 2351 justify-content: center; 2352 display: flex; 2353 } 2354 .wp-block-social-links.alignright { 2355 justify-content: flex-end; 2356 } 2357 2358 .wp-block-social-link { 2359 display: block; 2360 border-radius: 9999px; 2361 transition: transform 0.1s ease; 2362 height: auto; 2363 } 2364 @media (prefers-reduced-motion: reduce) { 2365 .wp-block-social-link { 2366 transition-duration: 0s; 2367 transition-delay: 0s; 2368 } 2369 } 2370 .wp-block-social-link a { 2371 display: block; 2372 line-height: 0; 2373 transition: transform 0.1s ease; 2374 } 2375 .wp-block-social-link:hover { 2376 transform: scale(1.1); 2377 } 2378 2379 .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, 2380 .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { 2381 color: currentColor; 2382 fill: currentColor; 2383 } 2384 2385 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { 2386 background-color: #f0f0f0; 2387 color: #444; 2388 } 2389 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { 2390 background-color: #f90; 2391 color: #fff; 2392 } 2393 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { 2394 background-color: #1ea0c3; 2395 color: #fff; 2396 } 2397 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { 2398 background-color: #0757fe; 2399 color: #fff; 2400 } 2401 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { 2402 background-color: #1e1f26; 2403 color: #fff; 2404 } 2405 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { 2406 background-color: #02e49b; 2407 color: #fff; 2408 } 2409 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { 2410 background-color: #e94c89; 2411 color: #fff; 2412 } 2413 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { 2414 background-color: #4280ff; 2415 color: #fff; 2416 } 2417 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { 2418 background-color: #f45800; 2419 color: #fff; 2420 } 2421 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { 2422 background-color: #1778f2; 2423 color: #fff; 2424 } 2425 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { 2426 background-color: #000; 2427 color: #fff; 2428 } 2429 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { 2430 background-color: #0461dd; 2431 color: #fff; 2432 } 2433 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { 2434 background-color: #e65678; 2435 color: #fff; 2436 } 2437 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { 2438 background-color: #24292d; 2439 color: #fff; 2440 } 2441 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { 2442 background-color: #eceadd; 2443 color: #382110; 2444 } 2445 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { 2446 background-color: #ea4434; 2447 color: #fff; 2448 } 2449 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { 2450 background-color: #f00075; 2451 color: #fff; 2452 } 2453 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { 2454 background-color: #e21b24; 2455 color: #fff; 2456 } 2457 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { 2458 background-color: #0d66c2; 2459 color: #fff; 2460 } 2461 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { 2462 background-color: #3288d4; 2463 color: #fff; 2464 } 2465 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { 2466 background-color: #02ab6c; 2467 color: #fff; 2468 } 2469 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { 2470 background-color: #f6405f; 2471 color: #fff; 2472 } 2473 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { 2474 background-color: #ff424d; 2475 color: #fff; 2476 } 2477 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { 2478 background-color: #e60122; 2479 color: #fff; 2480 } 2481 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { 2482 background-color: #ef4155; 2483 color: #fff; 2484 } 2485 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { 2486 background-color: #fe4500; 2487 color: #fff; 2488 } 2489 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { 2490 background-color: #0478d7; 2491 color: #fff; 2492 } 2493 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { 2494 background-color: #fefc00; 2495 color: #fff; 2496 stroke: #000; 2497 } 2498 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { 2499 background-color: #ff5600; 2500 color: #fff; 2501 } 2502 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { 2503 background-color: #1bd760; 2504 color: #fff; 2505 } 2506 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { 2507 background-color: #2aabee; 2508 color: #fff; 2509 } 2510 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { 2511 background-color: #000; 2512 color: #fff; 2513 } 2514 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { 2515 background-color: #011835; 2516 color: #fff; 2517 } 2518 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { 2519 background-color: #6440a4; 2520 color: #fff; 2521 } 2522 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { 2523 background-color: #1da1f2; 2524 color: #fff; 2525 } 2526 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { 2527 background-color: #1eb7ea; 2528 color: #fff; 2529 } 2530 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { 2531 background-color: #4680c2; 2532 color: #fff; 2533 } 2534 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { 2535 background-color: #3499cd; 2536 color: #fff; 2537 } 2538 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { 2539 background-color: #d32422; 2540 color: #fff; 2541 } 2542 .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { 2543 background-color: #f00; 2544 color: #fff; 2545 } 2546 2547 .wp-block-social-links.is-style-logos-only .wp-social-link { 2548 background: none; 2549 padding: 4px; 2550 } 2551 .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { 2552 color: #f90; 2553 } 2554 .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { 2555 color: #1ea0c3; 2556 } 2557 .wp-block-social-links.is-style-logos-only .wp-social-link-behance { 2558 color: #0757fe; 2559 } 2560 .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { 2561 color: #1e1f26; 2562 } 2563 .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { 2564 color: #02e49b; 2565 } 2566 .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { 2567 color: #e94c89; 2568 } 2569 .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { 2570 color: #4280ff; 2571 } 2572 .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { 2573 color: #f45800; 2574 } 2575 .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { 2576 color: #1778f2; 2577 } 2578 .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { 2579 color: #000; 2580 } 2581 .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { 2582 color: #0461dd; 2583 } 2584 .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { 2585 color: #e65678; 2586 } 2587 .wp-block-social-links.is-style-logos-only .wp-social-link-github { 2588 color: #24292d; 2589 } 2590 .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { 2591 color: #382110; 2592 } 2593 .wp-block-social-links.is-style-logos-only .wp-social-link-google { 2594 color: #ea4434; 2595 } 2596 .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { 2597 color: #f00075; 2598 } 2599 .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { 2600 color: #e21b24; 2601 } 2602 .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { 2603 color: #0d66c2; 2604 } 2605 .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { 2606 color: #3288d4; 2607 } 2608 .wp-block-social-links.is-style-logos-only .wp-social-link-medium { 2609 color: #02ab6c; 2610 } 2611 .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { 2612 color: #f6405f; 2613 } 2614 .wp-block-social-links.is-style-logos-only .wp-social-link-patreon { 2615 color: #ff424d; 2616 } 2617 .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { 2618 color: #e60122; 2619 } 2620 .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { 2621 color: #ef4155; 2622 } 2623 .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { 2624 color: #fe4500; 2625 } 2626 .wp-block-social-links.is-style-logos-only .wp-social-link-skype { 2627 color: #0478d7; 2628 } 2629 .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { 2630 color: #fff; 2631 stroke: #000; 2632 } 2633 .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { 2634 color: #ff5600; 2635 } 2636 .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { 2637 color: #1bd760; 2638 } 2639 .wp-block-social-links.is-style-logos-only .wp-social-link-telegram { 2640 color: #2aabee; 2641 } 2642 .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { 2643 color: #000; 2644 } 2645 .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { 2646 color: #011835; 2647 } 2648 .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { 2649 color: #6440a4; 2650 } 2651 .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { 2652 color: #1da1f2; 2653 } 2654 .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { 2655 color: #1eb7ea; 2656 } 2657 .wp-block-social-links.is-style-logos-only .wp-social-link-vk { 2658 color: #4680c2; 2659 } 2660 .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { 2661 color: #3499cd; 2662 } 2663 .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { 2664 color: #d32422; 2665 } 2666 .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { 2667 color: #f00; 2668 } 2669 2670 .wp-block-social-links.is-style-pill-shape .wp-social-link { 2671 width: auto; 2672 } 2673 .wp-block-social-links.is-style-pill-shape .wp-social-link a { 2674 padding-left: calc((2/3) * 1em); 2675 padding-right: calc((2/3) * 1em); 2676 } 2677 2678 .wp-block-spacer { 2679 clear: both; 2680 } 2681 2682 .wp-block-tag-cloud.aligncenter { 2683 text-align: center; 2684 } 2685 .wp-block-tag-cloud.alignfull { 2686 padding-left: 1em; 2687 padding-right: 1em; 2688 } 2689 2690 .wp-block-table { 2691 margin: 0 0 1em 0; 2692 overflow-x: auto; 2693 } 2694 .wp-block-table table { 2695 border-collapse: collapse; 2696 width: 100%; 2697 } 2698 .wp-block-table .has-fixed-layout { 2699 table-layout: fixed; 2700 width: 100%; 2701 } 2702 .wp-block-table .has-fixed-layout td, 2703 .wp-block-table .has-fixed-layout th { 2704 word-break: break-word; 2705 } 2706 .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { 2707 display: table; 2708 width: auto; 2709 } 2710 .wp-block-table.alignleft td, 2711 .wp-block-table.alignleft th, .wp-block-table.aligncenter td, 2712 .wp-block-table.aligncenter th, .wp-block-table.alignright td, 2713 .wp-block-table.alignright th { 2714 word-break: break-word; 2715 } 2716 .wp-block-table .has-subtle-light-gray-background-color { 2717 background-color: #f3f4f5; 2718 } 2719 .wp-block-table .has-subtle-pale-green-background-color { 2720 background-color: #e9fbe5; 2721 } 2722 .wp-block-table .has-subtle-pale-blue-background-color { 2723 background-color: #e7f5fe; 2724 } 2725 .wp-block-table .has-subtle-pale-pink-background-color { 2726 background-color: #fcf0ef; 2727 } 2728 .wp-block-table.is-style-stripes { 2729 border-spacing: 0; 2730 border-collapse: inherit; 2731 background-color: transparent; 2732 border-bottom: 1px solid #f0f0f0; 2733 } 2734 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 2735 background-color: #f0f0f0; 2736 } 2737 .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { 2738 background-color: #f3f4f5; 2739 } 2740 .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { 2741 background-color: #e9fbe5; 2742 } 2743 .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { 2744 background-color: #e7f5fe; 2745 } 2746 .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { 2747 background-color: #fcf0ef; 2748 } 2749 .wp-block-table.is-style-stripes th, 2750 .wp-block-table.is-style-stripes td { 2751 border-color: transparent; 2752 } 2753 .wp-block-table .has-border-color > *, 2754 .wp-block-table .has-border-color tr, 2755 .wp-block-table .has-border-color th, 2756 .wp-block-table .has-border-color td { 2757 border-color: inherit; 2758 } 2759 .wp-block-table table[style*=border-style] > *, 2760 .wp-block-table table[style*=border-style] tr, 2761 .wp-block-table table[style*=border-style] th, 2762 .wp-block-table table[style*=border-style] td { 2763 border-style: inherit; 2764 } 2765 .wp-block-table table[style*=border-width] > *, 2766 .wp-block-table table[style*=border-width] tr, 2767 .wp-block-table table[style*=border-width] th, 2768 .wp-block-table table[style*=border-width] td { 2769 border-width: inherit; 2770 } 2771 2772 .wp-block-text-columns { 2773 display: flex; 2774 } 2775 .wp-block-text-columns.aligncenter { 2776 display: flex; 2777 } 2778 .wp-block-text-columns .wp-block-column { 2779 margin: 0 1em; 2780 padding: 0; 2781 } 2782 .wp-block-text-columns .wp-block-column:first-child { 2783 margin-left: 0; 2784 } 2785 .wp-block-text-columns .wp-block-column:last-child { 2786 margin-right: 0; 2787 } 2788 .wp-block-text-columns.columns-2 .wp-block-column { 2789 width: calc(100% / 2); 2790 } 2791 .wp-block-text-columns.columns-3 .wp-block-column { 2792 width: calc(100% / 3); 2793 } 2794 .wp-block-text-columns.columns-4 .wp-block-column { 2795 width: calc(100% / 4); 2796 } 2797 2798 pre.wp-block-verse { 2799 font-family: inherit; 2800 overflow: auto; 2801 white-space: pre-wrap; 2802 } 2803 2804 .wp-block-video { 2805 margin: 0 0 1em 0; 2806 } 2807 .wp-block-video video { 2808 width: 100%; 2809 } 2810 @supports (position: sticky) { 2811 .wp-block-video [poster] { 2812 -o-object-fit: cover; 2813 object-fit: cover; 2814 } 2815 } 2816 .wp-block-video.aligncenter { 2817 text-align: center; 2818 } 2819 .wp-block-video figcaption { 2820 margin-top: 0.5em; 2821 margin-bottom: 1em; 2822 } 2823 2824 .wp-block-post-featured-image { 2825 margin-left: 0; 2826 margin-right: 0; 2827 } 2828 .wp-block-post-featured-image a { 2829 display: inline-block; 2830 } 2831 .wp-block-post-featured-image img { 2832 max-width: 100%; 2833 height: auto; 2834 } 2835 .wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { 2836 width: 100%; 2837 } 2838 2839 :root { 2840 /* stylelint-disable function-comma-space-after */ 2841 /* stylelint-enable function-comma-space-after */ 2842 } 2843 :root .has-pale-pink-background-color { 2844 background-color: #f78da7; 2845 } 2846 :root .has-vivid-red-background-color { 2847 background-color: #cf2e2e; 2848 } 2849 :root .has-luminous-vivid-orange-background-color { 2850 background-color: #ff6900; 2851 } 2852 :root .has-luminous-vivid-amber-background-color { 2853 background-color: #fcb900; 2854 } 2855 :root .has-light-green-cyan-background-color { 2856 background-color: #7bdcb5; 2857 } 2858 :root .has-vivid-green-cyan-background-color { 2859 background-color: #00d084; 2860 } 2861 :root .has-pale-cyan-blue-background-color { 2862 background-color: #8ed1fc; 2863 } 2864 :root .has-vivid-cyan-blue-background-color { 2865 background-color: #0693e3; 2866 } 2867 :root .has-vivid-purple-background-color { 2868 background-color: #9b51e0; 2869 } 2870 :root .has-white-background-color { 2871 background-color: #fff; 2872 } 2873 :root .has-very-light-gray-background-color { 2874 background-color: #eee; 2875 } 2876 :root .has-cyan-bluish-gray-background-color { 2877 background-color: #abb8c3; 2878 } 2879 :root .has-very-dark-gray-background-color { 2880 background-color: #313131; 2881 } 2882 :root .has-black-background-color { 2883 background-color: #000; 2884 } 2885 :root .has-pale-pink-color { 2886 color: #f78da7; 2887 } 2888 :root .has-vivid-red-color { 2889 color: #cf2e2e; 2890 } 2891 :root .has-luminous-vivid-orange-color { 2892 color: #ff6900; 2893 } 2894 :root .has-luminous-vivid-amber-color { 2895 color: #fcb900; 2896 } 2897 :root .has-light-green-cyan-color { 2898 color: #7bdcb5; 2899 } 2900 :root .has-vivid-green-cyan-color { 2901 color: #00d084; 2902 } 2903 :root .has-pale-cyan-blue-color { 2904 color: #8ed1fc; 2905 } 2906 :root .has-vivid-cyan-blue-color { 2907 color: #0693e3; 2908 } 2909 :root .has-vivid-purple-color { 2910 color: #9b51e0; 2911 } 2912 :root .has-white-color { 2913 color: #fff; 2914 } 2915 :root .has-very-light-gray-color { 2916 color: #eee; 2917 } 2918 :root .has-cyan-bluish-gray-color { 2919 color: #abb8c3; 2920 } 2921 :root .has-very-dark-gray-color { 2922 color: #313131; 2923 } 2924 :root .has-black-color { 2925 color: #000; 2926 } 2927 :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { 2928 background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); 2929 } 2930 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { 2931 background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); 2932 } 2933 :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { 2934 background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); 2935 } 2936 :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { 2937 background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); 2938 } 2939 :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { 2940 background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); 2941 } 2942 :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { 2943 background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); 2944 } 2945 :root .has-cool-to-warm-spectrum-gradient-background { 2946 background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); 2947 } 2948 :root .has-blush-light-purple-gradient-background { 2949 background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); 2950 } 2951 :root .has-blush-bordeaux-gradient-background { 2952 background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); 2953 } 2954 :root .has-purple-crush-gradient-background { 2955 background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); 2956 } 2957 :root .has-luminous-dusk-gradient-background { 2958 background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); 2959 } 2960 :root .has-hazy-dawn-gradient-background { 2961 background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); 2962 } 2963 :root .has-pale-ocean-gradient-background { 2964 background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); 2965 } 2966 :root .has-electric-grass-gradient-background { 2967 background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); 2968 } 2969 :root .has-subdued-olive-gradient-background { 2970 background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); 2971 } 2972 :root .has-atomic-cream-gradient-background { 2973 background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); 2974 } 2975 :root .has-nightshade-gradient-background { 2976 background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); 2977 } 2978 :root .has-midnight-gradient-background { 2979 background: linear-gradient(135deg, #020381 0%, #2874fc 100%); 2980 } 2981 2982 .has-small-font-size { 2983 font-size: 0.8125em; 2984 } 2985 2986 .has-regular-font-size, 2987 .has-normal-font-size { 2988 font-size: 1em; 2989 } 2990 2991 .has-medium-font-size { 2992 font-size: 1.25em; 2993 } 2994 2995 .has-large-font-size { 2996 font-size: 2.25em; 2997 } 2998 2999 .has-larger-font-size, 3000 .has-huge-font-size { 3001 font-size: 2.625em; 3002 } 3003 3004 .has-text-align-center { 3005 text-align: center; 3006 } 3007 3008 .has-text-align-left { 3009 /*rtl:ignore*/ 3010 text-align: left; 3011 } 3012 3013 .has-text-align-right { 3014 /*rtl:ignore*/ 3015 text-align: right; 3016 } 3017 3018 #end-resizable-editor-section { 3019 display: none; 3020 } 3021 3022 .aligncenter { 3023 clear: both; 3024 } 3025 3026 .items-justified-left { 3027 justify-content: flex-start; 3028 } 3029 3030 .items-justified-center { 3031 justify-content: center; 3032 } 3033 3034 .items-justified-right { 3035 justify-content: flex-end; 3036 } 3037 3038 .items-justified-space-between { 3039 justify-content: space-between; 3040 } 3041 3042 .screen-reader-text { 3043 border: 0; 3044 clip: rect(1px, 1px, 1px, 1px); 3045 -webkit-clip-path: inset(50%); 3046 clip-path: inset(50%); 3047 height: 1px; 3048 margin: -1px; 3049 overflow: hidden; 3050 padding: 0; 3051 position: absolute; 3052 width: 1px; 3053 word-wrap: normal !important; 3054 } 3055 3056 .screen-reader-text:focus { 3057 background-color: #ddd; 3058 clip: auto !important; 3059 -webkit-clip-path: none; 3060 clip-path: none; 3061 color: #444; 3062 display: block; 3063 font-size: 1em; 3064 height: auto; 3065 left: 5px; 3066 line-height: normal; 3067 padding: 15px 23px 14px; 3068 text-decoration: none; 3069 top: 5px; 3070 width: auto; 3071 z-index: 100000; 3072 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Sun Dec 22 08:20:01 2024 | Cross-referenced by PHPXref |