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