[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 @charset "UTF-8"; 2 3 /** 4 * These styles should be loaded by the Block Editor only 5 */ 6 7 /* Variables */ 8 :root { 9 10 /* Font Family */ 11 12 /* Font Size */ 13 14 /* Line Height */ 15 16 /* Headings */ 17 18 /* Block: Latest posts */ 19 20 /* Colors */ 21 22 /* Body text color, site title, footer text color. */ 23 24 /* Headings */ 25 26 /* Mint, default body background */ 27 28 /* Used for borders (separators) */ 29 30 /* Spacing */ 31 32 /* Elevation */ 33 34 /* Forms */ 35 36 /* Cover block */ 37 38 /* Buttons */ 39 40 /* entry */ 41 42 /* Header */ 43 44 /* Main navigation */ 45 46 /* Pagination */ 47 48 /* Footer */ 49 50 /* Block: Pull quote */ 51 52 /* Block: Table */ 53 54 /* Widgets */ 55 56 /* Admin-bar height */ 57 } 58 59 /** 60 * Responsive Styles 61 */ 62 63 /** 64 * Required Variables 65 */ 66 67 /** 68 * Root Media Query Variables 69 */ 70 71 /** 72 * Extends 73 */ 74 .default-max-width { 75 max-width: calc(100vw - 30px); 76 margin-left: auto; 77 margin-right: auto; 78 } 79 @media only screen and (min-width: 482px) { 80 81 .default-max-width { 82 max-width: min(calc(100vw - 100px), 610px); 83 } 84 } 85 @media only screen and (min-width: 822px) { 86 87 .default-max-width { 88 max-width: min(calc(100vw - 200px), 610px); 89 } 90 } 91 92 .wide-max-width { 93 max-width: calc(100vw - 30px); 94 margin-left: auto; 95 margin-right: auto; 96 } 97 98 @media only screen and (min-width: 482px) { 99 100 .wide-max-width { 101 max-width: calc(100vw - 100px); 102 } 103 } 104 105 @media only screen and (min-width: 822px) { 106 107 .wide-max-width { 108 max-width: min(calc(100vw - 200px), 1240px); 109 } 110 } 111 112 @media only screen and (min-width: 482px) { 113 114 .full-max-width { 115 max-width: 100%; 116 width: auto; 117 margin-left: auto; 118 margin-right: auto; 119 } 120 } 121 122 b, 123 strong { 124 font-weight: 700; 125 } 126 127 blockquote { 128 padding: 0; 129 position: relative; 130 margin: 30px 0 30px 25px; 131 } 132 133 blockquote > * { 134 margin-top: 20px; 135 margin-bottom: 20px; 136 } 137 138 blockquote > *:first-child { 139 margin-top: 0; 140 } 141 142 blockquote > *:last-child { 143 margin-bottom: 0; 144 } 145 146 blockquote p { 147 letter-spacing: normal; 148 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 149 font-size: 1.25rem; 150 font-style: normal; 151 font-weight: 700; 152 line-height: 1.7; 153 } 154 155 blockquote cite, 156 blockquote footer { 157 font-weight: normal; 158 letter-spacing: normal; 159 } 160 161 blockquote.alignleft, 162 blockquote.alignright { 163 padding-left: inherit; 164 } 165 166 blockquote.alignleft p, 167 blockquote.alignright p { 168 font-size: 1.125rem; 169 max-width: inherit; 170 width: inherit; 171 } 172 173 blockquote.alignleft cite, 174 blockquote.alignleft footer, 175 blockquote.alignright cite, 176 blockquote.alignright footer { 177 font-size: 1rem; 178 letter-spacing: normal; 179 } 180 181 blockquote strong { 182 font-weight: bolder; 183 } 184 185 blockquote:before { 186 content: "“"; 187 font-size: 1.25rem; 188 line-height: 1.7; 189 position: absolute; 190 left: -12px; 191 } 192 193 blockquote .wp-block-quote__citation, 194 blockquote cite, 195 blockquote footer { 196 color: #28303d; 197 font-size: 1rem; 198 font-style: normal; 199 } 200 @media only screen and (max-width: 481px) { 201 202 blockquote { 203 padding-left: 13px; 204 } 205 206 blockquote:before { 207 left: 0; 208 } 209 } 210 211 img { 212 height: auto; 213 vertical-align: middle; 214 } 215 216 /* Classic editor images */ 217 218 /* Make sure embeds and iframes fit their containers. */ 219 img, 220 .entry-content img, 221 embed, 222 iframe, 223 object, 224 video { 225 max-width: 100%; 226 } 227 228 /* Media captions */ 229 figcaption, 230 .wp-caption, 231 .wp-caption-text, 232 .wp-block-embed figcaption { 233 color: currentColor; 234 font-size: 1rem; 235 line-height: 1.7; 236 margin-top: 10px; 237 margin-bottom: 20px; 238 text-align: center; 239 } 240 241 .alignleft figcaption, 242 .alignright figcaption, 243 .alignleft .wp-caption, 244 .alignright .wp-caption, 245 .alignleft .wp-caption-text, 246 .alignright .wp-caption-text, 247 .alignleft .wp-block-embed figcaption, 248 .alignright .wp-block-embed figcaption { 249 margin-bottom: 0; 250 } 251 252 /* WP Smiley */ 253 .page-content .wp-smiley, 254 .entry-content .wp-smiley, 255 .comment-content .wp-smiley { 256 border: none; 257 margin-bottom: 0; 258 margin-top: 0; 259 padding: 0; 260 } 261 262 select, 263 select:focus { 264 border: 3px solid #39414d; 265 border-radius: 0; 266 color: #28303d; 267 font-size: 1.125rem; 268 -moz-appearance: none; 269 -webkit-appearance: none; 270 appearance: none; 271 padding: 10px 30px 10px 10px; 272 background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; 273 background-position: right 10px top 60%; 274 } 275 276 /* 277 * text-underline-offset doesn't work in Chrome at all 👎 278 * But looks nice in Safari/Firefox, so let's keep it and 279 * maybe Chrome will support it soon. 280 */ 281 a { 282 cursor: pointer; 283 color: #28303d; 284 text-underline-offset: 3px; 285 text-decoration-skip-ink: all; 286 } 287 288 a:hover { 289 text-decoration-style: dotted; 290 text-decoration-skip-ink: none; 291 } 292 293 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 294 295 /* Only visible in Windows High Contrast mode */ 296 outline: 2px solid transparent; 297 text-decoration: underline 1px dotted currentColor; 298 text-decoration-skip-ink: none; 299 background: rgba(255, 255, 255, 0.9); 300 } 301 302 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 303 background: #000; 304 color: #fff; 305 text-decoration: none; 306 } 307 308 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 309 color: #fff; 310 } 311 312 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 313 background: rgba(0, 0, 0, 0.9); 314 color: #fff; 315 } 316 317 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 318 color: #fff; 319 } 320 321 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { 322 323 /* Only visible in Windows High Contrast mode */ 324 outline: 2px solid transparent; 325 outline-offset: -2px; 326 } 327 328 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { 329 color: #21759b; 330 background-color: #f1f1f1; 331 } 332 333 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { 334 background: none; 335 } 336 337 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { 338 outline: 2px dotted #28303d; 339 } 340 341 .wp-block-button__link { 342 border: 3px solid transparent; 343 border-radius: 0; 344 cursor: pointer; 345 font-weight: 500; 346 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 347 font-size: 1.25rem; 348 line-height: 1.5; 349 padding: 15px 30px; 350 text-decoration: none; 351 } 352 353 .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 354 color: #d1e4dd; 355 } 356 357 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 358 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 359 color: #28303d; 360 } 361 362 .wp-block-button__link:not(:hover):not(:active):not(.has-background), 363 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 364 background-color: #28303d; 365 } 366 367 .wp-block-button__link:hover, 368 .wp-block-button__link:active { 369 background-color: transparent; 370 border-color: currentColor; 371 color: inherit; 372 } 373 374 .wp-block-button__link:focus { 375 outline-offset: -6px; 376 outline: 2px dotted currentColor; 377 } 378 379 .wp-block-button__link:disabled { 380 background-color: rgba(255, 255, 255, 0.5); 381 border-color: rgba(255, 255, 255, 0.5); 382 color: #39414d; 383 } 384 385 /** 386 * Block Options 387 */ 388 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 389 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 390 color: #d1e4dd; 391 } 392 393 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 394 color: #28303d; 395 } 396 397 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background), 398 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 399 background-color: #28303d; 400 } 401 402 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, 403 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { 404 border-color: currentColor !important; 405 background-color: transparent !important; 406 color: inherit !important; 407 } 408 409 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { 410 outline-offset: inherit; 411 outline: inherit; 412 } 413 414 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 415 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), 416 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { 417 border-color: currentColor; 418 } 419 420 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 421 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 422 color: #28303d; 423 } 424 425 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { 426 color: inherit; 427 } 428 429 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 430 background-color: transparent; 431 } 432 433 .wp-block-button.is-style-outline .wp-block-button__link:hover, 434 .wp-block-button.is-style-outline .wp-block-button__link:active { 435 background-color: #28303d !important; 436 border-color: transparent !important; 437 color: #d1e4dd !important; 438 } 439 440 .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, 441 .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { 442 background-color: #28303d !important; 443 color: #d1e4dd !important; 444 } 445 446 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, 447 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { 448 color: #d1e4dd !important; 449 } 450 451 .wp-block-button.is-style-outline .wp-block-button__link:focus { 452 outline-offset: inherit; 453 outline: inherit; 454 } 455 456 .wp-block-button.is-style-squared { 457 border-radius: 0; 458 } 459 460 .is-style-outline .wp-block-button__link[style*=radius], 461 .wp-block-button__link[style*=radius] { 462 outline-offset: 2px; 463 } 464 465 .wp-block-code code { 466 white-space: pre !important; 467 overflow-x: auto; 468 } 469 470 .wp-block-code { 471 border-color: #28303d; 472 border-radius: 0; 473 border-style: solid; 474 border-width: 0.1rem; 475 padding: 20px; 476 color: currentColor; 477 } 478 479 .wp-block-cover, 480 .wp-block-cover-image { 481 background-color: #000; 482 min-height: 450px; 483 margin-top: inherit; 484 margin-bottom: inherit; 485 } 486 487 .wp-block-cover:not(.alignwide):not(.alignfull), 488 .wp-block-cover-image:not(.alignwide):not(.alignfull) { 489 clear: both; 490 } 491 492 [data-align=full] .wp-block-cover, 493 [data-align=full] .wp-block-cover-image { 494 margin-top: 0; 495 margin-bottom: 0; 496 } 497 498 .wp-block-cover > .wp-block-cover__inner-container > *:first-child, 499 .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child { 500 margin-top: 0; 501 } 502 503 .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), 504 .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), 505 .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 506 .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 507 .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 508 .wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) { 509 margin-bottom: 0; 510 } 511 512 .wp-block-cover .wp-block-cover__inner-container, 513 .wp-block-cover .wp-block-cover-image-text, 514 .wp-block-cover .wp-block-cover-text, 515 .wp-block-cover .block-editor-block-list__block, 516 .wp-block-cover-image .wp-block-cover__inner-container, 517 .wp-block-cover-image .wp-block-cover-image-text, 518 .wp-block-cover-image .wp-block-cover-text, 519 .wp-block-cover-image .block-editor-block-list__block, 520 .wp-block-cover .wp-block-cover__inner-container a, 521 .wp-block-cover .wp-block-cover-image-text a, 522 .wp-block-cover .wp-block-cover-text a, 523 .wp-block-cover .block-editor-block-list__block a, 524 .wp-block-cover-image .wp-block-cover__inner-container a, 525 .wp-block-cover-image .wp-block-cover-image-text a, 526 .wp-block-cover-image .wp-block-cover-text a, 527 .wp-block-cover-image .block-editor-block-list__block a { 528 color: currentColor; 529 } 530 531 .wp-block-cover .wp-block-cover__inner-container .has-link-color a, 532 .wp-block-cover .wp-block-cover-image-text .has-link-color a, 533 .wp-block-cover .wp-block-cover-text .has-link-color a, 534 .wp-block-cover .block-editor-block-list__block .has-link-color a, 535 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, 536 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, 537 .wp-block-cover-image .wp-block-cover-text .has-link-color a, 538 .wp-block-cover-image .block-editor-block-list__block .has-link-color a { 539 color: #28303d; 540 } 541 542 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, 543 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, 544 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, 545 .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block, 546 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, 547 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, 548 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text, 549 .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block { 550 color: #fff; 551 } 552 553 .wp-block-cover h2 { 554 font-size: 2.25rem; 555 letter-spacing: normal; 556 line-height: 1.3; 557 padding: 0; 558 text-align: inherit; 559 } 560 @media only screen and (min-width: 652px) { 561 562 .wp-block-cover h2 { 563 font-size: 3rem; 564 } 565 } 566 567 .wp-block-cover-image h2 { 568 font-size: 2.25rem; 569 letter-spacing: normal; 570 line-height: 1.3; 571 padding: 0; 572 text-align: inherit; 573 } 574 @media only screen and (min-width: 652px) { 575 576 .wp-block-cover-image h2 { 577 font-size: 3rem; 578 } 579 } 580 581 .wp-block-cover h2.has-text-align-left, 582 .wp-block-cover-image h2.has-text-align-left { 583 text-align: left; 584 } 585 586 .wp-block-cover h2.has-text-align-center, 587 .wp-block-cover-image h2.has-text-align-center { 588 text-align: center; 589 } 590 591 .wp-block-cover h2.has-text-align-right, 592 .wp-block-cover-image h2.has-text-align-right { 593 text-align: right; 594 } 595 596 .wp-block-cover.is-style-twentytwentyone-border, 597 .wp-block-cover-image.is-style-twentytwentyone-border { 598 border: 3px solid #28303d; 599 } 600 601 .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, 602 .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { 603 background-color: unset; 604 } 605 606 .wp-block-columns:not(.alignwide):not(.alignfull) { 607 clear: both; 608 } 609 610 .wp-block-columns .wp-block, 611 .wp-block-columns .wp-block-column { 612 max-width: inherit; 613 } 614 615 .wp-block-columns > .wp-block-column > *:first-child { 616 margin-top: 0; 617 } 618 619 .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender), 620 .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2), 621 .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) { 622 margin-bottom: 0; 623 } 624 @media only screen and (min-width: 652px) { 625 626 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { 627 margin-left: -50px; 628 margin-top: 63px; 629 z-index: 2; 630 } 631 632 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), 633 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), 634 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), 635 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), 636 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), 637 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), 638 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), 639 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), 640 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), 641 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { 642 background-color: #d1e4dd; 643 padding: 20px; 644 } 645 646 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), 647 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 648 padding-left: 50px; 649 } 650 651 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { 652 margin-top: 0; 653 } 654 } 655 656 .wp-block[data-align=full] > .wp-block-columns p:not(.has-background), 657 .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background), 658 .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background), 659 .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background), 660 .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background), 661 .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background), 662 .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) { 663 padding-left: 20px; 664 padding-right: 20px; 665 } 666 667 .wp-block-file .wp-block-file__textlink { 668 text-decoration: underline; 669 text-decoration-style: solid; 670 text-decoration-thickness: 1px; 671 } 672 673 .wp-block-file .wp-block-file__textlink:hover { 674 text-decoration: underline; 675 text-decoration-style: dotted; 676 } 677 678 .wp-block-file .wp-block-file__button { 679 border: 3px solid transparent; 680 border-radius: 0; 681 cursor: pointer; 682 font-weight: 500; 683 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 684 font-size: 1.25rem; 685 line-height: 1.5; 686 padding: 15px 30px; 687 text-decoration: none; 688 display: inline-block; 689 } 690 691 .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { 692 color: #d1e4dd; 693 } 694 695 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color), 696 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { 697 color: #28303d; 698 } 699 700 .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background), 701 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { 702 background-color: #28303d; 703 } 704 705 .wp-block-file .wp-block-file__button:hover, 706 .wp-block-file .wp-block-file__button:active { 707 background-color: transparent; 708 border-color: currentColor; 709 color: inherit; 710 } 711 712 .wp-block-file .wp-block-file__button:focus { 713 outline-offset: -6px; 714 outline: 2px dotted currentColor; 715 } 716 717 .wp-block-file .wp-block-file__button:disabled { 718 background-color: rgba(255, 255, 255, 0.5); 719 border-color: rgba(255, 255, 255, 0.5); 720 color: #39414d; 721 } 722 723 .wp-block-file .wp-block-file__button:focus { 724 outline-offset: inherit; 725 outline: inherit; 726 } 727 728 .wp-block-gallery figcaption { 729 margin-bottom: 0; 730 } 731 732 .wp-block-gallery figcaption a { 733 color: #fff; 734 } 735 736 .wp-block-group.has-background { 737 padding: 30px; 738 } 739 740 [data-align=full] .wp-block-group.has-background { 741 margin-top: 0; 742 margin-bottom: 0; 743 } 744 745 .wp-block-group.is-style-twentytwentyone-border { 746 border: 3px solid #28303d; 747 padding: 30px; 748 } 749 750 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { 751 max-width: calc(100% + 60px); 752 width: calc(100% + 60px); 753 margin-left: -30px; 754 } 755 756 .wp-block-group > .wp-block-group__inner-container > *:first-child { 757 margin-top: 0; 758 } 759 760 .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender), 761 .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2), 762 .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) { 763 margin-bottom: 0; 764 } 765 766 .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] { 767 margin: 0; 768 width: 100%; 769 } 770 771 .wp-block-heading h1, 772 h1, 773 .h1, 774 .wp-block-heading h2, 775 h2, 776 .h2, 777 .wp-block-heading h3, 778 h3, 779 .h3, 780 .wp-block-heading h4, 781 h4, 782 .h4, 783 .wp-block-heading h5, 784 h5, 785 .h5, 786 .wp-block-heading h6, 787 h6, 788 .h6 { 789 clear: both; 790 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 791 font-weight: normal; 792 } 793 794 .wp-block-heading h1 strong, 795 h1 strong, 796 .h1 strong, 797 .wp-block-heading h2 strong, 798 h2 strong, 799 .h2 strong, 800 .wp-block-heading h3 strong, 801 h3 strong, 802 .h3 strong, 803 .wp-block-heading h4 strong, 804 h4 strong, 805 .h4 strong, 806 .wp-block-heading h5 strong, 807 h5 strong, 808 .h5 strong, 809 .wp-block-heading h6 strong, 810 h6 strong, 811 .h6 strong { 812 font-weight: 600; 813 } 814 815 .wp-block-heading h1[style*="--wp--typography--line-height"], 816 h1[style*="--wp--typography--line-height"], 817 .h1[style*="--wp--typography--line-height"], 818 .wp-block-heading h2[style*="--wp--typography--line-height"], 819 h2[style*="--wp--typography--line-height"], 820 .h2[style*="--wp--typography--line-height"], 821 .wp-block-heading h3[style*="--wp--typography--line-height"], 822 h3[style*="--wp--typography--line-height"], 823 .h3[style*="--wp--typography--line-height"], 824 .wp-block-heading h4[style*="--wp--typography--line-height"], 825 h4[style*="--wp--typography--line-height"], 826 .h4[style*="--wp--typography--line-height"], 827 .wp-block-heading h5[style*="--wp--typography--line-height"], 828 h5[style*="--wp--typography--line-height"], 829 .h5[style*="--wp--typography--line-height"], 830 .wp-block-heading h6[style*="--wp--typography--line-height"], 831 h6[style*="--wp--typography--line-height"], 832 .h6[style*="--wp--typography--line-height"] { 833 line-height: 1.7; 834 } 835 836 .wp-block-heading h1 { 837 font-size: 4rem; 838 letter-spacing: normal; 839 line-height: 1.1; 840 } 841 842 @media only screen and (min-width: 652px) { 843 844 .wp-block-heading h1 { 845 font-size: 6rem; 846 } 847 } 848 849 h1 { 850 font-size: 4rem; 851 letter-spacing: normal; 852 line-height: 1.1; 853 } 854 855 @media only screen and (min-width: 652px) { 856 857 h1 { 858 font-size: 6rem; 859 } 860 } 861 862 .h1 { 863 font-size: 4rem; 864 letter-spacing: normal; 865 line-height: 1.1; 866 } 867 868 @media only screen and (min-width: 652px) { 869 870 .h1 { 871 font-size: 6rem; 872 } 873 } 874 875 .wp-block-heading h2 { 876 font-size: 2.25rem; 877 letter-spacing: normal; 878 line-height: 1.3; 879 } 880 881 @media only screen and (min-width: 652px) { 882 883 .wp-block-heading h2 { 884 font-size: 3rem; 885 } 886 } 887 888 h2 { 889 font-size: 2.25rem; 890 letter-spacing: normal; 891 line-height: 1.3; 892 } 893 894 @media only screen and (min-width: 652px) { 895 896 h2 { 897 font-size: 3rem; 898 } 899 } 900 901 .h2 { 902 font-size: 2.25rem; 903 letter-spacing: normal; 904 line-height: 1.3; 905 } 906 907 @media only screen and (min-width: 652px) { 908 909 .h2 { 910 font-size: 3rem; 911 } 912 } 913 914 .wp-block-heading h3 { 915 font-size: 2rem; 916 letter-spacing: normal; 917 line-height: 1.3; 918 } 919 920 @media only screen and (min-width: 652px) { 921 922 .wp-block-heading h3 { 923 font-size: 2rem; 924 } 925 } 926 927 h3 { 928 font-size: 2rem; 929 letter-spacing: normal; 930 line-height: 1.3; 931 } 932 933 @media only screen and (min-width: 652px) { 934 935 h3 { 936 font-size: 2rem; 937 } 938 } 939 940 .h3 { 941 font-size: 2rem; 942 letter-spacing: normal; 943 line-height: 1.3; 944 } 945 946 @media only screen and (min-width: 652px) { 947 948 .h3 { 949 font-size: 2rem; 950 } 951 } 952 953 .wp-block-heading h4, 954 h4, 955 .h4 { 956 font-size: 1.5rem; 957 font-weight: 600; 958 letter-spacing: normal; 959 line-height: 1.3; 960 } 961 962 .wp-block-heading h5, 963 h5, 964 .h5 { 965 font-size: 1.125rem; 966 font-weight: 600; 967 letter-spacing: 0.05em; 968 line-height: 1.3; 969 } 970 971 .wp-block-heading h6, 972 h6, 973 .h6 { 974 font-size: 1rem; 975 font-weight: 600; 976 letter-spacing: 0.05em; 977 line-height: 1.3; 978 } 979 980 [data-type="core/html"] textarea { 981 color: #28303d; 982 border-radius: 0; 983 padding: 20px; 984 } 985 986 /* Center image block by default in the editor */ 987 .wp-block-image, 988 .wp-block-image > div:not(.components-placeholder) { 989 text-align: center; 990 } 991 992 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { 993 margin: 0 auto; 994 } 995 996 /* Block Styles */ 997 .wp-block-image.is-style-twentytwentyone-border img, 998 .wp-block-image.is-style-twentytwentyone-image-frame img { 999 border: 3px solid #28303d; 1000 } 1001 1002 .wp-block-image.is-style-twentytwentyone-image-frame img { 1003 padding: 20px; 1004 } 1005 1006 .wp-block-latest-comments, 1007 .wp-block-latest-posts { 1008 padding-left: 0; 1009 } 1010 1011 .wp-block-latest-posts:not(.is-grid) > li { 1012 margin-top: 50px; 1013 margin-bottom: 50px; 1014 } 1015 1016 .wp-block-latest-posts:not(.is-grid) > li:first-child { 1017 margin-top: 0; 1018 } 1019 1020 .wp-block-latest-posts:not(.is-grid) > li:last-child { 1021 margin-bottom: 0; 1022 } 1023 1024 .wp-block-latest-posts.is-grid { 1025 word-wrap: break-word; 1026 word-break: break-word; 1027 } 1028 1029 .wp-block-latest-posts.is-grid > li { 1030 margin-bottom: 30px; 1031 } 1032 1033 .wp-block-latest-posts.is-grid > li:last-child { 1034 margin-bottom: 0; 1035 } 1036 1037 .wp-block-latest-posts > li > * { 1038 margin-top: 10px; 1039 margin-bottom: 10px; 1040 } 1041 1042 .wp-block-latest-posts > li > *:first-child { 1043 margin-top: 0; 1044 } 1045 1046 .wp-block-latest-posts > li > *:last-child { 1047 margin-bottom: 0; 1048 } 1049 1050 .wp-block-latest-posts > li > a { 1051 display: inline-block; 1052 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1053 font-size: 2rem; 1054 font-weight: normal; 1055 line-height: 1.3; 1056 margin-bottom: 10px; 1057 } 1058 @media only screen and (min-width: 652px) { 1059 1060 .wp-block-latest-posts > li > a { 1061 font-size: 2rem; 1062 } 1063 } 1064 1065 .wp-block-latest-posts .wp-block-latest-posts__post-author { 1066 color: #28303d; 1067 font-size: 1.25rem; 1068 line-height: 1.7; 1069 } 1070 1071 .wp-block-latest-posts .wp-block-latest-posts__post-date { 1072 color: #28303d; 1073 font-size: 1rem; 1074 line-height: 1.7; 1075 } 1076 1077 [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, 1078 .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { 1079 color: currentColor; 1080 } 1081 1082 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, 1083 .wp-block-latest-posts .wp-block-latest-posts__post-full-content { 1084 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1085 font-size: 1.125rem; 1086 line-height: 1.7; 1087 margin-top: 20px; 1088 } 1089 1090 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { 1091 border-top: 3px solid #28303d; 1092 border-bottom: 3px solid #28303d; 1093 } 1094 1095 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, 1096 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { 1097 padding-bottom: 30px; 1098 border-bottom: 1px solid #28303d; 1099 margin-top: 30px; 1100 margin-bottom: 30px; 1101 } 1102 1103 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, 1104 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { 1105 padding-bottom: 0; 1106 border-bottom: none; 1107 } 1108 1109 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { 1110 box-shadow: inset 0 -1px 0 0 #28303d; 1111 border-bottom: 2px solid #28303d; 1112 } 1113 1114 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { 1115 margin: 0; 1116 padding-top: 30px; 1117 padding-right: 25px; 1118 } 1119 1120 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { 1121 padding-bottom: 30px; 1122 } 1123 @media screen and (min-width: 600px) { 1124 1125 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { 1126 width: 50%; 1127 } 1128 1129 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { 1130 width: 33%; 1131 } 1132 1133 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { 1134 width: 25%; 1135 } 1136 1137 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { 1138 width: 20%; 1139 } 1140 1141 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { 1142 width: 17%; 1143 } 1144 } 1145 1146 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { 1147 border: 3px solid #28303d; 1148 padding: 30px 25px; 1149 } 1150 1151 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { 1152 padding-bottom: 30px; 1153 margin-bottom: 30px; 1154 } 1155 1156 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { 1157 margin-top: 25px; 1158 margin-bottom: 25px; 1159 } 1160 1161 .gallery-item { 1162 display: inline-block; 1163 text-align: center; 1164 vertical-align: top; 1165 width: 100%; 1166 } 1167 1168 .gallery-columns-2 .gallery-item { 1169 max-width: 50%; 1170 } 1171 1172 .gallery-columns-3 .gallery-item { 1173 max-width: 33.33%; 1174 } 1175 1176 .gallery-columns-4 .gallery-item { 1177 max-width: 25%; 1178 } 1179 1180 .gallery-columns-5 .gallery-item { 1181 max-width: 20%; 1182 } 1183 1184 .gallery-columns-6 .gallery-item { 1185 max-width: 16.66%; 1186 } 1187 1188 .gallery-columns-7 .gallery-item { 1189 max-width: 14.28%; 1190 } 1191 1192 .gallery-columns-8 .gallery-item { 1193 max-width: 12.5%; 1194 } 1195 1196 .gallery-columns-9 .gallery-item { 1197 max-width: 11.11%; 1198 } 1199 1200 .gallery-caption { 1201 display: block; 1202 } 1203 1204 ul, 1205 ol { 1206 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1207 margin: 30px 0; 1208 padding-left: 50px; 1209 } 1210 1211 ul.aligncenter, 1212 ol.aligncenter { 1213 list-style-position: inside; 1214 padding: 0; 1215 text-align: center; 1216 } 1217 1218 ul.alignright, 1219 ol.alignright { 1220 list-style-position: inside; 1221 padding: 0; 1222 text-align: right; 1223 } 1224 1225 li > ul, 1226 li > ol { 1227 margin: 0; 1228 } 1229 1230 dt { 1231 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1232 font-weight: bold; 1233 } 1234 1235 [data-align=full] .wp-block-media-text { 1236 margin-top: 0; 1237 margin-bottom: 0; 1238 } 1239 1240 .wp-block-media-text > .wp-block-media-text__content > *:first-child { 1241 margin-top: 0; 1242 } 1243 1244 .wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender), 1245 .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2), 1246 .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) { 1247 margin-bottom: 0; 1248 } 1249 1250 .wp-block-media-text .wp-block-media-text__content { 1251 padding: 25px; 1252 } 1253 1254 .wp-block-media-text.is-style-twentytwentyone-border { 1255 border: 3px solid #28303d; 1256 } 1257 1258 .wp-block-navigation [data-block] { 1259 margin-top: revert; 1260 margin-bottom: revert; 1261 } 1262 1263 .wp-block-navigation .wp-block-navigation__container { 1264 background: #d1e4dd; 1265 } 1266 1267 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { 1268 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1269 font-size: 1.25rem; 1270 font-weight: normal; 1271 } 1272 1273 .wp-block-navigation .has-child .wp-block-navigation__container { 1274 box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); 1275 } 1276 1277 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, 1278 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { 1279 color: #28303d; 1280 } 1281 1282 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { 1283 color: currentColor; 1284 } 1285 1286 p { 1287 line-height: 1.7; 1288 } 1289 1290 p.has-background { 1291 padding: 20px; 1292 } 1293 1294 pre.wp-block-preformatted { 1295 overflow-x: auto; 1296 white-space: pre !important; 1297 font-size: 1rem; 1298 } 1299 1300 .wp-block-pullquote { 1301 padding: 40px 0; 1302 text-align: center; 1303 border-width: 3px; 1304 border-bottom-style: solid; 1305 border-top-style: solid; 1306 color: currentColor; 1307 border-color: currentColor; 1308 position: relative; 1309 font-size: 2rem; 1310 font-style: normal; 1311 font-weight: 700; 1312 letter-spacing: normal; 1313 } 1314 1315 @media only screen and (min-width: 652px) { 1316 1317 .wp-block-pullquote { 1318 font-size: 2rem; 1319 } 1320 } 1321 1322 .wp-block-pullquote blockquote::before { 1323 color: currentColor; 1324 content: "“"; 1325 display: block; 1326 position: relative; 1327 left: 0; 1328 font-size: 3rem; 1329 font-weight: 500; 1330 line-height: 1; 1331 } 1332 1333 .wp-block-pullquote p { 1334 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1335 font-size: inherit; 1336 font-style: inherit; 1337 font-weight: inherit; 1338 letter-spacing: inherit; 1339 line-height: inherit; 1340 margin: 0; 1341 } 1342 1343 .wp-block-pullquote:where(:not([style*=line-height])) p { 1344 line-height: 1.3; 1345 } 1346 1347 .wp-block-pullquote a { 1348 color: currentColor; 1349 } 1350 1351 .wp-block-pullquote .wp-block-pullquote__citation, 1352 .wp-block-pullquote cite, 1353 .wp-block-pullquote footer { 1354 font-size: 1rem; 1355 font-style: normal; 1356 text-transform: none; 1357 } 1358 1359 .wp-block-pullquote:not(.is-style-solid-color) { 1360 background: none; 1361 } 1362 1363 .wp-block-pullquote.is-style-solid-color { 1364 margin-left: auto; 1365 margin-right: auto; 1366 padding: 50px; 1367 border-width: 3px; 1368 border-style: solid; 1369 border-color: #28303d; 1370 } 1371 @media (min-width: 600px) { 1372 1373 .wp-block-pullquote.is-style-solid-color { 1374 padding: 100px; 1375 } 1376 } 1377 1378 .wp-block-pullquote.is-style-solid-color blockquote::before { 1379 text-align: left; 1380 } 1381 1382 .wp-block-pullquote.is-style-solid-color.alignleft blockquote, 1383 .wp-block-pullquote.is-style-solid-color.alignright blockquote { 1384 padding-left: 20px; 1385 padding-right: 20px; 1386 max-width: inherit; 1387 } 1388 1389 .wp-block-pullquote.is-style-solid-color blockquote { 1390 margin: 0; 1391 max-width: 100%; 1392 } 1393 1394 .wp-block-pullquote.is-style-solid-color blockquote p { 1395 font-size: 2rem; 1396 } 1397 @media only screen and (min-width: 652px) { 1398 1399 .wp-block-pullquote.is-style-solid-color blockquote p { 1400 font-size: 2rem; 1401 } 1402 } 1403 1404 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, 1405 .wp-block-pullquote.is-style-solid-color cite, 1406 .wp-block-pullquote.is-style-solid-color footer { 1407 color: currentColor; 1408 } 1409 1410 .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { 1411 padding: 0 40px; 1412 } 1413 1414 .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color, 1415 .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color, 1416 .wp-block-query.has-background { 1417 padding: 20px; 1418 } 1419 @media only screen and (min-width: 482px) { 1420 1421 .wp-block-query.has-background { 1422 padding: 30px; 1423 } 1424 } 1425 1426 .wp-block-quote { 1427 position: relative; 1428 border-left: none; 1429 margin: 30px auto 30px 25px; 1430 padding-left: 1em; 1431 } 1432 1433 .wp-block-quote p { 1434 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1435 font-size: 1.25rem; 1436 font-style: normal; 1437 font-weight: 700; 1438 line-height: 1.7; 1439 } 1440 1441 .wp-block-quote strong { 1442 font-weight: bolder; 1443 } 1444 1445 .wp-block-quote:before { 1446 content: "“"; 1447 font-size: 1.25rem; 1448 line-height: 1.7; 1449 left: 8px; 1450 } 1451 1452 .wp-block-quote .wp-block-quote__citation { 1453 color: currentColor; 1454 font-size: 1rem; 1455 font-style: normal; 1456 } 1457 1458 .has-background .wp-block-quote .wp-block-quote__citation, 1459 [class*=background-color] .wp-block-quote .wp-block-quote__citation, 1460 [style*=background-color] .wp-block-quote .wp-block-quote__citation, 1461 .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation { 1462 color: currentColor; 1463 } 1464 1465 .wp-block-quote.has-text-align-right { 1466 margin: 30px 25px 30px auto; 1467 padding-right: 0; 1468 border-right: none; 1469 } 1470 1471 .wp-block-quote.has-text-align-right:before { 1472 display: none; 1473 } 1474 1475 .wp-block-quote.has-text-align-right p:before { 1476 content: "”"; 1477 font-size: 1.25rem; 1478 font-weight: normal; 1479 line-height: 1.7; 1480 margin-right: 5px; 1481 } 1482 1483 .wp-block-quote.has-text-align-center { 1484 margin: 30px auto; 1485 } 1486 1487 .wp-block-quote.has-text-align-center:before { 1488 display: none; 1489 } 1490 1491 .wp-block-quote.is-large, 1492 .wp-block-quote.is-style-large { 1493 padding-left: 0; 1494 1495 /* Resetting margins to match _block-container.scss */ 1496 margin-top: 30px; 1497 margin-bottom: 30px; 1498 } 1499 1500 .wp-block-quote.is-large p { 1501 font-size: 2.25rem; 1502 font-style: normal; 1503 line-height: 1.35; 1504 } 1505 @media only screen and (min-width: 652px) { 1506 1507 .wp-block-quote.is-large p { 1508 font-size: 2.5rem; 1509 } 1510 } 1511 1512 .wp-block-quote.is-style-large p { 1513 font-size: 2.25rem; 1514 font-style: normal; 1515 line-height: 1.35; 1516 } 1517 @media only screen and (min-width: 652px) { 1518 1519 .wp-block-quote.is-style-large p { 1520 font-size: 2.5rem; 1521 } 1522 } 1523 1524 .wp-block-quote.is-large:before { 1525 font-size: 2.25rem; 1526 line-height: 1.35; 1527 left: -25px; 1528 } 1529 @media only screen and (min-width: 652px) { 1530 1531 .wp-block-quote.is-large:before { 1532 font-size: 2.5rem; 1533 } 1534 } 1535 1536 .wp-block-quote.is-style-large:before { 1537 font-size: 2.25rem; 1538 line-height: 1.35; 1539 left: -25px; 1540 } 1541 @media only screen and (min-width: 652px) { 1542 1543 .wp-block-quote.is-style-large:before { 1544 font-size: 2.5rem; 1545 } 1546 } 1547 1548 .wp-block-quote.is-large.has-text-align-right:before, 1549 .wp-block-quote.is-style-large.has-text-align-right:before { 1550 display: none; 1551 } 1552 1553 .wp-block-quote.is-large.has-text-align-right p:before { 1554 content: "”"; 1555 font-size: 2.25rem; 1556 font-weight: normal; 1557 line-height: 1.35; 1558 margin-right: 10px; 1559 } 1560 @media only screen and (min-width: 652px) { 1561 1562 .wp-block-quote.is-large.has-text-align-right p:before { 1563 font-size: 2.5rem; 1564 } 1565 } 1566 1567 .wp-block-quote.is-style-large.has-text-align-right p:before { 1568 content: "”"; 1569 font-size: 2.25rem; 1570 font-weight: normal; 1571 line-height: 1.35; 1572 margin-right: 10px; 1573 } 1574 @media only screen and (min-width: 652px) { 1575 1576 .wp-block-quote.is-style-large.has-text-align-right p:before { 1577 font-size: 2.5rem; 1578 } 1579 } 1580 @media only screen and (max-width: 481px) { 1581 1582 .wp-block-quote.is-large, 1583 .wp-block-quote.is-style-large { 1584 padding-left: 25px; 1585 } 1586 1587 .wp-block-quote.is-large:before, 1588 .wp-block-quote.is-style-large:before { 1589 left: 0; 1590 } 1591 1592 .wp-block-quote.is-large.has-text-align-right, 1593 .wp-block-quote.is-style-large.has-text-align-right { 1594 padding-left: 0; 1595 padding-right: 25px; 1596 } 1597 1598 .wp-block-quote.is-large.has-text-align-right:before, 1599 .wp-block-quote.is-style-large.has-text-align-right:before { 1600 right: 0; 1601 } 1602 1603 .wp-block-quote { 1604 padding-left: 13px; 1605 } 1606 1607 .wp-block-quote:before { 1608 left: 0; 1609 } 1610 1611 .wp-block-quote.has-text-align-right { 1612 padding-left: 0; 1613 padding-right: 13px; 1614 } 1615 1616 .wp-block-quote.has-text-align-right:before { 1617 right: 0; 1618 } 1619 1620 .wp-block-quote.has-text-align-center { 1621 padding-left: 0; 1622 padding-right: 0; 1623 } 1624 } 1625 @media only screen and (min-width: 482px) { 1626 1627 .wp-block-quote { 1628 margin-left: auto; 1629 } 1630 1631 .wp-block-quote.has-text-align-right { 1632 margin-right: auto; 1633 } 1634 } 1635 1636 .wp-block-rss { 1637 padding-left: 0; 1638 } 1639 1640 .wp-block-rss > li { 1641 list-style: none; 1642 } 1643 1644 .wp-block-rss:not(.is-grid) > li { 1645 margin-top: 50px; 1646 margin-bottom: 50px; 1647 } 1648 1649 .wp-block-rss:not(.is-grid) > li:first-child { 1650 margin-top: 0; 1651 } 1652 1653 .wp-block-rss:not(.is-grid) > li:last-child { 1654 margin-bottom: 0; 1655 } 1656 1657 .wp-block-rss.is-grid > li { 1658 margin-bottom: 30px; 1659 } 1660 1661 .wp-block-rss.is-grid > li:last-child, 1662 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), 1663 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, 1664 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), 1665 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, 1666 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), 1667 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, 1668 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), 1669 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, 1670 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), 1671 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { 1672 margin-bottom: 0; 1673 } 1674 1675 .wp-block-rss > li > * { 1676 margin-top: 10px; 1677 margin-bottom: 10px; 1678 } 1679 1680 .wp-block-rss > li > *:first-child { 1681 margin-top: 0; 1682 } 1683 1684 .wp-block-rss > li > *:last-child { 1685 margin-bottom: 0; 1686 } 1687 1688 .wp-block-rss .wp-block-rss__item-title > a { 1689 display: inline-block; 1690 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1691 font-size: 2rem; 1692 font-weight: normal; 1693 line-height: 1.3; 1694 margin-bottom: 10px; 1695 } 1696 @media only screen and (min-width: 652px) { 1697 1698 .wp-block-rss .wp-block-rss__item-title > a { 1699 font-size: 2rem; 1700 } 1701 } 1702 1703 .wp-block-rss .wp-block-rss__item-author { 1704 color: #28303d; 1705 font-size: 1.25rem; 1706 line-height: 1.7; 1707 } 1708 1709 .wp-block-rss .wp-block-rss__item-publish-date { 1710 color: #28303d; 1711 font-size: 1rem; 1712 line-height: 1.7; 1713 } 1714 1715 [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, 1716 .has-background .wp-block-rss .wp-block-rss__item-publish-date { 1717 color: currentColor; 1718 } 1719 1720 .wp-block-rss .wp-block-rss__item-excerpt, 1721 .wp-block-rss .wp-block-rss__item-full-content { 1722 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1723 font-size: 1.125rem; 1724 line-height: 1.7; 1725 margin-top: 20px; 1726 } 1727 1728 .wp-block-rss.alignfull { 1729 padding-left: 20px; 1730 padding-right: 20px; 1731 } 1732 1733 .entry-content [class*=inner-container] .wp-block-rss.alignfull, 1734 .entry-content .has-background .wp-block-rss.alignfull { 1735 padding-left: 0; 1736 padding-right: 0; 1737 } 1738 1739 .wp-block-search { 1740 max-width: calc(100vw - 30px); 1741 } 1742 1743 @media only screen and (min-width: 482px) { 1744 1745 .wp-block-search { 1746 max-width: min(calc(100vw - 100px), 610px); 1747 } 1748 } 1749 1750 @media only screen and (min-width: 822px) { 1751 1752 .wp-block-search { 1753 max-width: min(calc(100vw - 200px), 610px); 1754 } 1755 } 1756 1757 .wp-block-search .wp-block-search__label { 1758 font-size: 1.125rem; 1759 font-weight: 500; 1760 margin-bottom: 10px; 1761 } 1762 1763 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, 1764 .wp-block-search .wp-block-search__input { 1765 border: 3px solid #39414d; 1766 border-radius: 0; 1767 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1768 font-size: 1.125rem; 1769 line-height: 1.7; 1770 max-width: inherit; 1771 margin-right: -3px; 1772 padding: 10px; 1773 } 1774 1775 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, 1776 .is-dark-theme .wp-block-search .wp-block-search__input { 1777 background: rgba(255, 255, 255, 0.9); 1778 } 1779 1780 .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, 1781 .has-background .wp-block-search .wp-block-search__input { 1782 border-color: #28303d !important; 1783 } 1784 1785 .wp-block-search .wp-block-search__button.wp-block-search__button { 1786 border: 3px solid transparent; 1787 border-radius: 0; 1788 cursor: pointer; 1789 font-weight: 500; 1790 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1791 font-size: 1.25rem; 1792 line-height: 1.5; 1793 padding: 15px 30px; 1794 text-decoration: none; 1795 box-shadow: none; 1796 margin-left: 0; 1797 } 1798 1799 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 1800 color: #d1e4dd; 1801 } 1802 1803 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color), 1804 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { 1805 color: #28303d; 1806 } 1807 1808 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background), 1809 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 1810 background-color: #28303d; 1811 } 1812 1813 .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1814 .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1815 background-color: transparent; 1816 border-color: currentColor; 1817 color: inherit; 1818 } 1819 1820 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 1821 outline-offset: -6px; 1822 outline: 2px dotted currentColor; 1823 } 1824 1825 .wp-block-search .wp-block-search__button.wp-block-search__button:disabled { 1826 background-color: rgba(255, 255, 255, 0.5); 1827 border-color: rgba(255, 255, 255, 0.5); 1828 color: #39414d; 1829 } 1830 1831 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { 1832 padding: 6px 15px; 1833 display: inherit; 1834 } 1835 1836 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { 1837 width: 40px; 1838 height: 40px; 1839 } 1840 1841 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1842 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1843 background-color: #d1e4dd !important; 1844 color: #28303d !important; 1845 } 1846 1847 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1848 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1849 color: #28303d !important; 1850 } 1851 1852 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 1853 outline-offset: inherit; 1854 outline: inherit; 1855 } 1856 1857 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 1858 padding: 3px; 1859 } 1860 1861 .wp-block-search.wp-block-search__button-inside .wp-block-search__input { 1862 border: none; 1863 } 1864 1865 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, 1866 .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover, 1867 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button, 1868 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { 1869 color: #28303d; 1870 } 1871 1872 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, 1873 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { 1874 background-color: #28303d; 1875 color: #fff; 1876 } 1877 1878 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { 1879 padding: 15px 30px; 1880 } 1881 1882 .wp-block[data-align=center] > * { 1883 text-align: center; 1884 } 1885 1886 .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { 1887 justify-content: center; 1888 } 1889 1890 .wp-block-separator, 1891 hr { 1892 border-bottom: 1px solid #28303d; 1893 clear: both; 1894 opacity: 1; 1895 } 1896 1897 .wp-block-separator[style*="text-align:right"], 1898 .wp-block-separator[style*="text-align: right"], 1899 hr[style*="text-align:right"], 1900 hr[style*="text-align: right"] { 1901 border-right-color: #28303d; 1902 } 1903 1904 .wp-block-separator:not(.is-style-dots) { 1905 max-width: calc(100vw - 30px); 1906 } 1907 @media only screen and (min-width: 482px) { 1908 1909 .wp-block-separator:not(.is-style-dots) { 1910 max-width: min(calc(100vw - 100px), 610px); 1911 } 1912 } 1913 @media only screen and (min-width: 822px) { 1914 1915 .wp-block-separator:not(.is-style-dots) { 1916 max-width: min(calc(100vw - 200px), 610px); 1917 } 1918 } 1919 1920 hr:not(.is-style-dots) { 1921 max-width: calc(100vw - 30px); 1922 } 1923 @media only screen and (min-width: 482px) { 1924 1925 hr:not(.is-style-dots) { 1926 max-width: min(calc(100vw - 100px), 610px); 1927 } 1928 } 1929 @media only screen and (min-width: 822px) { 1930 1931 hr:not(.is-style-dots) { 1932 max-width: min(calc(100vw - 200px), 610px); 1933 } 1934 } 1935 1936 [data-align=full] > .wp-block-separator, 1937 [data-align=wide] > .wp-block-separator, 1938 [data-align=full] > hr, 1939 [data-align=wide] > hr { 1940 max-width: inherit; 1941 } 1942 1943 .wp-block-separator.is-style-twentytwentyone-separator-thick, 1944 hr.is-style-twentytwentyone-separator-thick { 1945 border-bottom-width: 3px; 1946 } 1947 1948 .wp-block-separator.is-style-dots, 1949 hr.is-style-dots { 1950 border-bottom: none; 1951 } 1952 1953 .wp-block-separator.is-style-dots.has-background, 1954 .wp-block-separator.is-style-dots.has-text-color, 1955 hr.is-style-dots.has-background, 1956 hr.is-style-dots.has-text-color { 1957 background-color: transparent !important; 1958 } 1959 1960 .wp-block-separator.is-style-dots.has-background:before, 1961 .wp-block-separator.is-style-dots.has-text-color:before, 1962 hr.is-style-dots.has-background:before, 1963 hr.is-style-dots.has-text-color:before { 1964 color: currentColor !important; 1965 } 1966 1967 .wp-block-separator.is-style-dots:before, 1968 hr.is-style-dots:before { 1969 color: #28303d; 1970 } 1971 1972 .has-background .wp-block-separator, 1973 [class*=background-color] .wp-block-separator, 1974 [style*=background-color] .wp-block-separator, 1975 .wp-block-cover[style*=background-image] .wp-block-separator, 1976 .has-background hr, 1977 [class*=background-color] hr, 1978 [style*=background-color] hr, 1979 .wp-block-cover[style*=background-image] hr { 1980 border-color: currentColor; 1981 } 1982 1983 .wp-block-social-links [data-block] { 1984 margin-top: 0; 1985 margin-bottom: 0; 1986 } 1987 1988 .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { 1989 color: #28303d; 1990 } 1991 1992 .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { 1993 background: none; 1994 } 1995 1996 table thead, 1997 table tfoot, 1998 .wp-block-table thead, 1999 .wp-block-table tfoot { 2000 text-align: center; 2001 } 2002 2003 table th, 2004 .wp-block-table th { 2005 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2006 } 2007 2008 table td, 2009 table th, 2010 .wp-block-table td, 2011 .wp-block-table th { 2012 padding: 10px; 2013 } 2014 2015 table.is-style-regular .has-background, 2016 table.is-style-stripes .has-background, 2017 table.is-style-stripes .has-background thead tr, 2018 table.is-style-stripes .has-background tfoot tr, 2019 table.is-style-stripes .has-background tbody tr, 2020 .wp-block-table.is-style-regular .has-background, 2021 .wp-block-table.is-style-stripes .has-background, 2022 .wp-block-table.is-style-stripes .has-background thead tr, 2023 .wp-block-table.is-style-stripes .has-background tfoot tr, 2024 .wp-block-table.is-style-stripes .has-background tbody tr { 2025 color: #28303d; 2026 } 2027 2028 table.is-style-stripes, 2029 .wp-block-table.is-style-stripes { 2030 border-color: #f0f0f0; 2031 } 2032 2033 table.is-style-stripes th, 2034 table.is-style-stripes td, 2035 .wp-block-table.is-style-stripes th, 2036 .wp-block-table.is-style-stripes td { 2037 border-width: 0; 2038 } 2039 2040 table.is-style-stripes tbody tr:nth-child(odd), 2041 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 2042 background-color: #f0f0f0; 2043 } 2044 2045 table.is-style-stripes .has-background tbody tr:nth-child(odd), 2046 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 2047 background-color: rgba(255, 255, 255, 0.9); 2048 } 2049 2050 table.wp-calendar-table td, 2051 table.wp-calendar-table th { 2052 background: transparent; 2053 border: 0; 2054 text-align: center; 2055 line-height: 2; 2056 vertical-align: middle; 2057 } 2058 2059 table.wp-calendar-table th { 2060 font-weight: bold; 2061 } 2062 2063 table.wp-calendar-table thead, 2064 table.wp-calendar-table tbody { 2065 color: currentColor; 2066 border: 1px solid; 2067 } 2068 2069 table.wp-calendar-table caption { 2070 font-weight: bold; 2071 text-align: left; 2072 margin-bottom: 20px; 2073 color: currentColor; 2074 } 2075 2076 .wp-calendar-nav { 2077 text-align: left; 2078 margin-top: 10px; 2079 } 2080 2081 .wp-calendar-nav svg { 2082 height: 1em; 2083 vertical-align: middle; 2084 } 2085 2086 .wp-calendar-nav svg path { 2087 fill: currentColor; 2088 } 2089 2090 .wp-calendar-nav .wp-calendar-nav-next { 2091 float: right; 2092 } 2093 2094 .wp-block-tag-cloud.aligncenter { 2095 text-align: center; 2096 } 2097 2098 pre.wp-block-verse { 2099 padding: 0; 2100 color: currentColor; 2101 } 2102 2103 :root .is-extra-small-text, 2104 :root .has-extra-small-font-size { 2105 font-size: 1rem; 2106 } 2107 2108 :root .is-small-text, 2109 :root .has-small-font-size { 2110 font-size: 1.125rem; 2111 } 2112 2113 :root .is-regular-text, 2114 :root .has-regular-font-size, 2115 :root .is-normal-font-size, 2116 :root .has-normal-font-size, 2117 :root .has-medium-font-size { 2118 font-size: 1.25rem; 2119 } 2120 2121 :root .is-large-text, 2122 :root .has-large-font-size { 2123 font-size: 1.5rem; 2124 line-height: 1.3; 2125 } 2126 2127 :root .is-larger-text { 2128 font-size: 2.5rem; 2129 line-height: 1.3; 2130 } 2131 @media only screen and (min-width: 652px) { 2132 2133 :root .is-larger-text { 2134 font-size: 2.5rem; 2135 } 2136 } 2137 2138 :root .has-larger-font-size { 2139 font-size: 2.5rem; 2140 line-height: 1.3; 2141 } 2142 @media only screen and (min-width: 652px) { 2143 2144 :root .has-larger-font-size { 2145 font-size: 2.5rem; 2146 } 2147 } 2148 2149 :root .is-extra-large-text { 2150 font-size: 2.5rem; 2151 line-height: 1.3; 2152 } 2153 @media only screen and (min-width: 652px) { 2154 2155 :root .is-extra-large-text { 2156 font-size: 2.5rem; 2157 } 2158 } 2159 2160 :root .has-extra-large-font-size { 2161 font-size: 2.5rem; 2162 line-height: 1.3; 2163 } 2164 @media only screen and (min-width: 652px) { 2165 2166 :root .has-extra-large-font-size { 2167 font-size: 2.5rem; 2168 } 2169 } 2170 2171 :root .is-huge-text { 2172 font-size: 6rem; 2173 line-height: 1.3; 2174 font-weight: 300; 2175 } 2176 @media only screen and (min-width: 652px) { 2177 2178 :root .is-huge-text { 2179 font-size: 6rem; 2180 } 2181 } 2182 2183 :root .has-huge-font-size { 2184 font-size: 6rem; 2185 line-height: 1.3; 2186 font-weight: 300; 2187 } 2188 @media only screen and (min-width: 652px) { 2189 2190 :root .has-huge-font-size { 2191 font-size: 6rem; 2192 } 2193 } 2194 2195 :root .is-gigantic-text { 2196 font-size: 9rem; 2197 line-height: 1.3; 2198 font-weight: 300; 2199 } 2200 @media only screen and (min-width: 652px) { 2201 2202 :root .is-gigantic-text { 2203 font-size: 9rem; 2204 } 2205 } 2206 2207 :root .has-gigantic-font-size { 2208 font-size: 9rem; 2209 line-height: 1.3; 2210 font-weight: 300; 2211 } 2212 @media only screen and (min-width: 652px) { 2213 2214 :root .has-gigantic-font-size { 2215 font-size: 9rem; 2216 } 2217 } 2218 2219 /** 2220 * Editor Post Title 2221 * - Needs a special styles 2222 */ 2223 .wp-block.editor-post-title__block { 2224 border-bottom: 3px solid #28303d; 2225 padding-bottom: 60px; 2226 margin-bottom: 90px; 2227 max-width: calc(100vw - 30px); 2228 } 2229 @media only screen and (min-width: 482px) { 2230 2231 .wp-block.editor-post-title__block { 2232 max-width: calc(100vw - 100px); 2233 } 2234 } 2235 @media only screen and (min-width: 822px) { 2236 2237 .wp-block.editor-post-title__block { 2238 max-width: min(calc(100vw - 200px), 1240px); 2239 } 2240 } 2241 2242 .wp-block.editor-post-title__block .editor-post-title__input { 2243 color: #39414d; 2244 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2245 font-size: 4rem; 2246 font-weight: 300; 2247 line-height: 1.1; 2248 } 2249 @media only screen and (min-width: 652px) { 2250 2251 .wp-block.editor-post-title__block .editor-post-title__input { 2252 font-size: 6rem; 2253 } 2254 } 2255 2256 .wp-block.block-editor-default-block-appender > textarea { 2257 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2258 font-size: 1.25rem; 2259 } 2260 2261 .has-primary-color[class] { 2262 color: #28303d; 2263 } 2264 2265 .has-secondary-color[class] { 2266 color: #39414d; 2267 } 2268 2269 .has-primary-background-color[class] { 2270 background-color: #28303d; 2271 color: #d1e4dd; 2272 } 2273 2274 .has-secondary-background-color[class] { 2275 background-color: #39414d; 2276 color: #d1e4dd; 2277 } 2278 2279 .has-white-background-color[class] { 2280 color: #39414d; 2281 } 2282 2283 .has-black-background-color[class] { 2284 color: #28303d; 2285 } 2286 2287 [data-block] { 2288 margin-top: 30px; 2289 margin-bottom: 30px; 2290 } 2291 2292 .wp-block { 2293 max-width: calc(100vw - 30px); 2294 } 2295 2296 @media only screen and (min-width: 482px) { 2297 2298 .wp-block { 2299 max-width: min(calc(100vw - 100px), 610px); 2300 } 2301 } 2302 2303 @media only screen and (min-width: 822px) { 2304 2305 .wp-block { 2306 max-width: min(calc(100vw - 200px), 610px); 2307 } 2308 } 2309 2310 .wp-block[data-align=wide] { 2311 max-width: calc(100vw - 30px); 2312 } 2313 @media only screen and (min-width: 482px) { 2314 2315 .wp-block[data-align=wide] { 2316 max-width: calc(100vw - 100px); 2317 } 2318 } 2319 @media only screen and (min-width: 822px) { 2320 2321 .wp-block[data-align=wide] { 2322 max-width: min(calc(100vw - 200px), 1240px); 2323 } 2324 } 2325 2326 .wp-block.alignwide { 2327 max-width: calc(100vw - 30px); 2328 } 2329 @media only screen and (min-width: 482px) { 2330 2331 .wp-block.alignwide { 2332 max-width: calc(100vw - 100px); 2333 } 2334 } 2335 @media only screen and (min-width: 822px) { 2336 2337 .wp-block.alignwide { 2338 max-width: min(calc(100vw - 200px), 1240px); 2339 } 2340 } 2341 2342 .wp-block[data-align=full], 2343 .wp-block.alignfull { 2344 max-width: none; 2345 } 2346 2347 .alignleft { 2348 margin: 0; 2349 margin-right: 25px; 2350 } 2351 2352 .alignright { 2353 margin: 0; 2354 margin-left: 25px; 2355 } 2356 2357 .has-drop-cap:not(:focus)::first-letter { 2358 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2359 font-weight: normal; 2360 line-height: 0.66; 2361 text-transform: uppercase; 2362 font-style: normal; 2363 float: left; 2364 margin: 0.1em 0.1em 0 0; 2365 font-size: 5rem; 2366 } 2367 2368 @media only screen and (min-width: 652px) { 2369 2370 .has-drop-cap:not(:focus)::first-letter { 2371 font-size: 7rem; 2372 } 2373 } 2374 2375 @media only screen and (min-width: 482px) { 2376 2377 .wp-block[data-align=left] > * { 2378 max-width: 290px; 2379 margin-right: 25px; 2380 } 2381 2382 .wp-block[data-align=right] > * { 2383 max-width: 290px; 2384 margin-left: 25px; 2385 } 2386 } 2387 2388 .wp-block-freeform.block-library-rich-text__tinymce blockquote { 2389 border: none; 2390 } 2391 2392 .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { 2393 left: 5px; 2394 } 2395 2396 html { 2397 line-height: 1.7; 2398 } 2399 2400 html, 2401 body { 2402 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2403 } 2404 2405 body { 2406 background-color: #d1e4dd; 2407 font-size: 1.25rem; 2408 font-weight: normal; 2409 -moz-osx-font-smoothing: grayscale; 2410 -webkit-font-smoothing: antialiased; 2411 } 2412 2413 body, 2414 .wp-block a { 2415 color: #28303d; 2416 } 2417 2418 .wp-block a:hover { 2419 text-decoration-style: dotted; 2420 } 2421 2422 .wp-block a:focus { 2423 outline: 2px solid #28303d; 2424 text-decoration: none; 2425 } 2426 2427 .has-background .has-link-color a, 2428 .has-background.has-link-color a { 2429 color: #28303d; 2430 } 2431 2432 button, 2433 a { 2434 cursor: pointer; 2435 } 2436 2437 .has-black-color[class], 2438 .has-black-color[class] > [class*=__inner-container] { 2439 color: #000; 2440 } 2441 2442 .has-gray-color[class], 2443 .has-gray-color[class] > [class*=__inner-container] { 2444 color: #39414d; 2445 } 2446 2447 .has-dark-gray-color[class], 2448 .has-dark-gray-color[class] > [class*=__inner-container] { 2449 color: #28303d; 2450 } 2451 2452 .has-green-color[class], 2453 .has-green-color[class] > [class*=__inner-container] { 2454 color: #d1e4dd; 2455 } 2456 2457 .has-blue-color[class], 2458 .has-blue-color[class] > [class*=__inner-container] { 2459 color: #d1dfe4; 2460 } 2461 2462 .has-purple-color[class], 2463 .has-purple-color[class] > [class*=__inner-container] { 2464 color: #d1d1e4; 2465 } 2466 2467 .has-red-color[class], 2468 .has-red-color[class] > [class*=__inner-container] { 2469 color: #e4d1d1; 2470 } 2471 2472 .has-orange-color[class], 2473 .has-orange-color[class] > [class*=__inner-container] { 2474 color: #e4dad1; 2475 } 2476 2477 .has-yellow-color[class], 2478 .has-yellow-color[class] > [class*=__inner-container] { 2479 color: #eeeadd; 2480 } 2481 2482 .has-white-color[class], 2483 .has-white-color[class] > [class*=__inner-container] { 2484 color: #fff; 2485 } 2486 2487 .has-background a, 2488 .has-background p, 2489 .has-background h1, 2490 .has-background h2, 2491 .has-background h3, 2492 .has-background h4, 2493 .has-background h5, 2494 .has-background h6 { 2495 color: currentColor; 2496 } 2497 2498 .has-black-background-color[class], 2499 .has-black-background-color[class] > [class*=__inner-container] { 2500 background-color: #000; 2501 } 2502 2503 .has-dark-gray-background-color[class], 2504 .has-dark-gray-background-color[class] > [class*=__inner-container] { 2505 background-color: #28303d; 2506 } 2507 2508 .has-gray-background-color[class], 2509 .has-gray-background-color[class] > [class*=__inner-container] { 2510 background-color: #39414d; 2511 } 2512 2513 .has-light-gray-background-color[class], 2514 .has-light-gray-background-color[class] > [class*=__inner-container] { 2515 background-color: #f0f0f0; 2516 } 2517 2518 .has-green-background-color[class], 2519 .has-green-background-color[class] > [class*=__inner-container] { 2520 background-color: #d1e4dd; 2521 } 2522 2523 .has-blue-background-color[class], 2524 .has-blue-background-color[class] > [class*=__inner-container] { 2525 background-color: #d1dfe4; 2526 } 2527 2528 .has-purple-background-color[class], 2529 .has-purple-background-color[class] > [class*=__inner-container] { 2530 background-color: #d1d1e4; 2531 } 2532 2533 .has-red-background-color[class], 2534 .has-red-background-color[class] > [class*=__inner-container] { 2535 background-color: #e4d1d1; 2536 } 2537 2538 .has-orange-background-color[class], 2539 .has-orange-background-color[class] > [class*=__inner-container] { 2540 background-color: #e4dad1; 2541 } 2542 2543 .has-yellow-background-color[class], 2544 .has-yellow-background-color[class] > [class*=__inner-container] { 2545 background-color: #eeeadd; 2546 } 2547 2548 .has-white-background-color[class], 2549 .has-white-background-color[class] > [class*=__inner-container] { 2550 background-color: #fff; 2551 } 2552 2553 .has-background:not(.has-text-color).has-black-background-color[class], 2554 .has-background:not(.has-text-color).has-gray-background-color[class], 2555 .has-background:not(.has-text-color).has-dark-gray-background-color[class] { 2556 color: #fff; 2557 } 2558 2559 .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], 2560 .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], 2561 .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container], 2562 .has-background:not(.has-text-color).has-green-background-color[class], 2563 .has-background:not(.has-text-color).has-blue-background-color[class], 2564 .has-background:not(.has-text-color).has-purple-background-color[class], 2565 .has-background:not(.has-text-color).has-red-background-color[class], 2566 .has-background:not(.has-text-color).has-orange-background-color[class], 2567 .has-background:not(.has-text-color).has-yellow-background-color[class], 2568 .has-background:not(.has-text-color).has-white-background-color[class], 2569 .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], 2570 .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], 2571 .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], 2572 .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], 2573 .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], 2574 .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], 2575 .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { 2576 color: #28303d; 2577 } 2578 2579 .has-purple-to-yellow-gradient-background { 2580 background: linear-gradient(160deg, #d1d1e4, #eeeadd); 2581 } 2582 2583 .has-yellow-to-purple-gradient-background { 2584 background: linear-gradient(160deg, #eeeadd, #d1d1e4); 2585 } 2586 2587 .has-green-to-yellow-gradient-background { 2588 background: linear-gradient(160deg, #d1e4dd, #eeeadd); 2589 } 2590 2591 .has-yellow-to-green-gradient-background { 2592 background: linear-gradient(160deg, #eeeadd, #d1e4dd); 2593 } 2594 2595 .has-red-to-yellow-gradient-background { 2596 background: linear-gradient(160deg, #e4d1d1, #eeeadd); 2597 } 2598 2599 .has-yellow-to-red-gradient-background { 2600 background: linear-gradient(160deg, #eeeadd, #e4d1d1); 2601 } 2602 2603 .has-purple-to-red-gradient-background { 2604 background: linear-gradient(160deg, #d1d1e4, #e4d1d1); 2605 } 2606 2607 .has-red-to-purple-gradient-background { 2608 background: linear-gradient(160deg, #e4d1d1, #d1d1e4); 2609 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Tue Apr 23 08:20:01 2024 | Cross-referenced by PHPXref |