ie.css (157620B)
1 @charset "UTF-8"; 2 3 /* 4 Theme Name: Twenty Twenty-One 5 Theme URI: https://wordpress.org/themes/twentytwentyone/ 6 Author: the WordPress team 7 Author URI: https://wordpress.org/ 8 Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. 9 Requires at least: 5.3 10 Tested up to: 5.8 11 Requires PHP: 5.6 12 Version: 1.4 13 License: GNU General Public License v2 or later 14 License URI: http://www.gnu.org/licenses/gpl-2.0.html 15 Text Domain: twentytwentyone 16 Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready 17 18 Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org 19 Twenty Twenty-One is distributed under the terms of the GNU GPL. 20 */ 21 22 /** 23 * SETTINGS 24 * File-header..........The file header for the themes style.css file. 25 * Fonts................Any font files, if the project needs specific fonts. 26 * Global...............Project-specific, globally available variables. 27 * 28 * TOOLS 29 * Functions............Global functions. 30 * Mixins...............Global mixins. 31 * 32 * GENERIC 33 * Normalize.css........Normalise browser defaults. 34 * Breakpoints..........Mixins and variables for responsive styles 35 * Vertical-margins.....Vertical spacing for the main components. 36 * Reset................Reset specific elements to make them easier to style in other contexts. 37 * Clearings............Clearings for the main components. 38 * 39 * ELEMENTS 40 * Blockquote...........Default blockquote. 41 * Forms................Element-level form styling. 42 * Headings.............H1–H6 43 * Links................Default links. 44 * Lists................Default lists. 45 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. 46 * 47 * BLOCKS 48 * Audio................Specific styles for the audio block. 49 * Button...............Specific styles for the button block. 50 * Code.................Specific styles for the code block. 51 * Columns..............Specific styles for the columns block. 52 * Cover................Specific styles for the cover block. 53 * File.................Specific styles for the file block. 54 * Gallery..............Specific styles for the gallery block. 55 * Group................Specific styles for the group block. 56 * Heading..............Specific styles for the heading block. 57 * Image................Specific styles for the image block. 58 * Latest comments......Specific styles for the latest comments block. 59 * Latest posts.........Specific styles for the latest posts block. 60 * Legacy...............Specific styles for the legacy gallery. 61 * List.................Specific styles for the list block. 62 * Media text...........Specific styles for the media and text block. 63 * Navigation...........Specific styles for the navigation block. 64 * Paragraph............Specific styles for the paragraph block. 65 * Pullquote............Specific styles for the pullquote block. 66 * Quote................Specific styles for the quote block. 67 * Search...............Specific styles for the search block. 68 * Separator............Specific styles for the separator block. 69 * Spacer...............Specific styles for the spacer block. 70 * Table................Specific styles for the table block. 71 * Verse................Specific styles for the verse block. 72 * Video................Specific styles for the video block. 73 * Utilities............Block alignments. 74 * 75 * COMPONENTS 76 * Header...............Header styles. 77 * Footer...............Footer styles. 78 * Comments.............Comment styles. 79 * Archives.............Archive styles. 80 * 404..................404 styles. 81 * Search...............Search styles. 82 * Navigation...........Navigation styles. 83 * Footer Navigation....Footer Navigation styles. 84 * Pagination...........Pagination styles. 85 * Single...............Single page and post styles. 86 * Posts and pages......Misc, sticky post styles. 87 * Entry................Entry, author biography. 88 * Widget...............Widget styles. 89 * Editor...............Editor styles. 90 * 91 * UTILITIES 92 * A11y.................Screen reader text, prefers reduced motion etc. 93 * Color Palette........Classes for the color palette colors. 94 * Editor Font Sizes....Editor Font Sizes. 95 * Measure..............The width of a line of text, in characters. 96 */ 97 98 /* Categories 01 to 03 are the basics. */ 99 100 /* Variables */ 101 :root { 102 103 /* Font Family */ 104 105 /* Font Size */ 106 107 /* Line Height */ 108 109 /* Headings */ 110 111 /* Block: Latest posts */ 112 113 /* Colors */ 114 115 /* Body text color, site title, footer text color. */ 116 117 /* Headings */ 118 119 /* Mint, default body background */ 120 121 /* Used for borders (separators) */ 122 123 /* Spacing */ 124 125 /* Elevation */ 126 127 /* Forms */ 128 129 /* Cover block */ 130 131 /* Buttons */ 132 133 /* entry */ 134 135 /* Header */ 136 137 /* Main navigation */ 138 139 /* Pagination */ 140 141 /* Footer */ 142 143 /* Block: Pull quote */ 144 145 /* Block: Table */ 146 147 /* Widgets */ 148 149 /* Admin-bar height */ 150 } 151 152 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 153 154 /* Document 155 ========================================================================== */ 156 157 /** 158 * 1. Correct the line height in all browsers. 159 * 2. Prevent adjustments of font size after orientation changes in iOS. 160 */ 161 html { 162 line-height: 1.15; 163 164 /* 1 */ 165 -webkit-text-size-adjust: 100%; 166 167 /* 2 */ 168 } 169 170 /* Sections 171 ========================================================================== */ 172 173 /** 174 * Remove the margin in all browsers. 175 */ 176 body { 177 margin: 0; 178 } 179 180 /** 181 * Render the `main` element consistently in IE. 182 */ 183 main { 184 display: block; 185 } 186 187 /** 188 * Correct the font size and margin on `h1` elements within `section` and 189 * `article` contexts in Chrome, Firefox, and Safari. 190 */ 191 h1 { 192 font-size: 2em; 193 margin: 0.67em 0; 194 } 195 196 /* Grouping content 197 ========================================================================== */ 198 199 /** 200 * 1. Add the correct box sizing in Firefox. 201 * 2. Show the overflow in Edge and IE. 202 */ 203 hr { 204 box-sizing: content-box; 205 206 /* 1 */ 207 height: 0; 208 209 /* 1 */ 210 overflow: visible; 211 212 /* 2 */ 213 } 214 215 /** 216 * 1. Correct the inheritance and scaling of font size in all browsers. 217 * 2. Correct the odd `em` font sizing in all browsers. 218 */ 219 pre { 220 font-family: monospace; 221 222 /* 1 */ 223 font-size: 1em; 224 225 /* 2 */ 226 } 227 228 /* Text-level semantics 229 ========================================================================== */ 230 231 /** 232 * Remove the gray background on active links in IE 10. 233 */ 234 a { 235 background-color: transparent; 236 text-decoration-thickness: 1px; 237 } 238 239 /** 240 * 1. Remove the bottom border in Chrome 57- 241 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 242 */ 243 abbr[title] { 244 border-bottom: none; 245 246 /* 1 */ 247 text-decoration: underline; 248 249 /* 2 */ 250 text-decoration-style: dotted; 251 252 /* 2 */ 253 } 254 255 /** 256 * Add the correct font weight in Chrome, Edge, and Safari. 257 */ 258 b, 259 strong { 260 font-weight: bolder; 261 } 262 263 /** 264 * 1. Correct the inheritance and scaling of font size in all browsers. 265 * 2. Correct the odd `em` font sizing in all browsers. 266 */ 267 code, 268 kbd, 269 samp { 270 font-family: monospace; 271 272 /* 1 */ 273 font-size: 1em; 274 275 /* 2 */ 276 } 277 278 /** 279 * Add the correct font size in all browsers. 280 */ 281 small { 282 font-size: 80%; 283 } 284 285 /** 286 * Prevent `sub` and `sup` elements from affecting the line height in 287 * all browsers. 288 */ 289 sub, 290 sup { 291 font-size: 75%; 292 line-height: 0; 293 position: relative; 294 vertical-align: baseline; 295 } 296 297 sub { 298 bottom: -0.25em; 299 } 300 301 sup { 302 top: -0.5em; 303 } 304 305 /* Embedded content 306 ========================================================================== */ 307 308 /** 309 * Remove the border on images inside links in IE 10. 310 */ 311 img { 312 border-style: none; 313 } 314 315 /* Forms 316 ========================================================================== */ 317 318 /** 319 * 1. Change the font styles in all browsers. 320 * 2. Remove the margin in Firefox and Safari. 321 */ 322 button, 323 input, 324 optgroup, 325 select, 326 textarea { 327 font-family: inherit; 328 329 /* 1 */ 330 font-size: 100%; 331 332 /* 1 */ 333 line-height: 1.15; 334 335 /* 1 */ 336 margin: 0; 337 338 /* 2 */ 339 } 340 341 /** 342 * Show the overflow in IE. 343 * 1. Show the overflow in Edge. 344 */ 345 button, 346 input { 347 348 /* 1 */ 349 overflow: visible; 350 } 351 352 /** 353 * Remove the inheritance of text transform in Edge, Firefox, and IE. 354 * 1. Remove the inheritance of text transform in Firefox. 355 */ 356 button, 357 select { 358 359 /* 1 */ 360 text-transform: none; 361 } 362 363 /** 364 * Correct the inability to style clickable types in iOS and Safari. 365 */ 366 button, 367 [type=button], 368 [type=reset], 369 [type=submit] { 370 -webkit-appearance: button; 371 } 372 373 /** 374 * Remove the inner border and padding in Firefox. 375 */ 376 button::-moz-focus-inner, 377 [type=button]::-moz-focus-inner, 378 [type=reset]::-moz-focus-inner, 379 [type=submit]::-moz-focus-inner { 380 border-style: none; 381 padding: 0; 382 } 383 384 /** 385 * Restore the focus styles unset by the previous rule. 386 */ 387 button:-moz-focusring, 388 [type=button]:-moz-focusring, 389 [type=reset]:-moz-focusring, 390 [type=submit]:-moz-focusring { 391 outline: 1px dotted ButtonText; 392 } 393 394 /** 395 * Correct the padding in Firefox. 396 */ 397 fieldset { 398 padding: 0.35em 0.75em 0.625em; 399 } 400 401 /** 402 * 1. Correct the text wrapping in Edge and IE. 403 * 2. Correct the color inheritance from `fieldset` elements in IE. 404 * 3. Remove the padding so developers are not caught out when they zero out 405 * `fieldset` elements in all browsers. 406 */ 407 legend { 408 box-sizing: border-box; 409 410 /* 1 */ 411 color: inherit; 412 413 /* 2 */ 414 display: table; 415 416 /* 1 */ 417 max-width: 100%; 418 419 /* 1 */ 420 padding: 0; 421 422 /* 3 */ 423 white-space: normal; 424 425 /* 1 */ 426 } 427 428 /** 429 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 430 */ 431 progress { 432 vertical-align: baseline; 433 } 434 435 /** 436 * Remove the default vertical scrollbar in IE 10+. 437 */ 438 textarea { 439 overflow: auto; 440 } 441 442 /** 443 * 1. Add the correct box sizing in IE 10. 444 * 2. Remove the padding in IE 10. 445 */ 446 [type=checkbox], 447 [type=radio] { 448 box-sizing: border-box; 449 450 /* 1 */ 451 padding: 0; 452 453 /* 2 */ 454 } 455 456 /** 457 * Correct the cursor style of increment and decrement buttons in Chrome. 458 */ 459 [type=number]::-webkit-inner-spin-button, 460 [type=number]::-webkit-outer-spin-button { 461 height: auto; 462 } 463 464 /** 465 * 1. Correct the odd appearance in Chrome and Safari. 466 * 2. Correct the outline style in Safari. 467 */ 468 [type=search] { 469 -webkit-appearance: textfield; 470 471 /* 1 */ 472 outline-offset: -2px; 473 474 /* 2 */ 475 } 476 477 /** 478 * Remove the inner padding in Chrome and Safari on macOS. 479 */ 480 [type=search]::-webkit-search-decoration { 481 -webkit-appearance: none; 482 } 483 484 /** 485 * 1. Correct the inability to style clickable types in iOS and Safari. 486 * 2. Change font properties to `inherit` in Safari. 487 */ 488 ::-webkit-file-upload-button { 489 -webkit-appearance: button; 490 491 /* 1 */ 492 font: inherit; 493 494 /* 2 */ 495 } 496 497 /* Interactive 498 ========================================================================== */ 499 500 /* 501 * Add the correct display in Edge, IE 10+, and Firefox. 502 */ 503 details { 504 display: block; 505 } 506 507 /* 508 * Add the correct display in all browsers. 509 */ 510 summary { 511 display: list-item; 512 } 513 514 /* Misc 515 ========================================================================== */ 516 517 /** 518 * Add the correct display in IE 10+. 519 */ 520 template { 521 display: none; 522 } 523 524 /** 525 * Add the correct display in IE 10. 526 */ 527 [hidden] { 528 display: none; 529 } 530 531 /** 532 * Responsive Styles 533 */ 534 535 /** 536 * Required Variables 537 */ 538 539 /** 540 * Root Media Query Variables 541 */ 542 543 /** 544 * Extends 545 */ 546 .post-thumbnail { 547 max-width: calc(100vw - 30px); 548 } 549 @media only screen and (min-width: 482px) { 550 551 .post-thumbnail { 552 max-width: min(calc(100vw - 100px), 610px); 553 } 554 } 555 @media only screen and (min-width: 822px) { 556 557 .post-thumbnail { 558 max-width: min(calc(100vw - 200px), 610px); 559 } 560 } 561 562 .entry-content .wp-audio-shortcode { 563 max-width: calc(100vw - 30px); 564 margin-left: auto; 565 margin-right: auto; 566 } 567 @media only screen and (min-width: 482px) { 568 569 .entry-content .wp-audio-shortcode { 570 max-width: min(calc(100vw - 100px), 610px); 571 } 572 } 573 @media only screen and (min-width: 822px) { 574 575 .entry-content .wp-audio-shortcode { 576 max-width: min(calc(100vw - 200px), 610px); 577 } 578 } 579 580 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 581 max-width: calc(100vw - 30px); 582 margin-left: auto; 583 margin-right: auto; 584 } 585 @media only screen and (min-width: 482px) { 586 587 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 588 max-width: min(calc(100vw - 100px), 610px); 589 } 590 } 591 @media only screen and (min-width: 822px) { 592 593 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 594 max-width: min(calc(100vw - 200px), 610px); 595 } 596 } 597 598 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 599 max-width: calc(100vw - 30px); 600 margin-left: auto; 601 margin-right: auto; 602 } 603 @media only screen and (min-width: 482px) { 604 605 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 606 max-width: min(calc(100vw - 100px), 610px); 607 } 608 } 609 @media only screen and (min-width: 822px) { 610 611 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 612 max-width: min(calc(100vw - 200px), 610px); 613 } 614 } 615 616 .default-max-width { 617 max-width: calc(100vw - 30px); 618 margin-left: auto; 619 margin-right: auto; 620 } 621 @media only screen and (min-width: 482px) { 622 623 .default-max-width { 624 max-width: min(calc(100vw - 100px), 610px); 625 } 626 } 627 @media only screen and (min-width: 822px) { 628 629 .default-max-width { 630 max-width: min(calc(100vw - 200px), 610px); 631 } 632 } 633 634 .widget-area { 635 max-width: calc(100vw - 30px); 636 } 637 638 @media only screen and (min-width: 482px) { 639 640 .widget-area { 641 max-width: calc(100vw - 100px); 642 } 643 } 644 645 @media only screen and (min-width: 822px) { 646 647 .widget-area { 648 max-width: min(calc(100vw - 200px), 1240px); 649 } 650 } 651 652 .pagination { 653 max-width: calc(100vw - 30px); 654 margin-left: auto; 655 margin-right: auto; 656 } 657 658 @media only screen and (min-width: 482px) { 659 660 .pagination { 661 max-width: calc(100vw - 100px); 662 } 663 } 664 665 @media only screen and (min-width: 822px) { 666 667 .pagination { 668 max-width: min(calc(100vw - 200px), 1240px); 669 } 670 } 671 672 .comments-pagination { 673 max-width: calc(100vw - 30px); 674 margin-left: auto; 675 margin-right: auto; 676 } 677 678 @media only screen and (min-width: 482px) { 679 680 .comments-pagination { 681 max-width: calc(100vw - 100px); 682 } 683 } 684 685 @media only screen and (min-width: 822px) { 686 687 .comments-pagination { 688 max-width: min(calc(100vw - 200px), 1240px); 689 } 690 } 691 692 .post-navigation { 693 max-width: calc(100vw - 30px); 694 margin-left: auto; 695 margin-right: auto; 696 } 697 698 @media only screen and (min-width: 482px) { 699 700 .post-navigation { 701 max-width: calc(100vw - 100px); 702 } 703 } 704 705 @media only screen and (min-width: 822px) { 706 707 .post-navigation { 708 max-width: min(calc(100vw - 200px), 1240px); 709 } 710 } 711 712 .site-footer { 713 max-width: calc(100vw - 30px); 714 } 715 716 @media only screen and (min-width: 482px) { 717 718 .site-footer { 719 max-width: calc(100vw - 100px); 720 } 721 } 722 723 @media only screen and (min-width: 822px) { 724 725 .site-footer { 726 max-width: min(calc(100vw - 200px), 1240px); 727 } 728 } 729 730 .site-header { 731 max-width: calc(100vw - 30px); 732 } 733 734 @media only screen and (min-width: 482px) { 735 736 .site-header { 737 max-width: calc(100vw - 100px); 738 } 739 } 740 741 @media only screen and (min-width: 822px) { 742 743 .site-header { 744 max-width: min(calc(100vw - 200px), 1240px); 745 } 746 } 747 748 .alignwide { 749 max-width: calc(100vw - 30px); 750 margin-left: auto; 751 margin-right: auto; 752 } 753 754 @media only screen and (min-width: 482px) { 755 756 .alignwide { 757 max-width: calc(100vw - 100px); 758 } 759 } 760 761 @media only screen and (min-width: 822px) { 762 763 .alignwide { 764 max-width: min(calc(100vw - 200px), 1240px); 765 } 766 } 767 768 .wide-max-width { 769 max-width: calc(100vw - 30px); 770 margin-left: auto; 771 margin-right: auto; 772 } 773 774 @media only screen and (min-width: 482px) { 775 776 .wide-max-width { 777 max-width: calc(100vw - 100px); 778 } 779 } 780 781 @media only screen and (min-width: 822px) { 782 783 .wide-max-width { 784 max-width: min(calc(100vw - 200px), 1240px); 785 } 786 } 787 788 .alignfull { 789 max-width: 100%; 790 width: 100%; 791 margin-left: auto; 792 margin-right: auto; 793 } 794 795 .wp-block-group .wp-block-group__inner-container > *.alignfull { 796 max-width: 100%; 797 width: 100%; 798 margin-left: auto; 799 margin-right: auto; 800 } 801 802 .full-max-width { 803 max-width: 100%; 804 width: 100%; 805 margin-left: auto; 806 margin-right: auto; 807 } 808 809 @media only screen and (min-width: 482px) { 810 811 .alignfull { 812 max-width: 100%; 813 width: auto; 814 margin-left: auto; 815 margin-right: auto; 816 } 817 818 .full-max-width { 819 max-width: 100%; 820 width: auto; 821 margin-left: auto; 822 margin-right: auto; 823 } 824 } 825 826 .entry-header .post-thumbnail { 827 margin-left: auto; 828 margin-right: auto; 829 width: calc(100vw - 30px); 830 max-width: 100%; 831 } 832 @media only screen and (min-width: 482px) { 833 834 .entry-header .post-thumbnail { 835 width: calc(100vw - 100px); 836 } 837 } 838 @media only screen and (min-width: 822px) { 839 840 .entry-header .post-thumbnail { 841 width: min(calc(100vw - 200px), 1240px); 842 } 843 } 844 845 .singular .post-thumbnail { 846 margin-left: auto; 847 margin-right: auto; 848 width: calc(100vw - 30px); 849 max-width: 100%; 850 } 851 @media only screen and (min-width: 482px) { 852 853 .singular .post-thumbnail { 854 width: calc(100vw - 100px); 855 } 856 } 857 @media only screen and (min-width: 822px) { 858 859 .singular .post-thumbnail { 860 width: min(calc(100vw - 200px), 1240px); 861 } 862 } 863 864 .alignfull [class*=inner-container] > .alignwide { 865 margin-left: auto; 866 margin-right: auto; 867 width: calc(100vw - 30px); 868 max-width: 100%; 869 } 870 @media only screen and (min-width: 482px) { 871 872 .alignfull [class*=inner-container] > .alignwide { 873 width: calc(100vw - 100px); 874 } 875 } 876 @media only screen and (min-width: 822px) { 877 878 .alignfull [class*=inner-container] > .alignwide { 879 width: min(calc(100vw - 200px), 1240px); 880 } 881 } 882 883 .alignwide [class*=inner-container] > .alignwide { 884 margin-left: auto; 885 margin-right: auto; 886 width: calc(100vw - 30px); 887 max-width: 100%; 888 } 889 @media only screen and (min-width: 482px) { 890 891 .alignwide [class*=inner-container] > .alignwide { 892 width: calc(100vw - 100px); 893 } 894 } 895 @media only screen and (min-width: 822px) { 896 897 .alignwide [class*=inner-container] > .alignwide { 898 width: min(calc(100vw - 200px), 1240px); 899 } 900 } 901 902 @media only screen and (min-width: 482px) { 903 904 .entry-content > .alignleft { 905 906 /*rtl:ignore*/ 907 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 908 909 /*rtl:ignore*/ 910 margin-right: 25px; 911 } 912 @media only screen and (min-width: 482px) { 913 914 .entry-content > .alignleft { 915 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 916 } 917 } 918 @media only screen and (min-width: 822px) { 919 920 .entry-content > .alignleft { 921 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 922 } 923 } 924 } 925 @media only screen and (min-width: 482px) { 926 927 .entry-content > .alignright { 928 929 /*rtl:ignore*/ 930 margin-left: 25px; 931 932 /*rtl:ignore*/ 933 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 934 } 935 @media only screen and (min-width: 482px) { 936 937 .entry-content > .alignright { 938 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 939 } 940 } 941 @media only screen and (min-width: 822px) { 942 943 .entry-content > .alignright { 944 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 945 } 946 } 947 } 948 949 /** 950 * Site Structure 951 * 952 * - Set vertical margins and responsive widths on 953 * top-level wrappers and content wrappers 954 * - `--global--width-content` is a responsive variable 955 * - See: globals/_global-width-responsive.scss 956 */ 957 958 /** 959 * Top Level Wrappers (header, main, footer) 960 * - Set vertical padding and horizontal margins 961 */ 962 .site-header { 963 padding-top: 30px; 964 padding-bottom: 30px; 965 margin-left: auto; 966 margin-right: auto; 967 } 968 969 .site-main { 970 padding-top: 30px; 971 padding-bottom: 30px; 972 margin-left: auto; 973 margin-right: auto; 974 } 975 976 .widget-area { 977 padding-top: 30px; 978 padding-bottom: 30px; 979 margin-left: auto; 980 margin-right: auto; 981 } 982 983 .site-footer { 984 padding-top: 30px; 985 padding-bottom: 30px; 986 margin-left: auto; 987 margin-right: auto; 988 } 989 990 .site-header { 991 padding-top: 23px; 992 padding-bottom: 60px; 993 } 994 @media only screen and (min-width: 482px) { 995 996 .site-header { 997 padding-bottom: 90px; 998 } 999 } 1000 1001 /** 1002 * Site-main children wrappers 1003 * - Add double vertical margins here for clearer hierarchy 1004 */ 1005 .site-main > * { 1006 margin-top: 90px; 1007 margin-bottom: 90px; 1008 } 1009 1010 .site-main > *:first-child { 1011 margin-top: 0; 1012 } 1013 1014 .site-main > *:last-child { 1015 margin-bottom: 0; 1016 } 1017 1018 /** 1019 * Set the default maximum responsive content-width 1020 */ 1021 1022 /** 1023 * Set the wide maximum responsive content-width 1024 */ 1025 1026 /** 1027 * Set the full maximum responsive content-width 1028 */ 1029 1030 /* 1031 * Block & non-gutenberg content wrappers 1032 * - Set margins 1033 */ 1034 .entry-header { 1035 margin-top: 30px; 1036 margin-right: auto; 1037 margin-bottom: 30px; 1038 margin-left: auto; 1039 } 1040 1041 .post-thumbnail { 1042 margin-top: 30px; 1043 margin-right: auto; 1044 margin-bottom: 30px; 1045 margin-left: auto; 1046 } 1047 1048 .entry-content { 1049 margin-top: 30px; 1050 margin-right: auto; 1051 margin-bottom: 30px; 1052 margin-left: auto; 1053 } 1054 1055 .entry-footer { 1056 margin-top: 30px; 1057 margin-right: auto; 1058 margin-bottom: 30px; 1059 margin-left: auto; 1060 } 1061 1062 .author-bio { 1063 margin-top: 30px; 1064 margin-right: auto; 1065 margin-bottom: 30px; 1066 margin-left: auto; 1067 } 1068 1069 /* 1070 * Block & non-gutenberg content wrapper children 1071 * - Sets spacing-vertical margin logic 1072 */ 1073 .site-main > article > * { 1074 margin-top: 20px; 1075 margin-bottom: 20px; 1076 } 1077 1078 .site-main > .not-found > * { 1079 margin-top: 20px; 1080 margin-bottom: 20px; 1081 } 1082 1083 .entry-content > * { 1084 margin-top: 20px; 1085 margin-bottom: 20px; 1086 } 1087 1088 [class*=inner-container] > * { 1089 margin-top: 20px; 1090 margin-bottom: 20px; 1091 } 1092 1093 .wp-block-template-part > * { 1094 margin-top: 20px; 1095 margin-bottom: 20px; 1096 } 1097 1098 .wp-block-post-template :where(li > *) { 1099 margin-top: 20px; 1100 margin-bottom: 20px; 1101 } 1102 @media only screen and (min-width: 482px) { 1103 1104 .site-main > article > * { 1105 margin-top: 30px; 1106 margin-bottom: 30px; 1107 } 1108 1109 .site-main > .not-found > * { 1110 margin-top: 30px; 1111 margin-bottom: 30px; 1112 } 1113 1114 .entry-content > * { 1115 margin-top: 30px; 1116 margin-bottom: 30px; 1117 } 1118 1119 [class*=inner-container] > * { 1120 margin-top: 30px; 1121 margin-bottom: 30px; 1122 } 1123 1124 .wp-block-template-part > * { 1125 margin-top: 30px; 1126 margin-bottom: 30px; 1127 } 1128 1129 .wp-block-post-template :where(li > *) { 1130 margin-top: 30px; 1131 margin-bottom: 30px; 1132 } 1133 } 1134 1135 .site-main > article > *:first-child, 1136 .site-main > .not-found > *:first-child, 1137 .entry-content > *:first-child, 1138 [class*=inner-container] > *:first-child, 1139 .wp-block-template-part > *:first-child, 1140 .wp-block-post-template :where(li > *):first-child { 1141 margin-top: 0; 1142 } 1143 1144 .site-main > article > *:last-child, 1145 .site-main > .not-found > *:last-child, 1146 .entry-content > *:last-child, 1147 [class*=inner-container] > *:last-child, 1148 .wp-block-template-part > *:last-child, 1149 .wp-block-post-template :where(li > *):last-child { 1150 margin-bottom: 0; 1151 } 1152 1153 .site-footer > * { 1154 margin-top: 20px; 1155 margin-bottom: 20px; 1156 } 1157 1158 .widget-area > * { 1159 margin-top: 20px; 1160 margin-bottom: 20px; 1161 } 1162 @media only screen and (min-width: 482px) { 1163 1164 .site-footer > * { 1165 margin-top: 30px; 1166 margin-bottom: 30px; 1167 } 1168 1169 .widget-area > * { 1170 margin-top: 30px; 1171 margin-bottom: 30px; 1172 } 1173 } 1174 1175 /* 1176 * Block & non-gutenberg content wrapper children 1177 * - Sets spacing-unit margins 1178 */ 1179 .entry-header > * { 1180 margin-top: 20px; 1181 margin-bottom: 20px; 1182 } 1183 1184 .post-thumbnail > * { 1185 margin-top: 20px; 1186 margin-bottom: 20px; 1187 } 1188 1189 .page-content > * { 1190 margin-top: 20px; 1191 margin-bottom: 20px; 1192 } 1193 1194 .comment-content > * { 1195 margin-top: 20px; 1196 margin-bottom: 20px; 1197 } 1198 1199 .widget > * { 1200 margin-top: 20px; 1201 margin-bottom: 20px; 1202 } 1203 1204 .entry-header > *:first-child, 1205 .post-thumbnail > *:first-child, 1206 .page-content > *:first-child, 1207 .comment-content > *:first-child, 1208 .widget > *:first-child { 1209 margin-top: 0; 1210 } 1211 1212 .entry-header > *:last-child, 1213 .post-thumbnail > *:last-child, 1214 .page-content > *:last-child, 1215 .comment-content > *:last-child, 1216 .widget > *:last-child { 1217 margin-bottom: 0; 1218 } 1219 1220 /* 1221 * .entry-content children specific controls 1222 * - Adds special margin overrides for alignment utility classes 1223 */ 1224 .entry-content > * { 1225 1226 /* Reset alignleft and alignright margins after alignfull */ 1227 } 1228 1229 .entry-content > *.alignleft, 1230 .entry-content > *.alignright, 1231 .entry-content > *.alignleft:first-child + *, 1232 .entry-content > *.alignright:first-child + *, 1233 .entry-content > *.alignfull.has-background { 1234 margin-top: 0; 1235 } 1236 1237 .entry-content > *:last-child, 1238 .entry-content > *.alignfull.has-background { 1239 margin-bottom: 0; 1240 } 1241 1242 .entry-content > *.alignfull + .alignleft { 1243 margin-top: 30px; 1244 } 1245 1246 .entry-content > *.alignfull + .alignright { 1247 margin-top: 30px; 1248 } 1249 1250 /** 1251 * Reset specific elements to make them easier to style in other contexts. 1252 */ 1253 html, 1254 body, 1255 p, 1256 ol, 1257 ul, 1258 li, 1259 dl, 1260 dt, 1261 dd, 1262 blockquote, 1263 figure, 1264 fieldset, 1265 form, 1266 legend, 1267 textarea, 1268 pre, 1269 iframe, 1270 hr, 1271 h1, 1272 h2, 1273 h3, 1274 h4, 1275 h5, 1276 h6 { 1277 padding: 0; 1278 margin: 0; 1279 -moz-osx-font-smoothing: grayscale; 1280 -webkit-font-smoothing: antialiased; 1281 } 1282 1283 /** 1284 * Apply generic border-box to all elements. 1285 * See: 1286 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ 1287 */ 1288 html { 1289 1290 /* Apply border-box across the entire page. */ 1291 box-sizing: border-box; 1292 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1293 line-height: 1.7; 1294 } 1295 1296 /** 1297 * Relax the definition a bit, to allow components to override it manually. 1298 */ 1299 *, 1300 *::before, 1301 *::after { 1302 box-sizing: inherit; 1303 } 1304 1305 body { 1306 font-size: 1.25rem; 1307 font-weight: normal; 1308 color: #28303d; 1309 text-align: left; 1310 background-color: #d1e4dd; 1311 } 1312 1313 .clear:before, 1314 .clear:after, 1315 .entry-content:before, 1316 .entry-content:after, 1317 .comment-content:before, 1318 .comment-content:after, 1319 .site-header:before, 1320 .site-header:after, 1321 .site-content:before, 1322 .site-content:after, 1323 .site-footer:before, 1324 .site-footer:after { 1325 content: ""; 1326 display: table; 1327 table-layout: fixed; 1328 } 1329 1330 .clear:after, 1331 .entry-content:after, 1332 .comment-content:after, 1333 .site-header:after, 1334 .site-content:after, 1335 .site-footer:after { 1336 clear: both; 1337 } 1338 1339 /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ 1340 blockquote { 1341 padding: 0; 1342 position: relative; 1343 margin: 30px 0 30px 25px; 1344 } 1345 1346 blockquote > * { 1347 margin-top: 20px; 1348 margin-bottom: 20px; 1349 } 1350 1351 blockquote > *:first-child { 1352 margin-top: 0; 1353 } 1354 1355 blockquote > *:last-child { 1356 margin-bottom: 0; 1357 } 1358 1359 blockquote p { 1360 letter-spacing: normal; 1361 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1362 font-size: 1.25rem; 1363 font-style: normal; 1364 font-weight: 700; 1365 line-height: 1.7; 1366 } 1367 1368 blockquote cite { 1369 font-weight: normal; 1370 letter-spacing: normal; 1371 } 1372 1373 blockquote footer { 1374 font-weight: normal; 1375 letter-spacing: normal; 1376 } 1377 1378 blockquote.alignleft, 1379 blockquote.alignright { 1380 padding-left: inherit; 1381 } 1382 1383 blockquote.alignleft p { 1384 font-size: 1.125rem; 1385 max-width: inherit; 1386 width: inherit; 1387 } 1388 1389 blockquote.alignright p { 1390 font-size: 1.125rem; 1391 max-width: inherit; 1392 width: inherit; 1393 } 1394 1395 blockquote.alignleft cite { 1396 font-size: 1rem; 1397 letter-spacing: normal; 1398 } 1399 1400 blockquote.alignleft footer { 1401 font-size: 1rem; 1402 letter-spacing: normal; 1403 } 1404 1405 blockquote.alignright cite { 1406 font-size: 1rem; 1407 letter-spacing: normal; 1408 } 1409 1410 blockquote.alignright footer { 1411 font-size: 1rem; 1412 letter-spacing: normal; 1413 } 1414 1415 blockquote strong { 1416 font-weight: bolder; 1417 } 1418 1419 blockquote:before { 1420 content: "“"; 1421 font-size: 1.25rem; 1422 line-height: 1.7; 1423 position: absolute; 1424 left: -12px; 1425 } 1426 1427 blockquote .wp-block-quote__citation { 1428 color: #28303d; 1429 font-size: 1rem; 1430 font-style: normal; 1431 } 1432 1433 blockquote cite { 1434 color: #28303d; 1435 font-size: 1rem; 1436 font-style: normal; 1437 } 1438 1439 blockquote footer { 1440 color: #28303d; 1441 font-size: 1rem; 1442 font-style: normal; 1443 } 1444 @media only screen and (max-width: 481px) { 1445 1446 blockquote { 1447 padding-left: 13px; 1448 } 1449 1450 blockquote:before { 1451 left: 0; 1452 } 1453 } 1454 1455 input[type=text] { 1456 border: 3px solid #39414d; 1457 border-radius: 0; 1458 color: #28303d; 1459 line-height: 1.7; 1460 padding: 10px; 1461 margin: 0 2px; 1462 max-width: 100%; 1463 } 1464 1465 input[type=email] { 1466 border: 3px solid #39414d; 1467 border-radius: 0; 1468 color: #28303d; 1469 line-height: 1.7; 1470 padding: 10px; 1471 margin: 0 2px; 1472 max-width: 100%; 1473 } 1474 1475 input[type=url] { 1476 border: 3px solid #39414d; 1477 border-radius: 0; 1478 color: #28303d; 1479 line-height: 1.7; 1480 padding: 10px; 1481 margin: 0 2px; 1482 max-width: 100%; 1483 } 1484 1485 input[type=password] { 1486 border: 3px solid #39414d; 1487 border-radius: 0; 1488 color: #28303d; 1489 line-height: 1.7; 1490 padding: 10px; 1491 margin: 0 2px; 1492 max-width: 100%; 1493 } 1494 1495 input[type=search] { 1496 border: 3px solid #39414d; 1497 border-radius: 0; 1498 color: #28303d; 1499 line-height: 1.7; 1500 padding: 10px; 1501 margin: 0 2px; 1502 max-width: 100%; 1503 } 1504 1505 input[type=number] { 1506 border: 3px solid #39414d; 1507 border-radius: 0; 1508 color: #28303d; 1509 line-height: 1.7; 1510 padding: 10px; 1511 margin: 0 2px; 1512 max-width: 100%; 1513 } 1514 1515 input[type=tel] { 1516 border: 3px solid #39414d; 1517 border-radius: 0; 1518 color: #28303d; 1519 line-height: 1.7; 1520 padding: 10px; 1521 margin: 0 2px; 1522 max-width: 100%; 1523 } 1524 1525 input[type=date] { 1526 border: 3px solid #39414d; 1527 border-radius: 0; 1528 color: #28303d; 1529 line-height: 1.7; 1530 padding: 10px; 1531 margin: 0 2px; 1532 max-width: 100%; 1533 } 1534 1535 input[type=month] { 1536 border: 3px solid #39414d; 1537 border-radius: 0; 1538 color: #28303d; 1539 line-height: 1.7; 1540 padding: 10px; 1541 margin: 0 2px; 1542 max-width: 100%; 1543 } 1544 1545 input[type=week] { 1546 border: 3px solid #39414d; 1547 border-radius: 0; 1548 color: #28303d; 1549 line-height: 1.7; 1550 padding: 10px; 1551 margin: 0 2px; 1552 max-width: 100%; 1553 } 1554 1555 input[type=time] { 1556 border: 3px solid #39414d; 1557 border-radius: 0; 1558 color: #28303d; 1559 line-height: 1.7; 1560 padding: 10px; 1561 margin: 0 2px; 1562 max-width: 100%; 1563 } 1564 1565 input[type=datetime] { 1566 border: 3px solid #39414d; 1567 border-radius: 0; 1568 color: #28303d; 1569 line-height: 1.7; 1570 padding: 10px; 1571 margin: 0 2px; 1572 max-width: 100%; 1573 } 1574 1575 input[type=datetime-local] { 1576 border: 3px solid #39414d; 1577 border-radius: 0; 1578 color: #28303d; 1579 line-height: 1.7; 1580 padding: 10px; 1581 margin: 0 2px; 1582 max-width: 100%; 1583 } 1584 1585 input[type=color] { 1586 border: 3px solid #39414d; 1587 border-radius: 0; 1588 color: #28303d; 1589 line-height: 1.7; 1590 padding: 10px; 1591 margin: 0 2px; 1592 max-width: 100%; 1593 } 1594 1595 .site textarea { 1596 border: 3px solid #39414d; 1597 border-radius: 0; 1598 color: #28303d; 1599 line-height: 1.7; 1600 padding: 10px; 1601 margin: 0 2px; 1602 max-width: 100%; 1603 } 1604 1605 input[type=text]:focus { 1606 color: #28303d; 1607 outline-offset: 2px; 1608 outline: 2px dotted #39414d; 1609 } 1610 1611 input[type=email]:focus { 1612 color: #28303d; 1613 outline-offset: 2px; 1614 outline: 2px dotted #39414d; 1615 } 1616 1617 input[type=url]:focus { 1618 color: #28303d; 1619 outline-offset: 2px; 1620 outline: 2px dotted #39414d; 1621 } 1622 1623 input[type=password]:focus { 1624 color: #28303d; 1625 outline-offset: 2px; 1626 outline: 2px dotted #39414d; 1627 } 1628 1629 input[type=search]:focus { 1630 color: #28303d; 1631 outline-offset: 2px; 1632 outline: 2px dotted #39414d; 1633 } 1634 1635 input[type=number]:focus { 1636 color: #28303d; 1637 outline-offset: 2px; 1638 outline: 2px dotted #39414d; 1639 } 1640 1641 input[type=tel]:focus { 1642 color: #28303d; 1643 outline-offset: 2px; 1644 outline: 2px dotted #39414d; 1645 } 1646 1647 input[type=date]:focus { 1648 color: #28303d; 1649 outline-offset: 2px; 1650 outline: 2px dotted #39414d; 1651 } 1652 1653 input[type=month]:focus { 1654 color: #28303d; 1655 outline-offset: 2px; 1656 outline: 2px dotted #39414d; 1657 } 1658 1659 input[type=week]:focus { 1660 color: #28303d; 1661 outline-offset: 2px; 1662 outline: 2px dotted #39414d; 1663 } 1664 1665 input[type=time]:focus { 1666 color: #28303d; 1667 outline-offset: 2px; 1668 outline: 2px dotted #39414d; 1669 } 1670 1671 input[type=datetime]:focus { 1672 color: #28303d; 1673 outline-offset: 2px; 1674 outline: 2px dotted #39414d; 1675 } 1676 1677 input[type=datetime-local]:focus { 1678 color: #28303d; 1679 outline-offset: 2px; 1680 outline: 2px dotted #39414d; 1681 } 1682 1683 input[type=color]:focus { 1684 color: #28303d; 1685 outline-offset: 2px; 1686 outline: 2px dotted #39414d; 1687 } 1688 1689 .site textarea:focus { 1690 color: #28303d; 1691 outline-offset: 2px; 1692 outline: 2px dotted #39414d; 1693 } 1694 1695 input[type=text]:disabled, 1696 input[type=email]:disabled, 1697 input[type=url]:disabled, 1698 input[type=password]:disabled, 1699 input[type=search]:disabled, 1700 input[type=number]:disabled, 1701 input[type=tel]:disabled, 1702 input[type=date]:disabled, 1703 input[type=month]:disabled, 1704 input[type=week]:disabled, 1705 input[type=time]:disabled, 1706 input[type=datetime]:disabled, 1707 input[type=datetime-local]:disabled, 1708 input[type=color]:disabled, 1709 .site textarea:disabled { 1710 opacity: 0.7; 1711 } 1712 1713 .is-dark-theme input[type=text] { 1714 background: rgba(255, 255, 255, 0.9); 1715 } 1716 1717 .is-dark-theme input[type=email] { 1718 background: rgba(255, 255, 255, 0.9); 1719 } 1720 1721 .is-dark-theme input[type=url] { 1722 background: rgba(255, 255, 255, 0.9); 1723 } 1724 1725 .is-dark-theme input[type=password] { 1726 background: rgba(255, 255, 255, 0.9); 1727 } 1728 1729 .is-dark-theme input[type=search] { 1730 background: rgba(255, 255, 255, 0.9); 1731 } 1732 1733 .is-dark-theme input[type=number] { 1734 background: rgba(255, 255, 255, 0.9); 1735 } 1736 1737 .is-dark-theme input[type=tel] { 1738 background: rgba(255, 255, 255, 0.9); 1739 } 1740 1741 .is-dark-theme input[type=date] { 1742 background: rgba(255, 255, 255, 0.9); 1743 } 1744 1745 .is-dark-theme input[type=month] { 1746 background: rgba(255, 255, 255, 0.9); 1747 } 1748 1749 .is-dark-theme input[type=week] { 1750 background: rgba(255, 255, 255, 0.9); 1751 } 1752 1753 .is-dark-theme input[type=time] { 1754 background: rgba(255, 255, 255, 0.9); 1755 } 1756 1757 .is-dark-theme input[type=datetime] { 1758 background: rgba(255, 255, 255, 0.9); 1759 } 1760 1761 .is-dark-theme input[type=datetime-local] { 1762 background: rgba(255, 255, 255, 0.9); 1763 } 1764 1765 .is-dark-theme input[type=color] { 1766 background: rgba(255, 255, 255, 0.9); 1767 } 1768 1769 .is-dark-theme .site textarea { 1770 background: rgba(255, 255, 255, 0.9); 1771 } 1772 1773 input[type=search]:focus { 1774 outline-offset: -7px; 1775 } 1776 1777 .is-dark-theme input[type=search]:focus { 1778 outline-color: #d1e4dd; 1779 } 1780 1781 input[type=color] { 1782 padding: 5px; 1783 height: 40px; 1784 } 1785 1786 input[type=email], 1787 input[type=url] { 1788 1789 /*rtl:ignore*/ 1790 direction: ltr; 1791 } 1792 1793 select { 1794 border: 3px solid #39414d; 1795 color: #28303d; 1796 -moz-appearance: none; 1797 -webkit-appearance: none; 1798 appearance: none; 1799 line-height: 1.7; 1800 padding: 10px 30px 10px 10px; 1801 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; 1802 background-position: right 10px top 60%; 1803 } 1804 1805 select:focus { 1806 outline-offset: 2px; 1807 outline: 2px dotted #39414d; 1808 } 1809 1810 .is-dark-theme select { 1811 background: rgba(255, 255, 255, 0.9) 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; 1812 background-position: right 10px top 60%; 1813 } 1814 1815 textarea { 1816 width: 100%; 1817 } 1818 1819 label { 1820 font-size: 1.125rem; 1821 font-weight: 500; 1822 margin-bottom: 10px; 1823 } 1824 1825 /** 1826 https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ 1827 https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. 1828 License: MIT. 1829 */ 1830 @supports (-webkit-appearance: none) or (-moz-appearance: none) { 1831 1832 input[type=checkbox] { 1833 -webkit-appearance: none; 1834 -moz-appearance: none; 1835 position: relative; 1836 width: 25px; 1837 height: 25px; 1838 border: 3px solid #39414d; 1839 background: #fff; 1840 } 1841 1842 input[type=radio] { 1843 -webkit-appearance: none; 1844 -moz-appearance: none; 1845 position: relative; 1846 width: 25px; 1847 height: 25px; 1848 border: 3px solid #39414d; 1849 background: #fff; 1850 } 1851 1852 input[type=checkbox]:disabled, 1853 input[type=radio]:disabled { 1854 opacity: 0.7; 1855 } 1856 1857 .is-dark-theme input[type=checkbox] { 1858 background: rgba(255, 255, 255, 0.9); 1859 } 1860 1861 .is-dark-theme input[type=radio] { 1862 background: rgba(255, 255, 255, 0.9); 1863 } 1864 1865 input[type=checkbox]:focus { 1866 outline-offset: 2px; 1867 outline: 2px dotted #39414d; 1868 } 1869 1870 input[type=checkbox]:after { 1871 content: ""; 1872 opacity: 0; 1873 display: block; 1874 left: 5px; 1875 top: 2px; 1876 position: absolute; 1877 width: 7px; 1878 height: 13px; 1879 border: 3px solid #28303d; 1880 border-top: 0; 1881 border-left: 0; 1882 transform: rotate(30deg); 1883 } 1884 1885 input[type=checkbox]:checked { 1886 color: #28303d; 1887 } 1888 1889 input[type=checkbox]:checked:after { 1890 opacity: 1; 1891 } 1892 1893 input[type=radio] { 1894 border-radius: 50%; 1895 } 1896 1897 input[type=radio]:focus { 1898 outline-offset: 2px; 1899 outline: 2px dotted #39414d; 1900 } 1901 1902 input[type=radio]:after { 1903 content: ""; 1904 opacity: 0; 1905 display: block; 1906 left: 3px; 1907 top: 3px; 1908 position: absolute; 1909 width: 11px; 1910 height: 11px; 1911 border-radius: 50%; 1912 background: #28303d; 1913 } 1914 1915 input[type=radio]:checked { 1916 border: 4px solid #39414d; 1917 } 1918 1919 input[type=radio]:checked:after { 1920 opacity: 1; 1921 } 1922 1923 input[type=radio]:checked:focus { 1924 outline-offset: 4px; 1925 outline: 2px dotted #39414d; 1926 } 1927 } 1928 1929 input[type=checkbox] + label { 1930 display: inline-block; 1931 padding-left: 10px; 1932 font-size: 1rem; 1933 vertical-align: top; 1934 } 1935 1936 input[type=radio] + label { 1937 display: inline-block; 1938 padding-left: 10px; 1939 font-size: 1rem; 1940 vertical-align: top; 1941 } 1942 1943 /** 1944 * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ 1945 */ 1946 @supports (-webkit-appearance: none) or (-moz-appearance: none) { 1947 1948 input[type=range] { 1949 -webkit-appearance: none; 1950 1951 /* Hides the slider so that custom slider can be made */ 1952 width: 100%; 1953 1954 /* Specific width is required for Firefox. */ 1955 height: 6px; 1956 background: #39414d; 1957 border-radius: 6px; 1958 outline-offset: 10px; 1959 } 1960 1961 input[type=range]:disabled { 1962 opacity: 0.7; 1963 } 1964 1965 input[type=range]::-webkit-slider-thumb { 1966 -webkit-appearance: none; 1967 border: 3px solid #39414d; 1968 height: 44px; 1969 width: 44px; 1970 border-radius: 50%; 1971 background: #d1e4dd; 1972 cursor: pointer; 1973 } 1974 1975 input[type=range]::-moz-range-thumb { 1976 border: 3px solid #39414d; 1977 height: 44px; 1978 width: 44px; 1979 border-radius: 50%; 1980 background: #d1e4dd; 1981 cursor: pointer; 1982 box-sizing: border-box; 1983 } 1984 } 1985 1986 input[type=range]::-ms-track { 1987 width: 100%; 1988 height: 6px; 1989 border-radius: 6px; 1990 border-width: 19px 0; 1991 border-color: #d1e4dd; 1992 background: transparent; 1993 color: transparent; 1994 cursor: pointer; 1995 } 1996 1997 input[type=range]::-ms-fill-upper { 1998 background: #39414d; 1999 border-radius: 6px; 2000 } 2001 2002 input[type=range]::-ms-fill-lower { 2003 background: #39414d; 2004 border-radius: 6px; 2005 } 2006 2007 input[type=range]::-ms-thumb { 2008 border: 3px solid #39414d; 2009 height: 44px; 2010 width: 44px; 2011 border-radius: 50%; 2012 background: #d1e4dd; 2013 cursor: pointer; 2014 } 2015 2016 fieldset { 2017 display: grid; 2018 border-color: #39414d; 2019 padding: 25px; 2020 } 2021 2022 fieldset legend { 2023 font-size: 1.5rem; 2024 } 2025 2026 fieldset input[type=submit] { 2027 max-width: max-content; 2028 } 2029 2030 fieldset input:not([type=submit]) { 2031 margin-bottom: 20px; 2032 } 2033 2034 fieldset input[type=radio], 2035 fieldset input[type=checkbox] { 2036 margin-bottom: 0; 2037 } 2038 2039 fieldset input[type=radio] + label { 2040 font-size: 1.125rem; 2041 padding-left: 0; 2042 margin-bottom: 20px; 2043 } 2044 2045 fieldset input[type=checkbox] + label { 2046 font-size: 1.125rem; 2047 padding-left: 0; 2048 margin-bottom: 20px; 2049 } 2050 2051 ::-moz-placeholder { 2052 opacity: 1; 2053 } 2054 2055 .post-password-message { 2056 font-size: 1.5rem; 2057 } 2058 2059 .post-password-form { 2060 display: flex; 2061 flex-wrap: wrap; 2062 } 2063 2064 .post-password-form__label { 2065 width: 100%; 2066 margin-bottom: 0; 2067 } 2068 2069 .post-password-form input[type=password] { 2070 flex-grow: 1; 2071 margin-top: 10px; 2072 margin-right: 17px; 2073 } 2074 2075 .post-password-form__submit { 2076 margin-top: 10px; 2077 } 2078 @media only screen and (min-width: 592px) { 2079 2080 .post-password-form__submit { 2081 margin-left: 10px; 2082 } 2083 } 2084 2085 img { 2086 height: auto; 2087 max-width: 100%; 2088 vertical-align: middle; 2089 } 2090 2091 /* Classic editor images */ 2092 .entry-content img { 2093 max-width: 100%; 2094 } 2095 2096 /* Make sure embeds and iframes fit their containers. */ 2097 embed, 2098 iframe, 2099 object, 2100 video { 2101 max-width: 100%; 2102 } 2103 2104 /* Media captions */ 2105 figcaption { 2106 color: currentColor; 2107 font-size: 1rem; 2108 line-height: 1.7; 2109 margin-top: 10px; 2110 margin-bottom: 20px; 2111 text-align: center; 2112 } 2113 2114 .wp-caption { 2115 color: currentColor; 2116 font-size: 1rem; 2117 line-height: 1.7; 2118 margin-top: 10px; 2119 margin-bottom: 20px; 2120 text-align: center; 2121 } 2122 2123 .wp-caption-text { 2124 color: currentColor; 2125 font-size: 1rem; 2126 line-height: 1.7; 2127 margin-top: 10px; 2128 margin-bottom: 20px; 2129 text-align: center; 2130 } 2131 2132 .wp-block-embed figcaption { 2133 color: currentColor; 2134 font-size: 1rem; 2135 line-height: 1.7; 2136 margin-top: 10px; 2137 margin-bottom: 20px; 2138 text-align: center; 2139 } 2140 2141 .alignleft figcaption, 2142 .alignright figcaption, 2143 .alignleft .wp-caption, 2144 .alignright .wp-caption, 2145 .alignleft .wp-caption-text, 2146 .alignright .wp-caption-text, 2147 .alignleft .wp-block-embed figcaption, 2148 .alignright .wp-block-embed figcaption { 2149 margin-bottom: 0; 2150 } 2151 2152 /* WP Smiley */ 2153 .page-content .wp-smiley, 2154 .entry-content .wp-smiley, 2155 .comment-content .wp-smiley { 2156 border: none; 2157 margin-bottom: 0; 2158 margin-top: 0; 2159 padding: 0; 2160 } 2161 2162 /* Over here, place any elements that do not need to have their own file. */ 2163 b, 2164 strong { 2165 font-weight: 700; 2166 } 2167 2168 dfn, 2169 cite, 2170 em, 2171 i { 2172 font-style: italic; 2173 } 2174 2175 pre { 2176 white-space: pre; 2177 overflow-x: auto; 2178 } 2179 2180 /* 2181 * text-underline-offset doesn't work in Chrome at all 👎 2182 * But looks nice in Safari/Firefox, so let's keep it and 2183 * maybe Chrome will support it soon. 2184 */ 2185 a { 2186 cursor: pointer; 2187 color: #28303d; 2188 text-underline-offset: 3px; 2189 text-decoration-skip-ink: all; 2190 } 2191 2192 a:hover { 2193 text-decoration-style: dotted; 2194 text-decoration-skip-ink: none; 2195 } 2196 2197 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 2198 2199 /* Only visible in Windows High Contrast mode */ 2200 outline: 2px solid transparent; 2201 text-decoration: underline 1px dotted currentColor; 2202 text-decoration-skip-ink: none; 2203 background: rgba(255, 255, 255, 0.9); 2204 } 2205 2206 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 2207 background: #000; 2208 color: #fff; 2209 text-decoration: none; 2210 } 2211 2212 .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 2213 color: #fff; 2214 } 2215 2216 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { 2217 background: rgba(0, 0, 0, 0.9); 2218 color: #fff; 2219 } 2220 2221 .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { 2222 color: #fff; 2223 } 2224 2225 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { 2226 2227 /* Only visible in Windows High Contrast mode */ 2228 outline: 2px solid transparent; 2229 outline-offset: -2px; 2230 } 2231 2232 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { 2233 color: #21759b; 2234 background-color: #f1f1f1; 2235 } 2236 2237 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { 2238 background: none; 2239 } 2240 2241 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { 2242 outline: 2px dotted #28303d; 2243 } 2244 2245 .has-background .has-link-color a { 2246 color: #28303d; 2247 } 2248 2249 .has-background.has-link-color a { 2250 color: #28303d; 2251 } 2252 2253 /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ 2254 .wp-block-audio audio:focus { 2255 outline-offset: 5px; 2256 outline: 2px solid #28303d; 2257 } 2258 2259 /** 2260 * Button 2261 */ 2262 .site .button { 2263 border: 3px solid transparent; 2264 border-radius: 0; 2265 cursor: pointer; 2266 font-weight: 500; 2267 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2268 font-size: 1.25rem; 2269 line-height: 1.5; 2270 padding: 15px 30px; 2271 text-decoration: none; 2272 } 2273 2274 button { 2275 border: 3px solid transparent; 2276 border-radius: 0; 2277 cursor: pointer; 2278 font-weight: 500; 2279 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2280 font-size: 1.25rem; 2281 line-height: 1.5; 2282 padding: 15px 30px; 2283 text-decoration: none; 2284 } 2285 2286 input[type=submit] { 2287 border: 3px solid transparent; 2288 border-radius: 0; 2289 cursor: pointer; 2290 font-weight: 500; 2291 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2292 font-size: 1.25rem; 2293 line-height: 1.5; 2294 padding: 15px 30px; 2295 text-decoration: none; 2296 } 2297 2298 input[type=reset] { 2299 border: 3px solid transparent; 2300 border-radius: 0; 2301 cursor: pointer; 2302 font-weight: 500; 2303 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2304 font-size: 1.25rem; 2305 line-height: 1.5; 2306 padding: 15px 30px; 2307 text-decoration: none; 2308 } 2309 2310 .wp-block-search .wp-block-search__button { 2311 border: 3px solid transparent; 2312 border-radius: 0; 2313 cursor: pointer; 2314 font-weight: 500; 2315 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2316 font-size: 1.25rem; 2317 line-height: 1.5; 2318 padding: 15px 30px; 2319 text-decoration: none; 2320 } 2321 2322 .wp-block-button .wp-block-button__link { 2323 border: 3px solid transparent; 2324 border-radius: 0; 2325 cursor: pointer; 2326 font-weight: 500; 2327 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2328 font-size: 1.25rem; 2329 line-height: 1.5; 2330 padding: 15px 30px; 2331 text-decoration: none; 2332 } 2333 2334 .wp-block-file a.wp-block-file__button { 2335 border: 3px solid transparent; 2336 border-radius: 0; 2337 cursor: pointer; 2338 font-weight: 500; 2339 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2340 font-size: 1.25rem; 2341 line-height: 1.5; 2342 padding: 15px 30px; 2343 text-decoration: none; 2344 } 2345 2346 .site .button:not(:hover):not(:active):not(.has-text-color) { 2347 color: #d1e4dd; 2348 } 2349 2350 button:not(:hover):not(:active):not(.has-text-color) { 2351 color: #d1e4dd; 2352 } 2353 2354 input[type=submit]:not(:hover):not(:active):not(.has-text-color) { 2355 color: #d1e4dd; 2356 } 2357 2358 input[type=reset]:not(:hover):not(:active):not(.has-text-color) { 2359 color: #d1e4dd; 2360 } 2361 2362 .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 2363 color: #d1e4dd; 2364 } 2365 2366 .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 2367 color: #d1e4dd; 2368 } 2369 2370 .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { 2371 color: #d1e4dd; 2372 } 2373 2374 .has-background .site .button:not(:hover):not(:active):not(.has-text-color) { 2375 color: #28303d; 2376 } 2377 2378 .has-background button:not(:hover):not(:active):not(.has-text-color) { 2379 color: #28303d; 2380 } 2381 2382 .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color) { 2383 color: #28303d; 2384 } 2385 2386 .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color) { 2387 color: #28303d; 2388 } 2389 2390 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 2391 color: #28303d; 2392 } 2393 2394 .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 2395 color: #28303d; 2396 } 2397 2398 .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { 2399 color: #28303d; 2400 } 2401 2402 .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background { 2403 color: #28303d; 2404 } 2405 2406 .has-background button:not(:hover):not(:active):not(.has-text-color).has-background { 2407 color: #28303d; 2408 } 2409 2410 .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background { 2411 color: #28303d; 2412 } 2413 2414 .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background { 2415 color: #28303d; 2416 } 2417 2418 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { 2419 color: #28303d; 2420 } 2421 2422 .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 2423 color: #28303d; 2424 } 2425 2426 .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { 2427 color: #28303d; 2428 } 2429 2430 .site .button:not(:hover):not(:active):not(.has-background) { 2431 background-color: #28303d; 2432 } 2433 2434 button:not(:hover):not(:active):not(.has-background) { 2435 background-color: #28303d; 2436 } 2437 2438 input[type=submit]:not(:hover):not(:active):not(.has-background) { 2439 background-color: #28303d; 2440 } 2441 2442 input[type=reset]:not(:hover):not(:active):not(.has-background) { 2443 background-color: #28303d; 2444 } 2445 2446 .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { 2447 background-color: #28303d; 2448 } 2449 2450 .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 2451 background-color: #28303d; 2452 } 2453 2454 .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { 2455 background-color: #28303d; 2456 } 2457 2458 .has-background .site .button:not(:hover):not(:active):not(.has-background) { 2459 background-color: #28303d; 2460 } 2461 2462 .has-background button:not(:hover):not(:active):not(.has-background) { 2463 background-color: #28303d; 2464 } 2465 2466 .has-background input[type=submit]:not(:hover):not(:active):not(.has-background) { 2467 background-color: #28303d; 2468 } 2469 2470 .has-background input[type=reset]:not(:hover):not(:active):not(.has-background) { 2471 background-color: #28303d; 2472 } 2473 2474 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) { 2475 background-color: #28303d; 2476 } 2477 2478 .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 2479 background-color: #28303d; 2480 } 2481 2482 .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { 2483 background-color: #28303d; 2484 } 2485 2486 .site .button:hover, 2487 .site .button:active, 2488 button:hover, 2489 button:active, 2490 input[type=submit]:hover, 2491 input[type=submit]:active, 2492 input[type=reset]:hover, 2493 input[type=reset]:active, 2494 .wp-block-search .wp-block-search__button:hover, 2495 .wp-block-search .wp-block-search__button:active, 2496 .wp-block-button .wp-block-button__link:hover, 2497 .wp-block-button .wp-block-button__link:active, 2498 .wp-block-file a.wp-block-file__button:hover, 2499 .wp-block-file a.wp-block-file__button:active { 2500 background-color: transparent; 2501 border-color: currentColor; 2502 color: inherit; 2503 } 2504 2505 .site .button:focus, 2506 button:focus, 2507 input[type=submit]:focus, 2508 input[type=reset]:focus, 2509 .wp-block-search .wp-block-search__button:focus, 2510 .wp-block-button .wp-block-button__link:focus, 2511 .wp-block-file a.wp-block-file__button:focus { 2512 outline-offset: -6px; 2513 outline: 2px dotted currentColor; 2514 } 2515 2516 .site .button:disabled { 2517 background-color: rgba(255, 255, 255, 0.5); 2518 border-color: rgba(255, 255, 255, 0.5); 2519 color: #39414d; 2520 } 2521 2522 button:disabled { 2523 background-color: rgba(255, 255, 255, 0.5); 2524 border-color: rgba(255, 255, 255, 0.5); 2525 color: #39414d; 2526 } 2527 2528 input[type=submit]:disabled { 2529 background-color: rgba(255, 255, 255, 0.5); 2530 border-color: rgba(255, 255, 255, 0.5); 2531 color: #39414d; 2532 } 2533 2534 input[type=reset]:disabled { 2535 background-color: rgba(255, 255, 255, 0.5); 2536 border-color: rgba(255, 255, 255, 0.5); 2537 color: #39414d; 2538 } 2539 2540 .wp-block-search .wp-block-search__button:disabled { 2541 background-color: rgba(255, 255, 255, 0.5); 2542 border-color: rgba(255, 255, 255, 0.5); 2543 color: #39414d; 2544 } 2545 2546 .wp-block-button .wp-block-button__link:disabled { 2547 background-color: rgba(255, 255, 255, 0.5); 2548 border-color: rgba(255, 255, 255, 0.5); 2549 color: #39414d; 2550 } 2551 2552 .wp-block-file a.wp-block-file__button:disabled { 2553 background-color: rgba(255, 255, 255, 0.5); 2554 border-color: rgba(255, 255, 255, 0.5); 2555 color: #39414d; 2556 } 2557 2558 /** 2559 * Block Options 2560 */ 2561 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 2562 color: #d1e4dd; 2563 } 2564 2565 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 2566 color: #d1e4dd; 2567 } 2568 2569 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { 2570 color: #28303d; 2571 } 2572 2573 .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 2574 background-color: #28303d; 2575 } 2576 2577 .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 2578 background-color: #28303d; 2579 } 2580 2581 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, 2582 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { 2583 border-color: currentColor !important; 2584 background-color: transparent !important; 2585 color: inherit !important; 2586 } 2587 2588 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), 2589 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), 2590 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { 2591 border-color: currentColor; 2592 } 2593 2594 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 2595 color: #28303d; 2596 } 2597 2598 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { 2599 color: #28303d; 2600 } 2601 2602 .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { 2603 color: inherit; 2604 } 2605 2606 .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { 2607 background-color: transparent; 2608 } 2609 2610 .wp-block-button.is-style-outline .wp-block-button__link:hover { 2611 border-color: transparent !important; 2612 background-color: #28303d !important; 2613 color: #d1e4dd !important; 2614 } 2615 2616 .wp-block-button.is-style-outline .wp-block-button__link:active { 2617 border-color: transparent !important; 2618 background-color: #28303d !important; 2619 color: #d1e4dd !important; 2620 } 2621 2622 .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover { 2623 background-color: #28303d !important; 2624 color: #d1e4dd !important; 2625 } 2626 2627 .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { 2628 background-color: #28303d !important; 2629 color: #d1e4dd !important; 2630 } 2631 2632 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { 2633 color: #d1e4dd !important; 2634 } 2635 2636 .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { 2637 color: #d1e4dd !important; 2638 } 2639 2640 .wp-block-button .is-style-squared .wp-block-button__link { 2641 border-radius: 0; 2642 } 2643 2644 .is-style-outline .wp-block-button__link[style*=radius]:focus { 2645 outline-offset: 2px; 2646 outline: 2px dotted #39414d; 2647 } 2648 2649 .wp-block-button a.wp-block-button__link[style*=radius]:focus { 2650 outline-offset: 2px; 2651 outline: 2px dotted #39414d; 2652 } 2653 2654 .wp-block-code { 2655 border-color: #28303d; 2656 border-radius: 0; 2657 border-style: solid; 2658 border-width: 0.1rem; 2659 padding: 20px; 2660 } 2661 2662 .wp-block-code code { 2663 color: #28303d; 2664 white-space: pre; 2665 overflow-x: auto; 2666 display: block; 2667 } 2668 2669 .wp-block-columns:not(.alignwide):not(.alignfull) { 2670 clear: both; 2671 } 2672 2673 .wp-block-columns .wp-block-column > * { 2674 margin-top: 20px; 2675 margin-bottom: 20px; 2676 } 2677 @media only screen and (min-width: 482px) { 2678 2679 .wp-block-columns .wp-block-column > * { 2680 margin-top: 30px; 2681 margin-bottom: 30px; 2682 } 2683 } 2684 2685 .wp-block-columns .wp-block-column > *:first-child { 2686 margin-top: 0; 2687 } 2688 2689 .wp-block-columns .wp-block-column > *:last-child { 2690 margin-bottom: 0; 2691 } 2692 2693 .wp-block-columns .wp-block-column:last-child { 2694 margin-bottom: 0; 2695 } 2696 2697 .wp-block-columns .wp-block-column:not(:last-child) { 2698 margin-bottom: 20px; 2699 } 2700 @media only screen and (min-width: 482px) { 2701 2702 .wp-block-columns .wp-block-column:not(:last-child) { 2703 margin-bottom: 30px; 2704 } 2705 } 2706 @media only screen and (min-width: 822px) { 2707 2708 .wp-block-columns .wp-block-column:not(:last-child) { 2709 margin-bottom: 0; 2710 } 2711 } 2712 2713 .wp-block-columns.is-style-twentytwentyone-columns-overlap { 2714 justify-content: space-around; 2715 } 2716 @media only screen and (min-width: 652px) { 2717 2718 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { 2719 margin-left: -50px; 2720 margin-top: 63px; 2721 z-index: 2; 2722 } 2723 2724 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) { 2725 background-color: #d1e4dd; 2726 padding: 20px; 2727 } 2728 2729 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) { 2730 background-color: #d1e4dd; 2731 padding: 20px; 2732 } 2733 2734 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) { 2735 background-color: #d1e4dd; 2736 padding: 20px; 2737 } 2738 2739 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) { 2740 background-color: #d1e4dd; 2741 padding: 20px; 2742 } 2743 2744 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) { 2745 background-color: #d1e4dd; 2746 padding: 20px; 2747 } 2748 2749 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) { 2750 background-color: #d1e4dd; 2751 padding: 20px; 2752 } 2753 2754 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) { 2755 background-color: #d1e4dd; 2756 padding: 20px; 2757 } 2758 2759 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { 2760 background-color: #d1e4dd; 2761 padding: 20px; 2762 } 2763 2764 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 2765 background-color: #d1e4dd; 2766 padding: 20px; 2767 } 2768 2769 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { 2770 background-color: #d1e4dd; 2771 padding: 20px; 2772 } 2773 2774 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { 2775 padding-left: 50px; 2776 } 2777 2778 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 2779 padding-left: 50px; 2780 } 2781 2782 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { 2783 margin-top: 0; 2784 } 2785 } 2786 2787 .wp-block-columns.alignfull .wp-block-column p:not(.has-background) { 2788 padding-left: 20px; 2789 padding-right: 20px; 2790 } 2791 2792 .wp-block-columns.alignfull .wp-block-column h1:not(.has-background) { 2793 padding-left: 20px; 2794 padding-right: 20px; 2795 } 2796 2797 .wp-block-columns.alignfull .wp-block-column h2:not(.has-background) { 2798 padding-left: 20px; 2799 padding-right: 20px; 2800 } 2801 2802 .wp-block-columns.alignfull .wp-block-column h3:not(.has-background) { 2803 padding-left: 20px; 2804 padding-right: 20px; 2805 } 2806 2807 .wp-block-columns.alignfull .wp-block-column h4:not(.has-background) { 2808 padding-left: 20px; 2809 padding-right: 20px; 2810 } 2811 2812 .wp-block-columns.alignfull .wp-block-column h5:not(.has-background) { 2813 padding-left: 20px; 2814 padding-right: 20px; 2815 } 2816 2817 .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { 2818 padding-left: 20px; 2819 padding-right: 20px; 2820 } 2821 2822 .wp-block-cover { 2823 background-color: #000; 2824 min-height: 450px; 2825 margin-top: inherit; 2826 margin-bottom: inherit; 2827 2828 /* default & custom background-color */ 2829 2830 /* Treating H2 separately to account for legacy /core styles */ 2831 2832 /* Block Styles */ 2833 2834 /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ 2835 } 2836 2837 .wp-block-cover-image { 2838 background-color: #000; 2839 min-height: 450px; 2840 margin-top: inherit; 2841 margin-bottom: inherit; 2842 2843 /* default & custom background-color */ 2844 2845 /* Treating H2 separately to account for legacy /core styles */ 2846 2847 /* Block Styles */ 2848 2849 /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ 2850 } 2851 2852 .wp-block-cover:not(.alignwide):not(.alignfull), 2853 .wp-block-cover-image:not(.alignwide):not(.alignfull) { 2854 clear: both; 2855 } 2856 2857 .wp-block-cover.alignfull, 2858 .wp-block-cover-image.alignfull { 2859 margin-top: 0; 2860 margin-bottom: 0; 2861 } 2862 2863 .wp-block-cover .wp-block-cover__inner-container { 2864 color: currentColor; 2865 margin-top: 30px; 2866 margin-bottom: 30px; 2867 } 2868 2869 .wp-block-cover .wp-block-cover-image-text { 2870 color: currentColor; 2871 margin-top: 30px; 2872 margin-bottom: 30px; 2873 } 2874 2875 .wp-block-cover .wp-block-cover-text { 2876 color: currentColor; 2877 margin-top: 30px; 2878 margin-bottom: 30px; 2879 } 2880 2881 .wp-block-cover-image .wp-block-cover__inner-container { 2882 color: currentColor; 2883 margin-top: 30px; 2884 margin-bottom: 30px; 2885 } 2886 2887 .wp-block-cover-image .wp-block-cover-image-text { 2888 color: currentColor; 2889 margin-top: 30px; 2890 margin-bottom: 30px; 2891 } 2892 2893 .wp-block-cover-image .wp-block-cover-text { 2894 color: currentColor; 2895 margin-top: 30px; 2896 margin-bottom: 30px; 2897 } 2898 2899 .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), 2900 .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), 2901 .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), 2902 .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), 2903 .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), 2904 .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { 2905 color: currentColor; 2906 } 2907 2908 .wp-block-cover .wp-block-cover__inner-container .has-link-color a { 2909 color: #28303d; 2910 } 2911 2912 .wp-block-cover .wp-block-cover-image-text .has-link-color a { 2913 color: #28303d; 2914 } 2915 2916 .wp-block-cover .wp-block-cover-text .has-link-color a { 2917 color: #28303d; 2918 } 2919 2920 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a { 2921 color: #28303d; 2922 } 2923 2924 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a { 2925 color: #28303d; 2926 } 2927 2928 .wp-block-cover-image .wp-block-cover-text .has-link-color a { 2929 color: #28303d; 2930 } 2931 2932 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container { 2933 color: #fff; 2934 } 2935 2936 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text { 2937 color: #fff; 2938 } 2939 2940 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text { 2941 color: #fff; 2942 } 2943 2944 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container { 2945 color: #fff; 2946 } 2947 2948 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text { 2949 color: #fff; 2950 } 2951 2952 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { 2953 color: #fff; 2954 } 2955 2956 .wp-block-cover h2 { 2957 font-size: 2.25rem; 2958 letter-spacing: normal; 2959 line-height: 1.3; 2960 max-width: inherit; 2961 text-align: inherit; 2962 padding: 0; 2963 } 2964 @media only screen and (min-width: 652px) { 2965 2966 .wp-block-cover h2 { 2967 font-size: 3rem; 2968 } 2969 } 2970 2971 .wp-block-cover-image h2 { 2972 font-size: 2.25rem; 2973 letter-spacing: normal; 2974 line-height: 1.3; 2975 max-width: inherit; 2976 text-align: inherit; 2977 padding: 0; 2978 } 2979 @media only screen and (min-width: 652px) { 2980 2981 .wp-block-cover-image h2 { 2982 font-size: 3rem; 2983 } 2984 } 2985 2986 .wp-block-cover h2.has-text-align-left, 2987 .wp-block-cover-image h2.has-text-align-left { 2988 text-align: left; 2989 } 2990 2991 .wp-block-cover h2.has-text-align-center, 2992 .wp-block-cover-image h2.has-text-align-center { 2993 text-align: center; 2994 } 2995 2996 .wp-block-cover h2.has-text-align-right, 2997 .wp-block-cover-image h2.has-text-align-right { 2998 text-align: right; 2999 } 3000 3001 .wp-block-cover .wp-block-cover__inner-container { 3002 width: calc(100% - 60px); 3003 } 3004 3005 .wp-block-cover-image .wp-block-cover__inner-container { 3006 width: calc(100% - 60px); 3007 } 3008 3009 .wp-block-cover .wp-block-cover__inner-container > * { 3010 margin-top: 20px; 3011 margin-bottom: 20px; 3012 } 3013 3014 .wp-block-cover-image .wp-block-cover__inner-container > * { 3015 margin-top: 20px; 3016 margin-bottom: 20px; 3017 } 3018 @media only screen and (min-width: 482px) { 3019 3020 .wp-block-cover .wp-block-cover__inner-container > * { 3021 margin-top: 30px; 3022 margin-bottom: 30px; 3023 } 3024 3025 .wp-block-cover-image .wp-block-cover__inner-container > * { 3026 margin-top: 30px; 3027 margin-bottom: 30px; 3028 } 3029 } 3030 3031 .wp-block-cover .wp-block-cover__inner-container > *:first-child, 3032 .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { 3033 margin-top: 0; 3034 } 3035 3036 .wp-block-cover .wp-block-cover__inner-container > *:last-child, 3037 .wp-block-cover-image .wp-block-cover__inner-container > *:last-child { 3038 margin-bottom: 0; 3039 } 3040 3041 .wp-block-cover.alignleft, 3042 .wp-block-cover.alignright, 3043 .wp-block-cover-image.alignleft, 3044 .wp-block-cover-image.alignright { 3045 margin-top: 0; 3046 } 3047 3048 .wp-block-cover.alignleft > * { 3049 margin-top: 60px; 3050 margin-bottom: 60px; 3051 padding-left: 25px; 3052 padding-right: 25px; 3053 width: 100%; 3054 } 3055 3056 .wp-block-cover.alignright > * { 3057 margin-top: 60px; 3058 margin-bottom: 60px; 3059 padding-left: 25px; 3060 padding-right: 25px; 3061 width: 100%; 3062 } 3063 3064 .wp-block-cover-image.alignleft > * { 3065 margin-top: 60px; 3066 margin-bottom: 60px; 3067 padding-left: 25px; 3068 padding-right: 25px; 3069 width: 100%; 3070 } 3071 3072 .wp-block-cover-image.alignright > * { 3073 margin-top: 60px; 3074 margin-bottom: 60px; 3075 padding-left: 25px; 3076 padding-right: 25px; 3077 width: 100%; 3078 } 3079 3080 .wp-block-cover.has-left-content, 3081 .wp-block-cover.has-right-content, 3082 .wp-block-cover-image.has-left-content, 3083 .wp-block-cover-image.has-right-content { 3084 justify-content: center; 3085 } 3086 3087 .wp-block-cover.is-style-twentytwentyone-border { 3088 border: 3px solid #28303d; 3089 } 3090 3091 .wp-block-cover-image.is-style-twentytwentyone-border { 3092 border: 3px solid #28303d; 3093 } 3094 3095 .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, 3096 .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { 3097 background-color: unset; 3098 } 3099 3100 .wp-block-file a.wp-block-file__button:active, 3101 .wp-block-file a.wp-block-file__button:focus, 3102 .wp-block-file a.wp-block-file__button:hover { 3103 opacity: inherit; 3104 } 3105 3106 .wp-block-file a.wp-block-file__button { 3107 display: inline-block; 3108 } 3109 3110 .wp-block-gallery { 3111 margin: 0 auto; 3112 } 3113 3114 .wp-block-gallery .blocks-gallery-image { 3115 width: calc(50% - 10px); 3116 } 3117 3118 .wp-block-gallery .blocks-gallery-item { 3119 width: calc(50% - 10px); 3120 } 3121 3122 .wp-block-gallery .blocks-gallery-image figcaption { 3123 margin: 0; 3124 color: #fff; 3125 font-size: 1rem; 3126 } 3127 3128 .wp-block-gallery .blocks-gallery-item figcaption { 3129 margin: 0; 3130 color: #fff; 3131 font-size: 1rem; 3132 } 3133 3134 .wp-block-gallery .blocks-gallery-image figcaption a { 3135 color: #fff; 3136 } 3137 3138 .wp-block-gallery .blocks-gallery-item figcaption a { 3139 color: #fff; 3140 } 3141 3142 .wp-block-gallery .blocks-gallery-image figcaption a:focus { 3143 background-color: transparent; 3144 outline: 2px solid #28303d; 3145 text-decoration: none; 3146 } 3147 3148 .wp-block-gallery .blocks-gallery-item figcaption a:focus { 3149 background-color: transparent; 3150 outline: 2px solid #28303d; 3151 text-decoration: none; 3152 } 3153 3154 .wp-block-gallery .blocks-gallery-image a:focus img, 3155 .wp-block-gallery .blocks-gallery-item a:focus img { 3156 outline-offset: 2px; 3157 } 3158 3159 .wp-block-group { 3160 display: block; 3161 clear: both; 3162 display: flow-root; 3163 } 3164 3165 .wp-block-group:before, 3166 .wp-block-group:after { 3167 content: ""; 3168 display: block; 3169 clear: both; 3170 } 3171 3172 .wp-block-group .wp-block-group__inner-container { 3173 margin-left: auto; 3174 margin-right: auto; 3175 } 3176 3177 .wp-block-group .wp-block-group__inner-container > * { 3178 margin-top: 20px; 3179 margin-bottom: 20px; 3180 } 3181 @media only screen and (min-width: 482px) { 3182 3183 .wp-block-group .wp-block-group__inner-container > * { 3184 margin-top: 30px; 3185 margin-bottom: 30px; 3186 } 3187 } 3188 3189 .wp-block-group .wp-block-group__inner-container > *:first-child { 3190 margin-top: 0; 3191 } 3192 3193 .wp-block-group .wp-block-group__inner-container > *:last-child { 3194 margin-bottom: 0; 3195 } 3196 3197 .wp-block-group.has-background { 3198 padding: 20px; 3199 } 3200 @media only screen and (min-width: 482px) { 3201 3202 .wp-block-group.has-background { 3203 padding: 30px; 3204 } 3205 } 3206 3207 .wp-block-group.is-style-twentytwentyone-border { 3208 border: 3px solid #28303d; 3209 padding: 30px; 3210 } 3211 3212 .wp-block-group.has-background .wp-block-group__inner-container > .alignfull { 3213 max-width: calc(100% + 60px); 3214 width: calc(100% + 60px); 3215 margin-left: -30px; 3216 } 3217 3218 .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { 3219 max-width: calc(100% + 60px); 3220 width: calc(100% + 60px); 3221 margin-left: -30px; 3222 } 3223 3224 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull { 3225 max-width: calc(100% + 60px); 3226 width: calc(100% + 60px); 3227 margin-left: -30px; 3228 } 3229 3230 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { 3231 max-width: calc(100% + 60px); 3232 width: calc(100% + 60px); 3233 margin-left: -30px; 3234 } 3235 3236 h1 { 3237 clear: both; 3238 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3239 font-weight: normal; 3240 } 3241 3242 .h1 { 3243 clear: both; 3244 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3245 font-weight: normal; 3246 } 3247 3248 h2 { 3249 clear: both; 3250 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3251 font-weight: normal; 3252 } 3253 3254 .h2 { 3255 clear: both; 3256 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3257 font-weight: normal; 3258 } 3259 3260 h3 { 3261 clear: both; 3262 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3263 font-weight: normal; 3264 } 3265 3266 .h3 { 3267 clear: both; 3268 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3269 font-weight: normal; 3270 } 3271 3272 h4 { 3273 clear: both; 3274 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3275 font-weight: normal; 3276 } 3277 3278 .h4 { 3279 clear: both; 3280 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3281 font-weight: normal; 3282 } 3283 3284 h5 { 3285 clear: both; 3286 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3287 font-weight: normal; 3288 } 3289 3290 .h5 { 3291 clear: both; 3292 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3293 font-weight: normal; 3294 } 3295 3296 h6 { 3297 clear: both; 3298 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3299 font-weight: normal; 3300 } 3301 3302 .h6 { 3303 clear: both; 3304 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3305 font-weight: normal; 3306 } 3307 3308 h1 strong { 3309 font-weight: 600; 3310 } 3311 3312 .h1 strong { 3313 font-weight: 600; 3314 } 3315 3316 h2 strong { 3317 font-weight: 600; 3318 } 3319 3320 .h2 strong { 3321 font-weight: 600; 3322 } 3323 3324 h3 strong { 3325 font-weight: 600; 3326 } 3327 3328 .h3 strong { 3329 font-weight: 600; 3330 } 3331 3332 h4 strong { 3333 font-weight: 600; 3334 } 3335 3336 .h4 strong { 3337 font-weight: 600; 3338 } 3339 3340 h5 strong { 3341 font-weight: 600; 3342 } 3343 3344 .h5 strong { 3345 font-weight: 600; 3346 } 3347 3348 h6 strong { 3349 font-weight: 600; 3350 } 3351 3352 .h6 strong { 3353 font-weight: 600; 3354 } 3355 3356 h1 { 3357 font-size: 4rem; 3358 letter-spacing: normal; 3359 line-height: 1.1; 3360 } 3361 3362 @media only screen and (min-width: 652px) { 3363 3364 h1 { 3365 font-size: 6rem; 3366 } 3367 } 3368 3369 .h1 { 3370 font-size: 4rem; 3371 letter-spacing: normal; 3372 line-height: 1.1; 3373 } 3374 3375 @media only screen and (min-width: 652px) { 3376 3377 .h1 { 3378 font-size: 6rem; 3379 } 3380 } 3381 3382 h2 { 3383 font-size: 2.25rem; 3384 letter-spacing: normal; 3385 line-height: 1.3; 3386 } 3387 3388 @media only screen and (min-width: 652px) { 3389 3390 h2 { 3391 font-size: 3rem; 3392 } 3393 } 3394 3395 .h2 { 3396 font-size: 2.25rem; 3397 letter-spacing: normal; 3398 line-height: 1.3; 3399 } 3400 3401 @media only screen and (min-width: 652px) { 3402 3403 .h2 { 3404 font-size: 3rem; 3405 } 3406 } 3407 3408 h3 { 3409 font-size: 2rem; 3410 letter-spacing: normal; 3411 line-height: 1.3; 3412 } 3413 3414 @media only screen and (min-width: 652px) { 3415 3416 h3 { 3417 font-size: 2rem; 3418 } 3419 } 3420 3421 .h3 { 3422 font-size: 2rem; 3423 letter-spacing: normal; 3424 line-height: 1.3; 3425 } 3426 3427 @media only screen and (min-width: 652px) { 3428 3429 .h3 { 3430 font-size: 2rem; 3431 } 3432 } 3433 3434 h4 { 3435 font-size: 1.5rem; 3436 font-weight: 600; 3437 letter-spacing: normal; 3438 line-height: 1.3; 3439 } 3440 3441 .h4 { 3442 font-size: 1.5rem; 3443 font-weight: 600; 3444 letter-spacing: normal; 3445 line-height: 1.3; 3446 } 3447 3448 h5 { 3449 font-size: 1.125rem; 3450 font-weight: 600; 3451 letter-spacing: 0.05em; 3452 line-height: 1.3; 3453 } 3454 3455 .h5 { 3456 font-size: 1.125rem; 3457 font-weight: 600; 3458 letter-spacing: 0.05em; 3459 line-height: 1.3; 3460 } 3461 3462 h6 { 3463 font-size: 1rem; 3464 font-weight: 600; 3465 letter-spacing: 0.05em; 3466 line-height: 1.3; 3467 } 3468 3469 .h6 { 3470 font-size: 1rem; 3471 font-weight: 600; 3472 letter-spacing: 0.05em; 3473 line-height: 1.3; 3474 } 3475 3476 .wp-block-image { 3477 text-align: center; 3478 } 3479 3480 .wp-block-image figcaption { 3481 color: #28303d; 3482 font-size: 1rem; 3483 line-height: 1.7; 3484 margin-top: 10px; 3485 margin-bottom: 20px; 3486 text-align: center; 3487 } 3488 3489 .wp-block-image .alignright { 3490 margin-left: 25px; 3491 } 3492 3493 .wp-block-image .alignleft { 3494 margin-right: 25px; 3495 } 3496 3497 .wp-block-image a:focus img { 3498 outline-offset: 2px; 3499 } 3500 3501 .entry-content > *[class=wp-block-image], 3502 .entry-content [class*=inner-container] > *[class=wp-block-image] { 3503 margin-top: 0; 3504 margin-bottom: 0; 3505 } 3506 3507 .entry-content > *[class=wp-block-image] + *, 3508 .entry-content [class*=inner-container] > *[class=wp-block-image] + * { 3509 margin-top: 0; 3510 } 3511 3512 .wp-block-image.is-style-twentytwentyone-border img { 3513 border: 3px solid #28303d; 3514 } 3515 3516 .wp-block-image.is-style-twentytwentyone-image-frame img { 3517 border: 3px solid #28303d; 3518 } 3519 3520 .wp-block-image.is-style-twentytwentyone-image-frame img { 3521 padding: 20px; 3522 } 3523 3524 @media only screen and (min-width: 482px) { 3525 3526 .entry-content > .wp-block-image > .alignleft, 3527 .entry-content > .wp-block-image > .alignright { 3528 max-width: 50%; 3529 } 3530 } 3531 @media only screen and (max-width: 481px) { 3532 3533 .entry-content > .wp-block-image > .alignleft, 3534 .entry-content > .wp-block-image > .alignright { 3535 margin-left: 0; 3536 margin-right: 0; 3537 } 3538 } 3539 3540 .wp-block-latest-comments { 3541 padding-left: 0; 3542 } 3543 3544 .wp-block-latest-comments .wp-block-latest-comments__comment { 3545 font-size: 1.125rem; 3546 line-height: 1.7; 3547 3548 /* Vertical margins logic */ 3549 margin-top: 30px; 3550 margin-bottom: 30px; 3551 } 3552 3553 .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 3554 margin-top: 0; 3555 } 3556 3557 .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { 3558 margin-bottom: 0; 3559 } 3560 3561 .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 3562 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3563 } 3564 3565 .wp-block-latest-comments .wp-block-latest-comments__comment-date { 3566 color: #28303d; 3567 font-size: 1.125rem; 3568 } 3569 3570 .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 3571 font-size: 1.125rem; 3572 line-height: 1.7; 3573 margin: 0; 3574 } 3575 3576 .wp-block-latest-posts { 3577 padding-left: 0; 3578 } 3579 3580 .wp-block-latest-posts:not(.is-grid) > li { 3581 margin-top: 50px; 3582 margin-bottom: 50px; 3583 } 3584 3585 .wp-block-latest-posts:not(.is-grid) > li:first-child { 3586 margin-top: 0; 3587 } 3588 3589 .wp-block-latest-posts:not(.is-grid) > li:last-child { 3590 margin-bottom: 0; 3591 } 3592 3593 .widget-area .wp-block-latest-posts:not(.is-grid) > li { 3594 margin-top: 0; 3595 margin-bottom: 0; 3596 } 3597 3598 .wp-block-latest-posts.is-grid { 3599 word-wrap: break-word; 3600 word-break: break-word; 3601 } 3602 3603 .wp-block-latest-posts.is-grid > li { 3604 margin-bottom: 30px; 3605 } 3606 3607 .wp-block-latest-posts.is-grid > li:last-child { 3608 margin-bottom: 0; 3609 } 3610 3611 .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), 3612 .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, 3613 .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), 3614 .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, 3615 .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), 3616 .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, 3617 .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), 3618 .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, 3619 .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), 3620 .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { 3621 margin-bottom: 0; 3622 } 3623 3624 .wp-block-latest-posts > li > * { 3625 margin-top: 10px; 3626 margin-bottom: 10px; 3627 } 3628 3629 .wp-block-latest-posts > li > *:first-child { 3630 margin-top: 0; 3631 } 3632 3633 .wp-block-latest-posts > li > *:last-child { 3634 margin-bottom: 0; 3635 } 3636 3637 .wp-block-latest-posts > li > a { 3638 display: inline-block; 3639 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3640 font-size: 2rem; 3641 font-weight: normal; 3642 line-height: 1.3; 3643 margin-bottom: 10px; 3644 } 3645 @media only screen and (min-width: 652px) { 3646 3647 .wp-block-latest-posts > li > a { 3648 font-size: 2rem; 3649 } 3650 } 3651 3652 .widget-area .wp-block-latest-posts > li > a { 3653 font-size: 1.125rem; 3654 margin-bottom: 0; 3655 } 3656 3657 .wp-block-latest-posts .wp-block-latest-posts__post-author { 3658 color: #28303d; 3659 font-size: 1.25rem; 3660 line-height: 1.7; 3661 } 3662 3663 .wp-block-latest-posts .wp-block-latest-posts__post-date { 3664 color: #28303d; 3665 font-size: 1rem; 3666 line-height: 1.7; 3667 } 3668 3669 [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, 3670 .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { 3671 color: currentColor; 3672 } 3673 3674 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { 3675 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3676 font-size: 1.125rem; 3677 line-height: 1.7; 3678 margin-top: 20px; 3679 } 3680 3681 .wp-block-latest-posts .wp-block-latest-posts__post-full-content { 3682 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3683 font-size: 1.125rem; 3684 line-height: 1.7; 3685 margin-top: 20px; 3686 } 3687 3688 .wp-block-latest-posts.alignfull { 3689 padding-left: 20px; 3690 padding-right: 20px; 3691 } 3692 3693 .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, 3694 .entry-content .has-background .wp-block-latest-posts.alignfull { 3695 padding-left: 0; 3696 padding-right: 0; 3697 } 3698 3699 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { 3700 border-top: 3px solid #28303d; 3701 border-bottom: 3px solid #28303d; 3702 } 3703 3704 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li { 3705 padding-bottom: 30px; 3706 border-bottom: 1px solid #28303d; 3707 margin-top: 30px; 3708 margin-bottom: 30px; 3709 } 3710 3711 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { 3712 padding-bottom: 30px; 3713 border-bottom: 1px solid #28303d; 3714 margin-top: 30px; 3715 margin-bottom: 30px; 3716 } 3717 3718 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, 3719 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { 3720 padding-bottom: 0; 3721 border-bottom: none; 3722 } 3723 3724 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { 3725 box-shadow: inset 0 -1px 0 0 #28303d; 3726 border-bottom: 2px solid #28303d; 3727 } 3728 3729 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { 3730 margin: 0; 3731 padding-top: 30px; 3732 padding-right: 25px; 3733 } 3734 3735 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { 3736 padding-bottom: 30px; 3737 } 3738 @media screen and (min-width: 600px) { 3739 3740 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { 3741 width: 50%; 3742 } 3743 3744 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { 3745 width: 33%; 3746 } 3747 3748 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { 3749 width: 25%; 3750 } 3751 3752 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { 3753 width: 20%; 3754 } 3755 3756 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { 3757 width: 17%; 3758 } 3759 } 3760 3761 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { 3762 border: 3px solid #28303d; 3763 padding: 30px 25px; 3764 } 3765 3766 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { 3767 padding-bottom: 30px; 3768 } 3769 3770 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { 3771 margin-top: 25px; 3772 margin-bottom: 25px; 3773 } 3774 3775 .gallery-item { 3776 display: inline-block; 3777 text-align: center; 3778 vertical-align: top; 3779 width: 100%; 3780 } 3781 3782 .gallery-item a { 3783 display: block; 3784 } 3785 3786 .gallery-item a:focus img { 3787 outline-offset: -2px; 3788 } 3789 3790 .gallery-columns-2 .gallery-item { 3791 max-width: 50%; 3792 } 3793 3794 .gallery-columns-3 .gallery-item { 3795 max-width: 33.33%; 3796 } 3797 3798 .gallery-columns-4 .gallery-item { 3799 max-width: 25%; 3800 } 3801 3802 .gallery-columns-5 .gallery-item { 3803 max-width: 20%; 3804 } 3805 3806 .gallery-columns-6 .gallery-item { 3807 max-width: 16.66%; 3808 } 3809 3810 .gallery-columns-7 .gallery-item { 3811 max-width: 14.28%; 3812 } 3813 3814 .gallery-columns-8 .gallery-item { 3815 max-width: 12.5%; 3816 } 3817 3818 .gallery-columns-9 .gallery-item { 3819 max-width: 11.11%; 3820 } 3821 3822 .gallery-caption { 3823 display: block; 3824 } 3825 3826 figure.wp-caption a:focus img { 3827 outline-offset: 2px; 3828 } 3829 3830 ul { 3831 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3832 margin: 0; 3833 padding-left: 50px; 3834 } 3835 3836 ol { 3837 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3838 margin: 0; 3839 padding-left: 50px; 3840 } 3841 3842 ul.aligncenter, 3843 ol.aligncenter { 3844 list-style-position: inside; 3845 padding: 0; 3846 } 3847 3848 ul.alignright, 3849 ol.alignright { 3850 list-style-position: inside; 3851 text-align: right; 3852 padding: 0; 3853 } 3854 3855 ul { 3856 list-style-type: disc; 3857 } 3858 3859 ul ul { 3860 list-style-type: circle; 3861 } 3862 3863 ol { 3864 list-style-type: decimal; 3865 } 3866 3867 ol ul { 3868 list-style-type: circle; 3869 } 3870 3871 dt { 3872 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3873 font-weight: bold; 3874 } 3875 3876 dd { 3877 margin: 0; 3878 padding-left: 50px; 3879 } 3880 3881 .wp-block-media-text { 3882 3883 /** 3884 * Block Options 3885 */ 3886 } 3887 3888 .wp-block-media-text.alignfull { 3889 margin-top: 0; 3890 margin-bottom: 0; 3891 } 3892 3893 .wp-block-media-text a:focus img { 3894 outline-offset: -1px; 3895 } 3896 3897 .wp-block-media-text .wp-block-media-text__content { 3898 padding: 25px; 3899 } 3900 @media only screen and (min-width: 592px) { 3901 3902 .wp-block-media-text .wp-block-media-text__content { 3903 padding: 30px; 3904 } 3905 } 3906 3907 .wp-block-media-text .wp-block-media-text__content > * { 3908 margin-top: 20px; 3909 margin-bottom: 20px; 3910 } 3911 @media only screen and (min-width: 482px) { 3912 3913 .wp-block-media-text .wp-block-media-text__content > * { 3914 margin-top: 30px; 3915 margin-bottom: 30px; 3916 } 3917 } 3918 3919 .wp-block-media-text .wp-block-media-text__content > *:first-child { 3920 margin-top: 0; 3921 } 3922 3923 .wp-block-media-text .wp-block-media-text__content > *:last-child { 3924 margin-bottom: 0; 3925 } 3926 @media only screen and (min-width: 482px) { 3927 3928 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { 3929 padding-top: 30px; 3930 padding-bottom: 30px; 3931 } 3932 } 3933 3934 .wp-block-media-text.is-style-twentytwentyone-border { 3935 border: 3px solid #28303d; 3936 } 3937 3938 .wp-block-navigation .wp-block-navigation-link { 3939 padding: 0; 3940 } 3941 3942 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { 3943 padding: 13px; 3944 } 3945 3946 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { 3947 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3948 font-size: 1.25rem; 3949 font-weight: normal; 3950 } 3951 3952 .wp-block-navigation .wp-block-navigation-link__submenu-icon { 3953 padding: 0; 3954 } 3955 3956 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { 3957 display: inherit; 3958 } 3959 3960 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { 3961 border: none; 3962 left: 0; 3963 margin-left: 13px; 3964 min-width: max-content; 3965 opacity: 0; 3966 padding: 0; 3967 position: inherit; 3968 top: inherit; 3969 } 3970 3971 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { 3972 display: inline-block; 3973 padding: 7px 13px; 3974 } 3975 3976 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { 3977 display: none; 3978 } 3979 3980 .wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container, 3981 .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { 3982 display: block; 3983 opacity: 1; 3984 visibility: visible; 3985 } 3986 3987 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { 3988 background: #d1e4dd; 3989 margin: 0; 3990 padding: 0; 3991 position: absolute; 3992 top: 100%; 3993 border: 1px solid #28303d; 3994 } 3995 3996 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before { 3997 content: ""; 3998 display: block; 3999 position: absolute; 4000 width: 0; 4001 top: -10px; 4002 left: 25px; 4003 border-style: solid; 4004 border-color: #28303d transparent; 4005 border-width: 0 7px 10px 7px; 4006 } 4007 4008 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { 4009 content: ""; 4010 display: block; 4011 position: absolute; 4012 width: 0; 4013 top: -10px; 4014 left: 25px; 4015 border-style: solid; 4016 border-color: #28303d transparent; 4017 border-width: 0 7px 10px 7px; 4018 } 4019 4020 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { 4021 top: -9px; 4022 border-color: #d1e4dd transparent; 4023 } 4024 4025 .wp-block-navigation:not(.has-background) .wp-block-navigation__container { 4026 background: #d1e4dd; 4027 } 4028 4029 .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { 4030 background: #d1e4dd; 4031 } 4032 4033 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { 4034 color: #28303d; 4035 } 4036 4037 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { 4038 color: #28303d; 4039 } 4040 4041 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { 4042 text-decoration: underline; 4043 text-decoration-style: dotted; 4044 } 4045 4046 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { 4047 color: currentColor; 4048 } 4049 4050 p { 4051 line-height: 1.7; 4052 } 4053 4054 p.has-background { 4055 padding: 20px; 4056 } 4057 4058 p.has-text-color a { 4059 color: #28303d; 4060 } 4061 4062 pre.wp-block-preformatted { 4063 overflow-x: auto; 4064 white-space: pre; 4065 } 4066 4067 .wp-block-pullquote { 4068 padding: 40px 0; 4069 text-align: center; 4070 border-width: 3px; 4071 border-bottom-style: solid; 4072 border-top-style: solid; 4073 color: currentColor; 4074 border-color: currentColor; 4075 position: relative; 4076 4077 /** 4078 * Block Options 4079 */ 4080 } 4081 4082 .wp-block-pullquote blockquote::before { 4083 color: currentColor; 4084 content: "“"; 4085 display: block; 4086 position: relative; 4087 left: 0; 4088 font-size: 3rem; 4089 font-weight: 500; 4090 line-height: 1; 4091 } 4092 4093 .wp-block-pullquote p { 4094 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 4095 font-size: 2rem; 4096 font-style: normal; 4097 font-weight: 700; 4098 letter-spacing: normal; 4099 line-height: 1.3; 4100 margin: 0; 4101 } 4102 @media only screen and (min-width: 652px) { 4103 4104 .wp-block-pullquote p { 4105 font-size: 2rem; 4106 } 4107 } 4108 4109 .wp-block-pullquote a { 4110 color: currentColor; 4111 } 4112 4113 .wp-block-pullquote .wp-block-pullquote__citation { 4114 color: currentColor; 4115 display: block; 4116 font-size: 1rem; 4117 font-style: normal; 4118 text-transform: none; 4119 } 4120 4121 .wp-block-pullquote cite { 4122 color: currentColor; 4123 display: block; 4124 font-size: 1rem; 4125 font-style: normal; 4126 text-transform: none; 4127 } 4128 4129 .wp-block-pullquote footer { 4130 color: currentColor; 4131 display: block; 4132 font-size: 1rem; 4133 font-style: normal; 4134 text-transform: none; 4135 } 4136 4137 .wp-block-pullquote:not(.is-style-solid-color) { 4138 background: none; 4139 } 4140 4141 .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before, 4142 .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite { 4143 text-align: center; 4144 } 4145 4146 .wp-block-pullquote.alignwide > p { 4147 max-width: calc(100vw - 30px); 4148 } 4149 @media only screen and (min-width: 482px) { 4150 4151 .wp-block-pullquote.alignwide > p { 4152 max-width: calc(100vw - 100px); 4153 } 4154 } 4155 @media only screen and (min-width: 822px) { 4156 4157 .wp-block-pullquote.alignwide > p { 4158 max-width: min(calc(100vw - 200px), 1240px); 4159 } 4160 } 4161 4162 .wp-block-pullquote.alignwide blockquote { 4163 max-width: calc(100vw - 30px); 4164 } 4165 @media only screen and (min-width: 482px) { 4166 4167 .wp-block-pullquote.alignwide blockquote { 4168 max-width: calc(100vw - 100px); 4169 } 4170 } 4171 @media only screen and (min-width: 822px) { 4172 4173 .wp-block-pullquote.alignwide blockquote { 4174 max-width: min(calc(100vw - 200px), 1240px); 4175 } 4176 } 4177 4178 .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p { 4179 padding: 0 40px; 4180 } 4181 4182 .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { 4183 padding: 0 40px; 4184 } 4185 4186 .wp-block-pullquote.is-style-solid-color { 4187 color: #28303d; 4188 padding: 50px; 4189 border-width: 3px; 4190 border-style: solid; 4191 border-color: #28303d; 4192 } 4193 @media (min-width: 600px) { 4194 4195 .wp-block-pullquote.is-style-solid-color { 4196 padding: 100px; 4197 } 4198 } 4199 4200 .wp-block-pullquote.is-style-solid-color blockquote::before { 4201 text-align: left; 4202 } 4203 4204 .wp-block-pullquote.is-style-solid-color blockquote { 4205 margin: 0; 4206 max-width: inherit; 4207 } 4208 4209 .wp-block-pullquote.is-style-solid-color blockquote p { 4210 font-size: 2rem; 4211 } 4212 @media only screen and (min-width: 652px) { 4213 4214 .wp-block-pullquote.is-style-solid-color blockquote p { 4215 font-size: 2rem; 4216 } 4217 } 4218 4219 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, 4220 .wp-block-pullquote.is-style-solid-color cite, 4221 .wp-block-pullquote.is-style-solid-color footer { 4222 color: currentColor; 4223 } 4224 4225 .wp-block-pullquote.is-style-solid-color.alignleft { 4226 padding: 20px; 4227 } 4228 4229 .wp-block-pullquote.is-style-solid-color.alignright { 4230 padding: 20px; 4231 } 4232 4233 .wp-block-pullquote.is-style-solid-color.alignleft blockquote, 4234 .wp-block-pullquote.is-style-solid-color.alignright blockquote { 4235 max-width: initial; 4236 } 4237 4238 .wp-block-query.has-background { 4239 padding: 20px; 4240 } 4241 @media only screen and (min-width: 482px) { 4242 4243 .wp-block-query.has-background { 4244 padding: 30px; 4245 } 4246 } 4247 4248 .wp-block-quote { 4249 border-left: none; 4250 4251 /** 4252 * Block Options 4253 */ 4254 } 4255 4256 .wp-block-quote:before { 4257 content: "“"; 4258 font-size: 1.25rem; 4259 line-height: 1.7; 4260 left: 8px; 4261 } 4262 4263 .has-background .wp-block-quote .wp-block-quote__citation, 4264 [class*=background-color] .wp-block-quote .wp-block-quote__citation, 4265 [style*=background-color] .wp-block-quote .wp-block-quote__citation, 4266 .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation, 4267 .has-background .wp-block-quote cite, 4268 [class*=background-color] .wp-block-quote cite, 4269 [style*=background-color] .wp-block-quote cite, 4270 .wp-block-cover[style*=background-image] .wp-block-quote cite, 4271 .has-background .wp-block-quote footer, 4272 [class*=background-color] .wp-block-quote footer, 4273 [style*=background-color] .wp-block-quote footer, 4274 .wp-block-cover[style*=background-image] .wp-block-quote footer { 4275 color: currentColor; 4276 } 4277 4278 .wp-block-quote.has-text-align-right { 4279 margin: 30px 25px 30px auto; 4280 padding-right: 0; 4281 border-right: none; 4282 } 4283 4284 .wp-block-quote.has-text-align-right:before { 4285 display: none; 4286 } 4287 4288 .wp-block-quote.has-text-align-right p:before { 4289 content: "”"; 4290 font-size: 1.25rem; 4291 font-weight: normal; 4292 line-height: 1.7; 4293 margin-right: 5px; 4294 } 4295 4296 .wp-block-quote.has-text-align-center { 4297 margin: 30px auto; 4298 } 4299 4300 .wp-block-quote.has-text-align-center:before { 4301 display: none; 4302 } 4303 4304 .wp-block-quote.is-large { 4305 padding-left: 0; 4306 padding-right: 0; 4307 4308 /* Resetting margins to match _block-container.scss */ 4309 margin-top: 30px; 4310 margin-bottom: 30px; 4311 } 4312 4313 .wp-block-quote.is-style-large { 4314 padding-left: 0; 4315 padding-right: 0; 4316 4317 /* Resetting margins to match _block-container.scss */ 4318 margin-top: 30px; 4319 margin-bottom: 30px; 4320 } 4321 4322 .wp-block-quote.is-large p { 4323 font-size: 2.25rem; 4324 font-style: normal; 4325 line-height: 1.35; 4326 } 4327 @media only screen and (min-width: 652px) { 4328 4329 .wp-block-quote.is-large p { 4330 font-size: 2.5rem; 4331 } 4332 } 4333 4334 .wp-block-quote.is-style-large p { 4335 font-size: 2.25rem; 4336 font-style: normal; 4337 line-height: 1.35; 4338 } 4339 @media only screen and (min-width: 652px) { 4340 4341 .wp-block-quote.is-style-large p { 4342 font-size: 2.5rem; 4343 } 4344 } 4345 4346 .wp-block-quote.is-large:before { 4347 font-size: 2.25rem; 4348 line-height: 1.35; 4349 left: -25px; 4350 } 4351 @media only screen and (min-width: 652px) { 4352 4353 .wp-block-quote.is-large:before { 4354 font-size: 2.5rem; 4355 } 4356 } 4357 4358 .wp-block-quote.is-style-large:before { 4359 font-size: 2.25rem; 4360 line-height: 1.35; 4361 left: -25px; 4362 } 4363 @media only screen and (min-width: 652px) { 4364 4365 .wp-block-quote.is-style-large:before { 4366 font-size: 2.5rem; 4367 } 4368 } 4369 4370 .wp-block-quote.is-large.has-text-align-right:before, 4371 .wp-block-quote.is-style-large.has-text-align-right:before { 4372 display: none; 4373 } 4374 4375 .wp-block-quote.is-large.has-text-align-right p:before { 4376 content: "”"; 4377 font-size: 2.25rem; 4378 font-weight: normal; 4379 line-height: 1.35; 4380 margin-right: 10px; 4381 } 4382 @media only screen and (min-width: 652px) { 4383 4384 .wp-block-quote.is-large.has-text-align-right p:before { 4385 font-size: 2.5rem; 4386 } 4387 } 4388 4389 .wp-block-quote.is-style-large.has-text-align-right p:before { 4390 content: "”"; 4391 font-size: 2.25rem; 4392 font-weight: normal; 4393 line-height: 1.35; 4394 margin-right: 10px; 4395 } 4396 @media only screen and (min-width: 652px) { 4397 4398 .wp-block-quote.is-style-large.has-text-align-right p:before { 4399 font-size: 2.5rem; 4400 } 4401 } 4402 4403 .wp-block-quote.is-large .wp-block-quote__citation { 4404 color: #28303d; 4405 font-size: 1.125rem; 4406 } 4407 4408 .wp-block-quote.is-large cite { 4409 color: #28303d; 4410 font-size: 1.125rem; 4411 } 4412 4413 .wp-block-quote.is-large footer { 4414 color: #28303d; 4415 font-size: 1.125rem; 4416 } 4417 4418 .wp-block-quote.is-style-large .wp-block-quote__citation { 4419 color: #28303d; 4420 font-size: 1.125rem; 4421 } 4422 4423 .wp-block-quote.is-style-large cite { 4424 color: #28303d; 4425 font-size: 1.125rem; 4426 } 4427 4428 .wp-block-quote.is-style-large footer { 4429 color: #28303d; 4430 font-size: 1.125rem; 4431 } 4432 @media only screen and (max-width: 481px) { 4433 4434 .wp-block-quote.is-large { 4435 padding-left: 25px; 4436 } 4437 4438 .wp-block-quote.is-style-large { 4439 padding-left: 25px; 4440 } 4441 4442 .wp-block-quote.is-large:before, 4443 .wp-block-quote.is-style-large:before { 4444 left: 0; 4445 } 4446 4447 .wp-block-quote.is-large.has-text-align-right { 4448 padding-left: 0; 4449 padding-right: 25px; 4450 } 4451 4452 .wp-block-quote.is-style-large.has-text-align-right { 4453 padding-left: 0; 4454 padding-right: 25px; 4455 } 4456 4457 .wp-block-quote.is-large.has-text-align-right:before, 4458 .wp-block-quote.is-style-large.has-text-align-right:before { 4459 right: 0; 4460 } 4461 4462 .wp-block-quote.is-large.has-text-align-center, 4463 .wp-block-quote.is-style-large.has-text-align-center { 4464 padding-left: 0; 4465 padding-right: 0; 4466 } 4467 } 4468 @media only screen and (max-width: 481px) { 4469 4470 .wp-block-quote.has-text-align-right { 4471 padding-left: 0; 4472 padding-right: 13px; 4473 } 4474 4475 .wp-block-quote.has-text-align-right:before { 4476 right: 0; 4477 } 4478 4479 .wp-block-quote.has-text-align-center { 4480 padding-left: 0; 4481 padding-right: 0; 4482 } 4483 } 4484 4485 .wp-block-rss { 4486 padding-left: 0; 4487 } 4488 4489 .wp-block-rss > li { 4490 list-style: none; 4491 } 4492 4493 .wp-block-rss:not(.is-grid) > li { 4494 margin-top: 50px; 4495 margin-bottom: 50px; 4496 } 4497 4498 .wp-block-rss:not(.is-grid) > li:first-child { 4499 margin-top: 0; 4500 } 4501 4502 .wp-block-rss:not(.is-grid) > li:last-child { 4503 margin-bottom: 0; 4504 } 4505 4506 .wp-block-rss.is-grid > li { 4507 margin-bottom: 30px; 4508 } 4509 4510 .wp-block-rss.is-grid > li:last-child { 4511 margin-bottom: 0; 4512 } 4513 4514 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), 4515 .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, 4516 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), 4517 .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, 4518 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), 4519 .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, 4520 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), 4521 .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, 4522 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), 4523 .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { 4524 margin-bottom: 0; 4525 } 4526 4527 .wp-block-rss > li > * { 4528 margin-top: 10px; 4529 margin-bottom: 10px; 4530 } 4531 4532 .wp-block-rss > li > *:first-child { 4533 margin-top: 0; 4534 } 4535 4536 .wp-block-rss > li > *:last-child { 4537 margin-bottom: 0; 4538 } 4539 4540 .wp-block-rss .wp-block-rss__item-title > a { 4541 display: inline-block; 4542 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 4543 font-size: 2rem; 4544 font-weight: normal; 4545 line-height: 1.3; 4546 margin-bottom: 10px; 4547 } 4548 @media only screen and (min-width: 652px) { 4549 4550 .wp-block-rss .wp-block-rss__item-title > a { 4551 font-size: 2rem; 4552 } 4553 } 4554 4555 .wp-block-rss .wp-block-rss__item-author { 4556 color: #28303d; 4557 font-size: 1.25rem; 4558 line-height: 1.7; 4559 } 4560 4561 .wp-block-rss .wp-block-rss__item-publish-date { 4562 color: #28303d; 4563 font-size: 1rem; 4564 line-height: 1.7; 4565 } 4566 4567 [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, 4568 .has-background .wp-block-rss .wp-block-rss__item-publish-date { 4569 color: currentColor; 4570 } 4571 4572 .wp-block-rss .wp-block-rss__item-excerpt { 4573 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 4574 font-size: 1.125rem; 4575 line-height: 1.7; 4576 margin-top: 20px; 4577 } 4578 4579 .wp-block-rss .wp-block-rss__item-full-content { 4580 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 4581 font-size: 1.125rem; 4582 line-height: 1.7; 4583 margin-top: 20px; 4584 } 4585 4586 .wp-block-rss.alignfull { 4587 padding-left: 20px; 4588 padding-right: 20px; 4589 } 4590 4591 .entry-content [class*=inner-container] .wp-block-rss.alignfull, 4592 .entry-content .has-background .wp-block-rss.alignfull { 4593 padding-left: 0; 4594 padding-right: 0; 4595 } 4596 4597 .wp-block-search { 4598 max-width: calc(100vw - 30px); 4599 } 4600 4601 @media only screen and (min-width: 482px) { 4602 4603 .wp-block-search { 4604 max-width: min(calc(100vw - 100px), 610px); 4605 } 4606 } 4607 4608 @media only screen and (min-width: 822px) { 4609 4610 .wp-block-search { 4611 max-width: min(calc(100vw - 200px), 610px); 4612 } 4613 } 4614 4615 .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { 4616 justify-content: center; 4617 } 4618 4619 .wp-block-search .wp-block-search__label { 4620 font-size: 1.125rem; 4621 font-weight: 500; 4622 margin-bottom: 10px; 4623 } 4624 4625 .wp-block-search .wp-block-search__input { 4626 border: 3px solid #39414d; 4627 border-radius: 0; 4628 color: #28303d; 4629 line-height: 1.7; 4630 max-width: inherit; 4631 margin-right: -3px; 4632 padding: 10px; 4633 } 4634 4635 .wp-block-search .wp-block-search__input:focus { 4636 color: #28303d; 4637 border-color: #39414d; 4638 } 4639 4640 .has-background .wp-block-search .wp-block-search__input { 4641 border-color: #28303d !important; 4642 } 4643 4644 .wp-block-search button.wp-block-search__button { 4645 margin-left: 0; 4646 line-height: 1; 4647 } 4648 4649 .wp-block-search button.wp-block-search__button.has-icon { 4650 padding: 6px 15px; 4651 } 4652 4653 .wp-block-search button.wp-block-search__button.has-icon svg { 4654 width: 40px; 4655 height: 40px; 4656 fill: currentColor; 4657 } 4658 4659 .has-background .wp-block-search button.wp-block-search__button:hover { 4660 background-color: #d1e4dd !important; 4661 color: #28303d !important; 4662 } 4663 4664 .has-background .wp-block-search button.wp-block-search__button:active { 4665 background-color: #d1e4dd !important; 4666 color: #28303d !important; 4667 } 4668 4669 .has-text-color .wp-block-search button.wp-block-search__button:hover { 4670 color: #28303d !important; 4671 } 4672 4673 .has-text-color .wp-block-search button.wp-block-search__button:active { 4674 color: #28303d !important; 4675 } 4676 4677 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 4678 background-color: #fff; 4679 border: 3px solid #39414d; 4680 border-radius: 0; 4681 padding: 3px; 4682 } 4683 4684 .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 4685 border-color: #28303d !important; 4686 } 4687 4688 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { 4689 margin-left: 0; 4690 margin-right: 0; 4691 padding-left: 10px; 4692 } 4693 4694 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { 4695 color: #28303d; 4696 outline-offset: -2px; 4697 outline: 2px dotted #39414d; 4698 } 4699 4700 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { 4701 padding: 15px 30px; 4702 } 4703 4704 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { 4705 color: #28303d; 4706 } 4707 4708 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { 4709 color: #28303d; 4710 } 4711 4712 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { 4713 background-color: #28303d; 4714 color: #fff; 4715 } 4716 4717 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { 4718 padding: 6px 15px; 4719 } 4720 4721 .wp-block-search__button { 4722 box-shadow: none; 4723 } 4724 4725 hr { 4726 border-style: none; 4727 border-bottom: 1px solid #28303d; 4728 clear: both; 4729 margin-left: auto; 4730 margin-right: auto; 4731 } 4732 4733 hr.wp-block-separator { 4734 border-bottom: 1px solid #28303d; 4735 opacity: 1; 4736 4737 /** 4738 * Block Options 4739 */ 4740 } 4741 4742 hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { 4743 max-width: calc(100vw - 30px); 4744 } 4745 @media only screen and (min-width: 482px) { 4746 4747 hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { 4748 max-width: min(calc(100vw - 100px), 610px); 4749 } 4750 } 4751 @media only screen and (min-width: 822px) { 4752 4753 hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { 4754 max-width: min(calc(100vw - 200px), 610px); 4755 } 4756 } 4757 4758 hr.wp-block-separator:not(.is-style-dots).alignwide { 4759 max-width: calc(100vw - 30px); 4760 } 4761 @media only screen and (min-width: 482px) { 4762 4763 hr.wp-block-separator:not(.is-style-dots).alignwide { 4764 max-width: calc(100vw - 100px); 4765 } 4766 } 4767 @media only screen and (min-width: 822px) { 4768 4769 hr.wp-block-separator:not(.is-style-dots).alignwide { 4770 max-width: min(calc(100vw - 200px), 1240px); 4771 } 4772 } 4773 4774 hr.wp-block-separator:not(.is-style-dots).alignfull { 4775 max-width: 100%; 4776 } 4777 4778 hr.wp-block-separator.is-style-twentytwentyone-separator-thick { 4779 border-bottom-width: 3px; 4780 } 4781 4782 hr.wp-block-separator.is-style-dots.has-background, 4783 hr.wp-block-separator.is-style-dots.has-text-color { 4784 background-color: transparent !important; 4785 } 4786 4787 hr.wp-block-separator.is-style-dots.has-background:before, 4788 hr.wp-block-separator.is-style-dots.has-text-color:before { 4789 color: currentColor !important; 4790 } 4791 4792 hr.wp-block-separator.is-style-dots:before { 4793 color: #28303d; 4794 font-size: 2.25rem; 4795 letter-spacing: 1.125rem; 4796 padding-left: 1.125rem; 4797 } 4798 @media only screen and (min-width: 652px) { 4799 4800 hr.wp-block-separator.is-style-dots:before { 4801 font-size: 2.5rem; 4802 } 4803 } 4804 4805 .has-background hr.wp-block-separator, 4806 [class*=background-color] hr.wp-block-separator, 4807 [style*=background-color] hr.wp-block-separator, 4808 .wp-block-cover[style*=background-image] hr.wp-block-separator { 4809 border-color: currentColor; 4810 } 4811 4812 .wp-block-social-links a:focus { 4813 color: #28303d; 4814 } 4815 4816 .wp-block-social-links.is-style-twentytwentyone-social-icons-color a { 4817 color: #28303d; 4818 } 4819 4820 .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, 4821 .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { 4822 background: none; 4823 } 4824 4825 .wp-block-spacer { 4826 display: block; 4827 margin-bottom: 0 !important; 4828 margin-top: 0 !important; 4829 } 4830 @media only screen and (max-width: 481px) { 4831 4832 .wp-block-spacer[style] { 4833 height: 20px !important; 4834 } 4835 } 4836 4837 table, 4838 .wp-block-table { 4839 width: 100%; 4840 min-width: 240px; 4841 border-collapse: collapse; 4842 } 4843 4844 table thead, 4845 table tfoot, 4846 .wp-block-table thead, 4847 .wp-block-table tfoot { 4848 text-align: center; 4849 } 4850 4851 table th { 4852 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 4853 } 4854 4855 .wp-block-table th { 4856 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 4857 } 4858 4859 table td { 4860 padding: 10px; 4861 border: 1px solid; 4862 } 4863 4864 table th { 4865 padding: 10px; 4866 border: 1px solid; 4867 } 4868 4869 .wp-block-table td { 4870 padding: 10px; 4871 border: 1px solid; 4872 } 4873 4874 .wp-block-table th { 4875 padding: 10px; 4876 border: 1px solid; 4877 } 4878 4879 table figcaption { 4880 color: #28303d; 4881 font-size: 1rem; 4882 } 4883 4884 .wp-block-table figcaption { 4885 color: #28303d; 4886 font-size: 1rem; 4887 } 4888 4889 table.is-style-regular .has-background { 4890 color: #28303d; 4891 } 4892 4893 table.is-style-stripes .has-background { 4894 color: #28303d; 4895 } 4896 4897 table.is-style-stripes .has-background thead tr { 4898 color: #28303d; 4899 } 4900 4901 table.is-style-stripes .has-background tfoot tr { 4902 color: #28303d; 4903 } 4904 4905 table.is-style-stripes .has-background tbody tr { 4906 color: #28303d; 4907 } 4908 4909 .wp-block-table.is-style-regular .has-background { 4910 color: #28303d; 4911 } 4912 4913 .wp-block-table.is-style-stripes .has-background { 4914 color: #28303d; 4915 } 4916 4917 .wp-block-table.is-style-stripes .has-background thead tr { 4918 color: #28303d; 4919 } 4920 4921 .wp-block-table.is-style-stripes .has-background tfoot tr { 4922 color: #28303d; 4923 } 4924 4925 .wp-block-table.is-style-stripes .has-background tbody tr { 4926 color: #28303d; 4927 } 4928 4929 table.is-style-stripes { 4930 border-color: #f0f0f0; 4931 } 4932 4933 .wp-block-table.is-style-stripes { 4934 border-color: #f0f0f0; 4935 } 4936 4937 table.is-style-stripes th, 4938 table.is-style-stripes td, 4939 .wp-block-table.is-style-stripes th, 4940 .wp-block-table.is-style-stripes td { 4941 border-width: 0; 4942 } 4943 4944 table.is-style-stripes tbody tr:nth-child(odd) { 4945 background-color: #f0f0f0; 4946 } 4947 4948 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 4949 background-color: #f0f0f0; 4950 } 4951 4952 table.is-style-stripes .has-background tbody tr:nth-child(odd) { 4953 background-color: rgba(255, 255, 255, 0.9); 4954 } 4955 4956 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 4957 background-color: rgba(255, 255, 255, 0.9); 4958 } 4959 4960 table.wp-calendar-table td, 4961 table.wp-calendar-table th { 4962 background: transparent; 4963 border: 0; 4964 text-align: center; 4965 line-height: 2; 4966 vertical-align: middle; 4967 word-break: normal; 4968 } 4969 4970 table.wp-calendar-table th { 4971 font-weight: bold; 4972 } 4973 4974 table.wp-calendar-table thead, 4975 table.wp-calendar-table tbody { 4976 color: currentColor; 4977 border: 1px solid; 4978 } 4979 4980 table.wp-calendar-table caption { 4981 font-weight: bold; 4982 text-align: left; 4983 margin-bottom: 20px; 4984 color: currentColor; 4985 } 4986 4987 .wp-calendar-nav { 4988 text-align: left; 4989 margin-top: 10px; 4990 } 4991 4992 .wp-calendar-nav svg { 4993 height: 1em; 4994 vertical-align: middle; 4995 } 4996 4997 .wp-calendar-nav svg path { 4998 fill: currentColor; 4999 } 5000 5001 .wp-calendar-nav .wp-calendar-nav-next { 5002 float: right; 5003 } 5004 5005 .wp-block-tag-cloud.alignfull { 5006 padding-left: 20px; 5007 padding-right: 20px; 5008 } 5009 5010 .wp-block-verse { 5011 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5012 } 5013 5014 .wp-block-video figcaption { 5015 color: #28303d; 5016 font-size: 1rem; 5017 margin-top: 10px; 5018 margin-bottom: 20px; 5019 text-align: center; 5020 } 5021 5022 * > figure > video { 5023 max-width: unset; 5024 width: 100%; 5025 vertical-align: middle; 5026 } 5027 5028 :root .is-extra-small-text { 5029 font-size: 1rem; 5030 } 5031 5032 :root .has-extra-small-font-size { 5033 font-size: 1rem; 5034 } 5035 5036 :root .is-small-text { 5037 font-size: 1.125rem; 5038 } 5039 5040 :root .has-small-font-size { 5041 font-size: 1.125rem; 5042 } 5043 5044 :root .is-regular-text { 5045 font-size: 1.25rem; 5046 } 5047 5048 :root .has-regular-font-size { 5049 font-size: 1.25rem; 5050 } 5051 5052 :root .is-normal-font-size { 5053 font-size: 1.25rem; 5054 } 5055 5056 :root .has-normal-font-size { 5057 font-size: 1.25rem; 5058 } 5059 5060 :root .has-medium-font-size { 5061 font-size: 1.25rem; 5062 } 5063 5064 :root .is-large-text { 5065 font-size: 1.5rem; 5066 line-height: 1.3; 5067 } 5068 5069 :root .has-large-font-size { 5070 font-size: 1.5rem; 5071 line-height: 1.3; 5072 } 5073 5074 :root .is-larger-text { 5075 font-size: 2.5rem; 5076 line-height: 1.3; 5077 } 5078 @media only screen and (min-width: 652px) { 5079 5080 :root .is-larger-text { 5081 font-size: 2.5rem; 5082 } 5083 } 5084 5085 :root .has-larger-font-size { 5086 font-size: 2.5rem; 5087 line-height: 1.3; 5088 } 5089 @media only screen and (min-width: 652px) { 5090 5091 :root .has-larger-font-size { 5092 font-size: 2.5rem; 5093 } 5094 } 5095 5096 :root .is-extra-large-text { 5097 font-size: 2.5rem; 5098 line-height: 1.3; 5099 } 5100 @media only screen and (min-width: 652px) { 5101 5102 :root .is-extra-large-text { 5103 font-size: 2.5rem; 5104 } 5105 } 5106 5107 :root .has-extra-large-font-size { 5108 font-size: 2.5rem; 5109 line-height: 1.3; 5110 } 5111 @media only screen and (min-width: 652px) { 5112 5113 :root .has-extra-large-font-size { 5114 font-size: 2.5rem; 5115 } 5116 } 5117 5118 :root .is-huge-text { 5119 font-size: 6rem; 5120 line-height: 1.3; 5121 font-weight: 300; 5122 } 5123 @media only screen and (min-width: 652px) { 5124 5125 :root .is-huge-text { 5126 font-size: 6rem; 5127 } 5128 } 5129 5130 :root .has-huge-font-size { 5131 font-size: 6rem; 5132 line-height: 1.3; 5133 font-weight: 300; 5134 } 5135 @media only screen and (min-width: 652px) { 5136 5137 :root .has-huge-font-size { 5138 font-size: 6rem; 5139 } 5140 } 5141 5142 :root .is-gigantic-text { 5143 font-size: 9rem; 5144 line-height: 1.3; 5145 font-weight: 300; 5146 } 5147 @media only screen and (min-width: 652px) { 5148 5149 :root .is-gigantic-text { 5150 font-size: 9rem; 5151 } 5152 } 5153 5154 :root .has-gigantic-font-size { 5155 font-size: 9rem; 5156 line-height: 1.3; 5157 font-weight: 300; 5158 } 5159 @media only screen and (min-width: 652px) { 5160 5161 :root .has-gigantic-font-size { 5162 font-size: 9rem; 5163 } 5164 } 5165 5166 /* Block Alignments */ 5167 5168 /** 5169 * These selectors set the default max width for content appearing inside a post or page. 5170 */ 5171 5172 /** 5173 * .alignleft 5174 */ 5175 .alignleft { 5176 5177 /*rtl:ignore*/ 5178 text-align: left; 5179 margin-top: 0; 5180 } 5181 5182 .entry-content > .alignleft { 5183 max-width: calc(100vw - 30px); 5184 } 5185 5186 @media only screen and (min-width: 482px) { 5187 5188 .entry-content > .alignleft { 5189 max-width: min(calc(100vw - 100px), 610px); 5190 } 5191 } 5192 5193 @media only screen and (min-width: 822px) { 5194 5195 .entry-content > .alignleft { 5196 max-width: min(calc(100vw - 200px), 610px); 5197 } 5198 } 5199 5200 @media only screen and (min-width: 482px) { 5201 5202 .alignleft { 5203 5204 /*rtl:ignore*/ 5205 float: left; 5206 5207 /*rtl:ignore*/ 5208 margin-right: 25px; 5209 margin-bottom: 30px; 5210 } 5211 5212 .entry-content > .alignleft { 5213 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); 5214 } 5215 5216 @media only screen and (min-width: 482px) { 5217 5218 .entry-content > .alignleft { 5219 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); 5220 } 5221 } 5222 5223 @media only screen and (min-width: 822px) { 5224 5225 .entry-content > .alignleft { 5226 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); 5227 } 5228 } 5229 } 5230 5231 /** 5232 * .aligncenter 5233 */ 5234 .aligncenter { 5235 clear: both; 5236 display: block; 5237 float: none; 5238 margin-right: auto; 5239 margin-left: auto; 5240 text-align: center; 5241 } 5242 5243 /** 5244 * .alignright 5245 */ 5246 .alignright { 5247 margin-top: 0; 5248 margin-bottom: 30px; 5249 } 5250 5251 .entry-content > .alignright { 5252 max-width: calc(100vw - 30px); 5253 } 5254 5255 @media only screen and (min-width: 482px) { 5256 5257 .entry-content > .alignright { 5258 max-width: min(calc(100vw - 100px), 610px); 5259 } 5260 } 5261 5262 @media only screen and (min-width: 822px) { 5263 5264 .entry-content > .alignright { 5265 max-width: min(calc(100vw - 200px), 610px); 5266 } 5267 } 5268 5269 @media only screen and (min-width: 482px) { 5270 5271 .alignright { 5272 5273 /*rtl:ignore*/ 5274 float: right; 5275 5276 /*rtl:ignore*/ 5277 margin-left: 25px; 5278 } 5279 5280 .entry-content > .alignright { 5281 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); 5282 } 5283 5284 @media only screen and (min-width: 482px) { 5285 5286 .entry-content > .alignright { 5287 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); 5288 } 5289 } 5290 5291 @media only screen and (min-width: 822px) { 5292 5293 .entry-content > .alignright { 5294 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1); 5295 } 5296 } 5297 } 5298 5299 [class*=inner-container] > .alignleft + *, 5300 [class*=inner-container] > .alignright + * { 5301 margin-top: 0; 5302 } 5303 5304 /** 5305 * .alignwide 5306 */ 5307 .alignwide { 5308 clear: both; 5309 } 5310 5311 /** 5312 * .alignfull 5313 */ 5314 .alignfull { 5315 clear: both; 5316 } 5317 5318 .has-left-content { 5319 justify-content: flex-start; 5320 } 5321 5322 .has-right-content { 5323 justify-content: flex-end; 5324 } 5325 5326 .has-parallax { 5327 background-attachment: fixed; 5328 } 5329 5330 .has-drop-cap:not(:focus)::first-letter { 5331 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5332 font-weight: normal; 5333 line-height: 0.66; 5334 text-transform: uppercase; 5335 font-style: normal; 5336 float: left; 5337 margin: 0.1em 0.1em 0 0; 5338 font-size: 5rem; 5339 } 5340 5341 @media only screen and (min-width: 652px) { 5342 5343 .has-drop-cap:not(:focus)::first-letter { 5344 font-size: 7rem; 5345 } 5346 } 5347 5348 .has-drop-cap:not(:focus)::after { 5349 content: ""; 5350 display: table; 5351 clear: both; 5352 padding-top: 14px; 5353 } 5354 5355 .desktop-only { 5356 display: none; 5357 } 5358 @media only screen and (min-width: 482px) { 5359 5360 .desktop-only { 5361 display: block; 5362 } 5363 } 5364 5365 /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ 5366 .site-header { 5367 display: flex; 5368 align-items: flex-start; 5369 flex-wrap: wrap; 5370 row-gap: 30px; 5371 } 5372 5373 .wp-custom-logo .site-header { 5374 align-items: center; 5375 } 5376 @media only screen and (min-width: 482px) { 5377 5378 .site-header { 5379 padding-top: 40px; 5380 } 5381 } 5382 @media only screen and (min-width: 822px) { 5383 5384 .site-header { 5385 padding-top: 72px; 5386 } 5387 } 5388 5389 .site-branding { 5390 color: #28303d; 5391 margin-right: 140px; 5392 } 5393 5394 .site-branding:last-child { 5395 margin-right: 0; 5396 width: 100%; 5397 text-align: center; 5398 } 5399 @media only screen and (min-width: 482px) { 5400 5401 .site-branding { 5402 margin-right: initial; 5403 margin-top: 4px; 5404 } 5405 } 5406 5407 .site-title { 5408 color: #28303d; 5409 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5410 font-size: 1.5rem; 5411 letter-spacing: normal; 5412 text-transform: uppercase; 5413 line-height: 1.3; 5414 margin-bottom: 5px; 5415 } 5416 5417 .site-title a { 5418 color: currentColor; 5419 font-weight: normal; 5420 } 5421 5422 .site-title a:link, 5423 .site-title a:visited, 5424 .site-title a:active { 5425 color: currentColor; 5426 } 5427 5428 .site-title a:hover { 5429 color: #39414d; 5430 } 5431 5432 .site-title a:focus { 5433 color: #39414d; 5434 } 5435 @media only screen and (min-width: 482px) { 5436 5437 .site-title { 5438 font-size: 1.5rem; 5439 } 5440 } 5441 5442 .site-description { 5443 color: currentColor; 5444 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5445 font-size: 1.125rem; 5446 line-height: 1.4; 5447 } 5448 5449 .site-title > a { 5450 text-decoration-color: #39414d; 5451 } 5452 5453 .site-logo { 5454 margin: 15px 0; 5455 } 5456 5457 .site-header > .site-logo { 5458 width: 100%; 5459 padding-bottom: 45px; 5460 border-bottom: 1px solid; 5461 text-align: center; 5462 } 5463 5464 .site-logo .custom-logo { 5465 margin-left: auto; 5466 margin-right: auto; 5467 max-width: 96px; 5468 max-height: 96px; 5469 height: auto; 5470 display: inline-block; 5471 width: auto; 5472 } 5473 @media only screen and (min-width: 482px) { 5474 5475 .site-logo .custom-logo { 5476 max-width: 300px; 5477 max-height: 100px; 5478 height: auto; 5479 width: auto; 5480 } 5481 } 5482 5483 @media only screen and (max-width: 481px) { 5484 5485 .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { 5486 position: absolute; 5487 padding-top: 15px; 5488 margin-top: 0; 5489 top: 0; 5490 } 5491 5492 .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { 5493 display: none; 5494 } 5495 5496 .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img { 5497 max-height: calc(10px + 2em); 5498 } 5499 5500 .site-header.has-logo.has-title-and-tagline { 5501 align-items: flex-start; 5502 } 5503 5504 .site-header.has-logo.has-title-and-tagline.has-menu { 5505 justify-content: space-between; 5506 } 5507 5508 .site-header.has-logo.has-title-and-tagline.has-menu .site-branding { 5509 max-width: calc(100% - 160px); 5510 } 5511 5512 .site-header.has-logo.has-title-and-tagline .site-branding { 5513 margin-right: 0; 5514 } 5515 5516 body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after { 5517 display: none; 5518 } 5519 5520 body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation { 5521 position: relative; 5522 top: 0; 5523 } 5524 5525 body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container { 5526 position: relative; 5527 padding-top: 0; 5528 margin-top: -10px; 5529 } 5530 5531 body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { 5532 padding-left: 11px; 5533 padding-right: 11px; 5534 margin-right: -15px; 5535 } 5536 5537 .site-header:not(.has-logo).has-title-and-tagline .site-branding { 5538 margin-right: 0; 5539 max-width: calc(100% - 160px); 5540 } 5541 5542 .site-header:not(.has-menu) { 5543 justify-content: center; 5544 } 5545 } 5546 5547 .site-footer { 5548 padding-top: 0; 5549 padding-bottom: 51px; 5550 } 5551 5552 .no-widgets .site-footer { 5553 margin-top: 180px; 5554 } 5555 @media only screen and (max-width: 481px) { 5556 5557 .no-widgets .site-footer { 5558 margin-top: 90px; 5559 } 5560 } 5561 5562 .site-footer > .site-info { 5563 padding-top: 30px; 5564 color: #28303d; 5565 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5566 font-size: 1.125rem; 5567 line-height: 1.7; 5568 border-top: 3px solid #28303d; 5569 } 5570 5571 .site-footer > .site-info .site-name { 5572 text-transform: uppercase; 5573 font-size: 1.5rem; 5574 } 5575 5576 .site-footer > .site-info .powered-by { 5577 margin-top: 15px; 5578 } 5579 @media only screen and (min-width: 822px) { 5580 5581 .site-footer > .site-info { 5582 display: flex; 5583 align-items: center; 5584 } 5585 5586 .site-footer > .site-info .powered-by { 5587 margin-top: initial; 5588 margin-left: auto; 5589 } 5590 } 5591 5592 .site-footer > .site-info a { 5593 color: #28303d; 5594 } 5595 5596 .site-footer > .site-info a:link { 5597 color: #28303d; 5598 } 5599 5600 .site-footer > .site-info a:visited { 5601 color: #28303d; 5602 } 5603 5604 .site-footer > .site-info a:active { 5605 color: #28303d; 5606 } 5607 5608 .site-footer > .site-info a:hover { 5609 color: #28303d; 5610 } 5611 5612 .site-footer > .site-info a:focus { 5613 color: #28303d; 5614 } 5615 5616 .is-dark-theme .site-footer > .site-info a:focus { 5617 color: #d1e4dd; 5618 } 5619 5620 .has-background-white .site-footer > .site-info a:focus { 5621 color: #fff; 5622 } 5623 5624 .singular .entry-header { 5625 border-bottom: 3px solid #28303d; 5626 padding-bottom: 60px; 5627 margin-bottom: 90px; 5628 } 5629 5630 .home .entry-header { 5631 border-bottom: none; 5632 padding-bottom: 0; 5633 margin-bottom: 0; 5634 } 5635 5636 .singular .has-post-thumbnail .entry-header { 5637 border-bottom: none; 5638 padding-bottom: 39px; 5639 margin-bottom: 0; 5640 } 5641 5642 .no-results.not-found > *:first-child { 5643 margin-bottom: 90px; 5644 } 5645 5646 .page-links { 5647 clear: both; 5648 } 5649 5650 .page-links .post-page-numbers { 5651 display: inline-block; 5652 margin-left: 13px; 5653 margin-right: 13px; 5654 min-width: 44px; 5655 min-height: 44px; 5656 } 5657 5658 .page-links .post-page-numbers:first-child { 5659 margin-left: 0; 5660 } 5661 5662 .entry-title { 5663 color: #28303d; 5664 font-size: 2.25rem; 5665 letter-spacing: normal; 5666 line-height: 1.3; 5667 overflow-wrap: break-word; 5668 } 5669 5670 @media only screen and (min-width: 652px) { 5671 5672 .entry-title { 5673 font-size: 3rem; 5674 } 5675 } 5676 5677 .entry-title a { 5678 color: currentColor; 5679 text-underline-offset: 0.15em; 5680 } 5681 5682 .entry-title a:hover { 5683 color: #28303d; 5684 } 5685 5686 .entry-title a:focus { 5687 color: #39414d; 5688 } 5689 5690 .entry-title a:active { 5691 color: currentColor; 5692 } 5693 5694 .singular .entry-title { 5695 font-size: 4rem; 5696 } 5697 5698 @media only screen and (min-width: 652px) { 5699 5700 .singular .entry-title { 5701 font-size: 6rem; 5702 } 5703 } 5704 5705 h1.entry-title { 5706 line-height: 1.1; 5707 font-weight: 300; 5708 } 5709 5710 /** 5711 * Entry Content 5712 */ 5713 .entry-content { 5714 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5715 } 5716 5717 .entry-summary { 5718 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5719 } 5720 5721 .entry-content p { 5722 word-wrap: break-word; 5723 } 5724 5725 .entry-content > iframe[style] { 5726 margin: 30px 0 !important; 5727 max-width: 100% !important; 5728 } 5729 5730 .entry-footer { 5731 color: #28303d; 5732 clear: both; 5733 float: none; 5734 font-size: 1rem; 5735 display: block; 5736 } 5737 5738 .entry-footer > span { 5739 display: inline-block; 5740 } 5741 5742 .entry-footer a { 5743 color: currentColor; 5744 } 5745 5746 .entry-footer a:hover { 5747 color: #28303d; 5748 } 5749 5750 .entry-footer a:focus { 5751 color: #28303d; 5752 } 5753 5754 .entry-footer a:active { 5755 color: currentColor; 5756 } 5757 5758 .site-main > article > .entry-footer { 5759 margin-top: 30px; 5760 padding-top: 20px; 5761 padding-bottom: 90px; 5762 border-bottom: 1px solid #28303d; 5763 } 5764 5765 body:not(.single) .site-main > article:last-of-type .entry-footer { 5766 border-bottom: 1px solid transparent; 5767 } 5768 5769 .single .site-main > article > .entry-footer { 5770 margin-top: 102px; 5771 margin-bottom: 102px; 5772 padding-bottom: 0; 5773 padding-top: 24px; 5774 border-top: 3px solid #28303d; 5775 border-bottom: 1px solid transparent; 5776 display: grid; 5777 grid-template-columns: repeat(2, 1fr); 5778 column-gap: 50px; 5779 } 5780 5781 .single .site-main > article > .entry-footer .post-taxonomies, 5782 .single .site-main > article > .entry-footer .full-size-link { 5783 justify-content: flex-end; 5784 text-align: right; 5785 } 5786 5787 .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { 5788 grid-column: span 2; 5789 } 5790 5791 .single .site-main > article > .entry-footer .posted-on, 5792 .single .site-main > article > .entry-footer .byline, 5793 .single .site-main > article > .entry-footer .cat-links, 5794 .single .site-main > article > .entry-footer .tags-links { 5795 display: block; 5796 } 5797 @media only screen and (max-width: 481px) { 5798 5799 .single .site-main > article > .entry-footer { 5800 display: block; 5801 } 5802 5803 .single .site-main > article > .entry-footer .full-size-link { 5804 display: block; 5805 } 5806 5807 .single .site-main > article > .entry-footer .post-taxonomies, 5808 .single .site-main > article > .entry-footer .full-size-link { 5809 text-align: left; 5810 } 5811 } 5812 5813 /** 5814 * Post Thumbnails 5815 */ 5816 .post-thumbnail { 5817 text-align: center; 5818 } 5819 5820 .post-thumbnail .wp-post-image { 5821 display: block; 5822 width: auto; 5823 max-width: 100%; 5824 margin-left: auto; 5825 margin-right: auto; 5826 margin-top: 60px; 5827 } 5828 5829 /** 5830 * Author 5831 */ 5832 .author-bio { 5833 position: relative; 5834 font-size: 1rem; 5835 max-width: calc(100vw - 30px); 5836 } 5837 @media only screen and (min-width: 482px) { 5838 5839 .author-bio { 5840 max-width: min(calc(100vw - 100px), 610px); 5841 } 5842 } 5843 @media only screen and (min-width: 822px) { 5844 5845 .author-bio { 5846 max-width: min(calc(100vw - 200px), 610px); 5847 } 5848 } 5849 5850 .site-main > article > .author-bio { 5851 margin-top: 60px; 5852 } 5853 5854 .author-bio.show-avatars .avatar { 5855 display: inline-block; 5856 vertical-align: top; 5857 border-radius: 50%; 5858 } 5859 5860 .author-bio.show-avatars .author-bio-content { 5861 display: inline-block; 5862 padding-left: 25px; 5863 max-width: calc(100vw - 120px); 5864 } 5865 @media only screen and (min-width: 482px) { 5866 5867 .author-bio.show-avatars .author-bio-content { 5868 max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px); 5869 } 5870 } 5871 @media only screen and (min-width: 822px) { 5872 5873 .author-bio.show-avatars .author-bio-content { 5874 max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px); 5875 } 5876 } 5877 5878 .author-bio .author-bio-content .author-title { 5879 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 5880 font-size: 1.5rem; 5881 display: inline; 5882 } 5883 5884 .author-bio .author-bio-content .author-description { 5885 font-size: 1rem; 5886 margin-top: 15px; 5887 margin-bottom: 15px; 5888 } 5889 5890 .page-title { 5891 font-size: 4rem; 5892 } 5893 5894 @media only screen and (min-width: 652px) { 5895 5896 .page-title { 5897 font-size: 6rem; 5898 } 5899 } 5900 5901 h1.page-title { 5902 font-weight: 300; 5903 } 5904 5905 h2.page-title { 5906 font-weight: 300; 5907 } 5908 5909 h1.page-title { 5910 line-height: 1.1; 5911 } 5912 5913 .page-header { 5914 border-bottom: 3px solid #28303d; 5915 padding-bottom: 60px; 5916 } 5917 5918 .archive .content-area .format-aside .entry-content { 5919 font-size: 1.5rem; 5920 } 5921 5922 .archive .content-area .format-status .entry-content { 5923 font-size: 1.5rem; 5924 } 5925 5926 .archive .content-area .format-link .entry-content { 5927 font-size: 1.5rem; 5928 } 5929 5930 .search .content-area .format-aside .entry-content { 5931 font-size: 1.5rem; 5932 } 5933 5934 .search .content-area .format-status .entry-content { 5935 font-size: 1.5rem; 5936 } 5937 5938 .search .content-area .format-link .entry-content { 5939 font-size: 1.5rem; 5940 } 5941 5942 .blog .content-area .format-aside .entry-content { 5943 font-size: 1.5rem; 5944 } 5945 5946 .blog .content-area .format-status .entry-content { 5947 font-size: 1.5rem; 5948 } 5949 5950 .blog .content-area .format-link .entry-content { 5951 font-size: 1.5rem; 5952 } 5953 5954 .archive .format-image .entry-content { 5955 margin-top: 60px; 5956 } 5957 5958 .archive .format-gallery .entry-content { 5959 margin-top: 60px; 5960 } 5961 5962 .archive .format-video .entry-content { 5963 margin-top: 60px; 5964 } 5965 5966 .search .format-image .entry-content { 5967 margin-top: 60px; 5968 } 5969 5970 .search .format-gallery .entry-content { 5971 margin-top: 60px; 5972 } 5973 5974 .search .format-video .entry-content { 5975 margin-top: 60px; 5976 } 5977 5978 .blog .format-image .entry-content { 5979 margin-top: 60px; 5980 } 5981 5982 .blog .format-gallery .entry-content { 5983 margin-top: 60px; 5984 } 5985 5986 .blog .format-video .entry-content { 5987 margin-top: 60px; 5988 } 5989 5990 .archive .entry-footer .cat-links, 5991 .archive .entry-footer .tags-links, 5992 .search .entry-footer .cat-links, 5993 .search .entry-footer .tags-links, 5994 .blog .entry-footer .cat-links, 5995 .blog .entry-footer .tags-links { 5996 display: block; 5997 } 5998 5999 .archive.logged-in .entry-footer .posted-on { 6000 margin-right: 10px; 6001 } 6002 6003 .search.logged-in .entry-footer .posted-on { 6004 margin-right: 10px; 6005 } 6006 6007 .blog.logged-in .entry-footer .posted-on { 6008 margin-right: 10px; 6009 } 6010 6011 .archive-description { 6012 margin-top: 30px; 6013 font-size: 2.25rem; 6014 line-height: 1.3; 6015 } 6016 6017 @media only screen and (min-width: 652px) { 6018 6019 .archive-description { 6020 font-size: 2.5rem; 6021 } 6022 } 6023 6024 .error404 main p { 6025 font-size: 1.5rem; 6026 margin-bottom: 50px; 6027 } 6028 6029 .search-no-results .page-content { 6030 margin-top: 90px; 6031 } 6032 6033 /** 6034 * Comments Wrapper 6035 */ 6036 .comments-area > * { 6037 margin-top: 30px; 6038 margin-bottom: 30px; 6039 } 6040 6041 .comments-area > *:first-child { 6042 margin-top: 0; 6043 } 6044 6045 .comments-area > *:last-child { 6046 margin-bottom: 0; 6047 } 6048 6049 .comments-area.show-avatars .avatar { 6050 border-radius: 50%; 6051 position: absolute; 6052 top: 10px; 6053 } 6054 6055 .comments-area.show-avatars .fn { 6056 display: inline-block; 6057 padding-left: 85px; 6058 } 6059 6060 .comments-area.show-avatars .comment-metadata { 6061 padding: 8px 0 9px 85px; 6062 } 6063 6064 /** 6065 * Comment Title 6066 */ 6067 .comments-title { 6068 font-size: 2.25rem; 6069 letter-spacing: normal; 6070 } 6071 @media only screen and (min-width: 652px) { 6072 6073 .comments-title { 6074 font-size: 3rem; 6075 } 6076 } 6077 6078 .comment-reply-title { 6079 font-size: 2.25rem; 6080 letter-spacing: normal; 6081 } 6082 @media only screen and (min-width: 652px) { 6083 6084 .comment-reply-title { 6085 font-size: 3rem; 6086 } 6087 } 6088 6089 .comment-reply-title { 6090 display: flex; 6091 justify-content: space-between; 6092 } 6093 6094 .comment-reply-title small a { 6095 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 6096 font-size: 1rem; 6097 font-style: normal; 6098 font-weight: normal; 6099 letter-spacing: normal; 6100 } 6101 6102 /* Nested comment reply title*/ 6103 .comment .comment-respond .comment-reply-title { 6104 font-size: 1.5rem; 6105 } 6106 6107 /** 6108 * Comment Lists 6109 */ 6110 .comment-list { 6111 padding-left: 0; 6112 list-style: none; 6113 } 6114 6115 .comment-list > li { 6116 margin-top: 30px; 6117 margin-bottom: 30px; 6118 } 6119 6120 .comment-list .children { 6121 list-style: none; 6122 padding-left: 0; 6123 } 6124 6125 .comment-list .children > li { 6126 margin-top: 30px; 6127 margin-bottom: 30px; 6128 } 6129 6130 @media only screen and (min-width: 482px) { 6131 6132 .comment-list .depth-2 { 6133 padding-left: 100px; 6134 } 6135 6136 .comment-list .depth-3 { 6137 padding-left: 100px; 6138 } 6139 } 6140 6141 /** 6142 * Comment Meta 6143 */ 6144 .comment-meta .comment-author { 6145 line-height: 1.3; 6146 margin-bottom: 5px; 6147 } 6148 @media only screen and (min-width: 482px) { 6149 6150 .comment-meta .comment-author { 6151 margin-bottom: 0; 6152 padding-right: 0; 6153 } 6154 } 6155 6156 .comment-meta .comment-author .fn { 6157 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 6158 font-weight: normal; 6159 font-size: 1.5rem; 6160 hyphens: auto; 6161 word-wrap: break-word; 6162 word-break: break-word; 6163 } 6164 6165 .comment-meta .comment-metadata { 6166 color: #28303d; 6167 font-size: 1rem; 6168 padding: 8px 0 9px 0; 6169 } 6170 6171 .comment-meta .comment-metadata .edit-link { 6172 margin-left: 25px; 6173 } 6174 @media only screen and (min-width: 482px) { 6175 6176 .comment-meta { 6177 margin-right: inherit; 6178 } 6179 6180 .comment-meta .comment-author { 6181 max-width: inherit; 6182 } 6183 } 6184 6185 .reply { 6186 font-size: 1.125rem; 6187 line-height: 1.3; 6188 } 6189 6190 .bypostauthor { 6191 display: block; 6192 } 6193 6194 .says { 6195 display: none; 6196 } 6197 6198 .pingback .url { 6199 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 6200 } 6201 6202 .trackback .url { 6203 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 6204 } 6205 6206 .comment-body { 6207 position: relative; 6208 margin-bottom: 51px; 6209 } 6210 6211 .comment-body > * { 6212 margin-top: 30px; 6213 margin-bottom: 30px; 6214 } 6215 6216 .comment-body .reply { 6217 margin: 0; 6218 } 6219 6220 .comment-content { 6221 word-wrap: break-word; 6222 } 6223 6224 .pingback .comment-body { 6225 margin-top: 30px; 6226 margin-bottom: 30px; 6227 } 6228 6229 .trackback .comment-body { 6230 margin-top: 30px; 6231 margin-bottom: 30px; 6232 } 6233 6234 .comment-respond { 6235 margin-top: 30px; 6236 } 6237 6238 .comment-respond > * { 6239 margin-top: 20px; 6240 margin-bottom: 20px; 6241 } 6242 6243 .comment-respond > *:first-child { 6244 margin-top: 0; 6245 } 6246 6247 .comment-respond > *:last-child { 6248 margin-bottom: 0; 6249 } 6250 6251 .comment-respond > *:last-child.comment-form { 6252 margin-bottom: 30px; 6253 } 6254 6255 .comment-author { 6256 padding-top: 3px; 6257 } 6258 6259 .comment-author .url { 6260 color: currentColor; 6261 } 6262 6263 .comment-form { 6264 display: flex; 6265 flex-wrap: wrap; 6266 } 6267 6268 .comment-form > * { 6269 flex-basis: 100%; 6270 } 6271 6272 .comment-form .comment-notes { 6273 font-size: 1.125rem; 6274 } 6275 6276 .comment-form .comment-form-url, 6277 .comment-form .comment-form-comment { 6278 width: 100%; 6279 } 6280 6281 .comment-form .comment-form-author, 6282 .comment-form .comment-form-email { 6283 flex-basis: 0; 6284 flex-grow: 1; 6285 } 6286 @media only screen and (max-width: 481px) { 6287 6288 .comment-form .comment-form-author, 6289 .comment-form .comment-form-email { 6290 flex-basis: 100%; 6291 } 6292 } 6293 6294 .comment-form .comment-form-cookies-consent > label { 6295 font-size: 1rem; 6296 font-weight: normal; 6297 } 6298 6299 .comment-form .comment-notes { 6300 font-size: 1rem; 6301 font-weight: normal; 6302 } 6303 6304 .comment-form > p { 6305 margin-bottom: 20px; 6306 } 6307 6308 .comment-form > p:first-of-type { 6309 margin-top: 0; 6310 } 6311 6312 .comment-form > p:last-of-type { 6313 margin-bottom: 0; 6314 } 6315 6316 .comment-form > p label { 6317 display: block; 6318 font-size: 1.125rem; 6319 margin-bottom: 10px; 6320 width: 100%; 6321 font-weight: 500; 6322 } 6323 6324 .comment-form > p input[type=email] { 6325 display: block; 6326 font-size: 1.125rem; 6327 margin-bottom: 10px; 6328 width: 100%; 6329 font-weight: 500; 6330 } 6331 6332 .comment-form > p input[type=text] { 6333 display: block; 6334 font-size: 1.125rem; 6335 margin-bottom: 10px; 6336 width: 100%; 6337 font-weight: 500; 6338 } 6339 6340 .comment-form > p input[type=url] { 6341 display: block; 6342 font-size: 1.125rem; 6343 margin-bottom: 10px; 6344 width: 100%; 6345 font-weight: 500; 6346 } 6347 6348 .comment-form > p textarea { 6349 display: block; 6350 font-size: 1.125rem; 6351 margin-bottom: 10px; 6352 width: 100%; 6353 font-weight: 500; 6354 } 6355 6356 .comment-form > p.comment-form-cookies-consent { 6357 display: flex; 6358 } 6359 @media only screen and (min-width: 482px) { 6360 6361 .comment-form > p.comment-form-author { 6362 margin-right: 38px; 6363 } 6364 6365 .comment-form > p.comment-notes, 6366 .comment-form > p.logged-in-as { 6367 display: block; 6368 } 6369 } 6370 6371 .menu-button-container { 6372 display: none; 6373 justify-content: space-between; 6374 position: absolute; 6375 right: 0; 6376 padding-top: 15px; 6377 padding-bottom: 8px; 6378 } 6379 @media only screen and (max-width: 481px) { 6380 6381 .menu-button-container { 6382 display: flex; 6383 } 6384 } 6385 6386 .menu-button-container #primary-mobile-menu { 6387 display: flex; 6388 margin-left: auto; 6389 padding: 10px 15px; 6390 font-size: 1rem; 6391 font-weight: 500; 6392 background-color: transparent; 6393 border: none; 6394 color: #28303d; 6395 } 6396 6397 .menu-button-container #primary-mobile-menu .dropdown-icon { 6398 display: flex; 6399 align-items: center; 6400 } 6401 6402 .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { 6403 margin-left: 5px; 6404 } 6405 6406 .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { 6407 position: relative; 6408 top: -1px; 6409 } 6410 6411 .menu-button-container #primary-mobile-menu .dropdown-icon.close { 6412 display: none; 6413 } 6414 6415 .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { 6416 display: none; 6417 } 6418 6419 .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { 6420 display: flex; 6421 } 6422 6423 .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { 6424 animation-name: twentytwentyone-close-button-transition; 6425 animation-duration: 0.3s; 6426 } 6427 6428 .primary-navigation-open .menu-button-container { 6429 width: 100%; 6430 z-index: 500; 6431 background-color: #d1e4dd; 6432 } 6433 6434 .primary-navigation-open .menu-button-container #primary-mobile-menu { 6435 position: static; 6436 } 6437 6438 .primary-navigation { 6439 position: absolute; 6440 top: 0; 6441 right: 0; 6442 color: #28303d; 6443 font-size: 1.25rem; 6444 line-height: 1.15; 6445 margin-top: 0; 6446 margin-bottom: 0; 6447 } 6448 6449 .primary-navigation > .primary-menu-container { 6450 position: fixed; 6451 visibility: hidden; 6452 opacity: 0; 6453 top: 0; 6454 right: 0; 6455 bottom: 0; 6456 left: 0; 6457 padding-top: calc(2rem + 47px); 6458 padding-left: 20px; 6459 padding-right: 20px; 6460 padding-bottom: 25px; 6461 background-color: #d1e4dd; 6462 transition: all 0.15s ease-in-out; 6463 transform: translateY(30px); 6464 } 6465 @media only screen and (max-width: 481px) { 6466 6467 .primary-navigation > .primary-menu-container { 6468 height: 100vh; 6469 z-index: 499; 6470 overflow-x: hidden; 6471 overflow-y: auto; 6472 border: 2px solid transparent; 6473 } 6474 6475 .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { 6476 position: fixed; 6477 transform: translateY(0) translateX(100%); 6478 } 6479 6480 .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { 6481 top: 32px; 6482 } 6483 @media only screen and (max-width: 782px) { 6484 6485 .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { 6486 top: 46px; 6487 } 6488 } 6489 6490 .admin-bar .primary-navigation > .primary-menu-container { 6491 height: calc(100vh - 32px); 6492 } 6493 @media only screen and (max-width: 782px) { 6494 6495 .admin-bar .primary-navigation > .primary-menu-container { 6496 height: calc(100vh - 46px); 6497 } 6498 } 6499 6500 .primary-navigation > .primary-menu-container:focus { 6501 border: 2px solid #28303d; 6502 } 6503 } 6504 @media only screen and (max-width: 481px) { 6505 6506 .primary-navigation-open .primary-navigation { 6507 width: 100%; 6508 position: fixed; 6509 z-index: 2; 6510 } 6511 } 6512 6513 .primary-navigation-open .primary-navigation > .primary-menu-container { 6514 position: absolute; 6515 visibility: visible; 6516 opacity: 1; 6517 transform: translateY(0); 6518 } 6519 @media only screen and (max-width: 481px) { 6520 6521 .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { 6522 transform: translateX(0) translateY(0); 6523 } 6524 } 6525 @media only screen and (min-width: 482px) { 6526 6527 .primary-navigation { 6528 position: relative; 6529 margin-left: auto; 6530 } 6531 6532 .primary-navigation > .primary-menu-container { 6533 visibility: visible; 6534 opacity: 1; 6535 position: relative; 6536 padding: 0; 6537 background-color: transparent; 6538 overflow: initial; 6539 transform: none; 6540 } 6541 6542 .primary-navigation #toggle-menu { 6543 display: none; 6544 } 6545 6546 .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { 6547 display: none; 6548 } 6549 6550 .admin-bar .primary-navigation { 6551 top: initial; 6552 } 6553 6554 .admin-bar .primary-navigation > .primary-menu-container { 6555 top: initial; 6556 } 6557 } 6558 6559 .primary-navigation > div > .menu-wrapper { 6560 display: flex; 6561 justify-content: flex-start; 6562 flex-wrap: wrap; 6563 list-style: none; 6564 margin: 0; 6565 max-width: none; 6566 padding-left: 0; 6567 position: relative; 6568 } 6569 @media only screen and (max-width: 481px) { 6570 6571 .primary-navigation > div > .menu-wrapper { 6572 padding-bottom: 100px; 6573 } 6574 6575 .primary-navigation > div > .menu-wrapper ul { 6576 padding-left: 0; 6577 } 6578 } 6579 6580 .primary-navigation > div > .menu-wrapper li { 6581 display: block; 6582 position: relative; 6583 width: 100%; 6584 } 6585 @media only screen and (min-width: 482px) { 6586 6587 .primary-navigation > div > .menu-wrapper li { 6588 margin: 0; 6589 width: inherit; 6590 } 6591 6592 .primary-navigation > div > .menu-wrapper li:last-child { 6593 margin-right: 0; 6594 } 6595 } 6596 6597 .primary-navigation > div > .menu-wrapper .sub-menu-toggle { 6598 display: flex; 6599 height: calc(27px + 1em); 6600 width: 44px; 6601 padding: 0; 6602 justify-content: center; 6603 align-items: center; 6604 background: transparent; 6605 color: currentColor; 6606 border: none; 6607 } 6608 6609 .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { 6610 outline: 2px solid #28303d; 6611 } 6612 @media only screen and (max-width: 481px) { 6613 6614 .primary-navigation > div > .menu-wrapper .sub-menu-toggle { 6615 display: none; 6616 } 6617 } 6618 6619 .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus, 6620 .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { 6621 height: 100%; 6622 display: flex; 6623 align-items: center; 6624 } 6625 6626 .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, 6627 .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg { 6628 margin-top: -1px; 6629 } 6630 6631 .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { 6632 display: none; 6633 } 6634 6635 .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { 6636 display: flex; 6637 } 6638 6639 .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { 6640 display: none; 6641 } 6642 6643 .primary-navigation > div > .menu-wrapper > li > .sub-menu { 6644 position: relative; 6645 } 6646 @media only screen and (min-width: 482px) { 6647 6648 .primary-navigation > div > .menu-wrapper > li > .sub-menu { 6649 left: 0; 6650 margin: 0; 6651 min-width: max-content; 6652 position: absolute; 6653 top: 100%; 6654 padding-top: 3px; 6655 transition: all 0.5s ease; 6656 z-index: 88888; 6657 } 6658 6659 .primary-navigation > div > .menu-wrapper > li > .sub-menu:before { 6660 content: ""; 6661 display: block; 6662 position: absolute; 6663 width: 0; 6664 top: -10px; 6665 left: 25px; 6666 border-style: solid; 6667 border-color: #28303d transparent; 6668 border-width: 0 7px 10px 7px; 6669 } 6670 6671 .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { 6672 content: ""; 6673 display: block; 6674 position: absolute; 6675 width: 0; 6676 top: -10px; 6677 left: 25px; 6678 border-style: solid; 6679 border-color: #28303d transparent; 6680 border-width: 0 7px 10px 7px; 6681 } 6682 6683 .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { 6684 top: -9px; 6685 border-color: #d1e4dd transparent; 6686 } 6687 6688 .primary-navigation > div > .menu-wrapper > li > .sub-menu li { 6689 background: #d1e4dd; 6690 } 6691 6692 .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { 6693 6694 /* rtl:ignore */ 6695 left: 0; 6696 6697 /* rtl:ignore */ 6698 right: auto; 6699 } 6700 6701 .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before { 6702 6703 /* rtl:ignore */ 6704 left: 25px; 6705 6706 /* rtl:ignore */ 6707 right: auto; 6708 } 6709 6710 .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { 6711 6712 /* rtl:ignore */ 6713 left: 25px; 6714 6715 /* rtl:ignore */ 6716 right: auto; 6717 } 6718 6719 .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { 6720 6721 /* rtl:ignore */ 6722 right: 0; 6723 6724 /* rtl:ignore */ 6725 left: auto; 6726 } 6727 6728 .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before { 6729 6730 /* rtl:ignore */ 6731 left: auto; 6732 6733 /* rtl:ignore */ 6734 right: 25px; 6735 } 6736 6737 .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { 6738 6739 /* rtl:ignore */ 6740 left: auto; 6741 6742 /* rtl:ignore */ 6743 right: 25px; 6744 } 6745 } 6746 6747 .primary-navigation .primary-menu > .menu-item:hover > a { 6748 color: #28303d; 6749 } 6750 @media only screen and (min-width: 482px) { 6751 6752 .primary-navigation .primary-menu-container { 6753 margin-right: -13px; 6754 margin-left: -13px; 6755 } 6756 6757 .primary-navigation .primary-menu-container > ul > .menu-item { 6758 display: flex; 6759 } 6760 6761 .primary-navigation .primary-menu-container > ul > .menu-item > a { 6762 padding-left: 13px; 6763 padding-right: 13px; 6764 } 6765 6766 .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { 6767 margin-left: -8px; 6768 } 6769 } 6770 6771 .primary-navigation a { 6772 display: block; 6773 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 6774 font-size: 1.125rem; 6775 font-weight: normal; 6776 padding: 13px 0; 6777 text-decoration: none; 6778 } 6779 @media only screen and (min-width: 482px) { 6780 6781 .primary-navigation a { 6782 display: block; 6783 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 6784 font-size: 1.25rem; 6785 font-weight: normal; 6786 } 6787 } 6788 6789 .primary-navigation a + svg { 6790 fill: #28303d; 6791 } 6792 6793 .primary-navigation a:hover { 6794 color: #28303d; 6795 } 6796 6797 .primary-navigation a:link { 6798 color: #28303d; 6799 } 6800 6801 .primary-navigation a:visited { 6802 color: #28303d; 6803 } 6804 6805 .primary-navigation a:hover { 6806 text-decoration: underline; 6807 text-decoration-style: dotted; 6808 } 6809 6810 .primary-navigation a:focus { 6811 position: relative; 6812 z-index: 99999; 6813 outline-offset: 0; 6814 text-decoration-thickness: 2px; 6815 } 6816 6817 .primary-navigation .current-menu-item > a:first-child, 6818 .primary-navigation .current_page_item > a:first-child { 6819 text-decoration: underline; 6820 text-decoration-style: solid; 6821 } 6822 6823 .primary-navigation .current-menu-item > a:first-child:hover, 6824 .primary-navigation .current_page_item > a:first-child:hover { 6825 text-decoration: underline; 6826 text-decoration-style: dotted; 6827 } 6828 6829 .primary-navigation .sub-menu { 6830 margin: 0; 6831 padding: 0; 6832 list-style: none; 6833 margin-left: 13px; 6834 border: 1px solid #28303d; 6835 } 6836 6837 .primary-navigation .sub-menu .sub-menu { 6838 border: none; 6839 } 6840 @media only screen and (min-width: 482px) { 6841 6842 .primary-navigation .sub-menu > .menu-item > .sub-menu { 6843 padding: 0; 6844 } 6845 } 6846 @media only screen and (max-width: 481px) { 6847 6848 .primary-navigation .sub-menu .menu-item:last-child { 6849 margin-bottom: 0; 6850 } 6851 } 6852 6853 .primary-navigation .sub-menu .menu-item > a { 6854 padding: 17px 13px; 6855 display: block; 6856 font-size: 1.125rem; 6857 font-style: normal; 6858 } 6859 @media only screen and (min-width: 482px) { 6860 6861 .primary-navigation .sub-menu .menu-item > a { 6862 font-size: 1rem; 6863 font-style: normal; 6864 } 6865 } 6866 6867 .primary-navigation .menu-item-has-children > .svg-icon { 6868 display: none; 6869 } 6870 @media only screen and (min-width: 482px) { 6871 6872 .primary-navigation .menu-item-has-children > .svg-icon { 6873 display: inline-block; 6874 height: 100%; 6875 } 6876 6877 .primary-navigation .menu-item-has-children .sub-menu .svg-icon { 6878 display: none; 6879 } 6880 } 6881 6882 .primary-navigation .menu-item-description { 6883 display: block; 6884 clear: both; 6885 font-size: 1rem; 6886 text-transform: none; 6887 line-height: 1.7; 6888 } 6889 6890 .primary-navigation .menu-item-description > span { 6891 display: inline-block; 6892 } 6893 6894 @media only screen and (max-width: 481px) { 6895 6896 .lock-scrolling .site { 6897 position: fixed; 6898 max-width: 100%; 6899 width: 100%; 6900 } 6901 } 6902 @keyframes twentytwentyone-close-button-transition { 6903 6904 from { 6905 opacity: 0; 6906 } 6907 6908 to { 6909 opacity: 1; 6910 } 6911 } 6912 6913 .footer-navigation { 6914 margin-top: 60px; 6915 margin-bottom: 30px; 6916 color: #28303d; 6917 font-size: 1rem; 6918 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 6919 } 6920 6921 .footer-navigation-wrapper { 6922 display: flex; 6923 justify-content: center; 6924 flex-wrap: wrap; 6925 list-style: none; 6926 padding-left: 0; 6927 } 6928 6929 .footer-navigation-wrapper li { 6930 display: inline; 6931 line-height: 3; 6932 } 6933 6934 .footer-navigation-wrapper li a { 6935 padding: 17px 13px; 6936 transition: transform 0.1s ease; 6937 color: #28303d; 6938 } 6939 6940 .footer-navigation-wrapper li a:link { 6941 color: #28303d; 6942 } 6943 6944 .footer-navigation-wrapper li a:visited { 6945 color: #28303d; 6946 } 6947 6948 .footer-navigation-wrapper li a:active { 6949 color: #28303d; 6950 } 6951 6952 .footer-navigation-wrapper li a:hover { 6953 text-decoration: underline; 6954 text-decoration-style: dotted; 6955 text-decoration-skip-ink: none; 6956 color: #28303d; 6957 } 6958 6959 .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { 6960 fill: #d1e4dd; 6961 } 6962 6963 .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { 6964 fill: #fff; 6965 } 6966 6967 .footer-navigation-wrapper li .svg-icon { 6968 vertical-align: middle; 6969 fill: #28303d; 6970 } 6971 6972 .footer-navigation-wrapper li .svg-icon:hover { 6973 transform: scale(1.1); 6974 } 6975 6976 .footer-navigation-wrapper .sub-menu-toggle, 6977 .footer-navigation-wrapper .menu-item-description { 6978 display: none; 6979 } 6980 6981 /* Next/Previous navigation */ 6982 .navigation { 6983 color: #28303d; 6984 } 6985 6986 .navigation a { 6987 color: #28303d; 6988 text-decoration: none; 6989 } 6990 6991 .navigation a:hover { 6992 color: #28303d; 6993 text-decoration: underline; 6994 text-decoration-style: dotted; 6995 } 6996 6997 .navigation a:focus { 6998 color: #39414d; 6999 } 7000 7001 .navigation a:active { 7002 color: #28303d; 7003 } 7004 7005 .navigation .nav-links > * { 7006 min-width: 44px; 7007 min-height: 44px; 7008 } 7009 7010 .navigation .nav-links .nav-next a, 7011 .navigation .nav-links .nav-previous a { 7012 display: flex; 7013 flex-direction: column; 7014 } 7015 7016 .navigation .nav-links .dots { 7017 text-align: center; 7018 } 7019 @media only screen and (min-width: 592px) { 7020 7021 .navigation .nav-links { 7022 display: flex; 7023 justify-content: center; 7024 flex-wrap: wrap; 7025 } 7026 7027 .navigation .nav-links .nav-next { 7028 flex: 0 1 auto; 7029 margin-bottom: inherit; 7030 margin-top: inherit; 7031 max-width: calc(50% - 10px); 7032 } 7033 7034 .navigation .nav-links .nav-previous { 7035 flex: 0 1 auto; 7036 margin-bottom: inherit; 7037 margin-top: inherit; 7038 max-width: calc(50% - 10px); 7039 } 7040 7041 .navigation .nav-links .nav-next { 7042 text-align: right; 7043 } 7044 } 7045 7046 .navigation .svg-icon { 7047 display: inline-block; 7048 fill: currentColor; 7049 vertical-align: middle; 7050 position: relative; 7051 } 7052 7053 .navigation .nav-previous .svg-icon { 7054 top: -2px; 7055 margin-right: 5px; 7056 } 7057 7058 .navigation .prev .svg-icon { 7059 top: -2px; 7060 margin-right: 5px; 7061 } 7062 7063 .navigation .nav-next .svg-icon { 7064 top: -1px; 7065 margin-left: 5px; 7066 } 7067 7068 .navigation .next .svg-icon { 7069 top: -1px; 7070 margin-left: 5px; 7071 } 7072 7073 .post-navigation { 7074 margin: 30px auto; 7075 } 7076 @media only screen and (min-width: 822px) { 7077 7078 .post-navigation { 7079 margin: 30px auto; 7080 } 7081 } 7082 7083 .post-navigation .meta-nav { 7084 line-height: 1.7; 7085 color: #28303d; 7086 } 7087 7088 .post-navigation .post-title { 7089 display: inline-block; 7090 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 7091 font-size: 1.5rem; 7092 font-weight: 600; 7093 line-height: 1.3; 7094 } 7095 @media only screen and (min-width: 822px) { 7096 7097 .post-navigation .post-title { 7098 margin: 5px 29px 0; 7099 } 7100 } 7101 @media only screen and (min-width: 482px) { 7102 7103 .post-navigation .nav-links { 7104 justify-content: space-between; 7105 } 7106 } 7107 7108 .post-navigation .nav-next { 7109 margin-top: 30px; 7110 margin-bottom: 30px; 7111 } 7112 7113 .post-navigation .nav-previous { 7114 margin-top: 30px; 7115 margin-bottom: 30px; 7116 } 7117 7118 .post-navigation .nav-next:first-child, 7119 .post-navigation .nav-previous:first-child { 7120 margin-top: 0; 7121 } 7122 7123 .post-navigation .nav-next:last-child, 7124 .post-navigation .nav-previous:last-child { 7125 margin-bottom: 0; 7126 } 7127 7128 .pagination { 7129 border-top: 3px solid #28303d; 7130 padding-top: 30px; 7131 margin: 30px auto; 7132 } 7133 7134 .comments-pagination { 7135 border-top: 3px solid #28303d; 7136 padding-top: 30px; 7137 margin: 30px auto; 7138 } 7139 @media only screen and (min-width: 822px) { 7140 7141 .pagination { 7142 margin: 30px auto; 7143 } 7144 7145 .comments-pagination { 7146 margin: 30px auto; 7147 } 7148 } 7149 7150 .pagination .nav-links { 7151 margin-top: -30px; 7152 } 7153 7154 .comments-pagination .nav-links { 7155 margin-top: -30px; 7156 } 7157 7158 .pagination .nav-links a:hover { 7159 color: #28303d; 7160 } 7161 7162 .comments-pagination .nav-links a:hover { 7163 color: #28303d; 7164 } 7165 7166 .is-dark-theme .pagination .nav-links a:active { 7167 color: #d1e4dd; 7168 } 7169 7170 .is-dark-theme .pagination .nav-links a:hover:active { 7171 color: #d1e4dd; 7172 } 7173 7174 .is-dark-theme .pagination .nav-links a:hover:focus { 7175 color: #d1e4dd; 7176 } 7177 7178 .is-dark-theme .comments-pagination .nav-links a:active { 7179 color: #d1e4dd; 7180 } 7181 7182 .is-dark-theme .comments-pagination .nav-links a:hover:active { 7183 color: #d1e4dd; 7184 } 7185 7186 .is-dark-theme .comments-pagination .nav-links a:hover:focus { 7187 color: #d1e4dd; 7188 } 7189 7190 .has-background-white .pagination .nav-links a:active { 7191 color: #fff; 7192 } 7193 7194 .has-background-white .pagination .nav-links a:hover:active { 7195 color: #fff; 7196 } 7197 7198 .has-background-white .pagination .nav-links a:hover:focus { 7199 color: #fff; 7200 } 7201 7202 .has-background-white .comments-pagination .nav-links a:active { 7203 color: #fff; 7204 } 7205 7206 .has-background-white .comments-pagination .nav-links a:hover:active { 7207 color: #fff; 7208 } 7209 7210 .has-background-white .comments-pagination .nav-links a:hover:focus { 7211 color: #fff; 7212 } 7213 7214 .pagination .nav-links > * { 7215 color: #28303d; 7216 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 7217 font-size: 1.5rem; 7218 font-weight: normal; 7219 margin-top: 30px; 7220 margin-left: 13px; 7221 margin-right: 13px; 7222 } 7223 7224 .comments-pagination .nav-links > * { 7225 color: #28303d; 7226 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 7227 font-size: 1.5rem; 7228 font-weight: normal; 7229 margin-top: 30px; 7230 margin-left: 13px; 7231 margin-right: 13px; 7232 } 7233 7234 .pagination .nav-links > *.current, 7235 .comments-pagination .nav-links > *.current { 7236 text-decoration: underline; 7237 } 7238 7239 .pagination .nav-links > *:not(.dots):not(.current):hover, 7240 .comments-pagination .nav-links > *:not(.dots):not(.current):hover { 7241 text-decoration-style: dotted; 7242 } 7243 7244 .pagination .nav-links > *:first-child, 7245 .comments-pagination .nav-links > *:first-child { 7246 margin-left: 0; 7247 } 7248 7249 .pagination .nav-links > *:last-child, 7250 .comments-pagination .nav-links > *:last-child { 7251 margin-right: 0; 7252 } 7253 7254 .pagination .nav-links > *.next, 7255 .comments-pagination .nav-links > *.next { 7256 margin-left: auto; 7257 } 7258 7259 .pagination .nav-links > *.prev, 7260 .comments-pagination .nav-links > *.prev { 7261 margin-right: auto; 7262 } 7263 @media only screen and (max-width: 821px) { 7264 7265 .pagination .nav-links, 7266 .comments-pagination .nav-links { 7267 display: flex; 7268 flex-wrap: wrap; 7269 } 7270 7271 .pagination .page-numbers, 7272 .comments-pagination .page-numbers { 7273 display: none; 7274 } 7275 7276 .pagination .page-numbers.prev, 7277 .pagination .page-numbers.next, 7278 .comments-pagination .page-numbers.prev, 7279 .comments-pagination .page-numbers.next { 7280 display: inline-block; 7281 flex: 0 1 auto; 7282 } 7283 } 7284 @media only screen and (max-width: 481px) { 7285 7286 .pagination .nav-short, 7287 .comments-pagination .nav-short { 7288 display: none; 7289 } 7290 } 7291 7292 .comments-pagination { 7293 padding-top: 20px; 7294 margin: 90px auto; 7295 } 7296 @media only screen and (min-width: 822px) { 7297 7298 .comments-pagination { 7299 margin: 90px auto 120px auto; 7300 } 7301 } 7302 7303 .comments-pagination .nav-links > * { 7304 font-size: 1.25rem; 7305 } 7306 7307 .widget-area { 7308 margin-top: 180px; 7309 padding-bottom: 10px; 7310 color: #28303d; 7311 font-size: 1.125rem; 7312 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 7313 } 7314 @media only screen and (min-width: 652px) { 7315 7316 .widget-area { 7317 display: grid; 7318 grid-template-columns: repeat(2, 1fr); 7319 column-gap: 50px; 7320 } 7321 } 7322 @media only screen and (min-width: 1024px) { 7323 7324 .widget-area { 7325 grid-template-columns: repeat(3, 1fr); 7326 } 7327 } 7328 @media only screen and (max-width: 481px) { 7329 7330 .widget-area { 7331 margin-top: 90px; 7332 } 7333 } 7334 7335 .widget-area ul { 7336 list-style-type: none; 7337 padding: 0; 7338 } 7339 7340 .widget-area ul li { 7341 line-height: 1.9; 7342 } 7343 7344 .widget-area ul.sub-menu { 7345 margin-left: 13px; 7346 } 7347 7348 .widget-area ul.children { 7349 margin-left: 13px; 7350 } 7351 7352 .widget-area ul .sub-menu-toggle { 7353 display: none; 7354 } 7355 7356 .widget-area a { 7357 color: #28303d; 7358 text-decoration: underline; 7359 text-decoration-style: solid; 7360 text-decoration-color: currentColor; 7361 } 7362 7363 .widget-area a:link { 7364 color: #28303d; 7365 } 7366 7367 .widget-area a:visited { 7368 color: #28303d; 7369 } 7370 7371 .widget-area a:active { 7372 color: #28303d; 7373 } 7374 7375 .widget-area a:hover { 7376 color: #28303d; 7377 text-decoration-style: dotted; 7378 } 7379 7380 .widget-area .wp-block-social-links.alignright { 7381 margin-top: 30px; 7382 justify-content: flex-end; 7383 } 7384 7385 .widget-area .wp-block-social-links.alignleft { 7386 margin-top: 30px; 7387 } 7388 7389 .widget-area:after { 7390 content: ""; 7391 display: table; 7392 clear: both; 7393 } 7394 7395 .widget h1 { 7396 font-weight: 700; 7397 line-height: 1.4; 7398 } 7399 7400 .widget h2 { 7401 font-weight: 700; 7402 line-height: 1.4; 7403 } 7404 7405 .widget h3 { 7406 font-weight: 700; 7407 line-height: 1.4; 7408 } 7409 7410 .widget h4 { 7411 font-weight: 700; 7412 line-height: 1.4; 7413 } 7414 7415 .widget h5 { 7416 font-weight: 700; 7417 line-height: 1.4; 7418 } 7419 7420 .widget h6 { 7421 font-weight: 700; 7422 line-height: 1.4; 7423 } 7424 7425 .widget h1 { 7426 font-size: 1.25rem; 7427 } 7428 7429 .widget h2 { 7430 font-size: 1.125rem; 7431 } 7432 7433 .widget h3 { 7434 font-size: 1rem; 7435 } 7436 7437 .widget h4 { 7438 font-size: 1rem; 7439 } 7440 7441 .widget h5 { 7442 font-size: 1rem; 7443 } 7444 7445 .widget h6 { 7446 font-size: 1rem; 7447 } 7448 7449 .search-form { 7450 display: flex; 7451 flex-wrap: wrap; 7452 margin: auto; 7453 max-width: calc(100vw - 30px); 7454 } 7455 7456 @media only screen and (min-width: 482px) { 7457 7458 .search-form { 7459 max-width: min(calc(100vw - 100px), 610px); 7460 } 7461 } 7462 7463 @media only screen and (min-width: 822px) { 7464 7465 .search-form { 7466 max-width: min(calc(100vw - 200px), 610px); 7467 } 7468 } 7469 7470 .search-form > label { 7471 width: 100%; 7472 margin-bottom: 0; 7473 font-weight: 500; 7474 } 7475 7476 .search-form .search-field { 7477 flex-grow: 1; 7478 max-width: inherit; 7479 margin-top: 10px; 7480 margin-right: 17px; 7481 } 7482 7483 .search-form .search-submit { 7484 margin-top: 10px; 7485 margin-left: 10px; 7486 } 7487 7488 .widget_search > .search-form .search-field { 7489 margin-right: -3px; 7490 -webkit-appearance: none; 7491 margin-bottom: 15px; 7492 } 7493 7494 .widget_search > .search-form .search-submit { 7495 margin-left: 0; 7496 margin-bottom: 15px; 7497 } 7498 7499 .widget_rss a.rsswidget .rss-widget-icon { 7500 display: none; 7501 } 7502 7503 /* Category 07 is for any utility classes that are not assigned to a specific component. */ 7504 .screen-reader-text { 7505 border: 0; 7506 clip: rect(1px, 1px, 1px, 1px); 7507 -webkit-clip-path: inset(50%); 7508 clip-path: inset(50%); 7509 height: 1px; 7510 margin: -1px; 7511 overflow: hidden; 7512 padding: 0; 7513 position: absolute !important; 7514 width: 1px; 7515 word-wrap: normal !important; 7516 word-break: normal; 7517 } 7518 7519 .skip-link:focus { 7520 background-color: #f1f1f1; 7521 border-radius: 3px; 7522 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 7523 clip: auto !important; 7524 -webkit-clip-path: none; 7525 clip-path: none; 7526 color: #21759b; 7527 display: block; 7528 font-size: 0.875rem; 7529 font-weight: 700; 7530 height: auto; 7531 left: 5px; 7532 line-height: normal; 7533 padding: 15px 23px 14px; 7534 text-decoration: none; 7535 top: 5px; 7536 width: auto; 7537 z-index: 100000; 7538 } 7539 7540 /* Do not show the outline on the skip link target. */ 7541 #content[tabindex="-1"]:focus { 7542 outline: 0; 7543 } 7544 7545 @media (prefers-reduced-motion) { 7546 7547 * { 7548 transition-delay: 0s !important; 7549 transition-duration: 0s !important; 7550 } 7551 } 7552 7553 .has-black-color[class] { 7554 color: #000; 7555 } 7556 7557 .has-black-color[class] > [class*=__inner-container] { 7558 color: #000; 7559 } 7560 7561 .has-gray-color[class] { 7562 color: #39414d; 7563 } 7564 7565 .has-gray-color[class] > [class*=__inner-container] { 7566 color: #39414d; 7567 } 7568 7569 .has-dark-gray-color[class] { 7570 color: #28303d; 7571 } 7572 7573 .has-dark-gray-color[class] > [class*=__inner-container] { 7574 color: #28303d; 7575 } 7576 7577 .has-green-color[class] { 7578 color: #d1e4dd; 7579 } 7580 7581 .has-green-color[class] > [class*=__inner-container] { 7582 color: #d1e4dd; 7583 } 7584 7585 .has-blue-color[class] { 7586 color: #d1dfe4; 7587 } 7588 7589 .has-blue-color[class] > [class*=__inner-container] { 7590 color: #d1dfe4; 7591 } 7592 7593 .has-purple-color[class] { 7594 color: #d1d1e4; 7595 } 7596 7597 .has-purple-color[class] > [class*=__inner-container] { 7598 color: #d1d1e4; 7599 } 7600 7601 .has-red-color[class] { 7602 color: #e4d1d1; 7603 } 7604 7605 .has-red-color[class] > [class*=__inner-container] { 7606 color: #e4d1d1; 7607 } 7608 7609 .has-orange-color[class] { 7610 color: #e4dad1; 7611 } 7612 7613 .has-orange-color[class] > [class*=__inner-container] { 7614 color: #e4dad1; 7615 } 7616 7617 .has-yellow-color[class] { 7618 color: #eeeadd; 7619 } 7620 7621 .has-yellow-color[class] > [class*=__inner-container] { 7622 color: #eeeadd; 7623 } 7624 7625 .has-white-color[class] { 7626 color: #fff; 7627 } 7628 7629 .has-white-color[class] > [class*=__inner-container] { 7630 color: #fff; 7631 } 7632 7633 .has-background a, 7634 .has-background p, 7635 .has-background h1, 7636 .has-background h2, 7637 .has-background h3, 7638 .has-background h4, 7639 .has-background h5, 7640 .has-background h6 { 7641 color: currentColor; 7642 } 7643 7644 .has-black-background-color[class] { 7645 background-color: #000; 7646 } 7647 7648 .has-black-background-color[class] > [class*=__inner-container] { 7649 background-color: #000; 7650 } 7651 7652 .has-dark-gray-background-color[class] { 7653 background-color: #28303d; 7654 } 7655 7656 .has-dark-gray-background-color[class] > [class*=__inner-container] { 7657 background-color: #28303d; 7658 } 7659 7660 .has-gray-background-color[class] { 7661 background-color: #39414d; 7662 } 7663 7664 .has-gray-background-color[class] > [class*=__inner-container] { 7665 background-color: #39414d; 7666 } 7667 7668 .has-light-gray-background-color[class] { 7669 background-color: #f0f0f0; 7670 } 7671 7672 .has-light-gray-background-color[class] > [class*=__inner-container] { 7673 background-color: #f0f0f0; 7674 } 7675 7676 .has-green-background-color[class] { 7677 background-color: #d1e4dd; 7678 } 7679 7680 .has-green-background-color[class] > [class*=__inner-container] { 7681 background-color: #d1e4dd; 7682 } 7683 7684 .has-blue-background-color[class] { 7685 background-color: #d1dfe4; 7686 } 7687 7688 .has-blue-background-color[class] > [class*=__inner-container] { 7689 background-color: #d1dfe4; 7690 } 7691 7692 .has-purple-background-color[class] { 7693 background-color: #d1d1e4; 7694 } 7695 7696 .has-purple-background-color[class] > [class*=__inner-container] { 7697 background-color: #d1d1e4; 7698 } 7699 7700 .has-red-background-color[class] { 7701 background-color: #e4d1d1; 7702 } 7703 7704 .has-red-background-color[class] > [class*=__inner-container] { 7705 background-color: #e4d1d1; 7706 } 7707 7708 .has-orange-background-color[class] { 7709 background-color: #e4dad1; 7710 } 7711 7712 .has-orange-background-color[class] > [class*=__inner-container] { 7713 background-color: #e4dad1; 7714 } 7715 7716 .has-yellow-background-color[class] { 7717 background-color: #eeeadd; 7718 } 7719 7720 .has-yellow-background-color[class] > [class*=__inner-container] { 7721 background-color: #eeeadd; 7722 } 7723 7724 .has-white-background-color[class] { 7725 background-color: #fff; 7726 } 7727 7728 .has-white-background-color[class] > [class*=__inner-container] { 7729 background-color: #fff; 7730 } 7731 7732 .has-background:not(.has-text-color).has-black-background-color[class] { 7733 color: #fff; 7734 } 7735 7736 .has-background:not(.has-text-color).has-gray-background-color[class] { 7737 color: #fff; 7738 } 7739 7740 .has-background:not(.has-text-color).has-dark-gray-background-color[class] { 7741 color: #fff; 7742 } 7743 7744 .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container] { 7745 color: #28303d; 7746 } 7747 7748 .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { 7749 color: #28303d; 7750 } 7751 7752 .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { 7753 color: #28303d; 7754 } 7755 7756 .has-background:not(.has-text-color).has-green-background-color[class] { 7757 color: #28303d; 7758 } 7759 7760 .has-background:not(.has-text-color).has-blue-background-color[class] { 7761 color: #28303d; 7762 } 7763 7764 .has-background:not(.has-text-color).has-purple-background-color[class] { 7765 color: #28303d; 7766 } 7767 7768 .has-background:not(.has-text-color).has-red-background-color[class] { 7769 color: #28303d; 7770 } 7771 7772 .has-background:not(.has-text-color).has-orange-background-color[class] { 7773 color: #28303d; 7774 } 7775 7776 .has-background:not(.has-text-color).has-yellow-background-color[class] { 7777 color: #28303d; 7778 } 7779 7780 .has-background:not(.has-text-color).has-white-background-color[class] { 7781 color: #28303d; 7782 } 7783 7784 .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container] { 7785 color: #28303d; 7786 } 7787 7788 .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container] { 7789 color: #28303d; 7790 } 7791 7792 .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container] { 7793 color: #28303d; 7794 } 7795 7796 .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container] { 7797 color: #28303d; 7798 } 7799 7800 .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container] { 7801 color: #28303d; 7802 } 7803 7804 .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { 7805 color: #28303d; 7806 } 7807 7808 .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { 7809 color: #28303d; 7810 } 7811 7812 .has-purple-to-yellow-gradient-background { 7813 background: linear-gradient(160deg, #d1d1e4, #eeeadd); 7814 } 7815 7816 .has-yellow-to-purple-gradient-background { 7817 background: linear-gradient(160deg, #eeeadd, #d1d1e4); 7818 } 7819 7820 .has-green-to-yellow-gradient-background { 7821 background: linear-gradient(160deg, #d1e4dd, #eeeadd); 7822 } 7823 7824 .has-yellow-to-green-gradient-background { 7825 background: linear-gradient(160deg, #eeeadd, #d1e4dd); 7826 } 7827 7828 .has-red-to-yellow-gradient-background { 7829 background: linear-gradient(160deg, #e4d1d1, #eeeadd); 7830 } 7831 7832 .has-yellow-to-red-gradient-background { 7833 background: linear-gradient(160deg, #eeeadd, #e4d1d1); 7834 } 7835 7836 .has-purple-to-red-gradient-background { 7837 background: linear-gradient(160deg, #d1d1e4, #e4d1d1); 7838 } 7839 7840 .has-red-to-purple-gradient-background { 7841 background: linear-gradient(160deg, #e4d1d1, #d1d1e4); 7842 } 7843 7844 header * { 7845 max-width: unset; 7846 } 7847 7848 main * { 7849 max-width: unset; 7850 } 7851 7852 footer * { 7853 max-width: unset; 7854 } 7855 7856 html, 7857 body, 7858 div, 7859 header, 7860 nav, 7861 article, 7862 figure, 7863 hr, 7864 main, 7865 section, 7866 footer { 7867 max-width: none; 7868 } 7869 7870 .is-IE.is-dark-theme { 7871 color: #fff; 7872 } 7873 7874 .is-IE.is-dark-theme *, 7875 .is-IE.is-dark-theme a, 7876 .is-IE.is-dark-theme .site-description, 7877 .is-IE.is-dark-theme .entry-title, 7878 .is-IE.is-dark-theme .entry-footer, 7879 .is-IE.is-dark-theme .widget-area, 7880 .is-IE.is-dark-theme .post-navigation .meta-nav, 7881 .is-IE.is-dark-theme .footer-navigation-wrapper li a:link, 7882 .is-IE.is-dark-theme .site-footer > .site-info, 7883 .is-IE.is-dark-theme .site-footer > .site-info a, 7884 .is-IE.is-dark-theme .site-footer > .site-info a:visited { 7885 color: #fff; 7886 } 7887 7888 .is-IE.is-dark-theme .sub-menu-toggle svg, 7889 .is-IE.is-dark-theme .sub-menu-toggle path, 7890 .is-IE.is-dark-theme .post-navigation .meta-nav svg, 7891 .is-IE.is-dark-theme .post-navigation .meta-nav path { 7892 fill: #fff; 7893 } 7894 7895 .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { 7896 background: #000; 7897 } 7898 @media only screen and (max-width: 481px) { 7899 7900 .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container, 7901 .is-IE.is-dark-theme.primary-navigation-open .menu-button-container { 7902 background-color: #000; 7903 } 7904 } 7905 7906 .is-IE.is-dark-theme .skip-link:focus { 7907 color: #21759b; 7908 } 7909 7910 .is-IE .navigation .nav-links { 7911 display: block; 7912 } 7913 7914 .is-IE .post-thumbnail .wp-post-image { 7915 min-width: auto; 7916 }