ie-editor.css (72037B)
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 blockquote { 123 padding: 0; 124 position: relative; 125 margin: 30px 0 30px 25px; 126 } 127 128 blockquote > * { 129 margin-top: 20px; 130 margin-bottom: 20px; 131 } 132 133 blockquote > *:first-child { 134 margin-top: 0; 135 } 136 137 blockquote > *:last-child { 138 margin-bottom: 0; 139 } 140 141 blockquote p { 142 letter-spacing: normal; 143 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 144 font-size: 1.25rem; 145 font-style: normal; 146 font-weight: 700; 147 line-height: 1.7; 148 } 149 150 blockquote cite { 151 font-weight: normal; 152 letter-spacing: normal; 153 } 154 155 blockquote footer { 156 font-weight: normal; 157 letter-spacing: normal; 158 } 159 160 blockquote.alignleft, 161 blockquote.alignright { 162 padding-left: inherit; 163 } 164 165 blockquote.alignleft p { 166 font-size: 1.125rem; 167 max-width: inherit; 168 width: inherit; 169 } 170 171 blockquote.alignright p { 172 font-size: 1.125rem; 173 max-width: inherit; 174 width: inherit; 175 } 176 177 blockquote.alignleft cite { 178 font-size: 1rem; 179 letter-spacing: normal; 180 } 181 182 blockquote.alignleft footer { 183 font-size: 1rem; 184 letter-spacing: normal; 185 } 186 187 blockquote.alignright cite { 188 font-size: 1rem; 189 letter-spacing: normal; 190 } 191 192 blockquote.alignright footer { 193 font-size: 1rem; 194 letter-spacing: normal; 195 } 196 197 blockquote strong { 198 font-weight: bolder; 199 } 200 201 blockquote:before { 202 content: "“"; 203 font-size: 1.25rem; 204 line-height: 1.7; 205 position: absolute; 206 left: -12px; 207 } 208 209 blockquote .wp-block-quote__citation { 210 color: #28303d; 211 font-size: 1rem; 212 font-style: normal; 213 } 214 215 blockquote cite { 216 color: #28303d; 217 font-size: 1rem; 218 font-style: normal; 219 } 220 221 blockquote footer { 222 color: #28303d; 223 font-size: 1rem; 224 font-style: normal; 225 } 226 @media only screen and (max-width: 481px) { 227 228 blockquote { 229 padding-left: 13px; 230 } 231 232 blockquote:before { 233 left: 0; 234 } 235 } 236 237 img { 238 height: auto; 239 max-width: 100%; 240 vertical-align: middle; 241 } 242 243 /* Classic editor images */ 244 .entry-content img { 245 max-width: 100%; 246 } 247 248 /* Make sure embeds and iframes fit their containers. */ 249 embed, 250 iframe, 251 object, 252 video { 253 max-width: 100%; 254 } 255 256 /* Media captions */ 257 figcaption { 258 color: currentColor; 259 font-size: 1rem; 260 line-height: 1.7; 261 margin-top: 10px; 262 margin-bottom: 20px; 263 text-align: center; 264 } 265 266 .wp-caption { 267 color: currentColor; 268 font-size: 1rem; 269 line-height: 1.7; 270 margin-top: 10px; 271 margin-bottom: 20px; 272 text-align: center; 273 } 274 275 .wp-caption-text { 276 color: currentColor; 277 font-size: 1rem; 278 line-height: 1.7; 279 margin-top: 10px; 280 margin-bottom: 20px; 281 text-align: center; 282 } 283 284 .wp-block-embed figcaption { 285 color: currentColor; 286 font-size: 1rem; 287 line-height: 1.7; 288 margin-top: 10px; 289 margin-bottom: 20px; 290 text-align: center; 291 } 292 293 .alignleft figcaption, 294 .alignright figcaption, 295 .alignleft .wp-caption, 296 .alignright .wp-caption, 297 .alignleft .wp-caption-text, 298 .alignright .wp-caption-text, 299 .alignleft .wp-block-embed figcaption, 300 .alignright .wp-block-embed figcaption { 301 margin-bottom: 0; 302 } 303 304 /* WP Smiley */ 305 .page-content .wp-smiley, 306 .entry-content .wp-smiley, 307 .comment-content .wp-smiley { 308 border: none; 309 margin-bottom: 0; 310 margin-top: 0; 311 padding: 0; 312 } 313 314 select { 315 border: 3px solid #39414d; 316 border-radius: 0; 317 color: #28303d; 318 font-size: 1.125rem; 319 -moz-appearance: none; 320 -webkit-appearance: none; 321 appearance: none; 322 padding: 10px 30px 10px 10px; 323 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; 324 background-position: right 10px top 60%; 325 } 326 327 select:focus { 328 border: 3px solid #39414d; 329 border-radius: 0; 330 color: #28303d; 331 font-size: 1.125rem; 332 -moz-appearance: none; 333 -webkit-appearance: none; 334 appearance: none; 335 padding: 10px 30px 10px 10px; 336 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; 337 background-position: right 10px top 60%; 338 } 339 340 /* 341 * text-underline-offset doesn't work in Chrome at all 👎 342 * But looks nice in Safari/Firefox, so let's keep it and 343 * maybe Chrome will support it soon. 344 */ 345 a { 346 cursor: pointer; 347 color: #28303d; 348 text-underline-offset: 3px; 349 text-decoration-skip-ink: all; 350 } 351 352 a:hover { 353 text-decoration-style: dotted; 354 text-decoration-skip-ink: none; 355 } 356 357 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 358 359 /* Only visible in Windows High Contrast mode */ 360 outline: 2px solid transparent; 361 text-decoration: underline 1px dotted currentColor; 362 text-decoration-skip-ink: none; 363 background: rgba(255, 255, 255, 0.9); 364 } 365 366 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 367 background: #000; 368 color: #fff; 369 text-decoration: none; 370 } 371 372 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 373 color: #fff; 374 } 375 376 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 377 background: rgba(0, 0, 0, 0.9); 378 color: #fff; 379 } 380 381 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 382 color: #fff; 383 } 384 385 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { 386 387 /* Only visible in Windows High Contrast mode */ 388 outline: 2px solid transparent; 389 outline-offset: -2px; 390 } 391 392 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { 393 color: #21759b; 394 background-color: #f1f1f1; 395 } 396 397 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { 398 background: none; 399 } 400 401 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { 402 outline: 2px dotted #28303d; 403 } 404 405 .wp-block-button__link { 406 border: 3px solid transparent; 407 border-radius: 0; 408 cursor: pointer; 409 font-weight: 500; 410 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 411 font-size: 1.25rem; 412 line-height: 1.5; 413 padding: 15px 30px; 414 text-decoration: none; 415 } 416 417 .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 418 color: #d1e4dd; 419 } 420 421 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 422 color: #28303d; 423 } 424 425 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 426 color: #28303d; 427 } 428 429 .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 430 background-color: #28303d; 431 } 432 433 .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 434 background-color: #28303d; 435 } 436 437 .wp-block-button__link:hover, 438 .wp-block-button__link:active { 439 background-color: transparent; 440 border-color: currentColor; 441 color: inherit; 442 } 443 444 .wp-block-button__link:focus { 445 outline-offset: -6px; 446 outline: 2px dotted currentColor; 447 } 448 449 .wp-block-button__link:disabled { 450 background-color: rgba(255, 255, 255, 0.5); 451 border-color: rgba(255, 255, 255, 0.5); 452 color: #39414d; 453 } 454 455 /** 456 * Block Options 457 */ 458 [data-block].wp-block-buttons { 459 margin-top: 0; 460 margin-bottom: 0; 461 } 462 463 [data-block].wp-block-buttons .wp-block-button:first-child { 464 margin-top: 30px; 465 } 466 467 [data-block].wp-block-buttons .wp-block-button:last-child { 468 margin-bottom: 30px; 469 } 470 471 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 472 color: #d1e4dd; 473 } 474 475 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 476 color: #d1e4dd; 477 } 478 479 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 480 color: #28303d; 481 } 482 483 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 484 background-color: #28303d; 485 } 486 487 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 488 background-color: #28303d; 489 } 490 491 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, 492 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { 493 border-color: currentColor !important; 494 background-color: transparent !important; 495 color: inherit !important; 496 } 497 498 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { 499 outline-offset: inherit; 500 outline: inherit; 501 } 502 503 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 504 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), 505 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { 506 border-color: currentColor; 507 } 508 509 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 510 color: #28303d; 511 } 512 513 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 514 color: #28303d; 515 } 516 517 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { 518 color: inherit; 519 } 520 521 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 522 background-color: transparent; 523 } 524 525 .wp-block-button.is-style-outline .wp-block-button__link:hover { 526 background-color: #28303d !important; 527 border-color: transparent !important; 528 color: #d1e4dd !important; 529 } 530 531 .wp-block-button.is-style-outline .wp-block-button__link:active { 532 background-color: #28303d !important; 533 border-color: transparent !important; 534 color: #d1e4dd !important; 535 } 536 537 .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover { 538 background-color: #28303d !important; 539 color: #d1e4dd !important; 540 } 541 542 .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { 543 background-color: #28303d !important; 544 color: #d1e4dd !important; 545 } 546 547 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { 548 color: #d1e4dd !important; 549 } 550 551 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { 552 color: #d1e4dd !important; 553 } 554 555 .wp-block-button.is-style-outline .wp-block-button__link:focus { 556 outline-offset: inherit; 557 outline: inherit; 558 } 559 560 .wp-block-button.is-style-squared { 561 border-radius: 0; 562 } 563 564 .is-style-outline .wp-block-button__link[style*=radius], 565 .wp-block-button__link[style*=radius] { 566 outline-offset: 2px; 567 } 568 569 .wp-block-code code { 570 white-space: pre !important; 571 overflow-x: auto; 572 } 573 574 .wp-block-code { 575 border-color: #28303d; 576 border-radius: 0; 577 border-style: solid; 578 border-width: 0.1rem; 579 padding: 20px; 580 color: currentColor; 581 } 582 583 .wp-block-cover { 584 background-color: #000; 585 min-height: 450px; 586 margin-top: inherit; 587 margin-bottom: inherit; 588 } 589 590 .wp-block-cover-image { 591 background-color: #000; 592 min-height: 450px; 593 margin-top: inherit; 594 margin-bottom: inherit; 595 } 596 597 .wp-block-cover:not(.alignwide):not(.alignfull), 598 .wp-block-cover-image:not(.alignwide):not(.alignfull) { 599 clear: both; 600 } 601 602 [data-align=full] .wp-block-cover, 603 [data-align=full] .wp-block-cover-image { 604 margin-top: 0; 605 margin-bottom: 0; 606 } 607 608 .wp-block-cover > .wp-block-cover__inner-container > *:first-child, 609 .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child { 610 margin-top: 0; 611 } 612 613 .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), 614 .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender) { 615 margin-bottom: 0; 616 } 617 618 .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 619 .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 620 .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), 621 .wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) { 622 margin-bottom: 0; 623 } 624 625 .wp-block-cover .wp-block-cover__inner-container, 626 .wp-block-cover .wp-block-cover-image-text, 627 .wp-block-cover .wp-block-cover-text, 628 .wp-block-cover .block-editor-block-list__block, 629 .wp-block-cover-image .wp-block-cover__inner-container, 630 .wp-block-cover-image .wp-block-cover-image-text, 631 .wp-block-cover-image .wp-block-cover-text, 632 .wp-block-cover-image .block-editor-block-list__block { 633 color: currentColor; 634 } 635 636 .wp-block-cover .wp-block-cover__inner-container a, 637 .wp-block-cover .wp-block-cover-image-text a, 638 .wp-block-cover .wp-block-cover-text a, 639 .wp-block-cover .block-editor-block-list__block a, 640 .wp-block-cover-image .wp-block-cover__inner-container a, 641 .wp-block-cover-image .wp-block-cover-image-text a, 642 .wp-block-cover-image .wp-block-cover-text a, 643 .wp-block-cover-image .block-editor-block-list__block a { 644 color: currentColor; 645 } 646 647 .wp-block-cover .wp-block-cover__inner-container .has-link-color a { 648 color: #28303d; 649 } 650 651 .wp-block-cover .wp-block-cover-image-text .has-link-color a { 652 color: #28303d; 653 } 654 655 .wp-block-cover .wp-block-cover-text .has-link-color a { 656 color: #28303d; 657 } 658 659 .wp-block-cover .block-editor-block-list__block .has-link-color a { 660 color: #28303d; 661 } 662 663 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a { 664 color: #28303d; 665 } 666 667 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a { 668 color: #28303d; 669 } 670 671 .wp-block-cover-image .wp-block-cover-text .has-link-color a { 672 color: #28303d; 673 } 674 675 .wp-block-cover-image .block-editor-block-list__block .has-link-color a { 676 color: #28303d; 677 } 678 679 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container { 680 color: #fff; 681 } 682 683 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text { 684 color: #fff; 685 } 686 687 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text { 688 color: #fff; 689 } 690 691 .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block { 692 color: #fff; 693 } 694 695 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container { 696 color: #fff; 697 } 698 699 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text { 700 color: #fff; 701 } 702 703 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { 704 color: #fff; 705 } 706 707 .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block { 708 color: #fff; 709 } 710 711 .wp-block-cover h2 { 712 font-size: 2.25rem; 713 letter-spacing: normal; 714 line-height: 1.3; 715 padding: 0; 716 max-width: inherit; 717 text-align: inherit; 718 } 719 @media only screen and (min-width: 652px) { 720 721 .wp-block-cover h2 { 722 font-size: 3rem; 723 } 724 } 725 726 .wp-block-cover-image h2 { 727 font-size: 2.25rem; 728 letter-spacing: normal; 729 line-height: 1.3; 730 padding: 0; 731 max-width: inherit; 732 text-align: inherit; 733 } 734 @media only screen and (min-width: 652px) { 735 736 .wp-block-cover-image h2 { 737 font-size: 3rem; 738 } 739 } 740 741 .wp-block-cover h2.has-text-align-left, 742 .wp-block-cover-image h2.has-text-align-left { 743 text-align: left; 744 } 745 746 .wp-block-cover h2.has-text-align-center, 747 .wp-block-cover-image h2.has-text-align-center { 748 text-align: center; 749 } 750 751 .wp-block-cover h2.has-text-align-right, 752 .wp-block-cover-image h2.has-text-align-right { 753 text-align: right; 754 } 755 756 .wp-block-cover.is-style-twentytwentyone-border { 757 border: 3px solid #28303d; 758 } 759 760 .wp-block-cover-image.is-style-twentytwentyone-border { 761 border: 3px solid #28303d; 762 } 763 764 .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, 765 .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { 766 background-color: unset; 767 } 768 769 .wp-block-columns:not(.alignwide):not(.alignfull) { 770 clear: both; 771 } 772 773 .wp-block-columns .wp-block, 774 .wp-block-columns .wp-block-column { 775 max-width: inherit; 776 } 777 778 .wp-block-columns > .wp-block-column > *:first-child { 779 margin-top: 0; 780 } 781 782 .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) { 783 margin-bottom: 0; 784 } 785 786 .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2), 787 .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) { 788 margin-bottom: 0; 789 } 790 @media only screen and (min-width: 652px) { 791 792 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { 793 margin-left: -50px; 794 margin-top: 63px; 795 z-index: 2; 796 } 797 798 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) { 799 background-color: #d1e4dd; 800 padding: 20px; 801 } 802 803 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) { 804 background-color: #d1e4dd; 805 padding: 20px; 806 } 807 808 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) { 809 background-color: #d1e4dd; 810 padding: 20px; 811 } 812 813 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) { 814 background-color: #d1e4dd; 815 padding: 20px; 816 } 817 818 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) { 819 background-color: #d1e4dd; 820 padding: 20px; 821 } 822 823 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) { 824 background-color: #d1e4dd; 825 padding: 20px; 826 } 827 828 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) { 829 background-color: #d1e4dd; 830 padding: 20px; 831 } 832 833 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { 834 background-color: #d1e4dd; 835 padding: 20px; 836 } 837 838 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 839 background-color: #d1e4dd; 840 padding: 20px; 841 } 842 843 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { 844 background-color: #d1e4dd; 845 padding: 20px; 846 } 847 848 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { 849 padding-left: 50px; 850 } 851 852 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 853 padding-left: 50px; 854 } 855 856 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { 857 margin-top: 0; 858 } 859 } 860 861 .wp-block[data-align=full] > .wp-block-columns p:not(.has-background) { 862 padding-left: 20px; 863 padding-right: 20px; 864 } 865 866 .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background) { 867 padding-left: 20px; 868 padding-right: 20px; 869 } 870 871 .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background) { 872 padding-left: 20px; 873 padding-right: 20px; 874 } 875 876 .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background) { 877 padding-left: 20px; 878 padding-right: 20px; 879 } 880 881 .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background) { 882 padding-left: 20px; 883 padding-right: 20px; 884 } 885 886 .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background) { 887 padding-left: 20px; 888 padding-right: 20px; 889 } 890 891 .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) { 892 padding-left: 20px; 893 padding-right: 20px; 894 } 895 896 .wp-block-file .wp-block-file__textlink { 897 text-decoration: underline; 898 text-decoration-style: solid; 899 text-decoration-thickness: 1px; 900 } 901 902 .wp-block-file .wp-block-file__textlink:hover { 903 text-decoration: underline; 904 text-decoration-style: dotted; 905 } 906 907 .wp-block-file .wp-block-file__button { 908 border: 3px solid transparent; 909 border-radius: 0; 910 cursor: pointer; 911 font-weight: 500; 912 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 913 font-size: 1.25rem; 914 line-height: 1.5; 915 padding: 15px 30px; 916 text-decoration: none; 917 display: inline-block; 918 } 919 920 .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { 921 color: #d1e4dd; 922 } 923 924 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { 925 color: #28303d; 926 } 927 928 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { 929 color: #28303d; 930 } 931 932 .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { 933 background-color: #28303d; 934 } 935 936 .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { 937 background-color: #28303d; 938 } 939 940 .wp-block-file .wp-block-file__button:hover, 941 .wp-block-file .wp-block-file__button:active { 942 background-color: transparent; 943 border-color: currentColor; 944 color: inherit; 945 } 946 947 .wp-block-file .wp-block-file__button:focus { 948 outline-offset: -6px; 949 outline: 2px dotted currentColor; 950 } 951 952 .wp-block-file .wp-block-file__button:disabled { 953 background-color: rgba(255, 255, 255, 0.5); 954 border-color: rgba(255, 255, 255, 0.5); 955 color: #39414d; 956 } 957 958 .wp-block-file .wp-block-file__button:focus { 959 outline-offset: inherit; 960 outline: inherit; 961 } 962 963 .wp-block-gallery figcaption { 964 margin-bottom: 0; 965 } 966 967 .wp-block-gallery figcaption a { 968 color: #fff; 969 } 970 971 .wp-block-group { 972 display: block; 973 clear: both; 974 display: flow-root; 975 } 976 977 .wp-block-group:before, 978 .wp-block-group:after { 979 content: ""; 980 display: block; 981 clear: both; 982 } 983 984 .wp-block-group.has-background { 985 padding: 30px; 986 } 987 988 [data-align=full] .wp-block-group.has-background { 989 margin-top: 0; 990 margin-bottom: 0; 991 } 992 993 .wp-block-group.is-style-twentytwentyone-border { 994 border: 3px solid #28303d; 995 padding: 30px; 996 } 997 998 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { 999 max-width: calc(100% + 60px); 1000 width: calc(100% + 60px); 1001 margin-left: -30px; 1002 } 1003 1004 .wp-block-group > .wp-block-group__inner-container > *:first-child { 1005 margin-top: 0; 1006 } 1007 1008 .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) { 1009 margin-bottom: 0; 1010 } 1011 1012 .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2), 1013 .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) { 1014 margin-bottom: 0; 1015 } 1016 1017 .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] { 1018 margin: 0; 1019 width: 100%; 1020 } 1021 1022 .wp-block-heading h1 { 1023 clear: both; 1024 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1025 font-weight: normal; 1026 } 1027 1028 h1 { 1029 clear: both; 1030 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1031 font-weight: normal; 1032 } 1033 1034 .h1 { 1035 clear: both; 1036 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1037 font-weight: normal; 1038 } 1039 1040 .wp-block-heading h2 { 1041 clear: both; 1042 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1043 font-weight: normal; 1044 } 1045 1046 h2 { 1047 clear: both; 1048 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1049 font-weight: normal; 1050 } 1051 1052 .h2 { 1053 clear: both; 1054 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1055 font-weight: normal; 1056 } 1057 1058 .wp-block-heading h3 { 1059 clear: both; 1060 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1061 font-weight: normal; 1062 } 1063 1064 h3 { 1065 clear: both; 1066 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1067 font-weight: normal; 1068 } 1069 1070 .h3 { 1071 clear: both; 1072 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1073 font-weight: normal; 1074 } 1075 1076 .wp-block-heading h4 { 1077 clear: both; 1078 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1079 font-weight: normal; 1080 } 1081 1082 h4 { 1083 clear: both; 1084 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1085 font-weight: normal; 1086 } 1087 1088 .h4 { 1089 clear: both; 1090 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1091 font-weight: normal; 1092 } 1093 1094 .wp-block-heading h5 { 1095 clear: both; 1096 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1097 font-weight: normal; 1098 } 1099 1100 h5 { 1101 clear: both; 1102 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1103 font-weight: normal; 1104 } 1105 1106 .h5 { 1107 clear: both; 1108 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1109 font-weight: normal; 1110 } 1111 1112 .wp-block-heading h6 { 1113 clear: both; 1114 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1115 font-weight: normal; 1116 } 1117 1118 h6 { 1119 clear: both; 1120 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1121 font-weight: normal; 1122 } 1123 1124 .h6 { 1125 clear: both; 1126 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1127 font-weight: normal; 1128 } 1129 1130 .wp-block-heading h1 strong { 1131 font-weight: 600; 1132 } 1133 1134 h1 strong { 1135 font-weight: 600; 1136 } 1137 1138 .h1 strong { 1139 font-weight: 600; 1140 } 1141 1142 .wp-block-heading h2 strong { 1143 font-weight: 600; 1144 } 1145 1146 h2 strong { 1147 font-weight: 600; 1148 } 1149 1150 .h2 strong { 1151 font-weight: 600; 1152 } 1153 1154 .wp-block-heading h3 strong { 1155 font-weight: 600; 1156 } 1157 1158 h3 strong { 1159 font-weight: 600; 1160 } 1161 1162 .h3 strong { 1163 font-weight: 600; 1164 } 1165 1166 .wp-block-heading h4 strong { 1167 font-weight: 600; 1168 } 1169 1170 h4 strong { 1171 font-weight: 600; 1172 } 1173 1174 .h4 strong { 1175 font-weight: 600; 1176 } 1177 1178 .wp-block-heading h5 strong { 1179 font-weight: 600; 1180 } 1181 1182 h5 strong { 1183 font-weight: 600; 1184 } 1185 1186 .h5 strong { 1187 font-weight: 600; 1188 } 1189 1190 .wp-block-heading h6 strong { 1191 font-weight: 600; 1192 } 1193 1194 h6 strong { 1195 font-weight: 600; 1196 } 1197 1198 .h6 strong { 1199 font-weight: 600; 1200 } 1201 1202 .wp-block-heading h1[style*="--wp--typography--line-height"] { 1203 line-height: 1.7; 1204 } 1205 1206 h1[style*="--wp--typography--line-height"] { 1207 line-height: 1.7; 1208 } 1209 1210 .h1[style*="--wp--typography--line-height"] { 1211 line-height: 1.7; 1212 } 1213 1214 .wp-block-heading h2[style*="--wp--typography--line-height"] { 1215 line-height: 1.7; 1216 } 1217 1218 h2[style*="--wp--typography--line-height"] { 1219 line-height: 1.7; 1220 } 1221 1222 .h2[style*="--wp--typography--line-height"] { 1223 line-height: 1.7; 1224 } 1225 1226 .wp-block-heading h3[style*="--wp--typography--line-height"] { 1227 line-height: 1.7; 1228 } 1229 1230 h3[style*="--wp--typography--line-height"] { 1231 line-height: 1.7; 1232 } 1233 1234 .h3[style*="--wp--typography--line-height"] { 1235 line-height: 1.7; 1236 } 1237 1238 .wp-block-heading h4[style*="--wp--typography--line-height"] { 1239 line-height: 1.7; 1240 } 1241 1242 h4[style*="--wp--typography--line-height"] { 1243 line-height: 1.7; 1244 } 1245 1246 .h4[style*="--wp--typography--line-height"] { 1247 line-height: 1.7; 1248 } 1249 1250 .wp-block-heading h5[style*="--wp--typography--line-height"] { 1251 line-height: 1.7; 1252 } 1253 1254 h5[style*="--wp--typography--line-height"] { 1255 line-height: 1.7; 1256 } 1257 1258 .h5[style*="--wp--typography--line-height"] { 1259 line-height: 1.7; 1260 } 1261 1262 .wp-block-heading h6[style*="--wp--typography--line-height"] { 1263 line-height: 1.7; 1264 } 1265 1266 h6[style*="--wp--typography--line-height"] { 1267 line-height: 1.7; 1268 } 1269 1270 .h6[style*="--wp--typography--line-height"] { 1271 line-height: 1.7; 1272 } 1273 1274 .wp-block-heading h1 { 1275 font-size: 4rem; 1276 letter-spacing: normal; 1277 line-height: 1.1; 1278 } 1279 1280 @media only screen and (min-width: 652px) { 1281 1282 .wp-block-heading h1 { 1283 font-size: 6rem; 1284 } 1285 } 1286 1287 h1 { 1288 font-size: 4rem; 1289 letter-spacing: normal; 1290 line-height: 1.1; 1291 } 1292 1293 @media only screen and (min-width: 652px) { 1294 1295 h1 { 1296 font-size: 6rem; 1297 } 1298 } 1299 1300 .h1 { 1301 font-size: 4rem; 1302 letter-spacing: normal; 1303 line-height: 1.1; 1304 } 1305 1306 @media only screen and (min-width: 652px) { 1307 1308 .h1 { 1309 font-size: 6rem; 1310 } 1311 } 1312 1313 .wp-block-heading h2 { 1314 font-size: 2.25rem; 1315 letter-spacing: normal; 1316 line-height: 1.3; 1317 } 1318 1319 @media only screen and (min-width: 652px) { 1320 1321 .wp-block-heading h2 { 1322 font-size: 3rem; 1323 } 1324 } 1325 1326 h2 { 1327 font-size: 2.25rem; 1328 letter-spacing: normal; 1329 line-height: 1.3; 1330 } 1331 1332 @media only screen and (min-width: 652px) { 1333 1334 h2 { 1335 font-size: 3rem; 1336 } 1337 } 1338 1339 .h2 { 1340 font-size: 2.25rem; 1341 letter-spacing: normal; 1342 line-height: 1.3; 1343 } 1344 1345 @media only screen and (min-width: 652px) { 1346 1347 .h2 { 1348 font-size: 3rem; 1349 } 1350 } 1351 1352 .wp-block-heading h3 { 1353 font-size: 2rem; 1354 letter-spacing: normal; 1355 line-height: 1.3; 1356 } 1357 1358 @media only screen and (min-width: 652px) { 1359 1360 .wp-block-heading h3 { 1361 font-size: 2rem; 1362 } 1363 } 1364 1365 h3 { 1366 font-size: 2rem; 1367 letter-spacing: normal; 1368 line-height: 1.3; 1369 } 1370 1371 @media only screen and (min-width: 652px) { 1372 1373 h3 { 1374 font-size: 2rem; 1375 } 1376 } 1377 1378 .h3 { 1379 font-size: 2rem; 1380 letter-spacing: normal; 1381 line-height: 1.3; 1382 } 1383 1384 @media only screen and (min-width: 652px) { 1385 1386 .h3 { 1387 font-size: 2rem; 1388 } 1389 } 1390 1391 .wp-block-heading h4 { 1392 font-size: 1.5rem; 1393 font-weight: 600; 1394 letter-spacing: normal; 1395 line-height: 1.3; 1396 } 1397 1398 h4 { 1399 font-size: 1.5rem; 1400 font-weight: 600; 1401 letter-spacing: normal; 1402 line-height: 1.3; 1403 } 1404 1405 .h4 { 1406 font-size: 1.5rem; 1407 font-weight: 600; 1408 letter-spacing: normal; 1409 line-height: 1.3; 1410 } 1411 1412 .wp-block-heading h5 { 1413 font-size: 1.125rem; 1414 font-weight: 600; 1415 letter-spacing: 0.05em; 1416 line-height: 1.3; 1417 } 1418 1419 h5 { 1420 font-size: 1.125rem; 1421 font-weight: 600; 1422 letter-spacing: 0.05em; 1423 line-height: 1.3; 1424 } 1425 1426 .h5 { 1427 font-size: 1.125rem; 1428 font-weight: 600; 1429 letter-spacing: 0.05em; 1430 line-height: 1.3; 1431 } 1432 1433 .wp-block-heading h6 { 1434 font-size: 1rem; 1435 font-weight: 600; 1436 letter-spacing: 0.05em; 1437 line-height: 1.3; 1438 } 1439 1440 h6 { 1441 font-size: 1rem; 1442 font-weight: 600; 1443 letter-spacing: 0.05em; 1444 line-height: 1.3; 1445 } 1446 1447 .h6 { 1448 font-size: 1rem; 1449 font-weight: 600; 1450 letter-spacing: 0.05em; 1451 line-height: 1.3; 1452 } 1453 1454 [data-type="core/html"] textarea { 1455 color: #28303d; 1456 border-radius: 0; 1457 padding: 20px; 1458 } 1459 1460 /* Center image block by default in the editor */ 1461 .wp-block-image > div { 1462 text-align: center; 1463 } 1464 1465 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { 1466 margin: 0 auto; 1467 } 1468 1469 /* Block Styles */ 1470 .wp-block-image.is-style-twentytwentyone-border img { 1471 border: 3px solid #28303d; 1472 } 1473 1474 .wp-block-image.is-style-twentytwentyone-image-frame img { 1475 border: 3px solid #28303d; 1476 } 1477 1478 .wp-block-image.is-style-twentytwentyone-image-frame img { 1479 padding: 20px; 1480 } 1481 1482 .wp-block-latest-comments { 1483 padding-left: 0; 1484 } 1485 1486 .wp-block-latest-posts { 1487 padding-left: 0; 1488 } 1489 1490 .wp-block-latest-posts:not(.is-grid) > li { 1491 margin-top: 50px; 1492 margin-bottom: 50px; 1493 } 1494 1495 .wp-block-latest-posts:not(.is-grid) > li:first-child { 1496 margin-top: 0; 1497 } 1498 1499 .wp-block-latest-posts:not(.is-grid) > li:last-child { 1500 margin-bottom: 0; 1501 } 1502 1503 .wp-block-latest-posts.is-grid { 1504 word-wrap: break-word; 1505 word-break: break-word; 1506 } 1507 1508 .wp-block-latest-posts.is-grid > li { 1509 margin-bottom: 30px; 1510 } 1511 1512 .wp-block-latest-posts.is-grid > li:last-child { 1513 margin-bottom: 0; 1514 } 1515 1516 .wp-block-latest-posts > li > * { 1517 margin-top: 10px; 1518 margin-bottom: 10px; 1519 } 1520 1521 .wp-block-latest-posts > li > *:first-child { 1522 margin-top: 0; 1523 } 1524 1525 .wp-block-latest-posts > li > *:last-child { 1526 margin-bottom: 0; 1527 } 1528 1529 .wp-block-latest-posts > li > a { 1530 display: inline-block; 1531 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1532 font-size: 2rem; 1533 font-weight: normal; 1534 line-height: 1.3; 1535 margin-bottom: 10px; 1536 } 1537 @media only screen and (min-width: 652px) { 1538 1539 .wp-block-latest-posts > li > a { 1540 font-size: 2rem; 1541 } 1542 } 1543 1544 .wp-block-latest-posts .wp-block-latest-posts__post-author { 1545 color: #28303d; 1546 font-size: 1.25rem; 1547 line-height: 1.7; 1548 } 1549 1550 .wp-block-latest-posts .wp-block-latest-posts__post-date { 1551 color: #28303d; 1552 font-size: 1rem; 1553 line-height: 1.7; 1554 } 1555 1556 [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, 1557 .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { 1558 color: currentColor; 1559 } 1560 1561 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { 1562 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1563 font-size: 1.125rem; 1564 line-height: 1.7; 1565 margin-top: 20px; 1566 } 1567 1568 .wp-block-latest-posts .wp-block-latest-posts__post-full-content { 1569 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1570 font-size: 1.125rem; 1571 line-height: 1.7; 1572 margin-top: 20px; 1573 } 1574 1575 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { 1576 border-top: 3px solid #28303d; 1577 border-bottom: 3px solid #28303d; 1578 } 1579 1580 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li { 1581 padding-bottom: 30px; 1582 border-bottom: 1px solid #28303d; 1583 margin-top: 30px; 1584 margin-bottom: 30px; 1585 } 1586 1587 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { 1588 padding-bottom: 30px; 1589 border-bottom: 1px solid #28303d; 1590 margin-top: 30px; 1591 margin-bottom: 30px; 1592 } 1593 1594 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, 1595 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { 1596 padding-bottom: 0; 1597 border-bottom: none; 1598 } 1599 1600 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { 1601 box-shadow: inset 0 -1px 0 0 #28303d; 1602 border-bottom: 2px solid #28303d; 1603 } 1604 1605 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { 1606 margin: 0; 1607 padding-top: 30px; 1608 padding-right: 25px; 1609 } 1610 1611 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { 1612 padding-bottom: 30px; 1613 } 1614 @media screen and (min-width: 600px) { 1615 1616 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { 1617 width: 50%; 1618 } 1619 1620 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { 1621 width: 33%; 1622 } 1623 1624 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { 1625 width: 25%; 1626 } 1627 1628 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { 1629 width: 20%; 1630 } 1631 1632 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { 1633 width: 17%; 1634 } 1635 } 1636 1637 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { 1638 border: 3px solid #28303d; 1639 padding: 30px 25px; 1640 } 1641 1642 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { 1643 padding-bottom: 30px; 1644 margin-bottom: 30px; 1645 } 1646 1647 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { 1648 margin-top: 25px; 1649 margin-bottom: 25px; 1650 } 1651 1652 .gallery-item { 1653 display: inline-block; 1654 text-align: center; 1655 vertical-align: top; 1656 width: 100%; 1657 } 1658 1659 .gallery-columns-2 .gallery-item { 1660 max-width: 50%; 1661 } 1662 1663 .gallery-columns-3 .gallery-item { 1664 max-width: 33.33%; 1665 } 1666 1667 .gallery-columns-4 .gallery-item { 1668 max-width: 25%; 1669 } 1670 1671 .gallery-columns-5 .gallery-item { 1672 max-width: 20%; 1673 } 1674 1675 .gallery-columns-6 .gallery-item { 1676 max-width: 16.66%; 1677 } 1678 1679 .gallery-columns-7 .gallery-item { 1680 max-width: 14.28%; 1681 } 1682 1683 .gallery-columns-8 .gallery-item { 1684 max-width: 12.5%; 1685 } 1686 1687 .gallery-columns-9 .gallery-item { 1688 max-width: 11.11%; 1689 } 1690 1691 .gallery-caption { 1692 display: block; 1693 } 1694 1695 ul { 1696 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1697 margin: 30px 0; 1698 padding-left: 50px; 1699 } 1700 1701 ol { 1702 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1703 margin: 30px 0; 1704 padding-left: 50px; 1705 } 1706 1707 ul.aligncenter, 1708 ol.aligncenter { 1709 list-style-position: inside; 1710 padding: 0; 1711 text-align: center; 1712 } 1713 1714 ul.alignright, 1715 ol.alignright { 1716 list-style-position: inside; 1717 padding: 0; 1718 text-align: right; 1719 } 1720 1721 li > ul, 1722 li > ol { 1723 margin: 0; 1724 } 1725 1726 dt { 1727 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1728 font-weight: bold; 1729 } 1730 1731 [data-align=full] .wp-block-media-text { 1732 margin-top: 0; 1733 margin-bottom: 0; 1734 } 1735 1736 .wp-block-media-text > .wp-block-media-text__content > *:first-child { 1737 margin-top: 0; 1738 } 1739 1740 .wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender) { 1741 margin-bottom: 0; 1742 } 1743 1744 .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2), 1745 .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) { 1746 margin-bottom: 0; 1747 } 1748 1749 .wp-block-media-text .wp-block-media-text__content { 1750 padding: 25px; 1751 } 1752 1753 .wp-block-media-text.is-style-twentytwentyone-border { 1754 border: 3px solid #28303d; 1755 } 1756 1757 .wp-block-navigation .wp-block-navigation__container { 1758 background: #d1e4dd; 1759 padding: 0; 1760 } 1761 1762 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { 1763 padding: 13px; 1764 } 1765 1766 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { 1767 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1768 font-size: 1.25rem; 1769 font-weight: normal; 1770 } 1771 1772 .wp-block-navigation .has-child .wp-block-navigation__container { 1773 box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); 1774 } 1775 1776 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { 1777 color: #28303d; 1778 } 1779 1780 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { 1781 color: #28303d; 1782 } 1783 1784 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { 1785 color: currentColor; 1786 } 1787 1788 p { 1789 line-height: 1.7; 1790 } 1791 1792 p.has-background { 1793 padding: 20px; 1794 } 1795 1796 pre.wp-block-preformatted { 1797 overflow-x: auto; 1798 white-space: pre !important; 1799 font-size: 1rem; 1800 } 1801 1802 .wp-block-pullquote { 1803 padding: 40px 0; 1804 text-align: center; 1805 border-width: 3px; 1806 border-bottom-style: solid; 1807 border-top-style: solid; 1808 color: currentColor; 1809 border-color: currentColor; 1810 position: relative; 1811 } 1812 1813 .wp-block-pullquote blockquote::before { 1814 color: currentColor; 1815 content: "“"; 1816 display: block; 1817 position: relative; 1818 left: 0; 1819 font-size: 3rem; 1820 font-weight: 500; 1821 line-height: 1; 1822 } 1823 1824 .wp-block-pullquote p { 1825 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1826 font-size: 2rem; 1827 font-style: normal; 1828 font-weight: 700; 1829 letter-spacing: normal; 1830 line-height: 1.3; 1831 margin: 0; 1832 } 1833 @media only screen and (min-width: 652px) { 1834 1835 .wp-block-pullquote p { 1836 font-size: 2rem; 1837 } 1838 } 1839 1840 .wp-block-pullquote a { 1841 color: currentColor; 1842 } 1843 1844 .wp-block-pullquote .wp-block-pullquote__citation { 1845 font-size: 1rem; 1846 font-style: normal; 1847 text-transform: none; 1848 } 1849 1850 .wp-block-pullquote cite { 1851 font-size: 1rem; 1852 font-style: normal; 1853 text-transform: none; 1854 } 1855 1856 .wp-block-pullquote footer { 1857 font-size: 1rem; 1858 font-style: normal; 1859 text-transform: none; 1860 } 1861 1862 .wp-block-pullquote:not(.is-style-solid-color) { 1863 background: none; 1864 } 1865 1866 .wp-block-pullquote.is-style-solid-color { 1867 margin-left: auto; 1868 margin-right: auto; 1869 padding: 50px; 1870 border-width: 3px; 1871 border-style: solid; 1872 border-color: #28303d; 1873 } 1874 @media (min-width: 600px) { 1875 1876 .wp-block-pullquote.is-style-solid-color { 1877 padding: 100px; 1878 } 1879 } 1880 1881 .wp-block-pullquote.is-style-solid-color blockquote::before { 1882 text-align: left; 1883 } 1884 1885 .wp-block-pullquote.is-style-solid-color.alignleft blockquote { 1886 padding-left: 20px; 1887 padding-right: 20px; 1888 max-width: inherit; 1889 } 1890 1891 .wp-block-pullquote.is-style-solid-color.alignright blockquote { 1892 padding-left: 20px; 1893 padding-right: 20px; 1894 max-width: inherit; 1895 } 1896 1897 .wp-block-pullquote.is-style-solid-color blockquote { 1898 margin: 0; 1899 max-width: 100%; 1900 } 1901 1902 .wp-block-pullquote.is-style-solid-color blockquote p { 1903 font-size: 2rem; 1904 } 1905 @media only screen and (min-width: 652px) { 1906 1907 .wp-block-pullquote.is-style-solid-color blockquote p { 1908 font-size: 2rem; 1909 } 1910 } 1911 1912 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, 1913 .wp-block-pullquote.is-style-solid-color cite, 1914 .wp-block-pullquote.is-style-solid-color footer { 1915 color: currentColor; 1916 } 1917 1918 .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { 1919 padding: 0 40px; 1920 } 1921 1922 .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color { 1923 padding: 20px; 1924 } 1925 1926 .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color { 1927 padding: 20px; 1928 } 1929 1930 .wp-block-query.has-background { 1931 padding: 20px; 1932 } 1933 @media only screen and (min-width: 482px) { 1934 1935 .wp-block-query.has-background { 1936 padding: 30px; 1937 } 1938 } 1939 1940 .wp-block-quote { 1941 position: relative; 1942 border-left: none; 1943 margin: 30px auto 30px 25px; 1944 } 1945 1946 .wp-block-quote p { 1947 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1948 font-size: 1.25rem; 1949 font-style: normal; 1950 font-weight: 700; 1951 line-height: 1.7; 1952 } 1953 1954 .wp-block-quote strong { 1955 font-weight: bolder; 1956 } 1957 1958 .wp-block-quote:before { 1959 content: "“"; 1960 font-size: 1.25rem; 1961 line-height: 1.7; 1962 left: -12px; 1963 } 1964 1965 .wp-block-quote .wp-block-quote__citation { 1966 color: #28303d; 1967 font-size: 1rem; 1968 font-style: normal; 1969 } 1970 1971 .has-background .wp-block-quote .wp-block-quote__citation, 1972 [class*=background-color] .wp-block-quote .wp-block-quote__citation, 1973 [style*=background-color] .wp-block-quote .wp-block-quote__citation, 1974 .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation { 1975 color: currentColor; 1976 } 1977 1978 .wp-block-quote.has-text-align-right { 1979 margin: 30px 25px 30px auto; 1980 padding-right: 0; 1981 border-right: none; 1982 } 1983 1984 .wp-block-quote.has-text-align-right:before { 1985 display: none; 1986 } 1987 1988 .wp-block-quote.has-text-align-right p:before { 1989 content: "”"; 1990 font-size: 1.25rem; 1991 font-weight: normal; 1992 line-height: 1.7; 1993 margin-right: 5px; 1994 } 1995 1996 .wp-block-quote.has-text-align-center { 1997 margin: 30px auto; 1998 } 1999 2000 .wp-block-quote.has-text-align-center:before { 2001 display: none; 2002 } 2003 2004 .wp-block-quote.is-large { 2005 padding-left: 0; 2006 2007 /* Resetting margins to match _block-container.scss */ 2008 margin-top: 30px; 2009 margin-bottom: 30px; 2010 } 2011 2012 .wp-block-quote.is-style-large { 2013 padding-left: 0; 2014 2015 /* Resetting margins to match _block-container.scss */ 2016 margin-top: 30px; 2017 margin-bottom: 30px; 2018 } 2019 2020 .wp-block-quote.is-large p { 2021 font-size: 2.25rem; 2022 font-style: normal; 2023 line-height: 1.35; 2024 } 2025 @media only screen and (min-width: 652px) { 2026 2027 .wp-block-quote.is-large p { 2028 font-size: 2.5rem; 2029 } 2030 } 2031 2032 .wp-block-quote.is-style-large p { 2033 font-size: 2.25rem; 2034 font-style: normal; 2035 line-height: 1.35; 2036 } 2037 @media only screen and (min-width: 652px) { 2038 2039 .wp-block-quote.is-style-large p { 2040 font-size: 2.5rem; 2041 } 2042 } 2043 2044 .wp-block-quote.is-large:before { 2045 font-size: 2.25rem; 2046 line-height: 1.35; 2047 left: -25px; 2048 } 2049 @media only screen and (min-width: 652px) { 2050 2051 .wp-block-quote.is-large:before { 2052 font-size: 2.5rem; 2053 } 2054 } 2055 2056 .wp-block-quote.is-style-large:before { 2057 font-size: 2.25rem; 2058 line-height: 1.35; 2059 left: -25px; 2060 } 2061 @media only screen and (min-width: 652px) { 2062 2063 .wp-block-quote.is-style-large:before { 2064 font-size: 2.5rem; 2065 } 2066 } 2067 2068 .wp-block-quote.is-large.has-text-align-right:before, 2069 .wp-block-quote.is-style-large.has-text-align-right:before { 2070 display: none; 2071 } 2072 2073 .wp-block-quote.is-large.has-text-align-right p:before { 2074 content: "”"; 2075 font-size: 2.25rem; 2076 font-weight: normal; 2077 line-height: 1.35; 2078 margin-right: 10px; 2079 } 2080 @media only screen and (min-width: 652px) { 2081 2082 .wp-block-quote.is-large.has-text-align-right p:before { 2083 font-size: 2.5rem; 2084 } 2085 } 2086 2087 .wp-block-quote.is-style-large.has-text-align-right p:before { 2088 content: "”"; 2089 font-size: 2.25rem; 2090 font-weight: normal; 2091 line-height: 1.35; 2092 margin-right: 10px; 2093 } 2094 @media only screen and (min-width: 652px) { 2095 2096 .wp-block-quote.is-style-large.has-text-align-right p:before { 2097 font-size: 2.5rem; 2098 } 2099 } 2100 @media only screen and (max-width: 481px) { 2101 2102 .wp-block-quote.is-large { 2103 padding-left: 25px; 2104 } 2105 2106 .wp-block-quote.is-style-large { 2107 padding-left: 25px; 2108 } 2109 2110 .wp-block-quote.is-large:before, 2111 .wp-block-quote.is-style-large:before { 2112 left: 0; 2113 } 2114 2115 .wp-block-quote.is-large.has-text-align-right { 2116 padding-left: 0; 2117 padding-right: 25px; 2118 } 2119 2120 .wp-block-quote.is-style-large.has-text-align-right { 2121 padding-left: 0; 2122 padding-right: 25px; 2123 } 2124 2125 .wp-block-quote.is-large.has-text-align-right:before, 2126 .wp-block-quote.is-style-large.has-text-align-right:before { 2127 right: 0; 2128 } 2129 } 2130 @media only screen and (max-width: 481px) { 2131 2132 .wp-block-quote { 2133 padding-left: 13px; 2134 } 2135 2136 .wp-block-quote:before { 2137 left: 0; 2138 } 2139 2140 .wp-block-quote.has-text-align-right { 2141 padding-left: 0; 2142 padding-right: 13px; 2143 } 2144 2145 .wp-block-quote.has-text-align-right:before { 2146 right: 0; 2147 } 2148 2149 .wp-block-quote.has-text-align-center { 2150 padding-left: 0; 2151 padding-right: 0; 2152 } 2153 } 2154 @media only screen and (min-width: 482px) { 2155 2156 .wp-block-quote { 2157 margin-left: auto; 2158 } 2159 2160 .wp-block-quote.has-text-align-right { 2161 margin-right: auto; 2162 } 2163 } 2164 2165 .wp-block-rss { 2166 padding-left: 0; 2167 } 2168 2169 .wp-block-rss > li { 2170 list-style: none; 2171 } 2172 2173 .wp-block-rss:not(.is-grid) > li { 2174 margin-top: 50px; 2175 margin-bottom: 50px; 2176 } 2177 2178 .wp-block-rss:not(.is-grid) > li:first-child { 2179 margin-top: 0; 2180 } 2181 2182 .wp-block-rss:not(.is-grid) > li:last-child { 2183 margin-bottom: 0; 2184 } 2185 2186 .wp-block-rss.is-grid > li { 2187 margin-bottom: 30px; 2188 } 2189 2190 .wp-block-rss.is-grid > li:last-child { 2191 margin-bottom: 0; 2192 } 2193 2194 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), 2195 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, 2196 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), 2197 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, 2198 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), 2199 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, 2200 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), 2201 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, 2202 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), 2203 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { 2204 margin-bottom: 0; 2205 } 2206 2207 .wp-block-rss > li > * { 2208 margin-top: 10px; 2209 margin-bottom: 10px; 2210 } 2211 2212 .wp-block-rss > li > *:first-child { 2213 margin-top: 0; 2214 } 2215 2216 .wp-block-rss > li > *:last-child { 2217 margin-bottom: 0; 2218 } 2219 2220 .wp-block-rss .wp-block-rss__item-title > a { 2221 display: inline-block; 2222 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2223 font-size: 2rem; 2224 font-weight: normal; 2225 line-height: 1.3; 2226 margin-bottom: 10px; 2227 } 2228 @media only screen and (min-width: 652px) { 2229 2230 .wp-block-rss .wp-block-rss__item-title > a { 2231 font-size: 2rem; 2232 } 2233 } 2234 2235 .wp-block-rss .wp-block-rss__item-author { 2236 color: #28303d; 2237 font-size: 1.25rem; 2238 line-height: 1.7; 2239 } 2240 2241 .wp-block-rss .wp-block-rss__item-publish-date { 2242 color: #28303d; 2243 font-size: 1rem; 2244 line-height: 1.7; 2245 } 2246 2247 [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, 2248 .has-background .wp-block-rss .wp-block-rss__item-publish-date { 2249 color: currentColor; 2250 } 2251 2252 .wp-block-rss .wp-block-rss__item-excerpt { 2253 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2254 font-size: 1.125rem; 2255 line-height: 1.7; 2256 margin-top: 20px; 2257 } 2258 2259 .wp-block-rss .wp-block-rss__item-full-content { 2260 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2261 font-size: 1.125rem; 2262 line-height: 1.7; 2263 margin-top: 20px; 2264 } 2265 2266 .wp-block-rss.alignfull { 2267 padding-left: 20px; 2268 padding-right: 20px; 2269 } 2270 2271 .entry-content [class*=inner-container] .wp-block-rss.alignfull, 2272 .entry-content .has-background .wp-block-rss.alignfull { 2273 padding-left: 0; 2274 padding-right: 0; 2275 } 2276 2277 .wp-block-search { 2278 max-width: calc(100vw - 30px); 2279 } 2280 2281 @media only screen and (min-width: 482px) { 2282 2283 .wp-block-search { 2284 max-width: min(calc(100vw - 100px), 610px); 2285 } 2286 } 2287 2288 @media only screen and (min-width: 822px) { 2289 2290 .wp-block-search { 2291 max-width: min(calc(100vw - 200px), 610px); 2292 } 2293 } 2294 2295 .wp-block-search .wp-block-search__label { 2296 font-size: 1.125rem; 2297 font-weight: 500; 2298 margin-bottom: 10px; 2299 } 2300 2301 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 2302 border: 3px solid #39414d; 2303 border-radius: 0; 2304 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2305 font-size: 1.125rem; 2306 line-height: 1.7; 2307 max-width: inherit; 2308 margin-right: -3px; 2309 padding: 10px; 2310 } 2311 2312 .wp-block-search .wp-block-search__input { 2313 border: 3px solid #39414d; 2314 border-radius: 0; 2315 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2316 font-size: 1.125rem; 2317 line-height: 1.7; 2318 max-width: inherit; 2319 margin-right: -3px; 2320 padding: 10px; 2321 } 2322 2323 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 2324 background: rgba(255, 255, 255, 0.9); 2325 } 2326 2327 .is-dark-theme .wp-block-search .wp-block-search__input { 2328 background: rgba(255, 255, 255, 0.9); 2329 } 2330 2331 .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 2332 border-color: #28303d !important; 2333 } 2334 2335 .has-background .wp-block-search .wp-block-search__input { 2336 border-color: #28303d !important; 2337 } 2338 2339 .wp-block-search .wp-block-search__button.wp-block-search__button { 2340 border: 3px solid transparent; 2341 border-radius: 0; 2342 cursor: pointer; 2343 font-weight: 500; 2344 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2345 font-size: 1.25rem; 2346 line-height: 1.5; 2347 padding: 15px 30px; 2348 text-decoration: none; 2349 box-shadow: none; 2350 margin-left: 0; 2351 } 2352 2353 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 2354 color: #d1e4dd; 2355 } 2356 2357 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 2358 color: #28303d; 2359 } 2360 2361 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { 2362 color: #28303d; 2363 } 2364 2365 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 2366 background-color: #28303d; 2367 } 2368 2369 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 2370 background-color: #28303d; 2371 } 2372 2373 .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 2374 .wp-block-search .wp-block-search__button.wp-block-search__button:active { 2375 background-color: transparent; 2376 border-color: currentColor; 2377 color: inherit; 2378 } 2379 2380 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 2381 outline-offset: -6px; 2382 outline: 2px dotted currentColor; 2383 } 2384 2385 .wp-block-search .wp-block-search__button.wp-block-search__button:disabled { 2386 background-color: rgba(255, 255, 255, 0.5); 2387 border-color: rgba(255, 255, 255, 0.5); 2388 color: #39414d; 2389 } 2390 2391 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { 2392 padding: 6px 15px; 2393 display: inherit; 2394 } 2395 2396 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { 2397 width: 40px; 2398 height: 40px; 2399 } 2400 2401 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover { 2402 background-color: #d1e4dd !important; 2403 color: #28303d !important; 2404 } 2405 2406 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { 2407 background-color: #d1e4dd !important; 2408 color: #28303d !important; 2409 } 2410 2411 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover { 2412 color: #28303d !important; 2413 } 2414 2415 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { 2416 color: #28303d !important; 2417 } 2418 2419 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 2420 outline-offset: inherit; 2421 outline: inherit; 2422 } 2423 2424 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 2425 padding: 3px; 2426 } 2427 2428 .wp-block-search.wp-block-search__button-inside .wp-block-search__input { 2429 border: none; 2430 } 2431 2432 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover { 2433 color: #28303d; 2434 } 2435 2436 .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { 2437 color: #28303d; 2438 } 2439 2440 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { 2441 color: #28303d; 2442 } 2443 2444 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { 2445 color: #28303d; 2446 } 2447 2448 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover { 2449 background-color: #28303d; 2450 color: #fff; 2451 } 2452 2453 .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { 2454 background-color: #28303d; 2455 color: #fff; 2456 } 2457 2458 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { 2459 padding: 15px 30px; 2460 } 2461 2462 .wp-block[data-align=center] > * { 2463 text-align: center; 2464 } 2465 2466 .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { 2467 justify-content: center; 2468 } 2469 2470 .wp-block-separator { 2471 border-bottom: 1px solid #28303d; 2472 clear: both; 2473 opacity: 1; 2474 } 2475 2476 hr { 2477 border-bottom: 1px solid #28303d; 2478 clear: both; 2479 opacity: 1; 2480 } 2481 2482 .wp-block-separator[style*="text-align:right"] { 2483 border-right-color: #28303d; 2484 } 2485 2486 .wp-block-separator[style*="text-align: right"] { 2487 border-right-color: #28303d; 2488 } 2489 2490 hr[style*="text-align:right"] { 2491 border-right-color: #28303d; 2492 } 2493 2494 hr[style*="text-align: right"] { 2495 border-right-color: #28303d; 2496 } 2497 2498 .wp-block-separator:not(.is-style-dots) { 2499 max-width: calc(100vw - 30px); 2500 } 2501 @media only screen and (min-width: 482px) { 2502 2503 .wp-block-separator:not(.is-style-dots) { 2504 max-width: min(calc(100vw - 100px), 610px); 2505 } 2506 } 2507 @media only screen and (min-width: 822px) { 2508 2509 .wp-block-separator:not(.is-style-dots) { 2510 max-width: min(calc(100vw - 200px), 610px); 2511 } 2512 } 2513 2514 hr:not(.is-style-dots) { 2515 max-width: calc(100vw - 30px); 2516 } 2517 @media only screen and (min-width: 482px) { 2518 2519 hr:not(.is-style-dots) { 2520 max-width: min(calc(100vw - 100px), 610px); 2521 } 2522 } 2523 @media only screen and (min-width: 822px) { 2524 2525 hr:not(.is-style-dots) { 2526 max-width: min(calc(100vw - 200px), 610px); 2527 } 2528 } 2529 2530 [data-align=full] > .wp-block-separator, 2531 [data-align=wide] > .wp-block-separator, 2532 [data-align=full] > hr, 2533 [data-align=wide] > hr { 2534 max-width: inherit; 2535 } 2536 2537 .wp-block-separator.is-style-twentytwentyone-separator-thick { 2538 border-bottom-width: 3px; 2539 } 2540 2541 hr.is-style-twentytwentyone-separator-thick { 2542 border-bottom-width: 3px; 2543 } 2544 2545 .wp-block-separator.is-style-dots, 2546 hr.is-style-dots { 2547 border-bottom: none; 2548 } 2549 2550 .wp-block-separator.is-style-dots.has-background, 2551 .wp-block-separator.is-style-dots.has-text-color, 2552 hr.is-style-dots.has-background, 2553 hr.is-style-dots.has-text-color { 2554 background-color: transparent !important; 2555 } 2556 2557 .wp-block-separator.is-style-dots.has-background:before, 2558 .wp-block-separator.is-style-dots.has-text-color:before, 2559 hr.is-style-dots.has-background:before, 2560 hr.is-style-dots.has-text-color:before { 2561 color: currentColor !important; 2562 } 2563 2564 .wp-block-separator.is-style-dots:before { 2565 color: #28303d; 2566 } 2567 2568 hr.is-style-dots:before { 2569 color: #28303d; 2570 } 2571 2572 .has-background .wp-block-separator, 2573 [class*=background-color] .wp-block-separator, 2574 [style*=background-color] .wp-block-separator, 2575 .wp-block-cover[style*=background-image] .wp-block-separator, 2576 .has-background hr, 2577 [class*=background-color] hr, 2578 [style*=background-color] hr, 2579 .wp-block-cover[style*=background-image] hr { 2580 border-color: currentColor; 2581 } 2582 2583 .wp-block-social-links [data-block] { 2584 margin-top: 0; 2585 margin-bottom: 0; 2586 } 2587 2588 .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { 2589 color: #28303d; 2590 } 2591 2592 .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { 2593 background: none; 2594 } 2595 2596 table thead, 2597 table tfoot, 2598 .wp-block-table thead, 2599 .wp-block-table tfoot { 2600 text-align: center; 2601 } 2602 2603 table th { 2604 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2605 } 2606 2607 .wp-block-table th { 2608 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2609 } 2610 2611 table td { 2612 padding: 10px; 2613 } 2614 2615 table th { 2616 padding: 10px; 2617 } 2618 2619 .wp-block-table td { 2620 padding: 10px; 2621 } 2622 2623 .wp-block-table th { 2624 padding: 10px; 2625 } 2626 2627 table.is-style-regular .has-background { 2628 color: #28303d; 2629 } 2630 2631 table.is-style-stripes .has-background { 2632 color: #28303d; 2633 } 2634 2635 table.is-style-stripes .has-background thead tr { 2636 color: #28303d; 2637 } 2638 2639 table.is-style-stripes .has-background tfoot tr { 2640 color: #28303d; 2641 } 2642 2643 table.is-style-stripes .has-background tbody tr { 2644 color: #28303d; 2645 } 2646 2647 .wp-block-table.is-style-regular .has-background { 2648 color: #28303d; 2649 } 2650 2651 .wp-block-table.is-style-stripes .has-background { 2652 color: #28303d; 2653 } 2654 2655 .wp-block-table.is-style-stripes .has-background thead tr { 2656 color: #28303d; 2657 } 2658 2659 .wp-block-table.is-style-stripes .has-background tfoot tr { 2660 color: #28303d; 2661 } 2662 2663 .wp-block-table.is-style-stripes .has-background tbody tr { 2664 color: #28303d; 2665 } 2666 2667 table.is-style-stripes { 2668 border-color: #f0f0f0; 2669 } 2670 2671 .wp-block-table.is-style-stripes { 2672 border-color: #f0f0f0; 2673 } 2674 2675 table.is-style-stripes th, 2676 table.is-style-stripes td, 2677 .wp-block-table.is-style-stripes th, 2678 .wp-block-table.is-style-stripes td { 2679 border-width: 0; 2680 } 2681 2682 table.is-style-stripes tbody tr:nth-child(odd) { 2683 background-color: #f0f0f0; 2684 } 2685 2686 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 2687 background-color: #f0f0f0; 2688 } 2689 2690 table.is-style-stripes .has-background tbody tr:nth-child(odd) { 2691 background-color: rgba(255, 255, 255, 0.9); 2692 } 2693 2694 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 2695 background-color: rgba(255, 255, 255, 0.9); 2696 } 2697 2698 table.wp-calendar-table td, 2699 table.wp-calendar-table th { 2700 background: transparent; 2701 border: 0; 2702 text-align: center; 2703 line-height: 2; 2704 vertical-align: middle; 2705 } 2706 2707 table.wp-calendar-table th { 2708 font-weight: bold; 2709 } 2710 2711 table.wp-calendar-table thead, 2712 table.wp-calendar-table tbody { 2713 color: currentColor; 2714 border: 1px solid; 2715 } 2716 2717 table.wp-calendar-table caption { 2718 font-weight: bold; 2719 text-align: left; 2720 margin-bottom: 20px; 2721 color: currentColor; 2722 } 2723 2724 .wp-calendar-nav { 2725 text-align: left; 2726 margin-top: 10px; 2727 } 2728 2729 .wp-calendar-nav svg { 2730 height: 1em; 2731 vertical-align: middle; 2732 } 2733 2734 .wp-calendar-nav svg path { 2735 fill: currentColor; 2736 } 2737 2738 .wp-calendar-nav .wp-calendar-nav-next { 2739 float: right; 2740 } 2741 2742 .wp-block-tag-cloud.aligncenter { 2743 text-align: center; 2744 } 2745 2746 pre.wp-block-verse { 2747 padding: 0; 2748 color: currentColor; 2749 } 2750 2751 :root .is-extra-small-text { 2752 font-size: 1rem; 2753 } 2754 2755 :root .has-extra-small-font-size { 2756 font-size: 1rem; 2757 } 2758 2759 :root .is-small-text { 2760 font-size: 1.125rem; 2761 } 2762 2763 :root .has-small-font-size { 2764 font-size: 1.125rem; 2765 } 2766 2767 :root .is-regular-text { 2768 font-size: 1.25rem; 2769 } 2770 2771 :root .has-regular-font-size { 2772 font-size: 1.25rem; 2773 } 2774 2775 :root .is-normal-font-size { 2776 font-size: 1.25rem; 2777 } 2778 2779 :root .has-normal-font-size { 2780 font-size: 1.25rem; 2781 } 2782 2783 :root .has-medium-font-size { 2784 font-size: 1.25rem; 2785 } 2786 2787 :root .is-large-text { 2788 font-size: 1.5rem; 2789 line-height: 1.3; 2790 } 2791 2792 :root .has-large-font-size { 2793 font-size: 1.5rem; 2794 line-height: 1.3; 2795 } 2796 2797 :root .is-larger-text { 2798 font-size: 2.5rem; 2799 line-height: 1.3; 2800 } 2801 @media only screen and (min-width: 652px) { 2802 2803 :root .is-larger-text { 2804 font-size: 2.5rem; 2805 } 2806 } 2807 2808 :root .has-larger-font-size { 2809 font-size: 2.5rem; 2810 line-height: 1.3; 2811 } 2812 @media only screen and (min-width: 652px) { 2813 2814 :root .has-larger-font-size { 2815 font-size: 2.5rem; 2816 } 2817 } 2818 2819 :root .is-extra-large-text { 2820 font-size: 2.5rem; 2821 line-height: 1.3; 2822 } 2823 @media only screen and (min-width: 652px) { 2824 2825 :root .is-extra-large-text { 2826 font-size: 2.5rem; 2827 } 2828 } 2829 2830 :root .has-extra-large-font-size { 2831 font-size: 2.5rem; 2832 line-height: 1.3; 2833 } 2834 @media only screen and (min-width: 652px) { 2835 2836 :root .has-extra-large-font-size { 2837 font-size: 2.5rem; 2838 } 2839 } 2840 2841 :root .is-huge-text { 2842 font-size: 6rem; 2843 line-height: 1.3; 2844 font-weight: 300; 2845 } 2846 @media only screen and (min-width: 652px) { 2847 2848 :root .is-huge-text { 2849 font-size: 6rem; 2850 } 2851 } 2852 2853 :root .has-huge-font-size { 2854 font-size: 6rem; 2855 line-height: 1.3; 2856 font-weight: 300; 2857 } 2858 @media only screen and (min-width: 652px) { 2859 2860 :root .has-huge-font-size { 2861 font-size: 6rem; 2862 } 2863 } 2864 2865 :root .is-gigantic-text { 2866 font-size: 9rem; 2867 line-height: 1.3; 2868 font-weight: 300; 2869 } 2870 @media only screen and (min-width: 652px) { 2871 2872 :root .is-gigantic-text { 2873 font-size: 9rem; 2874 } 2875 } 2876 2877 :root .has-gigantic-font-size { 2878 font-size: 9rem; 2879 line-height: 1.3; 2880 font-weight: 300; 2881 } 2882 @media only screen and (min-width: 652px) { 2883 2884 :root .has-gigantic-font-size { 2885 font-size: 9rem; 2886 } 2887 } 2888 2889 /** 2890 * Editor Post Title 2891 * - Needs a special styles 2892 */ 2893 .wp-block.editor-post-title__block { 2894 border-bottom: 3px solid #28303d; 2895 padding-bottom: 60px; 2896 margin-bottom: 90px; 2897 max-width: calc(100vw - 30px); 2898 } 2899 @media only screen and (min-width: 482px) { 2900 2901 .wp-block.editor-post-title__block { 2902 max-width: calc(100vw - 100px); 2903 } 2904 } 2905 @media only screen and (min-width: 822px) { 2906 2907 .wp-block.editor-post-title__block { 2908 max-width: min(calc(100vw - 200px), 1240px); 2909 } 2910 } 2911 2912 .wp-block.editor-post-title__block .editor-post-title__input { 2913 color: #39414d; 2914 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2915 font-size: 4rem; 2916 font-weight: 300; 2917 line-height: 1.1; 2918 } 2919 @media only screen and (min-width: 652px) { 2920 2921 .wp-block.editor-post-title__block .editor-post-title__input { 2922 font-size: 6rem; 2923 } 2924 } 2925 2926 .wp-block.block-editor-default-block-appender > textarea { 2927 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2928 font-size: 1.25rem; 2929 } 2930 2931 .has-primary-color[class] { 2932 color: #28303d; 2933 } 2934 2935 .has-secondary-color[class] { 2936 color: #39414d; 2937 } 2938 2939 .has-primary-background-color[class] { 2940 background-color: #28303d; 2941 color: #d1e4dd; 2942 } 2943 2944 .has-secondary-background-color[class] { 2945 background-color: #39414d; 2946 color: #d1e4dd; 2947 } 2948 2949 .has-white-background-color[class] { 2950 color: #39414d; 2951 } 2952 2953 .has-black-background-color[class] { 2954 color: #28303d; 2955 } 2956 2957 [data-block] { 2958 margin-top: 30px; 2959 margin-bottom: 30px; 2960 } 2961 2962 .wp-block { 2963 max-width: calc(100vw - 30px); 2964 } 2965 2966 @media only screen and (min-width: 482px) { 2967 2968 .wp-block { 2969 max-width: min(calc(100vw - 100px), 610px); 2970 } 2971 } 2972 2973 @media only screen and (min-width: 822px) { 2974 2975 .wp-block { 2976 max-width: min(calc(100vw - 200px), 610px); 2977 } 2978 } 2979 2980 .wp-block[data-align=wide] { 2981 max-width: calc(100vw - 30px); 2982 } 2983 @media only screen and (min-width: 482px) { 2984 2985 .wp-block[data-align=wide] { 2986 max-width: calc(100vw - 100px); 2987 } 2988 } 2989 @media only screen and (min-width: 822px) { 2990 2991 .wp-block[data-align=wide] { 2992 max-width: min(calc(100vw - 200px), 1240px); 2993 } 2994 } 2995 2996 .wp-block.alignwide { 2997 max-width: calc(100vw - 30px); 2998 } 2999 @media only screen and (min-width: 482px) { 3000 3001 .wp-block.alignwide { 3002 max-width: calc(100vw - 100px); 3003 } 3004 } 3005 @media only screen and (min-width: 822px) { 3006 3007 .wp-block.alignwide { 3008 max-width: min(calc(100vw - 200px), 1240px); 3009 } 3010 } 3011 3012 .wp-block[data-align=full], 3013 .wp-block.alignfull { 3014 max-width: none; 3015 } 3016 3017 .alignleft { 3018 margin: 0; 3019 margin-right: 25px; 3020 } 3021 3022 .alignright { 3023 margin: 0; 3024 margin-left: 25px; 3025 } 3026 3027 .has-drop-cap:not(:focus)::first-letter { 3028 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3029 font-weight: normal; 3030 line-height: 0.66; 3031 text-transform: uppercase; 3032 font-style: normal; 3033 float: left; 3034 margin: 0.1em 0.1em 0 0; 3035 font-size: 5rem; 3036 } 3037 3038 @media only screen and (min-width: 652px) { 3039 3040 .has-drop-cap:not(:focus)::first-letter { 3041 font-size: 7rem; 3042 } 3043 } 3044 3045 @media only screen and (min-width: 482px) { 3046 3047 .wp-block[data-align=left] > * { 3048 max-width: 290px; 3049 margin-right: 25px; 3050 } 3051 3052 .wp-block[data-align=right] > * { 3053 max-width: 290px; 3054 margin-left: 25px; 3055 } 3056 } 3057 3058 .wp-block-freeform.block-library-rich-text__tinymce blockquote { 3059 border: none; 3060 } 3061 3062 .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { 3063 left: 5px; 3064 } 3065 3066 html { 3067 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3068 line-height: 1.7; 3069 } 3070 3071 body { 3072 color: #28303d; 3073 background-color: #d1e4dd; 3074 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3075 font-size: 1.25rem; 3076 font-weight: normal; 3077 -moz-osx-font-smoothing: grayscale; 3078 -webkit-font-smoothing: antialiased; 3079 } 3080 3081 .wp-block a { 3082 color: #28303d; 3083 } 3084 3085 .wp-block a:hover { 3086 text-decoration-style: dotted; 3087 } 3088 3089 .wp-block a:focus { 3090 outline: 2px solid #28303d; 3091 text-decoration: none; 3092 } 3093 3094 .has-background .has-link-color a { 3095 color: #28303d; 3096 } 3097 3098 .has-background.has-link-color a { 3099 color: #28303d; 3100 } 3101 3102 button, 3103 a { 3104 cursor: pointer; 3105 } 3106 3107 .has-black-color[class] { 3108 color: #000; 3109 } 3110 3111 .has-black-color[class] > [class*=__inner-container] { 3112 color: #000; 3113 } 3114 3115 .has-gray-color[class] { 3116 color: #39414d; 3117 } 3118 3119 .has-gray-color[class] > [class*=__inner-container] { 3120 color: #39414d; 3121 } 3122 3123 .has-dark-gray-color[class] { 3124 color: #28303d; 3125 } 3126 3127 .has-dark-gray-color[class] > [class*=__inner-container] { 3128 color: #28303d; 3129 } 3130 3131 .has-green-color[class] { 3132 color: #d1e4dd; 3133 } 3134 3135 .has-green-color[class] > [class*=__inner-container] { 3136 color: #d1e4dd; 3137 } 3138 3139 .has-blue-color[class] { 3140 color: #d1dfe4; 3141 } 3142 3143 .has-blue-color[class] > [class*=__inner-container] { 3144 color: #d1dfe4; 3145 } 3146 3147 .has-purple-color[class] { 3148 color: #d1d1e4; 3149 } 3150 3151 .has-purple-color[class] > [class*=__inner-container] { 3152 color: #d1d1e4; 3153 } 3154 3155 .has-red-color[class] { 3156 color: #e4d1d1; 3157 } 3158 3159 .has-red-color[class] > [class*=__inner-container] { 3160 color: #e4d1d1; 3161 } 3162 3163 .has-orange-color[class] { 3164 color: #e4dad1; 3165 } 3166 3167 .has-orange-color[class] > [class*=__inner-container] { 3168 color: #e4dad1; 3169 } 3170 3171 .has-yellow-color[class] { 3172 color: #eeeadd; 3173 } 3174 3175 .has-yellow-color[class] > [class*=__inner-container] { 3176 color: #eeeadd; 3177 } 3178 3179 .has-white-color[class] { 3180 color: #fff; 3181 } 3182 3183 .has-white-color[class] > [class*=__inner-container] { 3184 color: #fff; 3185 } 3186 3187 .has-background a, 3188 .has-background p, 3189 .has-background h1, 3190 .has-background h2, 3191 .has-background h3, 3192 .has-background h4, 3193 .has-background h5, 3194 .has-background h6 { 3195 color: currentColor; 3196 } 3197 3198 .has-black-background-color[class] { 3199 background-color: #000; 3200 } 3201 3202 .has-black-background-color[class] > [class*=__inner-container] { 3203 background-color: #000; 3204 } 3205 3206 .has-dark-gray-background-color[class] { 3207 background-color: #28303d; 3208 } 3209 3210 .has-dark-gray-background-color[class] > [class*=__inner-container] { 3211 background-color: #28303d; 3212 } 3213 3214 .has-gray-background-color[class] { 3215 background-color: #39414d; 3216 } 3217 3218 .has-gray-background-color[class] > [class*=__inner-container] { 3219 background-color: #39414d; 3220 } 3221 3222 .has-light-gray-background-color[class] { 3223 background-color: #f0f0f0; 3224 } 3225 3226 .has-light-gray-background-color[class] > [class*=__inner-container] { 3227 background-color: #f0f0f0; 3228 } 3229 3230 .has-green-background-color[class] { 3231 background-color: #d1e4dd; 3232 } 3233 3234 .has-green-background-color[class] > [class*=__inner-container] { 3235 background-color: #d1e4dd; 3236 } 3237 3238 .has-blue-background-color[class] { 3239 background-color: #d1dfe4; 3240 } 3241 3242 .has-blue-background-color[class] > [class*=__inner-container] { 3243 background-color: #d1dfe4; 3244 } 3245 3246 .has-purple-background-color[class] { 3247 background-color: #d1d1e4; 3248 } 3249 3250 .has-purple-background-color[class] > [class*=__inner-container] { 3251 background-color: #d1d1e4; 3252 } 3253 3254 .has-red-background-color[class] { 3255 background-color: #e4d1d1; 3256 } 3257 3258 .has-red-background-color[class] > [class*=__inner-container] { 3259 background-color: #e4d1d1; 3260 } 3261 3262 .has-orange-background-color[class] { 3263 background-color: #e4dad1; 3264 } 3265 3266 .has-orange-background-color[class] > [class*=__inner-container] { 3267 background-color: #e4dad1; 3268 } 3269 3270 .has-yellow-background-color[class] { 3271 background-color: #eeeadd; 3272 } 3273 3274 .has-yellow-background-color[class] > [class*=__inner-container] { 3275 background-color: #eeeadd; 3276 } 3277 3278 .has-white-background-color[class] { 3279 background-color: #fff; 3280 } 3281 3282 .has-white-background-color[class] > [class*=__inner-container] { 3283 background-color: #fff; 3284 } 3285 3286 .has-background:not(.has-text-color).has-black-background-color[class] { 3287 color: #fff; 3288 } 3289 3290 .has-background:not(.has-text-color).has-gray-background-color[class] { 3291 color: #fff; 3292 } 3293 3294 .has-background:not(.has-text-color).has-dark-gray-background-color[class] { 3295 color: #fff; 3296 } 3297 3298 .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container] { 3299 color: #28303d; 3300 } 3301 3302 .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { 3303 color: #28303d; 3304 } 3305 3306 .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { 3307 color: #28303d; 3308 } 3309 3310 .has-background:not(.has-text-color).has-green-background-color[class] { 3311 color: #28303d; 3312 } 3313 3314 .has-background:not(.has-text-color).has-blue-background-color[class] { 3315 color: #28303d; 3316 } 3317 3318 .has-background:not(.has-text-color).has-purple-background-color[class] { 3319 color: #28303d; 3320 } 3321 3322 .has-background:not(.has-text-color).has-red-background-color[class] { 3323 color: #28303d; 3324 } 3325 3326 .has-background:not(.has-text-color).has-orange-background-color[class] { 3327 color: #28303d; 3328 } 3329 3330 .has-background:not(.has-text-color).has-yellow-background-color[class] { 3331 color: #28303d; 3332 } 3333 3334 .has-background:not(.has-text-color).has-white-background-color[class] { 3335 color: #28303d; 3336 } 3337 3338 .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container] { 3339 color: #28303d; 3340 } 3341 3342 .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container] { 3343 color: #28303d; 3344 } 3345 3346 .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container] { 3347 color: #28303d; 3348 } 3349 3350 .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container] { 3351 color: #28303d; 3352 } 3353 3354 .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container] { 3355 color: #28303d; 3356 } 3357 3358 .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { 3359 color: #28303d; 3360 } 3361 3362 .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { 3363 color: #28303d; 3364 } 3365 3366 .has-purple-to-yellow-gradient-background { 3367 background: linear-gradient(160deg, #d1d1e4, #eeeadd); 3368 } 3369 3370 .has-yellow-to-purple-gradient-background { 3371 background: linear-gradient(160deg, #eeeadd, #d1d1e4); 3372 } 3373 3374 .has-green-to-yellow-gradient-background { 3375 background: linear-gradient(160deg, #d1e4dd, #eeeadd); 3376 } 3377 3378 .has-yellow-to-green-gradient-background { 3379 background: linear-gradient(160deg, #eeeadd, #d1e4dd); 3380 } 3381 3382 .has-red-to-yellow-gradient-background { 3383 background: linear-gradient(160deg, #e4d1d1, #eeeadd); 3384 } 3385 3386 .has-yellow-to-red-gradient-background { 3387 background: linear-gradient(160deg, #eeeadd, #e4d1d1); 3388 } 3389 3390 .has-purple-to-red-gradient-background { 3391 background: linear-gradient(160deg, #d1d1e4, #e4d1d1); 3392 } 3393 3394 .has-red-to-purple-gradient-background { 3395 background: linear-gradient(160deg, #e4d1d1, #d1d1e4); 3396 }