[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /* 2 Theme Name: Twenty Fifteen 3 Theme URI: https://wordpress.org/themes/twentyfifteen/ 4 Author: the WordPress team 5 Author URI: https://wordpress.org/ 6 Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. 7 Version: 3.9 8 Requires at least: 4.1 9 Tested up to: 6.7 10 Requires PHP: 5.2.4 11 License: GNU General Public License v2 or later 12 License URI: http://www.gnu.org/licenses/gpl-2.0.html 13 Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns 14 Text Domain: twentyfifteen 15 16 This theme, like WordPress, is licensed under the GPL. 17 Use it to make something cool, have fun, and share what you've learned with others. 18 */ 19 20 21 /** 22 * Table of Contents 23 * 24 * 1.0 - Reset 25 * 2.0 - Genericons 26 * 3.0 - Typography 27 * 4.0 - Elements 28 * 5.0 - Forms 29 * 6.0 - Navigations 30 * 6.1 - Links 31 * 6.2 - Menus 32 * 7.0 - Accessibility 33 * 8.0 - Alignments 34 * 9.0 - Clearings 35 * 10.0 - Header 36 * 11.0 - Widgets 37 * 12.0 - Content 38 * 12.1 - Posts and pages 39 * 12.2 - Post Formats 40 * 12.3 - Comments 41 * 13.0 - Footer 42 * 14.0 - Media 43 * 14.1 - Captions 44 * 14.2 - Galleries 45 * 15.0 - Multisite 46 * 16.0 - Media Queries 47 * 16.1 - Mobile Large 48 * 16.2 - Tablet Small 49 * 16.3 - Tablet Large 50 * 16.4 - Desktop Small 51 * 16.5 - Desktop Medium 52 * 16.6 - Desktop Large 53 * 16.7 - Desktop X-Large 54 * 17.0 - Print 55 */ 56 57 58 /** 59 * 1.0 - Reset 60 * 61 * Resetting and rebuilding styles have been helped along thanks to the fine 62 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint. 63 */ 64 65 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 66 border: 0; 67 font-family: inherit; 68 font-size: 100%; 69 font-style: inherit; 70 font-weight: inherit; 71 margin: 0; 72 outline: 0; 73 padding: 0; 74 vertical-align: baseline; 75 } 76 77 html { 78 -webkit-box-sizing: border-box; 79 -moz-box-sizing: border-box; 80 box-sizing: border-box; 81 font-size: 62.5%; 82 overflow-y: scroll; 83 -webkit-text-size-adjust: 100%; 84 -ms-text-size-adjust: 100%; 85 } 86 87 *, 88 *:before, 89 *:after { 90 -webkit-box-sizing: inherit; 91 -moz-box-sizing: inherit; 92 box-sizing: inherit; 93 } 94 95 body { 96 background: #f1f1f1; 97 } 98 99 article, 100 aside, 101 details, 102 figcaption, 103 figure, 104 footer, 105 header, 106 main, 107 nav, 108 section { 109 display: block; 110 } 111 112 ol, 113 ul { 114 list-style: none; 115 } 116 117 table { 118 border-collapse: separate; 119 border-spacing: 0; 120 } 121 122 caption, 123 th, 124 td { 125 font-weight: normal; 126 text-align: left; 127 } 128 129 fieldset { 130 min-width: inherit; 131 } 132 133 blockquote:before, 134 blockquote:after, 135 q:before, 136 q:after { 137 content: ""; 138 } 139 140 blockquote, 141 q { 142 -webkit-hyphens: none; 143 -moz-hyphens: none; 144 -ms-hyphens: none; 145 hyphens: none; 146 quotes: none; 147 } 148 149 a:focus { 150 outline: 2px solid #c1c1c1; 151 outline: 2px solid rgba(51, 51, 51, 0.3); 152 } 153 154 a:hover, 155 a:active { 156 outline: 0; 157 } 158 159 a img { 160 border: 0; 161 } 162 163 164 /** 165 * 2.0 - Genericons 166 */ 167 168 .social-navigation a:before, 169 .secondary-toggle:before, 170 .dropdown-toggle:after, 171 .bypostauthor > article .fn:after, 172 .comment-reply-title small a:before, 173 .comment-navigation .nav-next a:after, 174 .comment-navigation .nav-previous a:before, 175 .posted-on:before, 176 .byline:before, 177 .cat-links:before, 178 .tags-links:before, 179 .comments-link:before, 180 .entry-format:before, 181 .edit-link:before, 182 .full-size-link:before, 183 .pagination .prev:before, 184 .pagination .next:before, 185 .image-navigation a:before, 186 .image-navigation a:after, 187 .format-link .entry-title a:after, 188 .entry-content .more-link:after, 189 .entry-summary .more-link:after, 190 .author-link:after { 191 -moz-osx-font-smoothing: grayscale; 192 -webkit-font-smoothing: antialiased; 193 display: inline-block; 194 font-family: "Genericons"; 195 font-size: 16px; 196 font-style: normal; 197 font-weight: normal; 198 font-variant: normal; 199 line-height: 1; 200 speak: never; 201 text-align: center; 202 text-decoration: inherit; 203 text-transform: none; 204 vertical-align: top; 205 } 206 207 208 /** 209 * 3.0 Typography 210 */ 211 212 body, 213 button, 214 input, 215 select, 216 textarea { 217 color: #333; 218 font-family: "Noto Serif", serif; 219 font-size: 15px; 220 font-size: 1.5rem; 221 line-height: 1.6; 222 } 223 224 h1, 225 h2, 226 h3, 227 h4, 228 h5, 229 h6 { 230 clear: both; 231 font-weight: 700; 232 } 233 234 p { 235 margin-bottom: 1.6em; 236 } 237 238 b, 239 strong { 240 font-weight: 700; 241 } 242 243 dfn, 244 cite, 245 em, 246 i { 247 font-style: italic; 248 } 249 250 blockquote { 251 border-left: 4px solid #707070; 252 border-left: 4px solid rgba(51, 51, 51, 0.7); 253 color: #707070; 254 color: rgba(51, 51, 51, 0.7); 255 font-size: 18px; 256 font-size: 1.8rem; 257 font-style: italic; 258 line-height: 1.6667; 259 margin-bottom: 1.6667em; 260 padding-left: 0.7778em; 261 } 262 263 blockquote p { 264 margin-bottom: 1.6667em; 265 } 266 267 blockquote > p:last-child { 268 margin-bottom: 0; 269 } 270 271 blockquote cite, 272 blockquote small { 273 color: #333; 274 font-size: 15px; 275 font-size: 1.5rem; 276 font-family: "Noto Sans", sans-serif; 277 line-height: 1.6; 278 } 279 280 blockquote em, 281 blockquote i, 282 blockquote cite { 283 font-style: normal; 284 } 285 286 blockquote strong, 287 blockquote b { 288 font-weight: 400; 289 } 290 291 address { 292 font-style: italic; 293 margin: 0 0 1.6em; 294 } 295 296 code, 297 kbd, 298 tt, 299 var, 300 samp, 301 pre { 302 font-family: Inconsolata, monospace; 303 -webkit-hyphens: none; 304 -moz-hyphens: none; 305 -ms-hyphens: none; 306 hyphens: none; 307 } 308 309 pre { 310 background-color: transparent; 311 background-color: rgba(0, 0, 0, 0.01); 312 border: 1px solid #eaeaea; 313 border: 1px solid rgba(51, 51, 51, 0.1); 314 line-height: 1.2; 315 margin-bottom: 1.6em; 316 max-width: 100%; 317 overflow: auto; 318 padding: 0.8em; 319 white-space: pre; 320 white-space: pre-wrap; 321 word-wrap: break-word; 322 } 323 324 abbr[title] { 325 border-bottom: 1px dotted #eaeaea; 326 border-bottom: 1px dotted rgba(51, 51, 51, 0.1); 327 cursor: help; 328 } 329 330 mark, 331 ins { 332 background-color: #fff9c0; 333 text-decoration: none; 334 } 335 336 sup, 337 sub { 338 font-size: 75%; 339 height: 0; 340 line-height: 0; 341 position: relative; 342 vertical-align: baseline; 343 } 344 345 sup { 346 bottom: 1ex; 347 } 348 349 sub { 350 top: .5ex; 351 } 352 353 small { 354 font-size: 75%; 355 } 356 357 big { 358 font-size: 125%; 359 } 360 361 362 /** 363 * 4.0 Elements 364 */ 365 366 hr { 367 background-color: #eaeaea; 368 background-color: rgba(51, 51, 51, 0.1); 369 border: 0; 370 height: 1px; 371 margin-bottom: 1.6em; 372 } 373 374 ul, 375 ol { 376 margin: 0 0 1.6em 1.3333em; 377 } 378 379 ul { 380 list-style: disc; 381 } 382 383 ol { 384 list-style: decimal; 385 } 386 387 li > ul, 388 li > ol { 389 margin-bottom: 0; 390 } 391 392 dl { 393 margin-bottom: 1.6em; 394 } 395 396 dt { 397 font-weight: bold; 398 } 399 400 dd { 401 margin-bottom: 1.6em; 402 } 403 404 table, 405 th, 406 td { 407 border: 1px solid #eaeaea; 408 border: 1px solid rgba(51, 51, 51, 0.1); 409 } 410 411 table { 412 border-collapse: separate; 413 border-spacing: 0; 414 border-width: 1px 0 0 1px; 415 margin: 0 0 1.6em; 416 table-layout: fixed; /* Prevents HTML tables from becoming too wide */ 417 width: 100%; 418 } 419 420 caption, 421 th, 422 td { 423 font-weight: normal; 424 text-align: left; 425 } 426 427 th { 428 border-width: 0 1px 1px 0; 429 font-weight: 700; 430 } 431 432 td { 433 border-width: 0 1px 1px 0; 434 } 435 436 th, td { 437 padding: 0.4em; 438 } 439 440 img { 441 -ms-interpolation-mode: bicubic; 442 border: 0; 443 height: auto; 444 max-width: 100%; 445 vertical-align: middle; 446 } 447 448 figure { 449 margin: 0; 450 } 451 452 del { 453 opacity: 0.8; 454 } 455 456 /* Placeholder text color -- selectors need to be separate to work. */ 457 458 ::-webkit-input-placeholder { 459 color: rgba(51, 51, 51, 0.7); 460 font-family: "Noto Sans", sans-serif; 461 } 462 463 :-moz-placeholder { 464 color: rgba(51, 51, 51, 0.7); 465 font-family: "Noto Sans", sans-serif; 466 } 467 468 ::-moz-placeholder { 469 color: rgba(51, 51, 51, 0.7); 470 font-family: "Noto Sans", sans-serif; 471 opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ 472 } 473 474 :-ms-input-placeholder { 475 color: rgba(51, 51, 51, 0.7); 476 font-family: "Noto Sans", sans-serif; 477 } 478 479 480 /** 481 * 5.0 Forms 482 */ 483 484 button, 485 input, 486 select, 487 textarea { 488 background-color: #f7f7f7; 489 border-radius: 0; 490 font-size: 16px; 491 font-size: 1.6rem; 492 line-height: 1.5; 493 margin: 0; 494 max-width: 100%; 495 vertical-align: baseline; 496 } 497 498 button, 499 input { 500 -webkit-hyphens: none; 501 -moz-hyphens: none; 502 -ms-hyphens: none; 503 hyphens: none; 504 line-height: normal; 505 } 506 507 input, 508 textarea { 509 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */ 510 border: 1px solid #eaeaea; 511 border: 1px solid rgba(51, 51, 51, 0.1); 512 color: #707070; 513 color: rgba(51, 51, 51, 0.7); 514 } 515 516 input:focus, 517 textarea:focus { 518 background-color: #fff; 519 border: 1px solid #c1c1c1; 520 border: 1px solid rgba(51, 51, 51, 0.3); 521 color: #333; 522 } 523 524 input:focus, 525 select:focus { 526 outline: 2px solid #c1c1c1; 527 outline: 2px solid rgba(51, 51, 51, 0.3); 528 } 529 530 button[disabled], 531 input[disabled], 532 select[disabled], 533 textarea[disabled] { 534 cursor: default; 535 opacity: .5; 536 } 537 538 button, 539 input[type="button"], 540 input[type="reset"], 541 input[type="submit"] { 542 -webkit-appearance: button; 543 background-color: #333; 544 border: 0; 545 color: #fff; 546 cursor: pointer; 547 font-family: "Noto Sans", sans-serif; 548 font-size: 12px; 549 font-size: 1.2rem; 550 font-weight: 700; 551 padding: 0.7917em 1.5em; 552 text-transform: uppercase; 553 } 554 555 button:hover, 556 input[type="button"]:hover, 557 input[type="reset"]:hover, 558 input[type="submit"]:hover, 559 button:focus, 560 input[type="button"]:focus, 561 input[type="reset"]:focus, 562 input[type="submit"]:focus { 563 background-color: #707070; 564 background-color: rgba(51, 51, 51, 0.7); 565 outline: 0; 566 } 567 568 input[type="search"] { 569 -webkit-appearance: textfield; 570 } 571 572 input[type="search"]::-webkit-search-cancel-button, 573 input[type="search"]::-webkit-search-decoration { 574 -webkit-appearance: none; 575 } 576 577 button::-moz-focus-inner, 578 input::-moz-focus-inner { 579 border: 0; 580 padding: 0; 581 } 582 583 input[type="text"], 584 input[type="email"], 585 input[type="url"], 586 input[type="password"], 587 input[type="search"], 588 textarea { 589 padding: 0.375em; 590 width: 100%; 591 } 592 593 textarea { 594 overflow: auto; 595 vertical-align: top; 596 } 597 598 input[type="text"]:focus, 599 input[type="email"]:focus, 600 input[type="url"]:focus, 601 input[type="password"]:focus, 602 input[type="search"]:focus, 603 textarea:focus { 604 outline: 0; 605 } 606 607 .post-password-form { 608 position: relative; 609 } 610 611 .post-password-form label { 612 color: #707070; 613 color: rgba(51, 51, 51, 0.7); 614 display: block; 615 font-family: "Noto Sans", sans-serif; 616 font-size: 12px; 617 font-size: 1.2rem; 618 font-weight: 700; 619 letter-spacing: 0.04em; 620 line-height: 1.5; 621 text-transform: uppercase; 622 } 623 624 .post-password-form input[type="submit"] { 625 padding: 0.7917em; 626 position: absolute; 627 right: 0; 628 bottom: 0; 629 } 630 631 input[type="checkbox"], 632 input[type="radio"] { 633 padding: 0; 634 } 635 636 .search-form input[type="submit"], 637 .widget .search-form input[type="submit"] { 638 padding: 0; 639 } 640 641 642 /** 643 * 6.0 Navigations 644 */ 645 646 647 /** 648 * 6.1 Links 649 */ 650 651 a { 652 color: #333; 653 text-decoration: none; 654 } 655 656 a:hover, 657 a:focus { 658 color: #707070; 659 color: rgba(51, 51, 51, 0.7); 660 } 661 662 663 /** 664 * 6.2 Menus 665 */ 666 667 .main-navigation a { 668 display: block; 669 padding: 0.8em 0; 670 position: relative; 671 text-decoration: none; 672 } 673 674 .main-navigation ul { 675 list-style: none; 676 margin: 0; 677 } 678 679 .main-navigation ul ul { 680 display: none; 681 margin-left: 0.8em; 682 } 683 684 .main-navigation ul .toggled-on { 685 display: block; 686 } 687 688 .main-navigation li { 689 border-top: 1px solid #eaeaea; 690 border-top: 1px solid rgba(51, 51, 51, 0.1); 691 position: relative; 692 } 693 694 .main-navigation .current-menu-item > a, 695 .main-navigation .current-menu-ancestor > a { 696 font-weight: 700; 697 } 698 699 .main-navigation .nav-menu > ul > li:first-child, 700 .main-navigation .nav-menu > li:first-child { 701 border-top: 0; 702 } 703 704 .main-navigation .menu-item-has-children > a { 705 padding-right: 48px; 706 } 707 708 .main-navigation .menu-item-description { 709 color: #707070; 710 color: rgba(51, 51, 51, 0.7); 711 font-family: "Noto Sans", sans-serif; 712 font-size: 12px; 713 font-size: 1.2rem; 714 font-weight: 400; 715 line-height: 1.5; 716 margin-top: 0.5em; 717 } 718 719 .no-js .main-navigation ul ul { 720 display: block; 721 } 722 723 .dropdown-toggle { 724 background-color: transparent; 725 border: 0; 726 -webkit-box-sizing: content-box; 727 -moz-box-sizing: content-box; 728 box-sizing: content-box; 729 content: ""; 730 height: 42px; 731 padding: 0; 732 position: absolute; 733 text-transform: lowercase; /* Stop screen readers to read the text as capital letters */ 734 top: 3px; 735 right: 0; 736 width: 42px; 737 } 738 739 .dropdown-toggle:after { 740 color: #333; 741 content: "\f431"; 742 font-size: 24px; 743 line-height: 42px; 744 position: relative; 745 top: 0; 746 left: 1px; 747 width: 42px; 748 } 749 750 .dropdown-toggle:hover, 751 .dropdown-toggle:focus { 752 background-color: #eaeaea; 753 background-color: rgba(51, 51, 51, 0.1); 754 } 755 756 .dropdown-toggle:focus { 757 outline: 1px solid #c1c1c1; 758 outline: 1px solid rgba(51, 51, 51, 0.3); 759 } 760 761 .dropdown-toggle.toggle-on:after { 762 content: "\f432"; 763 } 764 765 .social-navigation { 766 margin: 9.0909% 0; 767 } 768 769 .social-navigation ul { 770 list-style: none; 771 margin: 0 0 -1.6em 0; 772 } 773 774 .social-navigation li { 775 float: left; 776 } 777 778 .social-navigation a { 779 display: block; 780 height: 3.2em; 781 position: relative; 782 width: 3.2em; 783 } 784 785 .social-navigation a:before { 786 content: "\f415"; 787 font-size: 24px; 788 position: absolute; 789 top: 0; 790 left: 0; 791 } 792 793 .social-navigation a[href*="codepen.io"]:before { 794 content: "\f216"; 795 } 796 797 .social-navigation a[href*="digg.com"]:before { 798 content: "\f221"; 799 } 800 801 .social-navigation a[href*="dribbble.com"]:before { 802 content: "\f201"; 803 } 804 805 .social-navigation a[href*="dropbox.com"]:before { 806 content: "\f225"; 807 } 808 809 .social-navigation a[href*="facebook.com"]:before { 810 content: "\f203"; 811 } 812 813 .social-navigation a[href*="flickr.com"]:before { 814 content: "\f211"; 815 } 816 817 .social-navigation a[href*="foursquare.com"]:before { 818 content: "\f226"; 819 } 820 821 .social-navigation a[href*="plus.google.com"]:before { 822 content: "\f206"; 823 } 824 825 .social-navigation a[href*="github.com"]:before { 826 content: "\f200"; 827 } 828 829 .social-navigation a[href*="instagram.com"]:before { 830 content: "\f215"; 831 } 832 833 .social-navigation a[href*="linkedin.com"]:before { 834 content: "\f208"; 835 } 836 837 .social-navigation a[href*="pinterest.com"]:before { 838 content: "\f210"; 839 } 840 841 .social-navigation a[href*="getpocket.com"]:before { 842 content: "\f224"; 843 } 844 845 .social-navigation a[href*="polldaddy.com"]:before { 846 content: "\f217"; 847 } 848 849 .social-navigation a[href*="reddit.com"]:before { 850 content: "\f222"; 851 } 852 853 .social-navigation a[href*="stumbleupon.com"]:before { 854 content: "\f223"; 855 } 856 857 .social-navigation a[href*="tumblr.com"]:before { 858 content: "\f214"; 859 } 860 861 .social-navigation a[href*="twitter.com"]:before { 862 content: "\f202"; 863 } 864 865 .social-navigation a[href*="vimeo.com"]:before { 866 content: "\f212"; 867 } 868 869 .social-navigation a[href*="wordpress.com"]:before, 870 .social-navigation a[href*="wordpress.org"]:before { 871 content: "\f205"; 872 } 873 874 .social-navigation a[href*="youtube.com"]:before { 875 content: "\f213"; 876 } 877 878 .social-navigation a[href*="mailto:"]:before { 879 content: "\f410"; 880 } 881 882 .social-navigation a[href*="spotify.com"]:before { 883 content: "\f515"; 884 } 885 886 .social-navigation a[href*="twitch.tv"]:before { 887 content: "\f516"; 888 } 889 890 .social-navigation a[href$="/feed/"]:before { 891 content: "\f413"; 892 } 893 894 .social-navigation a[href*="path.com"]:before { 895 content: "\f219"; 896 } 897 898 .social-navigation a[href*="skype.com"]:before { 899 content: "\f220"; 900 } 901 902 .secondary-toggle { 903 background-color: transparent; 904 border: 1px solid #eaeaea; 905 border: 1px solid rgba(51, 51, 51, 0.1); 906 height: 42px; 907 overflow: hidden; 908 padding: 0; 909 position: absolute; 910 top: 50%; 911 right: 0; 912 text-align: center; 913 -webkit-transform: translateY(-50%); 914 -ms-transform: translateY(-50%); 915 transform: translateY(-50%); 916 width: 42px; 917 } 918 919 .secondary-toggle:before { 920 color: #333; 921 content: "\f419"; 922 line-height: 40px; 923 width: 40px; 924 } 925 926 .secondary-toggle:hover, 927 .secondary-toggle:focus { 928 background-color: transparent; 929 border: 1px solid #c1c1c1; 930 border: 1px solid rgba(51, 51, 51, 0.3); 931 outline: 0; 932 } 933 934 .secondary-toggle.toggled-on:before { 935 content: "\f405"; 936 font-size: 32px; 937 position: relative; 938 top: 1px; 939 left: -1px; 940 } 941 942 .post-navigation { 943 background-color: #fff; 944 border-top: 1px solid #eaeaea; 945 border-top: 1px solid rgba(51, 51, 51, 0.1); 946 font-weight: 700; 947 } 948 949 .post-navigation a { 950 display: block; 951 padding: 3.8461% 7.6923%; 952 } 953 954 .post-navigation span { 955 display: block; 956 } 957 958 .post-navigation .meta-nav { 959 color: #707070; 960 color: rgba(51, 51, 51, 0.7); 961 font-family: "Noto Sans", sans-serif; 962 font-size: 12px; 963 font-size: 1.2rem; 964 letter-spacing: 0.04em; 965 line-height: 1.5; 966 position: relative; 967 text-transform: uppercase; 968 z-index: 2; 969 } 970 971 .post-navigation .post-title { 972 font-family: "Noto Serif", serif; 973 font-size: 18px; 974 font-size: 1.8rem; 975 line-height: 1.3333; 976 position: relative; 977 z-index: 2; 978 } 979 980 .post-navigation .nav-next, 981 .post-navigation .nav-previous { 982 background-position: center; 983 background-size: cover; 984 position: relative; 985 } 986 987 .post-navigation a:before { 988 content: ""; 989 display: block; 990 height: 100%; 991 position: absolute; 992 top: 0; 993 left: 0; 994 width: 100%; 995 z-index: 1; 996 } 997 998 .post-navigation a:hover:before, 999 .post-navigation a:focus:before { 1000 opacity: 0.5; 1001 } 1002 1003 .post-navigation .meta-nav { 1004 opacity: 0.8; 1005 } 1006 1007 .post-navigation div + div { 1008 border-top: 1px solid #eaeaea; 1009 border-top: 1px solid rgba(51, 51, 51, 0.1); 1010 } 1011 1012 .pagination { 1013 background-color: #fff; 1014 border-top: 1px solid rgba(51, 51, 51, 0.1); 1015 font-family: "Noto Sans", sans-serif; 1016 } 1017 1018 .pagination .nav-links { 1019 min-height: 3.2em; 1020 position: relative; 1021 text-align: center; 1022 } 1023 1024 /* reset screen-reader-text */ 1025 .pagination .current .screen-reader-text { 1026 position: static !important; 1027 } 1028 1029 .pagination .page-numbers { 1030 display: none; 1031 line-height: 3.2em; 1032 padding: 0 0.6667em; 1033 } 1034 1035 .pagination .page-numbers.current { 1036 text-transform: uppercase; 1037 } 1038 1039 .pagination .current { 1040 display: inline-block; 1041 font-weight: 700; 1042 } 1043 1044 .pagination .prev, 1045 .pagination .next { 1046 -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); 1047 background-color: #333; 1048 color: #fff; 1049 display: inline-block; 1050 height: 48px; 1051 overflow: hidden; 1052 padding: 0; 1053 position: absolute; 1054 width: 48px; 1055 } 1056 1057 .pagination .prev:before, 1058 .pagination .next:before { 1059 font-size: 32px; 1060 height: 48px; 1061 line-height: 48px; 1062 position: relative; 1063 width: 48px; 1064 } 1065 1066 .pagination .prev:hover, 1067 .pagination .prev:focus, 1068 .pagination .next:hover, 1069 .pagination .next:focus { 1070 background-color: #707070; 1071 background-color: rgba(51, 51, 51, 0.7); 1072 } 1073 1074 .pagination .prev { 1075 left: 0; 1076 } 1077 1078 .pagination .prev:before { 1079 content: "\f430"; 1080 left: -1px; 1081 } 1082 1083 .pagination .next { 1084 right: 0; 1085 } 1086 1087 .pagination .next:before { 1088 content: "\f429"; 1089 right: -1px; 1090 } 1091 1092 .image-navigation, 1093 .comment-navigation { 1094 color: #707070; 1095 color: rgba(51, 51, 51, 0.7); 1096 font-size: 12px; 1097 font-size: 1.2rem; 1098 font-family: "Noto Sans", sans-serif; 1099 font-weight: 700; 1100 line-height: 1.5; 1101 text-transform: uppercase; 1102 } 1103 1104 .image-navigation a, 1105 .comment-navigation a { 1106 color: #707070; 1107 color: rgba(51, 51, 51, 0.7); 1108 } 1109 1110 .image-navigation a:hover, 1111 .image-navigation a:focus, 1112 .comment-navigation a:hover, 1113 .comment-navigation a:focus { 1114 color: #333; 1115 } 1116 1117 .image-navigation .nav-previous:not(:empty), 1118 .image-navigation .nav-next:not(:empty), 1119 .comment-navigation .nav-previous:not(:empty), 1120 .comment-navigation .nav-next:not(:empty) { 1121 display: inline-block; 1122 } 1123 1124 .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before, 1125 .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { 1126 content: "\2215"; 1127 font-weight: 400; 1128 margin: 0 0.7em; 1129 } 1130 1131 .image-navigation .nav-previous a:before, 1132 .comment-navigation .nav-previous a:before { 1133 content: "\f430"; 1134 margin-right: 0.2em; 1135 position: relative; 1136 } 1137 1138 .image-navigation .nav-next a:after, 1139 .comment-navigation .nav-next a:after { 1140 content: "\f429"; 1141 margin-left: 0.2em; 1142 position: relative; 1143 } 1144 1145 .comment-navigation { 1146 border-top: 1px solid #eaeaea; 1147 border-top: 1px solid rgba(51, 51, 51, 0.1); 1148 border-bottom: 1px solid #eaeaea; 1149 border-bottom: 1px solid rgba(51, 51, 51, 0.1); 1150 padding: 2em 0; 1151 } 1152 1153 .comments-title + .comment-navigation { 1154 border-bottom: 0; 1155 } 1156 1157 .image-navigation { 1158 padding: 0 7.6923%; 1159 } 1160 1161 .image-navigation .nav-previous:not(:empty), 1162 .image-navigation .nav-next:not(:empty) { 1163 margin-bottom: 2em; 1164 } 1165 1166 1167 /** 1168 * 7.0 Accessibility 1169 */ 1170 1171 /* Text meant only for screen readers */ 1172 .says, 1173 .screen-reader-text { 1174 clip: rect(1px, 1px, 1px, 1px); 1175 height: 1px; 1176 overflow: hidden; 1177 position: absolute !important; 1178 width: 1px; 1179 } 1180 1181 /* must have higher specificity than alternative color schemes inline styles */ 1182 .site .skip-link { 1183 background-color: #f1f1f1; 1184 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); 1185 color: #21759b; 1186 display: block; 1187 font: bold 14px/normal "Noto Sans", sans-serif; 1188 left: -9999em; 1189 outline: none; 1190 padding: 15px 23px 14px; 1191 text-decoration: none; 1192 text-transform: none; 1193 top: -9999em; 1194 } 1195 1196 .logged-in .site .skip-link { 1197 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 1198 font: bold 14px/normal "Open Sans", sans-serif; 1199 } 1200 1201 .site .skip-link:focus { 1202 clip: auto; 1203 height: auto; 1204 left: 6px; 1205 top: 7px; 1206 width: auto; 1207 z-index: 100000; 1208 } 1209 1210 1211 /** 1212 * 8.0 Alignments 1213 */ 1214 1215 .alignleft { 1216 display: inline; 1217 float: left; 1218 } 1219 1220 .alignright { 1221 display: inline; 1222 float: right; 1223 } 1224 1225 .aligncenter { 1226 display: block; 1227 margin-right: auto; 1228 margin-left: auto; 1229 } 1230 1231 blockquote.alignleft, 1232 .wp-caption.alignleft, 1233 img.alignleft { 1234 margin: 0.4em 1.6em 1.6em 0; 1235 } 1236 1237 blockquote.alignright, 1238 .wp-caption.alignright, 1239 img.alignright { 1240 margin: 0.4em 0 1.6em 1.6em; 1241 } 1242 1243 blockquote.aligncenter, 1244 .wp-caption.aligncenter, 1245 img.aligncenter { 1246 clear: both; 1247 margin-top: 0.4em; 1248 margin-bottom: 1.6em; 1249 } 1250 1251 .wp-caption.alignleft, 1252 .wp-caption.alignright, 1253 .wp-caption.aligncenter { 1254 margin-bottom: 1.2em; 1255 } 1256 1257 1258 /** 1259 * 9.0 Clearings 1260 */ 1261 1262 .clear:before, 1263 .clear:after, 1264 .site:before, 1265 .site:after, 1266 .entry-content:before, 1267 .entry-content:after, 1268 .comment-content:before, 1269 .comment-content:after, 1270 .site-content:before, 1271 .site-content:after, 1272 .nav-links:before, 1273 .nav-links:after, 1274 .comment-navigation:before, 1275 .comment-navigation:after, 1276 .social-navigation ul:before, 1277 .social-navigation ul:after, 1278 .textwidget:before, 1279 .textwidget:after { 1280 content: ""; 1281 display: table; 1282 } 1283 1284 .clear:after, 1285 .site:after, 1286 .entry-content:after, 1287 .comment-content:after, 1288 .site-content:after, 1289 .nav-links:after, 1290 .comment-navigation:after, 1291 .social-navigation ul:after, 1292 .textwidget:after { 1293 clear: both; 1294 } 1295 1296 1297 /** 1298 * 10.0 Header 1299 */ 1300 1301 .site-header { 1302 background-color: #fff; 1303 border-bottom: 1px solid rgba(51, 51, 51, 0.1); 1304 padding: 7.6923%; 1305 } 1306 1307 .site-branding { 1308 min-height: 2em; 1309 padding-right: 60px; 1310 position: relative; 1311 } 1312 1313 .site-title { 1314 font-family: "Noto Sans", sans-serif; 1315 font-size: 22px; 1316 font-size: 2.2rem; 1317 font-weight: 700; 1318 line-height: 1.3636; 1319 margin-bottom: 0; 1320 } 1321 1322 .custom-logo { 1323 max-height: 84px; 1324 width: auto; 1325 } 1326 1327 .wp-custom-logo .site-title { 1328 margin-top: 0.545454545em; 1329 } 1330 1331 .site-description { 1332 display: none; 1333 font-family: "Noto Sans", sans-serif; 1334 font-size: 12px; 1335 font-size: 1.2rem; 1336 font-weight: 400; 1337 line-height: 1.5; 1338 margin: 0.5em 0 0; 1339 opacity: 0.7; 1340 } 1341 1342 1343 /** 1344 * 11.0 Widgets 1345 */ 1346 1347 .widget { 1348 color: #707070; 1349 color: rgba(51, 51, 51, 0.7); 1350 -webkit-hyphens: auto; 1351 -moz-hyphens: auto; 1352 -ms-hyphens: auto; 1353 hyphens: auto; 1354 margin: 0 auto 9.09090%; 1355 width: 100%; 1356 word-wrap: break-word; 1357 } 1358 1359 .widget pre { 1360 line-height: 1.2; 1361 } 1362 1363 .widget button, 1364 .widget input, 1365 .widget select, 1366 .widget textarea { 1367 font-size: 16px; 1368 font-size: 1.6rem; 1369 line-height: 1.5; 1370 } 1371 1372 .widget button, 1373 .widget input { 1374 line-height: normal; 1375 } 1376 1377 .widget button, 1378 .widget input[type="button"], 1379 .widget input[type="reset"], 1380 .widget input[type="submit"] { 1381 font-size: 12px; 1382 font-size: 1.2rem; 1383 padding: 0.7917em 1.5833em; 1384 } 1385 1386 .widget input[type="text"], 1387 .widget input[type="email"], 1388 .widget input[type="url"], 1389 .widget input[type="password"], 1390 .widget input[type="search"], 1391 .widget textarea { 1392 padding: 0.375em; 1393 } 1394 1395 .widget-title { 1396 color: #333; 1397 font-family: "Noto Sans", sans-serif; 1398 margin: 0 0 1.6em; 1399 letter-spacing: 0.04em; 1400 text-transform: uppercase; 1401 } 1402 1403 .widget > :last-child, 1404 .widget > nav > :last-child { 1405 margin-bottom: 0; 1406 } 1407 1408 .widget_calendar table { 1409 margin: 0; 1410 } 1411 1412 .widget_calendar .wp-calendar-nav { 1413 display: table; 1414 width: 100%; 1415 } 1416 1417 .widget_calendar .wp-calendar-nav span { 1418 display: table-cell; 1419 } 1420 1421 .widget_calendar .wp-calendar-nav-prev, 1422 .widget_calendar .wp-calendar-nav-next { 1423 width: 40%; 1424 } 1425 1426 .widget_calendar td, 1427 .widget_calendar th, 1428 .widget_calendar .wp-calendar-nav span { 1429 line-height: 2.3333; 1430 text-align: center; 1431 padding: 0; 1432 } 1433 1434 .widget_calendar caption { 1435 font-family: "Noto Serif", serif; 1436 font-weight: 700; 1437 margin: 0 0 1.6em; 1438 letter-spacing: 0.04em; 1439 text-transform: uppercase; 1440 } 1441 1442 .widget_calendar tbody a { 1443 -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); 1444 background-color: #333; 1445 color: #fff; 1446 display: block; 1447 font-weight: 700; 1448 } 1449 1450 .widget_calendar tbody a:hover, 1451 .widget_calendar tbody a:focus { 1452 background-color: #707070; 1453 background-color: rgba(51, 51, 51, 0.7); 1454 color: #fff; 1455 } 1456 1457 .widget_archive a, 1458 .widget_categories a, 1459 .widget_links a, 1460 .widget_meta a, 1461 .widget_nav_menu a, 1462 .widget_pages a, 1463 .widget_recent_comments a, 1464 .widget_recent_entries a { 1465 border: 0; 1466 } 1467 1468 .widget_archive ul, 1469 .widget_categories ul, 1470 .widget_links ul, 1471 .widget_meta ul, 1472 .widget_nav_menu ul, 1473 .widget_pages ul, 1474 .widget_recent_comments ul, 1475 .widget_recent_entries ul { 1476 list-style: none; 1477 margin: 0; 1478 } 1479 1480 .widget_archive li, 1481 .widget_categories li, 1482 .widget_links li, 1483 .widget_meta li, 1484 .widget_nav_menu li, 1485 .widget_pages li, 1486 .widget_recent_comments li, 1487 .widget_recent_entries li { 1488 border-top: 1px solid #eaeaea; 1489 border-top: 1px solid rgba(51, 51, 51, 0.1); 1490 padding: 0.7667em 0; 1491 } 1492 1493 .widget_archive li:first-child, 1494 .widget_categories li:first-child, 1495 .widget_links li:first-child, 1496 .widget_meta li:first-child, 1497 .widget_nav_menu li:first-child, 1498 .widget_pages li:first-child, 1499 .widget_recent_comments li:first-child, 1500 .widget_recent_entries li:first-child { 1501 border-top: 0; 1502 padding-top: 0; 1503 } 1504 1505 .widget_archive li:last-child, 1506 .widget_categories li:last-child, 1507 .widget_links li:last-child, 1508 .widget_meta li:last-child, 1509 .widget_nav_menu li:last-child, 1510 .widget_pages li:last-child, 1511 .widget_recent_comments li:last-child, 1512 .widget_recent_entries li:last-child { 1513 padding-bottom: 0; 1514 } 1515 1516 .widget_categories .children, 1517 .widget_nav_menu .sub-menu, 1518 .widget_pages .children { 1519 border-top: 1px solid #eaeaea; 1520 border-top: 1px solid rgba(51, 51, 51, 0.1); 1521 margin: 0.7667em 0 0 0.8em; 1522 padding-top: 0.7667em; 1523 } 1524 1525 .widget_recent_entries .post-date { 1526 display: block; 1527 } 1528 1529 .widget_rss ul { 1530 list-style: none; 1531 margin: 0; 1532 } 1533 1534 .widget_rss li { 1535 margin-bottom: 1.6em; 1536 } 1537 1538 .widget_rss ul:last-child, 1539 .widget_rss li:last-child { 1540 margin-bottom: 0; 1541 } 1542 1543 .widget_rss .rsswidget { 1544 border: 0; 1545 font-weight: 700; 1546 } 1547 1548 .widget_rss .rsswidget img { 1549 margin-top: -4px; 1550 } 1551 1552 .widget_rss .rss-date, 1553 .widget_rss cite { 1554 font-family: "Noto Sans", sans-serif; 1555 font-size: 12px; 1556 font-size: 1.2rem; 1557 font-style: normal; 1558 display: block; 1559 line-height: 2; 1560 opacity: 0.8; 1561 } 1562 1563 .textwidget > :last-child { 1564 margin-bottom: 0; 1565 } 1566 1567 .textwidget a { 1568 border-bottom: 1px solid #333; 1569 } 1570 1571 .textwidget a:hover, 1572 .textwidget a:focus { 1573 border-bottom: 0; 1574 } 1575 1576 .textwidget ul, 1577 .textwidget ol { 1578 margin-left: 1.6em; 1579 } 1580 1581 .tagcloud ul { 1582 list-style-type: none; 1583 } 1584 1585 .tagcloud ul li { 1586 display: inline-block; 1587 } 1588 1589 /** 1590 * 12.0 Content 1591 */ 1592 1593 .secondary { 1594 background-color: #fff; 1595 display: none; 1596 padding: 0 7.6923%; 1597 } 1598 1599 .secondary.toggled-on { 1600 border-top: 1px solid transparent; 1601 border-bottom: 1px solid transparent; 1602 display: block; 1603 } 1604 1605 .widget-area { 1606 margin: 9.09090% auto 0; 1607 } 1608 1609 .site-footer { 1610 background-color: #fff; 1611 border-top: 1px solid rgba(51, 51, 51, 0.1); 1612 padding: 3.84615% 7.6923%; 1613 } 1614 1615 1616 /** 1617 * 12.1 Posts and pages 1618 */ 1619 1620 .hentry { 1621 background-color: #fff; 1622 padding-top: 7.6923%; 1623 position: relative; 1624 } 1625 1626 .hentry.has-post-thumbnail { 1627 padding-top: 0; 1628 } 1629 1630 .hentry.sticky:not(.has-post-thumbnail) { 1631 padding-top: -webkit-calc(7.6923% + 24px); 1632 padding-top: calc(7.6923% + 24px); 1633 } 1634 1635 .hentry + .hentry { 1636 border-top: 1px solid rgba(51, 51, 51, 0.1); 1637 } 1638 1639 .post-thumbnail { 1640 border: 0; 1641 display: block; 1642 margin-bottom: 2.4em; 1643 } 1644 .post-thumbnail img { 1645 display: block; 1646 margin: 0 auto; 1647 } 1648 1649 a.post-thumbnail:hover, 1650 a.post-thumbnail:focus { 1651 opacity: 0.85; 1652 } 1653 1654 .entry-header { 1655 padding: 0 7.6923%; 1656 } 1657 1658 .entry-title { 1659 font-size: 26px; 1660 font-size: 2.6rem; 1661 line-height: 1.1538; 1662 margin-bottom: 0.9231em; 1663 } 1664 1665 .entry-content, 1666 .entry-summary { 1667 padding: 0 7.6923% 7.6923%; 1668 } 1669 1670 .entry-content > :last-child, 1671 .entry-summary > :last-child { 1672 margin-bottom: 0; 1673 } 1674 1675 .entry-content, 1676 .entry-summary, 1677 .page-content, 1678 .comment-content { 1679 -webkit-hyphens: auto; 1680 -moz-hyphens: auto; 1681 -ms-hyphens: auto; 1682 hyphens: auto; 1683 word-wrap: break-word; 1684 } 1685 1686 .entry-content h1, 1687 .entry-summary h1, 1688 .page-content h1, 1689 .comment-content h1 { 1690 font-size: 26px; 1691 font-size: 2.6rem; 1692 line-height: 1.1538; 1693 margin-top: 1.8462em; 1694 margin-bottom: 0.9231em; 1695 } 1696 1697 .entry-content h2, 1698 .entry-summary h2, 1699 .page-content h2, 1700 .comment-content h2 { 1701 font-size: 22px; 1702 font-size: 2.2rem; 1703 line-height: 1.3636; 1704 margin-top: 2.1818em; 1705 margin-bottom: 1.0909em; 1706 } 1707 1708 .entry-content h3, 1709 .entry-summary h3, 1710 .page-content h3, 1711 .comment-content h3 { 1712 font-size: 18px; 1713 font-size: 1.8rem; 1714 line-height: 1.3333; 1715 margin-top: 2.6667em; 1716 margin-bottom: 1.3333em; 1717 } 1718 1719 .entry-content h4, 1720 .entry-content h5, 1721 .entry-content h6, 1722 .entry-summary h4, 1723 .entry-summary h5, 1724 .entry-summary h6, 1725 .page-content h4, 1726 .page-content h5, 1727 .page-content h6, 1728 .comment-content h4, 1729 .comment-content h5, 1730 .comment-content h6 { 1731 font-size: 15px; 1732 font-size: 1.5rem; 1733 line-height: 1.2; 1734 margin-top: 3.2em; 1735 margin-bottom: 1.6em; 1736 } 1737 1738 .entry-content h5, 1739 .entry-content h6, 1740 .entry-summary h5, 1741 .entry-summary h6, 1742 .page-content h5, 1743 .page-content h6, 1744 .comment-content h5, 1745 .comment-content h6 { 1746 letter-spacing: 0.1em; 1747 text-transform: uppercase; 1748 } 1749 1750 .entry-content > h1:first-child, 1751 .entry-content > h2:first-child, 1752 .entry-content > h3:first-child, 1753 .entry-content > h4:first-child, 1754 .entry-content > h5:first-child, 1755 .entry-content > h6:first-child, 1756 .entry-summary > h1:first-child, 1757 .entry-summary > h2:first-child, 1758 .entry-summary > h3:first-child, 1759 .entry-summary > h4:first-child, 1760 .entry-summary > h5:first-child, 1761 .entry-summary > h6:first-child, 1762 .page-content > h1:first-child, 1763 .page-content > h2:first-child, 1764 .page-content > h3:first-child, 1765 .page-content > h4:first-child, 1766 .page-content > h5:first-child, 1767 .page-content > h6:first-child, 1768 .comment-content > h1:first-child, 1769 .comment-content > h2:first-child, 1770 .comment-content > h3:first-child, 1771 .comment-content > h4:first-child, 1772 .comment-content > h5:first-child, 1773 .comment-content > h6:first-child { 1774 margin-top: 0; 1775 } 1776 1777 .entry-content a, 1778 .entry-summary a, 1779 .page-content a, 1780 .comment-content a, 1781 .pingback .comment-body > a { 1782 border-bottom: 1px solid #333; 1783 } 1784 1785 .entry-content a:hover, 1786 .entry-content a:focus, 1787 .entry-summary a:hover, 1788 .entry-summary a:focus, 1789 .page-content a:hover, 1790 .page-content a:focus, 1791 .comment-content a:hover, 1792 .comment-content a:focus, 1793 .pingback .comment-body > a:hover, 1794 .pingback .comment-body > a:focus { 1795 border-bottom: 0; 1796 } 1797 1798 .entry-content a img, 1799 .entry-summary a img, 1800 .page-content a img, 1801 .comment-content a img { 1802 display: block; 1803 } 1804 1805 .entry-content .more-link, 1806 .entry-summary .more-link:after { 1807 white-space: nowrap; 1808 } 1809 1810 .entry-content .more-link:after, 1811 .entry-summary .more-link:after { 1812 content: "\f429"; 1813 font-size: 16px; 1814 position: relative; 1815 top: 5px; 1816 } 1817 1818 .author-info { 1819 border-top: 1px solid #eaeaea; 1820 border-top: 1px solid rgba(51, 51, 51, 0.1); 1821 margin: 0 7.6923%; 1822 padding: 7.6923% 0; 1823 } 1824 1825 .author-info .avatar { 1826 float: left; 1827 height: 36px; 1828 margin: 0 1.6em 1.6em 0; 1829 width: 36px; 1830 } 1831 1832 .author-heading { 1833 color: #707070; 1834 color: rgba(51, 51, 51, 0.7); 1835 font-family: "Noto Sans", sans-serif; 1836 font-size: 12px; 1837 font-size: 1.2rem; 1838 letter-spacing: 0.04em; 1839 margin-bottom: 1.5em; 1840 text-transform: uppercase; 1841 } 1842 1843 .author-title { 1844 clear: none; 1845 } 1846 1847 .author-bio { 1848 font-size: 12px; 1849 font-size: 1.2rem; 1850 line-height: 1.5; 1851 overflow: hidden; 1852 padding-bottom: 1px; 1853 } 1854 1855 .author-description { 1856 -webkit-hyphens: auto; 1857 -moz-hyphens: auto; 1858 -ms-hyphens: auto; 1859 hyphens: auto; 1860 word-wrap: break-word; 1861 } 1862 1863 .author-description a { 1864 border-bottom: 1px solid #333; 1865 } 1866 1867 .author-description a:hover, 1868 .author-description a:focus { 1869 border-bottom: 0; 1870 } 1871 1872 .author-description > :last-child { 1873 margin-bottom: 0; 1874 } 1875 1876 .author-link { 1877 white-space: nowrap; 1878 } 1879 1880 .author-link:after { 1881 content: "\f429"; 1882 position: relative; 1883 top: 1px; 1884 } 1885 1886 .entry-footer { 1887 background-color: #f7f7f7; 1888 color: #707070; 1889 color: rgba(51, 51, 51, 0.7); 1890 font-family: "Noto Sans", sans-serif; 1891 font-size: 12px; 1892 font-size: 1.2rem; 1893 line-height: 1.5; 1894 padding: 3.8461% 7.6923%; 1895 } 1896 1897 .entry-footer a { 1898 border-bottom: 1px solid transparent; 1899 color: #707070; 1900 color: rgba(51, 51, 51, 0.7); 1901 } 1902 1903 .entry-footer a:hover { 1904 border-bottom: 1px solid #333; 1905 } 1906 1907 .entry-footer a:hover, 1908 .entry-footer a:focus { 1909 color: #333; 1910 } 1911 1912 .sticky-post { 1913 background-color: #333; 1914 color: #fff; 1915 font-weight: 700; 1916 letter-spacing: 0.04em; 1917 padding: 0.25em 0.5em; 1918 position: absolute; 1919 top: 0; 1920 text-transform: uppercase; 1921 } 1922 1923 .updated:not(.published) { 1924 display: none; 1925 } 1926 1927 .sticky .posted-on { 1928 display: none; 1929 } 1930 1931 .posted-on:before, 1932 .byline:before, 1933 .cat-links:before, 1934 .tags-links:before, 1935 .comments-link:before, 1936 .entry-format:before, 1937 .edit-link:before, 1938 .full-size-link:before { 1939 margin-right: 2px; 1940 position: relative; 1941 } 1942 1943 .posted-on, 1944 .byline, 1945 .cat-links, 1946 .tags-links, 1947 .comments-link, 1948 .entry-format, 1949 .full-size-link { 1950 margin-right: 1em; 1951 } 1952 1953 .format-aside .entry-format:before { 1954 content: "\f101"; 1955 } 1956 1957 .format-image .entry-format:before { 1958 content: "\f473"; 1959 } 1960 1961 .format-gallery .entry-format:before { 1962 content: "\f103"; 1963 } 1964 1965 .format-video .entry-format:before { 1966 content: "\f104"; 1967 } 1968 1969 .format-status .entry-format:before { 1970 content: "\f105"; 1971 } 1972 1973 .format-quote .entry-format:before { 1974 content: "\f106"; 1975 } 1976 1977 .format-link .entry-format:before { 1978 content: "\f107"; 1979 } 1980 1981 .format-chat .entry-format:before { 1982 content: "\f108"; 1983 } 1984 1985 .format-audio .entry-format:before { 1986 content: "\f109"; 1987 } 1988 1989 .posted-on:before { 1990 content: "\f307"; 1991 } 1992 1993 .byline:before { 1994 content: "\f304"; 1995 } 1996 1997 .cat-links:before { 1998 content: "\f301"; 1999 } 2000 2001 .tags-links:before { 2002 content: "\f302"; 2003 } 2004 2005 .comments-link:before { 2006 content: "\f300"; 2007 } 2008 2009 .full-size-link:before { 2010 content: "\f402"; 2011 } 2012 2013 .edit-link:before { 2014 content: "\f411"; 2015 } 2016 2017 .comments-link, 2018 .edit-link { 2019 white-space: nowrap; 2020 } 2021 2022 .page-header { 2023 background-color: #fff; 2024 border-bottom: 1px solid rgba(51, 51, 51, 0.1); 2025 padding: 7.6923%; 2026 } 2027 2028 .page-title { 2029 font-family: "Noto Serif", serif; 2030 font-size: 18px; 2031 font-size: 1.8rem; 2032 line-height: 1.3333; 2033 } 2034 2035 .taxonomy-description { 2036 color: #707070; 2037 color: rgba(51, 51, 51, 0.7); 2038 padding-top: 0.4em; 2039 } 2040 2041 .taxonomy-description a { 2042 border-bottom: 1px solid #333; 2043 } 2044 2045 .taxonomy-description a:hover, 2046 .taxonomy-description a:focus { 2047 border-bottom: 0; 2048 } 2049 2050 .taxonomy-description > :last-child { 2051 margin-bottom: 0; 2052 } 2053 2054 .page-content { 2055 background-color: #fff; 2056 padding: 7.6923%; 2057 } 2058 2059 .page-content > :last-child { 2060 margin-bottom: 0; 2061 } 2062 2063 .page-links { 2064 clear: both; 2065 font-family: "Noto Sans", sans-serif; 2066 margin-bottom: 1.3333em; 2067 } 2068 2069 .page-links a, 2070 .page-links > span { 2071 border: 1px solid #eaeaea; 2072 border: 1px solid rgba(51, 51, 51, 0.1); 2073 display: inline-block; 2074 font-size: 12px; 2075 font-size: 1.2rem; 2076 height: 2em; 2077 line-height: 2; 2078 margin: 0 0.3333em 0.3333em 0; 2079 text-align: center; 2080 width: 2em; 2081 } 2082 2083 .page-links a { 2084 -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); 2085 background-color: #333; 2086 border-color: #333; 2087 color: #fff; 2088 } 2089 2090 .page-links a:hover, 2091 .page-links a:focus { 2092 background-color: #707070; 2093 background-color: rgba(51, 51, 51, 0.7); 2094 border-color: transparent; 2095 color: #fff; 2096 } 2097 2098 .page-links > .page-links-title { 2099 border: 0; 2100 color: #707070; 2101 color: rgba(51, 51, 51, 0.7); 2102 height: auto; 2103 margin: 0; 2104 padding-right: 0.5em; 2105 width: auto; 2106 } 2107 2108 .entry-attachment { 2109 margin-bottom: 1.6em; 2110 } 2111 2112 .type-attachment .entry-title { 2113 -webkit-hyphens: auto; 2114 -moz-hyphens: auto; 2115 -ms-hyphens: auto; 2116 hyphens: auto; 2117 word-wrap: break-word; 2118 } 2119 2120 .entry-caption { 2121 color: #707070; 2122 color: rgba(51, 51, 51, 0.7); 2123 font-family: "Noto Sans", sans-serif; 2124 font-size: 12px; 2125 font-size: 1.2rem; 2126 -webkit-hyphens: auto; 2127 -moz-hyphens: auto; 2128 -ms-hyphens: auto; 2129 hyphens: auto; 2130 line-height: 1.5; 2131 padding-top: 0.5em; 2132 word-wrap: break-word; 2133 } 2134 2135 .entry-caption > :last-child { 2136 margin-bottom: 0; 2137 } 2138 2139 2140 /** 2141 * 12.2 Post Formats 2142 */ 2143 2144 .format-aside .entry-title, 2145 .format-image .entry-title, 2146 .format-video .entry-title, 2147 .format-quote .entry-title, 2148 .format-gallery .entry-title, 2149 .format-status .entry-title, 2150 .format-link .entry-title, 2151 .format-audio .entry-title, 2152 .format-chat .entry-title { 2153 font-size: 18px; 2154 font-size: 1.8rem; 2155 line-height: 1.3333; 2156 margin-bottom: 1.3333em; 2157 } 2158 2159 .format-link .entry-title a:after { 2160 content: "\f442"; 2161 font-size: 24px; 2162 height: 24px; 2163 position: relative; 2164 top: 0; 2165 width: 24px; 2166 } 2167 2168 .blog .format-status .entry-title, 2169 .archive .format-status .entry-title { 2170 display: none; 2171 } 2172 2173 2174 /** 2175 * 12.3 Comments 2176 */ 2177 2178 .comments-area { 2179 background-color: #fff; 2180 border-top: 1px solid #eaeaea; 2181 border-top: 1px solid rgba(51, 51, 51, 0.1); 2182 padding: 7.6923%; 2183 } 2184 2185 .comments-area > :last-child { 2186 margin-bottom: 0; 2187 } 2188 2189 .comment-list + .comment-respond { 2190 border-top: 1px solid #eaeaea; 2191 border-top: 1px solid rgba(51, 51, 51, 0.1); 2192 } 2193 2194 .comment-list + .comment-respond, 2195 .comment-navigation + .comment-respond { 2196 padding-top: 1.6em; 2197 } 2198 2199 .comments-title, 2200 .comment-reply-title { 2201 font-family: "Noto Serif", serif; 2202 font-size: 18px; 2203 font-size: 1.8rem; 2204 line-height: 1.3333; 2205 } 2206 2207 .comments-title { 2208 margin-bottom: 1.3333em; 2209 } 2210 2211 .comment-list { 2212 list-style: none; 2213 margin: 0; 2214 } 2215 2216 .comment-list article, 2217 .comment-list .pingback, 2218 .comment-list .trackback { 2219 border-top: 1px solid #eaeaea; 2220 border-top: 1px solid rgba(51, 51, 51, 0.1); 2221 padding: 1.6em 0; 2222 } 2223 2224 .comment-list .children { 2225 list-style: none; 2226 margin: 0; 2227 } 2228 2229 .comment-list .children > li { 2230 padding-left: 0.8em; 2231 } 2232 2233 .comment-author { 2234 color: #707070; 2235 color: rgba(51, 51, 51, 0.7); 2236 margin-bottom: 0.4em; 2237 } 2238 2239 .comment-author a:hover { 2240 border-bottom: 1px solid #707070; 2241 border-bottom: 1px solid rgba(51, 51, 51, 0.7); 2242 } 2243 2244 .comment-author .avatar { 2245 float: left; 2246 height: 24px; 2247 margin-right: 0.8em; 2248 width: 24px; 2249 } 2250 2251 .bypostauthor > article .fn:after { 2252 content: "\f304"; 2253 position: relative; 2254 top: 5px; 2255 left: 3px; 2256 } 2257 2258 .comment-metadata, 2259 .pingback .edit-link { 2260 color: #707070; 2261 color: rgba(51, 51, 51, 0.7); 2262 font-family: "Noto Sans", sans-serif; 2263 font-size: 12px; 2264 font-size: 1.2rem; 2265 line-height: 1.5; 2266 } 2267 2268 .comment-metadata a, 2269 .pingback .edit-link a { 2270 color: #707070; 2271 color: rgba(51, 51, 51, 0.7); 2272 } 2273 2274 .comment-metadata a:hover, 2275 .pingback .edit-link a:hover { 2276 border-bottom: 1px solid #333; 2277 } 2278 2279 .comment-metadata a:hover, 2280 .comment-metadata a:focus, 2281 .pingback .edit-link a:hover, 2282 .pingback .edit-link a:focus { 2283 color: #333; 2284 } 2285 2286 .comment-metadata { 2287 margin-bottom: 1.6em; 2288 } 2289 2290 .comment-metadata .edit-link { 2291 margin-left: 1em; 2292 } 2293 2294 .pingback .edit-link { 2295 margin-left: 1em; 2296 } 2297 2298 .pingback .edit-link:before { 2299 top: 5px; 2300 } 2301 2302 .comment-content ul, 2303 .comment-content ol { 2304 margin: 0 0 1.6em 1.3333em; 2305 } 2306 2307 .comment-content li > ul, 2308 .comment-content li > ol { 2309 margin-bottom: 0; 2310 } 2311 2312 .comment-content > :last-child { 2313 margin-bottom: 0; 2314 } 2315 2316 .comment-list .reply { 2317 font-size: 12px; 2318 font-size: 1.2rem; 2319 } 2320 2321 .comment-list .reply a { 2322 border: 1px solid #eaeaea; 2323 border: 1px solid rgba(51, 51, 51, 0.1); 2324 color: #707070; 2325 color: rgba(51, 51, 51, 0.7); 2326 display: inline-block; 2327 font-family: "Noto Sans", sans-serif; 2328 font-weight: 700; 2329 line-height: 1; 2330 margin-top: 2em; 2331 padding: 0.4167em 0.8333em; 2332 text-transform: uppercase; 2333 } 2334 2335 .comment-list .reply a:hover, 2336 .comment-list .reply a:focus { 2337 border-color: #333; 2338 color: #333; 2339 outline: 0; 2340 } 2341 2342 .comment-form { 2343 padding-top: 1.6em; 2344 } 2345 2346 .comment-form label { 2347 color: #707070; 2348 color: rgba(51, 51, 51, 0.7); 2349 font-family: "Noto Sans", sans-serif; 2350 font-size: 12px; 2351 font-size: 1.2rem; 2352 font-weight: 700; 2353 display: block; 2354 letter-spacing: 0.04em; 2355 line-height: 1.5; 2356 text-transform: uppercase; 2357 } 2358 2359 .comment-form input[type="text"], 2360 .comment-form input[type="email"], 2361 .comment-form input[type="url"], 2362 .comment-form input[type="submit"] { 2363 width: 100%; 2364 } 2365 2366 .comment-notes, 2367 .comment-awaiting-moderation, 2368 .logged-in-as, 2369 .form-allowed-tags { 2370 color: #707070; 2371 color: rgba(51, 51, 51, 0.7); 2372 font-family: "Noto Sans", sans-serif; 2373 font-size: 12px; 2374 font-size: 1.2rem; 2375 line-height: 1.5; 2376 margin-bottom: 2em; 2377 } 2378 2379 .logged-in-as a:hover { 2380 border-bottom: 1px solid #333; 2381 } 2382 2383 .no-comments { 2384 border-top: 1px solid #eaeaea; 2385 border-top: 1px solid rgba(51, 51, 51, 0.1); 2386 color: #707070; 2387 color: rgba(51, 51, 51, 0.7); 2388 font-family: "Noto Sans", sans-serif; 2389 font-weight: 700; 2390 padding-top: 1.6em; 2391 } 2392 2393 .comment-navigation + .no-comments { 2394 border-top: 0; 2395 } 2396 2397 .form-allowed-tags code { 2398 font-family: Inconsolata, monospace; 2399 } 2400 2401 .form-submit { 2402 margin-bottom: 0; 2403 } 2404 2405 .required { 2406 color: #c0392b; 2407 } 2408 2409 .comment-reply-title small { 2410 font-size: 100%; 2411 } 2412 2413 .comment-reply-title small a { 2414 border: 0; 2415 float: right; 2416 height: 32px; 2417 overflow: hidden; 2418 width: 26px; 2419 } 2420 2421 .comment-reply-title small a:before { 2422 content: "\f405"; 2423 font-size: 32px; 2424 position: relative; 2425 top: -3px; 2426 } 2427 2428 .comment-form #wp-comment-cookies-consent { 2429 margin: 0 10px 0 0; 2430 } 2431 2432 .comment-form .comment-form-cookies-consent label { 2433 display: inline; 2434 font-size: 12px; 2435 font-size: 1.2rem; 2436 font-weight: normal; 2437 letter-spacing: 0; 2438 text-transform: none; 2439 } 2440 2441 /** 2442 * 13.0 Footer 2443 */ 2444 2445 .site-info { 2446 color: #707070; 2447 color: rgba(51, 51, 51, 0.7); 2448 font-size: 12px; 2449 font-size: 1.2rem; 2450 line-height: 1.5; 2451 } 2452 2453 .site-info a { 2454 border-bottom: 1px solid transparent; 2455 color: #707070; 2456 color: rgba(51, 51, 51, 0.7); 2457 } 2458 2459 .site-info a:hover { 2460 border-bottom: 1px solid #333; 2461 } 2462 2463 .site-info a:hover, 2464 .site-info a:focus { 2465 color: #333; 2466 } 2467 2468 .site-info span[role=separator] { 2469 padding: 0 0.25em 0 0.5em; 2470 } 2471 2472 .site-info span[role=separator]::before { 2473 content: '\002f'; 2474 } 2475 2476 /** 2477 * 14.0 Media 2478 */ 2479 2480 .site .avatar { 2481 border-radius: 50%; 2482 } 2483 2484 .page-content img.wp-smiley, 2485 .entry-content img.wp-smiley, 2486 .comment-content img.wp-smiley { 2487 border: none; 2488 margin-top: 0; 2489 margin-bottom: 0; 2490 padding: 0; 2491 } 2492 2493 audio, 2494 canvas { 2495 display: inline-block; 2496 } 2497 2498 embed, 2499 iframe, 2500 object, 2501 video { 2502 margin-bottom: 1.6em; 2503 max-width: 100%; 2504 vertical-align: middle; 2505 } 2506 2507 p > embed, 2508 p > iframe, 2509 p > object, 2510 p > video { 2511 margin-bottom: 0; 2512 } 2513 2514 .wp-audio-shortcode, 2515 .wp-video, 2516 .wp-playlist.wp-audio-playlist { 2517 font-size: 15px; 2518 font-size: 1.5rem; 2519 margin-top: 0; 2520 margin-bottom: 1.6em; 2521 } 2522 2523 .wp-playlist.wp-playlist { 2524 padding-bottom: 0; 2525 } 2526 2527 .wp-playlist .wp-playlist-tracks { 2528 margin-top: 0; 2529 } 2530 2531 .wp-playlist-item .wp-playlist-caption { 2532 border-bottom: 0; 2533 padding: 10px 0; 2534 } 2535 2536 .wp-playlist-item .wp-playlist-item-length { 2537 top: 10px; 2538 } 2539 2540 2541 /** 2542 * 14.1 Captions 2543 */ 2544 2545 .wp-caption { 2546 margin-bottom: 1.6em; 2547 max-width: 100%; 2548 } 2549 2550 .wp-caption img[class*="wp-image-"] { 2551 display: block; 2552 margin: 0; 2553 } 2554 2555 .wp-caption-text { 2556 color: #707070; 2557 color: rgba(51, 51, 51, 0.7); 2558 font-family: "Noto Sans", sans-serif; 2559 font-size: 12px; 2560 font-size: 1.2rem; 2561 line-height: 1.5; 2562 padding: 0.5em 0; 2563 } 2564 2565 2566 /** 2567 * 14.2 Galleries 2568 */ 2569 2570 .gallery { 2571 margin-bottom: 1.6em; 2572 } 2573 2574 .gallery-item { 2575 display: inline-block; 2576 padding: 1.79104477%; 2577 text-align: center; 2578 vertical-align: top; 2579 width: 100%; 2580 } 2581 2582 .gallery-columns-2 .gallery-item { 2583 max-width: 50%; 2584 } 2585 2586 .gallery-columns-3 .gallery-item { 2587 max-width: 33.33%; 2588 } 2589 2590 .gallery-columns-4 .gallery-item { 2591 max-width: 25%; 2592 } 2593 2594 .gallery-columns-5 .gallery-item { 2595 max-width: 20%; 2596 } 2597 2598 .gallery-columns-6 .gallery-item { 2599 max-width: 16.66%; 2600 } 2601 2602 .gallery-columns-7 .gallery-item { 2603 max-width: 14.28%; 2604 } 2605 2606 .gallery-columns-8 .gallery-item { 2607 max-width: 12.5%; 2608 } 2609 2610 .gallery-columns-9 .gallery-item { 2611 max-width: 11.11%; 2612 } 2613 2614 .gallery-icon img { 2615 margin: 0 auto; 2616 } 2617 2618 .gallery-caption { 2619 color: #707070; 2620 color: rgba(51, 51, 51, 0.7); 2621 display: block; 2622 font-family: "Noto Sans", sans-serif; 2623 font-size: 12px; 2624 font-size: 1.2rem; 2625 line-height: 1.5; 2626 padding: 0.5em 0; 2627 } 2628 2629 .gallery-columns-6 .gallery-caption, 2630 .gallery-columns-7 .gallery-caption, 2631 .gallery-columns-8 .gallery-caption, 2632 .gallery-columns-9 .gallery-caption { 2633 display: none; 2634 } 2635 2636 2637 /** 2638 * 15.0 Multisite 2639 */ 2640 2641 .widecolumn { 2642 background-color: #fff; 2643 padding: 7.6923%; 2644 } 2645 2646 .widecolumn .mu_register { 2647 width: auto; 2648 } 2649 2650 .widecolumn .mu_alert { 2651 margin-bottom: 1.6em; 2652 } 2653 2654 .widecolumn form, 2655 .widecolumn .mu_register form { 2656 margin-top: 0; 2657 } 2658 2659 .widecolumn h2 { 2660 font-size: 26px; 2661 font-size: 2.6rem; 2662 line-height: 1.1538; 2663 margin-bottom: 0.9231em; 2664 } 2665 2666 .widecolumn p { 2667 margin: 1.6em 0; 2668 } 2669 2670 .widecolumn p + h2 { 2671 margin-top: 1.8462em; 2672 } 2673 2674 .widecolumn label, 2675 .widecolumn .mu_register label { 2676 color: #707070; 2677 color: rgba(51, 51, 51, 0.7); 2678 font-family: "Noto Sans", sans-serif; 2679 font-size: 12px; 2680 font-size: 1.2rem; 2681 font-weight: 700; 2682 letter-spacing: 0.04em; 2683 line-height: 1.5; 2684 text-transform: uppercase; 2685 } 2686 2687 .widecolumn .mu_register label { 2688 margin: 2em 0 0; 2689 } 2690 2691 .widecolumn #key, 2692 .widecolumn .mu_register #blog_title, 2693 .widecolumn .mu_register #user_email, 2694 .widecolumn .mu_register #blogname, 2695 .widecolumn .mu_register #user_name { 2696 font-size: 16px; 2697 font-size: 1.6rem; 2698 width: 100%; 2699 } 2700 2701 .widecolumn .mu_register #blogname { 2702 margin: 0; 2703 } 2704 2705 .widecolumn .mu_register #blog_title, 2706 .widecolumn .mu_register #user_email, 2707 .widecolumn .mu_register #user_name { 2708 margin: 0 0 0.375em; 2709 } 2710 2711 .widecolumn #submit, 2712 .widecolumn .mu_register input[type="submit"] { 2713 font-size: 12px; 2714 font-size: 1.2rem; 2715 margin: 0; 2716 width: 100%; 2717 } 2718 2719 .widecolumn .mu_register .prefix_address, 2720 .widecolumn .mu_register .suffix_address { 2721 font-size: inherit; 2722 } 2723 2724 .widecolumn .mu_register > :last-child, 2725 .widecolumn form > :last-child { 2726 margin-bottom: 0; 2727 } 2728 2729 2730 /** 2731 * 16.0 Media Queries 2732 */ 2733 2734 /* 2735 * Does the same thing as <meta name="viewport" content="width=device-width">, 2736 * but in the future W3C standard way. -ms- prefix is required for IE10+ to 2737 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor 2738 * the meta tag. See https://core.trac.wordpress.org/ticket/25888. 2739 */ 2740 @-ms-viewport { 2741 width: device-width; 2742 } 2743 2744 @viewport { 2745 width: device-width; 2746 } 2747 2748 /** 2749 * 16.1 Mobile Large 620px 2750 */ 2751 2752 @media screen and (min-width: 38.75em) { 2753 ul, 2754 ol { 2755 margin-left: 0; 2756 } 2757 2758 li > ul, 2759 li > ol, 2760 blockquote > ul, 2761 blockquote > ol { 2762 margin-left: 1.3333em; 2763 } 2764 2765 blockquote { 2766 margin-left: -1em; 2767 } 2768 2769 blockquote > blockquote { 2770 margin-left: 0; 2771 } 2772 2773 .site-branding { 2774 min-height: 3.2em; 2775 } 2776 2777 .site-title { 2778 font-size: 22px; 2779 font-size: 2.2rem; 2780 line-height: 1.0909; 2781 } 2782 2783 .site-description { 2784 display: block; 2785 } 2786 2787 .secondary { 2788 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 2789 margin: 7.6923% 7.6923% 0; 2790 padding: 7.6923% 7.6923% 0; 2791 } 2792 2793 .main-navigation { 2794 margin-bottom: 11.1111%; 2795 } 2796 2797 .main-navigation ul { 2798 border-top: 1px solid rgba(51, 51, 51, 0.1); 2799 border-bottom: 1px solid rgba(51, 51, 51, 0.1); 2800 } 2801 2802 .main-navigation ul ul { 2803 border-top: 0; 2804 border-bottom: 0; 2805 } 2806 2807 .social-navigation { 2808 margin-bottom: 11.1111%; 2809 } 2810 2811 .social-navigation { 2812 margin-top: 0; 2813 } 2814 2815 .widget-area { 2816 margin-top: 0; 2817 } 2818 2819 .widget { 2820 margin-bottom: 11.1111%; 2821 } 2822 2823 .site-main { 2824 padding: 7.6923% 0; 2825 } 2826 2827 .hentry.sticky:not(.has-post-thumbnail) { 2828 padding-top: inherit; 2829 } 2830 2831 .hentry, 2832 .page-header, 2833 .page-content { 2834 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 2835 margin: 0 7.6923%; 2836 } 2837 2838 .hentry + .hentry, 2839 .page-header + .hentry, 2840 .page-header + .page-content { 2841 margin-top: 7.6923%; 2842 } 2843 2844 .hentry + .hentry { 2845 border-top: 0; 2846 } 2847 2848 .post-thumbnail { 2849 margin-bottom: 2.4em; 2850 } 2851 2852 .entry-header { 2853 padding: 0 9.0909%; 2854 } 2855 2856 .entry-content, 2857 .entry-summary { 2858 padding: 0 9.0909% 9.0909%; 2859 } 2860 2861 .entry-footer { 2862 padding: 4.5454% 9.0909%; 2863 } 2864 2865 .page-header { 2866 border-bottom: 0; 2867 border-left: 7px solid #333; 2868 padding: 3.8461% 7.6923%; 2869 } 2870 2871 .page-title, 2872 .taxonomy-description { 2873 margin-left: -7px; 2874 } 2875 2876 .page-content { 2877 padding: 9.0909%; 2878 } 2879 2880 .site-footer { 2881 border-top: 0; 2882 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 2883 margin: 0 7.6923%; 2884 padding: 3.84615% 7.6923%; 2885 } 2886 2887 .post-navigation { 2888 border-top: 0; 2889 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 2890 margin: 7.6923% 7.6923% 0; 2891 } 2892 2893 .post-navigation a { 2894 padding: 4.5454% 9.0909%; 2895 } 2896 2897 .pagination { 2898 border-top: 0; 2899 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 2900 margin: 7.6923% 7.6923% 0; 2901 padding: 0; 2902 } 2903 2904 /* restore screen-reader-text */ 2905 .pagination .current .screen-reader-text { 2906 position: absolute !important; 2907 } 2908 2909 .pagination .page-numbers { 2910 display: inline-block; 2911 } 2912 2913 .image-navigation { 2914 padding: 0 9.0909%; 2915 } 2916 2917 .comments-area { 2918 border-top: 0; 2919 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 2920 margin: 7.6923% 7.6923% 0; 2921 } 2922 2923 .comment-content ul, 2924 .comment-content ol { 2925 margin-left: 0; 2926 } 2927 2928 .comment-content li > ul, 2929 .comment-content li > ol, 2930 .comment-content blockquote > ul, 2931 .comment-content blockquote > ol { 2932 margin-left: 1.3333em; 2933 } 2934 2935 .widecolumn { 2936 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 2937 margin: 7.6923%; 2938 } 2939 } 2940 2941 2942 /** 2943 * 16.2 Tablet Small 740px 2944 */ 2945 2946 @media screen and (min-width: 46.25em) { 2947 body, 2948 button, 2949 input, 2950 select, 2951 textarea { 2952 font-size: 17px; 2953 font-size: 1.7rem; 2954 line-height: 1.6471; 2955 } 2956 2957 button, 2958 input { 2959 line-height: normal; 2960 } 2961 2962 p, 2963 address, 2964 pre, 2965 hr, 2966 ul, 2967 ol, 2968 dl, 2969 dd, 2970 table { 2971 margin-bottom: 1.6471em; 2972 } 2973 2974 blockquote { 2975 font-size: 20px; 2976 font-size: 2rem; 2977 line-height: 1.75; 2978 margin-bottom: 1.75em; 2979 margin-left: -1.05em; 2980 padding-left: 0.85em; 2981 } 2982 2983 blockquote p { 2984 margin-bottom: 1.75em; 2985 } 2986 2987 blockquote cite, 2988 blockquote small { 2989 font-size: 17px; 2990 font-size: 1.7rem; 2991 line-height: 1.6471; 2992 } 2993 2994 pre { 2995 line-height: 1.2353; 2996 } 2997 2998 button, 2999 input[type="button"], 3000 input[type="reset"], 3001 input[type="submit"], 3002 .post-password-form input[type="submit"], 3003 .widecolumn #submit, 3004 .widecolumn .mu_register input[type="submit"] { 3005 font-size: 14px; 3006 font-size: 1.4rem; 3007 padding: 0.8214em 1.6429em; 3008 } 3009 3010 input[type="text"], 3011 input[type="email"], 3012 input[type="url"], 3013 input[type="password"], 3014 input[type="search"], 3015 textarea { 3016 padding: 0.5em; 3017 } 3018 3019 .main-navigation { 3020 font-size: 14px; 3021 font-size: 1.4rem; 3022 line-height: 1.5; 3023 } 3024 3025 .main-navigation a { 3026 padding: 1em 0; 3027 } 3028 3029 .main-navigation ul ul { 3030 margin-left: 1em; 3031 } 3032 3033 .main-navigation .menu-item-description { 3034 font-size: 14px; 3035 font-size: 1.4rem; 3036 line-height: 1.5; 3037 } 3038 3039 .social-navigation ul { 3040 margin-bottom: -1.4706em; 3041 } 3042 3043 .social-navigation a { 3044 height: 2.8824em; 3045 width: 2.8824em; 3046 } 3047 3048 .secondary-toggle { 3049 height: 56px; 3050 width: 56px; 3051 } 3052 3053 .secondary-toggle:before { 3054 line-height: 54px; 3055 width: 54px; 3056 } 3057 3058 .post-password-form label, 3059 .post-navigation .meta-nav, 3060 .image-navigation, 3061 .comment-navigation, 3062 .author-heading, 3063 .author-bio, 3064 .entry-footer, 3065 .page-links a, 3066 .page-links span, 3067 .comment-metadata, 3068 .pingback .edit-link, 3069 .comment-list .reply, 3070 .comment-notes, 3071 .comment-awaiting-moderation, 3072 .logged-in-as, 3073 .comment-form label, 3074 .comment-form .comment-form-cookies-consent label, 3075 .form-allowed-tags, 3076 .site-info, 3077 .wp-caption-text, 3078 .gallery-caption, 3079 .entry-caption, 3080 .widecolumn label, 3081 .widecolumn .mu_register label { 3082 font-size: 14px; 3083 font-size: 1.4rem; 3084 } 3085 3086 .pagination .nav-links { 3087 min-height: 3.2941em; 3088 } 3089 3090 .pagination .page-numbers { 3091 line-height: 3.2941em; 3092 padding: 0 0.8235em; 3093 } 3094 3095 .pagination .prev, 3096 .pagination .next { 3097 height: 56px; 3098 padding: 0; 3099 width: 56px; 3100 } 3101 3102 .pagination .prev:before, 3103 .pagination .next:before { 3104 height: 56px; 3105 line-height: 56px; 3106 width: 56px; 3107 } 3108 3109 .image-navigation .nav-previous a:before, 3110 .image-navigation .nav-next a:after, 3111 .comment-navigation .nav-previous a:before, 3112 .comment-navigation .nav-next a:after { 3113 top: 2px; 3114 } 3115 3116 blockquote.alignleft, 3117 .wp-caption.alignleft, 3118 img.alignleft { 3119 margin: 0.4118em 1.6471em 1.6471em 0; 3120 } 3121 3122 blockquote.alignright, 3123 .wp-caption.alignright, 3124 img.alignright { 3125 margin: 0.4118em 0 1.6471em 1.6471em; 3126 } 3127 3128 blockquote.aligncenter, 3129 .wp-caption.aligncenter, 3130 img.aligncenter { 3131 margin-top: 0.4118em; 3132 margin-bottom: 1.6471em; 3133 } 3134 3135 .wp-caption.alignleft, 3136 .wp-caption.alignright, 3137 .wp-caption.aligncenter { 3138 margin-bottom: 1.2353em; 3139 } 3140 3141 .site-branding { 3142 min-height: 3.7059em; 3143 padding-right: 66px; 3144 } 3145 3146 .site-title { 3147 font-size: 29px; 3148 font-size: 2.9rem; 3149 line-height: 1.2069; 3150 } 3151 3152 .custom-logo { 3153 max-height: 105px; 3154 } 3155 3156 .wp-custom-logo .site-title { 3157 margin-top: 0.482758621em; 3158 } 3159 3160 .site-description { 3161 font-size: 14px; 3162 font-size: 1.4rem; 3163 } 3164 3165 .widget { 3166 font-size: 14px; 3167 font-size: 1.4rem; 3168 line-height: 1.5; 3169 } 3170 3171 .widget p, 3172 .widget address, 3173 .widget hr, 3174 .widget ul, 3175 .widget ol, 3176 .widget dl, 3177 .widget dd, 3178 .widget table, 3179 .widget pre { 3180 margin-bottom: 1.5em; 3181 } 3182 3183 .widget li > ul, 3184 .widget li > ol { 3185 margin-bottom: 0; 3186 } 3187 3188 .widget blockquote { 3189 font-size: 17px; 3190 font-size: 1.7rem; 3191 line-height: 1.6471; 3192 margin-bottom: 1.6471em; 3193 margin-left: -1.2353em; 3194 padding-left: 1em; 3195 } 3196 3197 .widget blockquote p { 3198 margin-bottom: 1.6471em; 3199 } 3200 3201 .widget blockquote cite, 3202 .widget blockquote small { 3203 font-size: 14px; 3204 font-size: 1.4rem; 3205 line-height: 1.5; 3206 } 3207 3208 .widget blockquote > blockquote { 3209 margin-left: 0; 3210 } 3211 3212 .widget pre { 3213 line-height: 1.5; 3214 padding: 0.75em; 3215 } 3216 3217 .widget button, 3218 .widget input, 3219 .widget select, 3220 .widget textarea { 3221 line-height: 1.75; 3222 } 3223 3224 .widget button, 3225 .widget input { 3226 line-height: normal; 3227 } 3228 3229 .widget button, 3230 .widget input[type="button"], 3231 .widget input[type="reset"], 3232 .widget input[type="submit"] { 3233 font-size: 14px; 3234 font-size: 1.4rem; 3235 padding: 0.8214em 1.6429em; 3236 } 3237 3238 .widget input[type="text"], 3239 .widget input[type="email"], 3240 .widget input[type="url"], 3241 .widget input[type="password"], 3242 .widget input[type="search"], 3243 .widget textarea { 3244 padding: 0.5625em; 3245 } 3246 3247 .widget blockquote.alignleft, 3248 .widget .wp-caption.alignleft, 3249 .widget img.alignleft { 3250 margin: 0.5em 1.5em 1.5em 0; 3251 } 3252 3253 .widget blockquote.alignright, 3254 .widget .wp-caption.alignright, 3255 .widget img.alignright { 3256 margin: 0.5em 0 1.5em 1.5em; 3257 } 3258 3259 .widget blockquote.aligncenter, 3260 .widget .wp-caption.aligncenter, 3261 .widget img.aligncenter { 3262 margin-top: 0.5em; 3263 margin-bottom: 1.5em; 3264 } 3265 3266 .widget .wp-caption.alignleft, 3267 .widget .wp-caption.alignright, 3268 .widget .wp-caption.aligncenter { 3269 margin-bottom: 1em; 3270 } 3271 3272 .widget-title { 3273 margin: 0 0 1.5em; 3274 } 3275 3276 .widget_calendar td, 3277 .widget_calendar th, 3278 .widget_calendar .wp-calendar-nav span { 3279 line-height: 2.9286; 3280 } 3281 3282 .widget_calendar caption { 3283 margin: 0 0 1.5em; 3284 } 3285 3286 .widget_calendar .wp-calendar-table { 3287 margin-bottom: 0; 3288 } 3289 3290 .widget_calendar .wp-calendar-nav { 3291 margin: 0 0 1.5em; 3292 } 3293 3294 .widget_archive li, 3295 .widget_categories li, 3296 .widget_links li, 3297 .widget_meta li, 3298 .widget_nav_menu li, 3299 .widget_pages li, 3300 .widget_recent_comments li, 3301 .widget_recent_entries li { 3302 padding: 0.9643em 0; 3303 } 3304 3305 .widget_categories .children, 3306 .widget_nav_menu .sub-menu, 3307 .widget_pages .children { 3308 margin: 0.9643em 0 0 1em; 3309 padding-top: 0.9643em; 3310 } 3311 3312 .widget_rss li { 3313 margin-bottom: 1.5em; 3314 } 3315 3316 .widget_rss .rss-date, 3317 .widget_rss cite { 3318 line-height: 1.75; 3319 } 3320 3321 .post-thumbnail { 3322 margin-bottom: 3em; 3323 } 3324 3325 .entry-title, 3326 .widecolumn h2 { 3327 font-size: 35px; 3328 font-size: 3.5rem; 3329 line-height: 1.2; 3330 margin-bottom: 1.2em; 3331 } 3332 3333 .entry-content h1, 3334 .entry-summary h1, 3335 .page-content h1, 3336 .comment-content h1 { 3337 font-size: 35px; 3338 font-size: 3.5rem; 3339 line-height: 1.2; 3340 margin-top: 1.6em; 3341 margin-bottom: 0.8em; 3342 } 3343 3344 .entry-content h2, 3345 .entry-summary h2, 3346 .page-content h2, 3347 .comment-content h2 { 3348 font-size: 29px; 3349 font-size: 2.9rem; 3350 line-height: 1.2069; 3351 margin-top: 1.931em; 3352 margin-bottom: 0.9655em; 3353 } 3354 3355 .entry-content h3, 3356 .entry-summary h3, 3357 .page-content h3, 3358 .comment-content h3 { 3359 font-size: 24px; 3360 font-size: 2.4rem; 3361 line-height: 1.1667; 3362 margin-top: 2.3333em; 3363 margin-bottom: 1.1667em; 3364 } 3365 3366 .entry-content h4, 3367 .entry-summary h4, 3368 .page-content h4, 3369 .comment-content h4 { 3370 font-size: 20px; 3371 font-size: 2rem; 3372 line-height: 1.4; 3373 margin-top: 2.8em; 3374 margin-bottom: 1.4em; 3375 } 3376 3377 .entry-content h5, 3378 .entry-summary h5, 3379 .page-content h5, 3380 .comment-content h5 { 3381 font-size: 18px; 3382 font-size: 1.8rem; 3383 line-height: 1.3333; 3384 margin-top: 2.6667em; 3385 margin-bottom: 1.3333em; 3386 } 3387 3388 .entry-content h6, 3389 .entry-summary h6, 3390 .page-content h6, 3391 .comment-content h6 { 3392 font-size: 17px; 3393 font-size: 1.7rem; 3394 line-height: 1.2353; 3395 margin-top: 3.2941em; 3396 margin-bottom: 1.6471em; 3397 } 3398 3399 .entry-content .more-link:after, 3400 .entry-summary .more-link:after { 3401 font-size: 24px; 3402 top: 2px; 3403 } 3404 3405 .author-info { 3406 margin: 0 9.0909%; 3407 padding: 9.0909% 0; 3408 } 3409 3410 .author-info .avatar { 3411 height: 42px; 3412 margin: 0 1.6471em 1.6471em 0; 3413 width: 42px; 3414 } 3415 3416 .author-link:after { 3417 top: 3px; 3418 } 3419 3420 .posted-on:before, 3421 .byline:before, 3422 .cat-links:before, 3423 .tags-links:before, 3424 .comments-link:before, 3425 .entry-format:before, 3426 .edit-link:before, 3427 .full-size-link:before { 3428 top: 3px; 3429 } 3430 3431 .taxonomy-description { 3432 padding-top: 0.4118em; 3433 } 3434 3435 .page-title, 3436 .comments-title, 3437 .comment-reply-title, 3438 .post-navigation .post-title { 3439 font-size: 24px; 3440 font-size: 2.4rem; 3441 line-height: 1.1667; 3442 } 3443 3444 .page-links { 3445 margin-bottom: 1.4117em; 3446 } 3447 3448 .page-links a, 3449 .page-links > span { 3450 margin: 0 0.2857em 0.2857em 0; 3451 } 3452 3453 .entry-attachment { 3454 margin-bottom: 1.6471em; 3455 } 3456 3457 .format-aside .entry-title, 3458 .format-image .entry-title, 3459 .format-video .entry-title, 3460 .format-quote .entry-title, 3461 .format-gallery .entry-title, 3462 .format-status .entry-title, 3463 .format-link .entry-title, 3464 .format-audio .entry-title, 3465 .format-chat .entry-title { 3466 font-size: 20px; 3467 font-size: 2rem; 3468 line-height: 1.4; 3469 margin-bottom: 1.4em; 3470 } 3471 3472 .format-link .entry-title a:after { 3473 top: 0.0833em; 3474 } 3475 3476 .comments-title { 3477 margin-bottom: 1.4em; 3478 } 3479 3480 .comment-list article, 3481 .comment-list .pingback, 3482 .comment-list .trackback { 3483 padding: 1.6471em 0; 3484 } 3485 3486 .comment-list + .comment-respond, 3487 .comment-navigation + .comment-respond { 3488 padding-top: 1.6471em; 3489 } 3490 3491 .comment-list .children > li { 3492 padding-left: 1.2353em; 3493 } 3494 3495 .comment-meta { 3496 position: relative; 3497 } 3498 3499 .comment-author { 3500 margin-bottom: 0; 3501 } 3502 3503 .comment-author .avatar { 3504 height: 42px; 3505 margin-right: 1.64705em; 3506 position: relative; 3507 top: 5px; 3508 width: 42px; 3509 } 3510 3511 .comment-metadata .edit-link:before { 3512 top: 2px; 3513 } 3514 3515 .pingback .edit-link:before { 3516 top: 6px; 3517 } 3518 3519 .bypostauthor > article .fn:after { 3520 top: 7px; 3521 left: 6px; 3522 } 3523 3524 .comment-content ul, 3525 .comment-content ol { 3526 margin-bottom: 1.6471em; 3527 } 3528 3529 .comment-list .reply a { 3530 padding: 0.4286em 0.8571em; 3531 } 3532 3533 .comment-form, 3534 .no-comments { 3535 padding-top: 1.6471em; 3536 } 3537 3538 .comment-reply-title small a:before { 3539 top: -1px; 3540 } 3541 3542 embed, 3543 iframe, 3544 object, 3545 video { 3546 margin-bottom: 1.6471em; 3547 } 3548 3549 .wp-audio-shortcode, 3550 .wp-video, 3551 .wp-playlist.wp-audio-playlist { 3552 font-size: 17px; 3553 font-size: 1.7rem; 3554 margin-bottom: 1.6471em; 3555 } 3556 3557 .wp-caption, 3558 .gallery { 3559 margin-bottom: 1.6471em; 3560 } 3561 3562 .widecolumn .mu_alert { 3563 margin-bottom: 1.6471em; 3564 } 3565 3566 .widecolumn p { 3567 margin: 1.6471em 0; 3568 } 3569 3570 .widecolumn p + h2 { 3571 margin-top: 1.6em; 3572 } 3573 3574 .widecolumn #key, 3575 .widecolumn .mu_register #blog_title, 3576 .widecolumn .mu_register #user_email, 3577 .widecolumn .mu_register #blogname, 3578 .widecolumn .mu_register #user_name { 3579 font-size: 17px; 3580 font-size: 1.7rem; 3581 line-height: normal; 3582 } 3583 3584 .widecolumn .mu_register #blog_title, 3585 .widecolumn .mu_register #user_email, 3586 .widecolumn .mu_register #user_name { 3587 margin: 0 0 0.4117em; 3588 } 3589 } 3590 3591 3592 /** 3593 * 16.3 Tablet Large 880px 3594 */ 3595 3596 @media screen and (min-width: 55em) { 3597 body, 3598 button, 3599 input, 3600 select, 3601 textarea { 3602 font-size: 19px; 3603 font-size: 1.9rem; 3604 line-height: 1.6842; 3605 } 3606 3607 button, 3608 input { 3609 line-height: normal; 3610 } 3611 3612 p, 3613 address, 3614 pre, 3615 hr, 3616 ul, 3617 ol, 3618 dl, 3619 dd, 3620 table { 3621 margin-bottom: 1.6842em; 3622 } 3623 3624 blockquote { 3625 font-size: 22px; 3626 font-size: 2.2rem; 3627 line-height: 1.8182; 3628 margin-bottom: 1.8182em; 3629 margin-left: -1.0909em; 3630 padding-left: 0.9091em; 3631 } 3632 3633 blockquote p { 3634 margin-bottom: 1.8182em; 3635 } 3636 3637 blockquote cite, 3638 blockquote small { 3639 font-size: 19px; 3640 font-size: 1.9rem; 3641 line-height: 1.6842; 3642 } 3643 3644 pre { 3645 line-height: 1.2632; 3646 } 3647 3648 button, 3649 input[type="button"], 3650 input[type="reset"], 3651 input[type="submit"], 3652 .post-password-form input[type="submit"], 3653 .widecolumn #submit, 3654 .widecolumn .mu_register input[type="submit"] { 3655 font-size: 16px; 3656 font-size: 1.6rem; 3657 padding: 0.8125em 1.625em; 3658 } 3659 3660 input[type="text"], 3661 input[type="email"], 3662 input[type="url"], 3663 input[type="password"], 3664 input[type="search"], 3665 textarea { 3666 padding: 0.5278em; 3667 } 3668 3669 .main-navigation { 3670 font-size: 16px; 3671 font-size: 1.6rem; 3672 line-height: 1.5; 3673 } 3674 3675 .main-navigation a { 3676 padding: 0.75em 0; 3677 } 3678 3679 .main-navigation .menu-item-description { 3680 font-size: 16px; 3681 font-size: 1.6rem; 3682 line-height: 1.5; 3683 } 3684 3685 .social-navigation ul { 3686 margin-bottom: -1.2632em; 3687 } 3688 3689 .social-navigation a { 3690 height: 2.5263em; 3691 width: 2.5263em; 3692 } 3693 3694 .secondary-toggle { 3695 height: 64px; 3696 width: 64px; 3697 } 3698 3699 .secondary-toggle:before { 3700 line-height: 62px; 3701 width: 62px; 3702 } 3703 3704 .post-password-form label, 3705 .post-navigation .meta-nav, 3706 .comment-navigation, 3707 .image-navigation, 3708 .author-heading, 3709 .author-bio, 3710 .entry-footer, 3711 .page-links a, 3712 .page-links span, 3713 .comment-metadata, 3714 .pingback .edit-link, 3715 .comment-list .reply, 3716 .comment-notes, 3717 .comment-awaiting-moderation, 3718 .logged-in-as, 3719 .comment-form label, 3720 .comment-form .comment-form-cookies-consent label, 3721 .form-allowed-tags, 3722 .site-info, 3723 .wp-caption-text, 3724 .gallery-caption, 3725 .entry-caption, 3726 .widecolumn label, 3727 .widecolumn .mu_register label { 3728 font-size: 16px; 3729 font-size: 1.6rem; 3730 } 3731 3732 .pagination .nav-links { 3733 min-height: 3.3684em; 3734 } 3735 3736 .pagination .page-numbers { 3737 line-height: 3.3684em; 3738 padding: 0 0.8421em; 3739 } 3740 3741 .pagination .prev, 3742 .pagination .next { 3743 height: 64px; 3744 padding: 0; 3745 width: 64px; 3746 } 3747 3748 .pagination .prev:before, 3749 .pagination .next:before { 3750 height: 64px; 3751 line-height: 64px; 3752 width: 64px; 3753 } 3754 3755 .image-navigation .nav-previous a:before, 3756 .image-navigation .nav-next a:after, 3757 .comment-navigation .nav-previous a:before, 3758 .comment-navigation .nav-next a:after { 3759 font-size: 24px; 3760 top: -1px; 3761 } 3762 3763 blockquote.alignleft, 3764 .wp-caption.alignleft, 3765 img.alignleft { 3766 margin: 0.4211em 1.6842em 1.6842em 0; 3767 } 3768 3769 blockquote.alignright, 3770 .wp-caption.alignright, 3771 img.alignright { 3772 margin: 0.4211em 0 1.6842em 1.6842em; 3773 } 3774 3775 blockquote.aligncenter, 3776 .wp-caption.aligncenter, 3777 img.aligncenter { 3778 margin-top: 0.4211em; 3779 margin-bottom: 1.6842em; 3780 } 3781 3782 .wp-caption.alignleft, 3783 .wp-caption.alignright, 3784 .wp-caption.aligncenter { 3785 margin-bottom: 1.2632em; 3786 } 3787 3788 .site-branding { 3789 min-height: 3.7895em; 3790 padding-right: 74px; 3791 } 3792 3793 .site-title { 3794 font-size: 32px; 3795 font-size: 3.2rem; 3796 line-height: 1.25; 3797 } 3798 3799 .custom-logo { 3800 max-height: 104px; 3801 } 3802 3803 .wp-custom-logo .site-title { 3804 margin-top: 0.5em; 3805 } 3806 3807 .site-description { 3808 font-size: 16px; 3809 font-size: 1.6rem; 3810 } 3811 3812 .widget { 3813 font-size: 16px; 3814 font-size: 1.6rem; 3815 } 3816 3817 .widget blockquote { 3818 font-size: 19px; 3819 font-size: 1.9rem; 3820 line-height: 1.6842; 3821 margin-bottom: 1.6842em; 3822 margin-left: -1.2632em; 3823 padding-left: 1.0526em; 3824 } 3825 3826 .widget blockquote p { 3827 margin-bottom: 1.6842em; 3828 } 3829 3830 .widget blockquote cite, 3831 .widget blockquote small { 3832 font-size: 16px; 3833 font-size: 1.6rem; 3834 } 3835 3836 .widget button, 3837 .widget input, 3838 .widget select, 3839 .widget textarea { 3840 line-height: 1.5; 3841 } 3842 3843 .widget button, 3844 .widget input { 3845 line-height: normal; 3846 } 3847 3848 .widget button, 3849 .widget input[type="button"], 3850 .widget input[type="reset"], 3851 .widget input[type="submit"] { 3852 font-size: 16px; 3853 font-size: 1.6rem; 3854 padding: 0.8125em 1.625em; 3855 } 3856 3857 .widget input[type="text"], 3858 .widget input[type="email"], 3859 .widget input[type="url"], 3860 .widget input[type="password"], 3861 .widget input[type="search"], 3862 .widget textarea { 3863 padding: 0.75em; 3864 } 3865 3866 .widget .wp-caption-text, 3867 .widget .gallery-caption { 3868 line-height: 1.5; 3869 } 3870 3871 .widget_calendar td, 3872 .widget_calendar th, 3873 .widget_calendar .wp-calendar-nav span { 3874 line-height: 2.9375; 3875 } 3876 3877 .widget_archive li, 3878 .widget_categories li, 3879 .widget_links li, 3880 .widget_meta li, 3881 .widget_nav_menu li, 3882 .widget_pages li, 3883 .widget_recent_comments li, 3884 .widget_recent_entries li { 3885 padding: 0.7188em 0; 3886 } 3887 3888 .widget_categories .children, 3889 .widget_nav_menu .sub-menu, 3890 .widget_pages .children { 3891 margin: 0.7188em 0 0 1em; 3892 padding-top: 0.7188em; 3893 } 3894 3895 .widget_rss .rss-date, 3896 .widget_rss cite { 3897 font-size: 13px; 3898 font-size: 1.3rem; 3899 line-height: 1.8462; 3900 } 3901 3902 .post-thumbnail { 3903 margin-bottom: 2.9474em; 3904 } 3905 3906 .entry-title, 3907 .widecolumn h2 { 3908 font-size: 39px; 3909 font-size: 3.9rem; 3910 line-height: 1.2308; 3911 margin-bottom: 1.2308em; 3912 } 3913 3914 .entry-content h1, 3915 .entry-summary h1, 3916 .page-content h1, 3917 .comment-content h1 { 3918 font-size: 39px; 3919 font-size: 3.9rem; 3920 line-height: 1.2308; 3921 margin-top: 1.641em; 3922 margin-bottom: 0.8205em; 3923 } 3924 3925 .entry-content h2, 3926 .entry-summary h2, 3927 .page-content h2, 3928 .comment-content h2 { 3929 font-size: 32px; 3930 font-size: 3.2rem; 3931 line-height: 1.25; 3932 margin-top: 2em; 3933 margin-bottom: 1em; 3934 } 3935 3936 .entry-content h3, 3937 .entry-summary h3, 3938 .page-content h3, 3939 .comment-content h3 { 3940 font-size: 27px; 3941 font-size: 2.7rem; 3942 line-height: 1.1852; 3943 margin-top: 2.3704em; 3944 margin-bottom: 1.1852em; 3945 } 3946 3947 .entry-content h4, 3948 .entry-summary h4, 3949 .page-content h4, 3950 .comment-content h4 { 3951 font-size: 22px; 3952 font-size: 2.2rem; 3953 line-height: 1.4545; 3954 margin-top: 2.9091em; 3955 margin-bottom: 1.4545em; 3956 } 3957 3958 .entry-content h5, 3959 .entry-summary h5, 3960 .page-content h5, 3961 .comment-content h5 { 3962 font-size: 20px; 3963 font-size: 2rem; 3964 line-height: 1.4; 3965 margin-top: 2.8em; 3966 margin-bottom: 1.4em; 3967 } 3968 3969 .entry-content h6, 3970 .entry-summary h6, 3971 .page-content h6, 3972 .comment-content h6 { 3973 font-size: 19px; 3974 font-size: 1.9rem; 3975 line-height: 1.2632; 3976 margin-top: 3.3684em; 3977 margin-bottom: 1.6842em; 3978 } 3979 3980 .entry-content .more-link:after, 3981 .entry-summary .more-link:after { 3982 top: 3px; 3983 } 3984 3985 .author-info .avatar { 3986 height: 56px; 3987 margin: 0 1.6842em 1.6842em 0; 3988 width: 56px; 3989 } 3990 3991 .author-link:after { 3992 font-size: 24px; 3993 top: 0; 3994 } 3995 3996 .posted-on:before, 3997 .byline:before, 3998 .cat-links:before, 3999 .tags-links:before, 4000 .comments-link:before, 4001 .entry-format:before, 4002 .edit-link:before, 4003 .full-size-link:before { 4004 top: 4px; 4005 } 4006 4007 .taxonomy-description { 4008 padding-top: 0.4211em; 4009 } 4010 4011 .page-title, 4012 .comments-title, 4013 .comment-reply-title, 4014 .post-navigation .post-title { 4015 font-size: 27px; 4016 font-size: 2.7rem; 4017 line-height: 1.1852; 4018 } 4019 4020 .page-links { 4021 margin-bottom: 1.4736em; 4022 } 4023 4024 .page-links a, 4025 .page-links > span { 4026 margin: 0 0.25em 0.25em 0; 4027 } 4028 4029 .entry-attachment { 4030 margin-bottom: 1.6842em 4031 } 4032 4033 .format-aside .entry-title, 4034 .format-image .entry-title, 4035 .format-video .entry-title, 4036 .format-quote .entry-title, 4037 .format-gallery .entry-title, 4038 .format-status .entry-title, 4039 .format-link .entry-title, 4040 .format-audio .entry-title, 4041 .format-chat .entry-title { 4042 font-size: 22px; 4043 font-size: 2.2rem; 4044 line-height: 1.4545; 4045 margin-bottom: 1.4545em; 4046 } 4047 4048 .format-link .entry-title a:after { 4049 top: 0.125em; 4050 } 4051 4052 .comments-title { 4053 margin-bottom: 1.4545em; 4054 } 4055 4056 .comment-list article, 4057 .comment-list .pingback, 4058 .comment-list .trackback { 4059 padding: 1.6842em 0; 4060 } 4061 4062 .comment-list + .comment-respond, 4063 .comment-navigation + .comment-respond { 4064 padding-top: 1.6842em; 4065 } 4066 4067 .comment-list .children > li { 4068 padding-left: 1.4737em; 4069 } 4070 4071 .comment-author .avatar { 4072 height: 56px; 4073 margin-right: 1.6842em; 4074 top: 3px; 4075 width: 56px; 4076 } 4077 4078 .comment-metadata { 4079 line-height: 2; 4080 } 4081 4082 .comment-metadata .edit-link:before { 4083 top: 8px; 4084 } 4085 4086 .pingback .edit-link:before { 4087 top: 8px; 4088 } 4089 4090 .bypostauthor > article .fn:after { 4091 top: 8px; 4092 } 4093 4094 .comment-content ul, 4095 .comment-content ol { 4096 margin-bottom: 1.6842em; 4097 } 4098 4099 .comment-list .reply a { 4100 padding: 0.4375em 0.875em; 4101 } 4102 4103 .comment-form, 4104 .no-comments { 4105 padding-top: 1.6842em; 4106 } 4107 4108 embed, 4109 iframe, 4110 object, 4111 video { 4112 margin-bottom: 1.6842em; 4113 } 4114 4115 .wp-audio-shortcode, 4116 .wp-video, 4117 .wp-playlist.wp-audio-playlist { 4118 font-size: 19px; 4119 font-size: 1.9rem; 4120 margin-bottom: 1.6842em; 4121 } 4122 4123 .wp-caption, 4124 .gallery { 4125 margin-bottom: 1.6842em; 4126 } 4127 4128 .widecolumn .mu_alert { 4129 margin-bottom: 1.6842em; 4130 } 4131 4132 .widecolumn p { 4133 margin: 1.6842em 0; 4134 } 4135 4136 .widecolumn p + h2 { 4137 margin-top: 1.641em; 4138 } 4139 4140 .widecolumn #key, 4141 .widecolumn .mu_register #blog_title, 4142 .widecolumn .mu_register #user_email, 4143 .widecolumn .mu_register #blogname, 4144 .widecolumn .mu_register #user_name { 4145 font-size: 19px; 4146 font-size: 1.9rem; 4147 } 4148 4149 .widecolumn .mu_register #blog_title, 4150 .widecolumn .mu_register #user_email, 4151 .widecolumn .mu_register #user_name { 4152 margin: 0 0 0.421em; 4153 } 4154 } 4155 4156 4157 /** 4158 * 16.4 Desktop Small 955px 4159 */ 4160 4161 @media screen and (min-width: 59.6875em) { 4162 body:before { 4163 background-color: #fff; 4164 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 4165 content: ""; 4166 display: block; 4167 height: 100%; 4168 min-height: 100%; 4169 position: fixed; 4170 top: 0; 4171 left: 0; 4172 width: 29.4118%; 4173 z-index: 0; /* Fixes flashing bug with scrolling on Safari */ 4174 } 4175 4176 .site { 4177 margin: 0 auto; 4178 max-width: 1403px; 4179 } 4180 4181 .sidebar { 4182 float: left; 4183 margin-right: -100%; 4184 max-width: 413px; 4185 position: relative; 4186 width: 29.4118%; 4187 } 4188 4189 .secondary { 4190 background-color: transparent; 4191 box-shadow: none; 4192 display: block; 4193 margin: 0; 4194 padding: 0; 4195 } 4196 4197 .site-main { 4198 padding: 8.3333% 0; 4199 } 4200 4201 .site-content { 4202 display: block; 4203 float: left; 4204 margin-left: 29.4118%; 4205 width: 70.5882%; 4206 } 4207 4208 body { 4209 font-size: 15px; 4210 font-size: 1.5rem; 4211 line-height: 1.6; 4212 } 4213 4214 p, 4215 address, 4216 pre, 4217 hr, 4218 ul, 4219 ol, 4220 dl, 4221 dd, 4222 table { 4223 margin-bottom: 1.6em; 4224 } 4225 4226 blockquote { 4227 font-size: 18px; 4228 font-size: 1.8rem; 4229 line-height: 1.6667; 4230 margin-bottom: 1.6667em; 4231 margin-left: -1.3333em; 4232 padding-left: 1.1111em; 4233 } 4234 4235 blockquote cite, 4236 blockquote small { 4237 font-size: 15px; 4238 font-size: 1.5rem; 4239 line-height: 1.6; 4240 } 4241 4242 pre { 4243 line-height: 1.2; 4244 } 4245 4246 button, 4247 input, 4248 select, 4249 textarea { 4250 font-size: 16px; 4251 font-size: 1.6rem; 4252 line-height: 1.5; 4253 } 4254 4255 button, 4256 input { 4257 line-height: normal; 4258 } 4259 4260 button, 4261 input[type="button"], 4262 input[type="reset"], 4263 input[type="submit"], 4264 .post-password-form input[type="submit"], 4265 .widecolumn #submit, 4266 .widecolumn .mu_register input[type="submit"] { 4267 font-size: 12px; 4268 font-size: 1.2rem; 4269 padding: 0.7917em 1.5833em; 4270 } 4271 4272 input[type="text"], 4273 input[type="email"], 4274 input[type="url"], 4275 input[type="password"], 4276 input[type="search"], 4277 textarea { 4278 padding: 0.375em; 4279 } 4280 4281 .main-navigation { 4282 font-size: 12px; 4283 font-size: 1.2rem; 4284 margin: 0 20% 20%; 4285 } 4286 4287 .main-navigation a { 4288 padding: 0.5em 0; 4289 } 4290 4291 .main-navigation .menu-item-has-children > a { 4292 padding-right: 30px; 4293 } 4294 4295 .main-navigation .menu-item-description { 4296 font-size: 12px; 4297 font-size: 1.2rem; 4298 line-height: 1.5; 4299 } 4300 4301 .dropdown-toggle { 4302 height: 24px; 4303 width: 24px; 4304 } 4305 4306 .dropdown-toggle:after { 4307 font-size: 16px; 4308 line-height: 24px; 4309 width: 24px; 4310 } 4311 4312 .social-navigation { 4313 margin: 0 20% 20%; 4314 } 4315 4316 .social-navigation ul { 4317 margin-bottom: -1.6em; 4318 } 4319 4320 .social-navigation li { 4321 width: 25%; 4322 } 4323 4324 .social-navigation a { 4325 height: 3.2em; 4326 } 4327 4328 .secondary-toggle { 4329 display: none; 4330 } 4331 4332 .post-password-form label, 4333 .post-navigation .meta-nav, 4334 .comment-navigation, 4335 .image-navigation, 4336 .author-heading, 4337 .author-bio, 4338 .entry-footer, 4339 .page-links a, 4340 .page-links span, 4341 .comment-metadata, 4342 .pingback .edit-link, 4343 .comment-list .reply, 4344 .comment-notes, 4345 .comment-awaiting-moderation, 4346 .logged-in-as, 4347 .comment-form label, 4348 .comment-form .comment-form-cookies-consent label, 4349 .form-allowed-tags, 4350 .site-info, 4351 .wp-caption-text, 4352 .gallery-caption, 4353 .entry-caption, 4354 .widecolumn label, 4355 .widecolumn .mu_register label { 4356 font-size: 12px; 4357 font-size: 1.2rem; 4358 } 4359 4360 .post-navigation { 4361 margin: 8.3333% 8.3333% 0; 4362 } 4363 4364 .post-navigation a { 4365 padding: 5% 10%; 4366 } 4367 4368 .pagination { 4369 margin: 8.333% 8.333% 0; 4370 } 4371 4372 .pagination .nav-links { 4373 min-height: 3.2em; 4374 } 4375 4376 .pagination .page-numbers { 4377 line-height: 3.2em; 4378 padding: 0 0.8em; 4379 } 4380 4381 .pagination .prev, 4382 .pagination .next { 4383 height: 48px; 4384 padding: 0; 4385 width: 48px; 4386 } 4387 4388 .pagination .prev:before, 4389 .pagination .next:before { 4390 height: 48px; 4391 line-height: 48px; 4392 width: 48px; 4393 } 4394 4395 .image-navigation .nav-previous a:before, 4396 .image-navigation .nav-next a:after, 4397 .comment-navigation .nav-previous a:before, 4398 .comment-navigation .nav-next a:after { 4399 font-size: 16px; 4400 top: 0; 4401 } 4402 4403 .image-navigation { 4404 padding: 0 10%; 4405 } 4406 4407 blockquote.alignleft, 4408 .wp-caption.alignleft, 4409 img.alignleft { 4410 margin: 0.4em 1.6em 1.6em 0; 4411 } 4412 4413 blockquote.alignright, 4414 .wp-caption.alignright, 4415 img.alignright { 4416 margin: 0.4em 0 1.6em 1.6em; 4417 } 4418 4419 blockquote.aligncenter, 4420 .wp-caption.aligncenter, 4421 img.aligncenter { 4422 clear: both; 4423 margin-top: 0.4em; 4424 margin-bottom: 1.6em; 4425 } 4426 4427 .wp-caption.alignleft, 4428 .wp-caption.alignright, 4429 .wp-caption.aligncenter { 4430 margin-bottom: 1.2em; 4431 } 4432 4433 .site-header { 4434 background-color: transparent; 4435 border-bottom: 0; 4436 margin: 20% 0; 4437 padding: 0 20%; 4438 } 4439 4440 .site-branding { 4441 min-height: 0; 4442 padding: 0; 4443 } 4444 4445 .site-title { 4446 font-size: 22px; 4447 font-size: 2.2rem; 4448 line-height: 1.3636; 4449 } 4450 4451 .custom-logo { 4452 max-height: none; 4453 } 4454 4455 .wp-custom-logo .site-title { 4456 margin-top: 0.545454545em; 4457 } 4458 4459 .site-description { 4460 font-size: 12px; 4461 font-size: 1.2rem; 4462 } 4463 4464 .widget { 4465 font-size: 12px; 4466 font-size: 1.2rem; 4467 margin: 0 0 20%; 4468 padding: 0 20%; 4469 } 4470 4471 .widget blockquote { 4472 font-size: 12px; 4473 font-size: 1.2rem; 4474 line-height: 1.5; 4475 margin-bottom: 1.5em; 4476 margin-left: -1.5em; 4477 padding-left: 1.1667em; 4478 } 4479 4480 .widget blockquote p { 4481 margin-bottom: 1.5em; 4482 } 4483 4484 .widget blockquote cite, 4485 .widget blockquote small { 4486 font-size: 12px; 4487 font-size: 1.2rem; 4488 } 4489 4490 .widget pre { 4491 padding: 0.5em; 4492 } 4493 4494 .widget button, 4495 .widget input, 4496 .widget select, 4497 .widget textarea { 4498 font-size: 12px; 4499 font-size: 1.2rem; 4500 } 4501 4502 .widget button, 4503 .widget input[type="button"], 4504 .widget input[type="reset"], 4505 .widget input[type="submit"] { 4506 font-size: 12px; 4507 font-size: 1.2rem; 4508 padding: 0.5417em 1.0833em; 4509 } 4510 4511 .widget input[type="text"], 4512 .widget input[type="email"], 4513 .widget input[type="url"], 4514 .widget input[type="password"], 4515 .widget input[type="search"], 4516 .widget textarea { 4517 padding: 0.4583em; 4518 } 4519 4520 .widget .wp-caption-text, 4521 .widget .gallery-caption { 4522 font-size: 12px; 4523 font-size: 1.2rem; 4524 } 4525 4526 .widget_calendar td, 4527 .widget_calendar th, 4528 .widget_calendar .wp-calendar-nav span { 4529 line-height: 1.9167; 4530 } 4531 4532 .widget_archive li, 4533 .widget_categories li, 4534 .widget_links li, 4535 .widget_meta li, 4536 .widget_nav_menu li, 4537 .widget_pages li, 4538 .widget_recent_comments li, 4539 .widget_recent_entries li { 4540 padding: 0.4583em 0; 4541 } 4542 4543 .widget_categories .children, 4544 .widget_nav_menu .sub-menu, 4545 .widget_pages .children { 4546 margin: 0.4583em 0 0 1em; 4547 padding-top: 0.4583em; 4548 } 4549 4550 .widget_rss .rss-date, 4551 .widget_rss cite { 4552 font-size: 12px; 4553 font-size: 1.2rem; 4554 line-height: 1.5; 4555 } 4556 4557 .hentry, 4558 .page-header, 4559 .page-content { 4560 margin: 0 8.3333%; 4561 } 4562 4563 .hentry { 4564 padding-top: 8.3333%; 4565 } 4566 4567 .hentry + .hentry, 4568 .page-header + .hentry, 4569 .page-header + .page-content { 4570 margin-top: 8.3333%; 4571 } 4572 4573 .post-thumbnail { 4574 margin-bottom: 2.4em; 4575 } 4576 4577 .entry-header { 4578 padding: 0 10%; 4579 } 4580 4581 .entry-title, 4582 .widecolumn h2 { 4583 font-size: 31px; 4584 font-size: 3.1rem; 4585 line-height: 1.1613; 4586 margin-bottom: 1.1613em; 4587 } 4588 4589 .entry-content, 4590 .entry-summary { 4591 padding: 0 10% 10%; 4592 } 4593 4594 .entry-content h1, 4595 .entry-summary h1, 4596 .page-content h1, 4597 .comment-content h1 { 4598 font-size: 31px; 4599 font-size: 3.1rem; 4600 line-height: 1.1613; 4601 margin-top: 1.5484em; 4602 margin-bottom: 0.7742em; 4603 } 4604 4605 .entry-content h2, 4606 .entry-summary h2, 4607 .page-content h2, 4608 .comment-content h2 { 4609 font-size: 26px; 4610 font-size: 2.6rem; 4611 line-height: 1.3846; 4612 margin-top: 1.8462em; 4613 margin-bottom: 0.9231em; 4614 } 4615 4616 .entry-content h3, 4617 .entry-summary h3, 4618 .page-content h3, 4619 .comment-content h3 { 4620 font-size: 22px; 4621 font-size: 2.2rem; 4622 line-height: 1.3636; 4623 margin-top: 2.1818em; 4624 margin-bottom: 1.0909em; 4625 } 4626 4627 .entry-content h4, 4628 .entry-summary h4, 4629 .page-content h4, 4630 .comment-content h4 { 4631 font-size: 18px; 4632 font-size: 1.8rem; 4633 line-height: 1.3333; 4634 margin-top: 2.6667em; 4635 margin-bottom: 1.3333em; 4636 } 4637 4638 .entry-content h5, 4639 .entry-summary h5, 4640 .page-content h5, 4641 .comment-content h5 { 4642 font-size: 16px; 4643 font-size: 1.6rem; 4644 line-height: 1.25; 4645 margin-top: 3.25em; 4646 margin-bottom: 1.625em; 4647 } 4648 4649 .entry-content h6, 4650 .entry-summary h6, 4651 .page-content h6, 4652 .comment-content h6 { 4653 font-size: 15px; 4654 font-size: 1.5rem; 4655 line-height: 1.2; 4656 margin-top: 3.2em; 4657 margin-bottom: 1.6em; 4658 } 4659 4660 .entry-content .more-link:after, 4661 .entry-summary .more-link:after { 4662 font-size: 16px; 4663 top: 5px; 4664 } 4665 4666 .author-info { 4667 margin: 0 10%; 4668 padding: 10% 0; 4669 } 4670 4671 .author-info .avatar { 4672 height: 36px; 4673 margin: 0 1.5em 1.5em 0; 4674 width: 36px; 4675 } 4676 4677 .author-link:after { 4678 font-size: 16px; 4679 top: 1px; 4680 } 4681 4682 .entry-footer { 4683 padding: 5% 10%; 4684 } 4685 4686 .posted-on:before, 4687 .byline:before, 4688 .cat-links:before, 4689 .tags-links:before, 4690 .comments-link:before, 4691 .entry-format:before, 4692 .edit-link:before, 4693 .full-size-link:before { 4694 top: 0; 4695 } 4696 4697 .page-header { 4698 padding: 4.1666% 8.3333%; 4699 } 4700 4701 .page-content { 4702 padding: 8.3333%; 4703 } 4704 4705 .taxonomy-description { 4706 padding-top: 0.4em; 4707 } 4708 4709 .page-title, 4710 .comments-title, 4711 .comment-reply-title, 4712 .post-navigation .post-title { 4713 font-size: 18px; 4714 font-size: 1.8rem; 4715 line-height: 1.3333; 4716 } 4717 4718 .page-links { 4719 margin-bottom: 1.3333em; 4720 } 4721 4722 .page-links a, 4723 .page-links > span { 4724 margin: 0 0.3333em 0.3333em 0; 4725 } 4726 4727 .entry-attachment { 4728 margin-bottom: 1.6em; 4729 } 4730 4731 .format-aside .entry-title, 4732 .format-image .entry-title, 4733 .format-video .entry-title, 4734 .format-quote .entry-title, 4735 .format-gallery .entry-title, 4736 .format-status .entry-title, 4737 .format-link .entry-title, 4738 .format-audio .entry-title, 4739 .format-chat .entry-title { 4740 font-size: 18px; 4741 font-size: 1.8rem; 4742 line-height: 1.3333; 4743 margin-bottom: 1.3333em; 4744 } 4745 4746 .format-link .entry-title a:after { 4747 top: 0; 4748 } 4749 4750 .comments-area { 4751 margin: 8.3333% 8.3333% 0; 4752 padding: 8.3333%; 4753 } 4754 4755 .comments-title { 4756 margin-bottom: 1.3333em; 4757 } 4758 4759 .comment-list article, 4760 .comment-list .pingback, 4761 .comment-list .trackback { 4762 padding: 1.6em 0; 4763 } 4764 4765 .comment-list + .comment-respond, 4766 .comment-navigation + .comment-respond { 4767 padding-top: 1.6em; 4768 } 4769 4770 .comment-list .children > li { 4771 padding-left: 0.8em; 4772 } 4773 4774 .comment-author { 4775 margin-bottom: 0.4em; 4776 } 4777 4778 .comment-author .avatar { 4779 height: 24px; 4780 margin-right: 0.8em; 4781 top: 0; 4782 width: 24px; 4783 } 4784 4785 .comment-metadata .edit-link:before { 4786 top: 3px; 4787 } 4788 4789 .pingback .edit-link:before { 4790 top: 5px; 4791 } 4792 4793 .bypostauthor > article .fn:after { 4794 top: 5px; 4795 left: 3px; 4796 } 4797 4798 .comment-content ul, 4799 .comment-content ol { 4800 margin-bottom: 2em; 4801 } 4802 4803 .comment-list .reply a { 4804 padding: 0.4167em 0.8333em; 4805 } 4806 4807 .comment-form, 4808 .no-comments { 4809 padding-top: 1.6em; 4810 } 4811 4812 .comment-reply-title small a:before { 4813 top: -3px; 4814 } 4815 4816 .site-footer { 4817 float: left; 4818 margin: 0 0 0 35.2941%; 4819 padding: 0; 4820 width: 58.8235%; 4821 } 4822 4823 .site-info { 4824 padding: 5% 10%; 4825 } 4826 4827 embed, 4828 iframe, 4829 object, 4830 video { 4831 margin-bottom: 1.6em; 4832 } 4833 4834 .wp-audio-shortcode, 4835 .wp-video, 4836 .wp-playlist.wp-audio-playlist { 4837 font-size: 15px; 4838 font-size: 1.5rem; 4839 margin-bottom: 1.6em; 4840 } 4841 4842 .wp-caption, 4843 .gallery { 4844 margin-bottom: 1.6em; 4845 } 4846 4847 .widecolumn { 4848 margin: 8.3333%; 4849 padding: 8.3333%; 4850 } 4851 4852 .widecolumn .mu_alert { 4853 margin-bottom: 1.6em; 4854 } 4855 4856 .widecolumn p { 4857 margin: 1.6em 0; 4858 } 4859 4860 .widecolumn p + h2 { 4861 margin-top: 1.5484em; 4862 } 4863 4864 .widecolumn #key, 4865 .widecolumn .mu_register #blog_title, 4866 .widecolumn .mu_register #user_email, 4867 .widecolumn .mu_register #blogname, 4868 .widecolumn .mu_register #user_name { 4869 font-size: 16px; 4870 font-size: 1.6rem; 4871 } 4872 4873 .widecolumn .mu_register #blog_title, 4874 .widecolumn .mu_register #user_email, 4875 .widecolumn .mu_register #user_name { 4876 margin: 0 0 0.375em; 4877 } 4878 } 4879 4880 4881 /** 4882 * 16.5 Desktop Medium 1100px 4883 */ 4884 4885 @media screen and (min-width: 68.75em) { 4886 body, 4887 button, 4888 input, 4889 select, 4890 textarea { 4891 font-size: 17px; 4892 font-size: 1.7rem; 4893 line-height: 1.6471; 4894 } 4895 4896 button, 4897 input { 4898 line-height: normal; 4899 } 4900 4901 p, 4902 address, 4903 pre, 4904 hr, 4905 ul, 4906 ol, 4907 dl, 4908 dd, 4909 table { 4910 margin-bottom: 1.6471em; 4911 } 4912 4913 blockquote { 4914 font-size: 20px; 4915 font-size: 2rem; 4916 line-height: 1.75; 4917 margin-bottom: 1.75em; 4918 margin-left: -1.05em; 4919 padding-left: 0.85em; 4920 } 4921 4922 blockquote p { 4923 margin-bottom: 1.75em; 4924 } 4925 4926 blockquote cite, 4927 blockquote small { 4928 font-size: 17px; 4929 font-size: 1.7rem; 4930 line-height: 1.6471; 4931 } 4932 4933 pre { 4934 line-height: 1.2353; 4935 } 4936 4937 button, 4938 input[type="button"], 4939 input[type="reset"], 4940 input[type="submit"], 4941 .post-password-form input[type="submit"], 4942 .widecolumn #submit, 4943 .widecolumn .mu_register input[type="submit"] { 4944 font-size: 14px; 4945 font-size: 1.4rem; 4946 padding: 0.8214em 1.5714em; 4947 } 4948 4949 input[type="text"], 4950 input[type="email"], 4951 input[type="url"], 4952 input[type="password"], 4953 input[type="search"], 4954 textarea { 4955 padding: 0.5em; 4956 } 4957 4958 .main-navigation { 4959 font-size: 14px; 4960 font-size: 1.4rem; 4961 } 4962 4963 .main-navigation a { 4964 padding: 0.4643em 0; 4965 } 4966 4967 .main-navigation .menu-item-has-children > a { 4968 padding-right: 34px; 4969 } 4970 4971 .main-navigation .menu-item-description { 4972 line-height: 1.4583; 4973 margin-top: 0.25em; 4974 } 4975 4976 .dropdown-toggle { 4977 height: 28px; 4978 width: 28px; 4979 } 4980 4981 .dropdown-toggle:after { 4982 line-height: 28px; 4983 width: 28px; 4984 } 4985 4986 .social-navigation ul { 4987 margin-bottom: -1.4706em; 4988 } 4989 4990 .social-navigation li { 4991 width: 20%; 4992 } 4993 4994 .social-navigation a { 4995 height: 2.8824em; 4996 } 4997 4998 .post-password-form label, 4999 .post-navigation .meta-nav, 5000 .comment-navigation, 5001 .image-navigation, 5002 .author-heading, 5003 .author-bio, 5004 .entry-footer, 5005 .page-links a, 5006 .page-links span, 5007 .comment-metadata, 5008 .pingback .edit-link, 5009 .comment-list .reply, 5010 .comment-notes, 5011 .comment-awaiting-moderation, 5012 .logged-in-as, 5013 .comment-form label, 5014 .comment-form .comment-form-cookies-consent label, 5015 .form-allowed-tags, 5016 .site-info, 5017 .wp-caption-text, 5018 .gallery-caption, 5019 .entry-caption, 5020 .widecolumn label, 5021 .widecolumn .mu_register label { 5022 font-size: 14px; 5023 font-size: 1.4rem; 5024 } 5025 5026 .pagination .nav-links { 5027 min-height: 3.2941em; 5028 } 5029 5030 .pagination .page-numbers { 5031 line-height: 3.2941em; 5032 padding: 0 0.8235em; 5033 } 5034 5035 .pagination .prev, 5036 .pagination .next { 5037 height: 56px; 5038 padding: 0; 5039 width: 56px; 5040 } 5041 5042 .pagination .prev:before, 5043 .pagination .next:before { 5044 height: 56px; 5045 line-height: 56px; 5046 width: 56px; 5047 } 5048 5049 .image-navigation .nav-previous a:before, 5050 .image-navigation .nav-next a:after, 5051 .comment-navigation .nav-previous a:before, 5052 .comment-navigation .nav-next a:after { 5053 top: 2px; 5054 } 5055 5056 blockquote.alignleft, 5057 .wp-caption.alignleft, 5058 img.alignleft { 5059 margin: 0.4118em 1.6471em 1.6471em 0; 5060 } 5061 5062 blockquote.alignright, 5063 .wp-caption.alignright, 5064 img.alignright { 5065 margin: 0.4118em 0 1.6471em 1.6471em; 5066 } 5067 5068 blockquote.aligncenter, 5069 .wp-caption.aligncenter, 5070 img.aligncenter { 5071 margin-top: 0.4118em; 5072 margin-bottom: 1.6471em; 5073 } 5074 5075 .wp-caption.alignleft, 5076 .wp-caption.alignright, 5077 .wp-caption.aligncenter { 5078 margin-bottom: 1.2353em; 5079 } 5080 5081 .site-title { 5082 font-size: 24px; 5083 font-size: 2.4rem; 5084 line-height: 1.1667; 5085 } 5086 5087 .wp-custom-logo .site-title { 5088 margin-top: 0.583333333em; 5089 } 5090 5091 .site-description { 5092 font-size: 14px; 5093 font-size: 1.4rem; 5094 } 5095 5096 .widget { 5097 font-size: 14px; 5098 font-size: 1.4rem; 5099 } 5100 5101 .widget blockquote { 5102 font-size: 14px; 5103 font-size: 1.4rem; 5104 padding-left: 1.2143em; 5105 } 5106 5107 .widget button, 5108 .widget input, 5109 .widget select, 5110 .widget textarea { 5111 font-size: 14px; 5112 font-size: 1.4rem; 5113 } 5114 5115 .widget button, 5116 .widget input[type="button"], 5117 .widget input[type="reset"], 5118 .widget input[type="submit"] { 5119 font-size: 12px; 5120 font-size: 1.2rem; 5121 padding: 0.75em 1.5em; 5122 } 5123 5124 .widget input[type="text"], 5125 .widget input[type="email"], 5126 .widget input[type="url"], 5127 .widget input[type="password"], 5128 .widget input[type="search"], 5129 .widget textarea { 5130 padding: 0.5em; 5131 } 5132 5133 .widget .wp-caption-text, 5134 .widget .gallery-caption { 5135 line-height: 1.4583; 5136 padding: 0.5833em 0; 5137 } 5138 5139 .widget_calendar caption { 5140 margin: 0 0 1.9286em; 5141 } 5142 5143 .widget_calendar td, 5144 .widget_calendar th, 5145 .widget_calendar .wp-calendar-nav span { 5146 line-height: 1.9286; 5147 } 5148 5149 .widget_archive li, 5150 .widget_categories li, 5151 .widget_links li, 5152 .widget_meta li, 5153 .widget_nav_menu li, 5154 .widget_pages li, 5155 .widget_recent_comments li, 5156 .widget_recent_entries li { 5157 padding: 0.4643em 0; 5158 } 5159 5160 .widget_categories .children, 5161 .widget_nav_menu .sub-menu, 5162 .widget_pages .children { 5163 margin: 0.4643em 0 0 1em; 5164 padding-top: 0.4643em; 5165 } 5166 5167 .widget_rss .rss-date, 5168 .widget_rss cite { 5169 line-height: 1.75; 5170 } 5171 5172 .post-thumbnail { 5173 margin-bottom: 2.4706em; 5174 } 5175 5176 .entry-title, 5177 .widecolumn h2 { 5178 font-size: 35px; 5179 font-size: 3.5rem; 5180 line-height: 1.2; 5181 margin-bottom: 1.2em; 5182 } 5183 5184 .entry-content h1, 5185 .entry-summary h1, 5186 .page-content h1, 5187 .comment-content h1 { 5188 font-size: 35px; 5189 font-size: 3.5rem; 5190 line-height: 1.2; 5191 margin-top: 1.6em; 5192 margin-bottom: 0.8em; 5193 } 5194 5195 .entry-content h2, 5196 .entry-summary h2, 5197 .page-content h2, 5198 .comment-content h2 { 5199 font-size: 29px; 5200 font-size: 2.9rem; 5201 line-height: 1.2069; 5202 margin-top: 1.931em; 5203 margin-bottom: 0.9655em; 5204 } 5205 5206 .entry-content h3, 5207 .entry-summary h3, 5208 .page-content h3, 5209 .comment-content h3 { 5210 font-size: 24px; 5211 font-size: 2.4rem; 5212 line-height: 1.1667; 5213 margin-top: 2.3333em; 5214 margin-bottom: 1.1667em; 5215 } 5216 5217 .entry-content h4, 5218 .entry-summary h4, 5219 .page-content h4, 5220 .comment-content h4 { 5221 font-size: 20px; 5222 font-size: 2rem; 5223 line-height: 1.4; 5224 margin-top: 2.8em; 5225 margin-bottom: 1.4em; 5226 } 5227 5228 .entry-content h5, 5229 .entry-summary h5, 5230 .page-content h5, 5231 .comment-content h5 { 5232 font-size: 18px; 5233 font-size: 1.8rem; 5234 line-height: 1.3333; 5235 margin-top: 2.6667em; 5236 margin-bottom: 1.3333em; 5237 } 5238 5239 .entry-content h6, 5240 .entry-summary h6, 5241 .page-content h6, 5242 .comment-content h6 { 5243 font-size: 17px; 5244 font-size: 1.7rem; 5245 line-height: 1.2353; 5246 margin-top: 3.2941em; 5247 margin-bottom: 1.6471em; 5248 } 5249 5250 .entry-content .more-link:after, 5251 .entry-summary .more-link:after { 5252 font-size: 24px; 5253 top: 2px; 5254 } 5255 5256 .author-info .avatar { 5257 height: 42px; 5258 margin: 0 1.6471em 1.6471em 0; 5259 width: 42px; 5260 } 5261 5262 .author-link:after { 5263 top: 3px; 5264 } 5265 5266 .posted-on:before, 5267 .byline:before, 5268 .cat-links:before, 5269 .tags-links:before, 5270 .comments-link:before, 5271 .entry-format:before, 5272 .edit-link:before, 5273 .full-size-link:before { 5274 top: 3px; 5275 } 5276 5277 .taxonomy-description { 5278 padding-top: 0.4118em; 5279 } 5280 5281 .page-title, 5282 .comments-title, 5283 .comment-reply-title, 5284 .post-navigation .post-title { 5285 font-size: 24px; 5286 font-size: 2.4rem; 5287 line-height: 1.1667; 5288 } 5289 5290 .page-links { 5291 margin-bottom: 1.4117em; 5292 } 5293 5294 .page-links a, 5295 .page-links > span { 5296 margin: 0 0.2857em 0.2857em 0; 5297 } 5298 5299 .entry-attachment { 5300 margin-bottom: 1.6471em; 5301 } 5302 5303 .format-aside .entry-title, 5304 .format-image .entry-title, 5305 .format-video .entry-title, 5306 .format-quote .entry-title, 5307 .format-gallery .entry-title, 5308 .format-status .entry-title, 5309 .format-link .entry-title, 5310 .format-audio .entry-title, 5311 .format-chat .entry-title { 5312 font-size: 20px; 5313 font-size: 2rem; 5314 line-height: 1.4; 5315 margin-bottom: 1.4em; 5316 } 5317 5318 .format-link .entry-title a:after { 5319 top: 0.0833em; 5320 } 5321 5322 .comments-title { 5323 margin-bottom: 1.4em; 5324 } 5325 5326 .comment-list article, 5327 .comment-list .pingback, 5328 .comment-list .trackback { 5329 padding: 1.6471em 0; 5330 } 5331 5332 .comment-list + .comment-respond, 5333 .comment-navigation + .comment-respond { 5334 padding-top: 1.6471em; 5335 } 5336 5337 .comment-list .children > li { 5338 padding-left: 1.1667em; 5339 } 5340 5341 .comment-author { 5342 margin-bottom: 0; 5343 } 5344 5345 .comment-author .avatar { 5346 height: 42px; 5347 margin-right: 1.64705em; 5348 top: 5px; 5349 width: 42px; 5350 } 5351 5352 .bypostauthor > article .fn:after { 5353 top: 7px; 5354 left: 6px; 5355 } 5356 5357 .comment-metadata .edit-link:before { 5358 top: 6px; 5359 } 5360 5361 .pingback .edit-link:before { 5362 top: 6px; 5363 } 5364 5365 .comment-content ul, 5366 .comment-content ol { 5367 margin-bottom: 1.6471em; 5368 } 5369 5370 .comment-list .reply a { 5371 padding: 0.4286em 0.8571em; 5372 } 5373 5374 .comment-form, 5375 .no-comments { 5376 padding-top: 1.6471em; 5377 } 5378 5379 .comment-reply-title small a:before { 5380 top: -1px; 5381 } 5382 5383 embed, 5384 iframe, 5385 object, 5386 video { 5387 margin-bottom: 1.6471em; 5388 } 5389 5390 .wp-audio-shortcode, 5391 .wp-video, 5392 .wp-playlist.wp-audio-playlist { 5393 font-size: 17px; 5394 font-size: 1.7rem; 5395 margin-bottom: 1.6471em; 5396 } 5397 5398 .wp-caption, 5399 .gallery { 5400 margin-bottom: 1.6471em; 5401 } 5402 5403 .widecolumn .mu_alert { 5404 margin-bottom: 1.6471em; 5405 } 5406 5407 .widecolumn p { 5408 margin: 1.6471em 0; 5409 } 5410 5411 .widecolumn p + h2 { 5412 margin-top: 1.6em; 5413 } 5414 5415 .widecolumn #key, 5416 .widecolumn .mu_register #blog_title, 5417 .widecolumn .mu_register #user_email, 5418 .widecolumn .mu_register #blogname, 5419 .widecolumn .mu_register #user_name { 5420 font-size: 17px; 5421 font-size: 1.7rem; 5422 } 5423 5424 .widecolumn .mu_register #blog_title, 5425 .widecolumn .mu_register #user_email, 5426 .widecolumn .mu_register #user_name { 5427 margin: 0 0 0.4117em; 5428 } 5429 } 5430 5431 5432 /** 5433 * 16.6 Desktop Large 1240px 5434 */ 5435 5436 @media screen and (min-width: 77.5em) { 5437 body, 5438 button, 5439 input, 5440 select, 5441 textarea { 5442 font-size: 19px; 5443 font-size: 1.9rem; 5444 line-height: 1.6842; 5445 } 5446 5447 button, 5448 input { 5449 line-height: normal; 5450 } 5451 5452 p, 5453 address, 5454 pre, 5455 hr, 5456 ul, 5457 ol, 5458 dl, 5459 dd, 5460 table { 5461 margin-bottom: 1.6842em; 5462 } 5463 5464 blockquote { 5465 font-size: 22px; 5466 font-size: 2.2rem; 5467 line-height: 1.8182; 5468 margin-bottom: 1.8182em; 5469 margin-left: -1.0909em; 5470 padding-left: 0.9091em; 5471 } 5472 5473 blockquote p { 5474 margin-bottom: 1.8182em; 5475 } 5476 5477 blockquote cite, 5478 blockquote small { 5479 font-size: 19px; 5480 font-size: 1.9rem; 5481 line-height: 1.6842; 5482 } 5483 5484 pre { 5485 line-height: 1.2632; 5486 } 5487 5488 button, 5489 input[type="button"], 5490 input[type="reset"], 5491 input[type="submit"], 5492 .post-password-form input[type="submit"], 5493 .widecolumn #submit, 5494 .widecolumn .mu_register input[type="submit"] { 5495 font-size: 16px; 5496 font-size: 1.6rem; 5497 padding: 0.8125em 1.625em; 5498 } 5499 5500 input[type="text"], 5501 input[type="email"], 5502 input[type="url"], 5503 input[type="password"], 5504 input[type="search"], 5505 textarea { 5506 padding: 0.5278em; 5507 } 5508 5509 .main-navigation { 5510 font-size: 16px; 5511 font-size: 1.6rem; 5512 } 5513 5514 .main-navigation a { 5515 padding: 0.5em 0; 5516 } 5517 5518 .main-navigation .menu-item-has-children > a { 5519 padding-right: 38px; 5520 } 5521 5522 .main-navigation .menu-item-description { 5523 font-size: 13px; 5524 font-size: 1.3rem; 5525 line-height: 1.5385; 5526 margin-top: 0.3077em; 5527 } 5528 5529 .dropdown-toggle { 5530 height: 32px; 5531 top: 4px; 5532 width: 32px; 5533 } 5534 5535 .dropdown-toggle:after { 5536 line-height: 32px; 5537 width: 32px; 5538 } 5539 5540 .social-navigation ul { 5541 margin-bottom: -1.2632em; 5542 } 5543 5544 .social-navigation a { 5545 height: 2.5263em; 5546 } 5547 5548 .post-password-form label, 5549 .post-navigation .meta-nav, 5550 .comment-navigation, 5551 .image-navigation, 5552 .author-heading, 5553 .author-bio, 5554 .entry-footer, 5555 .page-links a, 5556 .page-links span, 5557 .comment-metadata, 5558 .pingback .edit-link, 5559 .comment-list .reply, 5560 .comment-notes, 5561 .comment-awaiting-moderation, 5562 .logged-in-as, 5563 .comment-form label, 5564 .comment-form .comment-form-cookies-consent label, 5565 .form-allowed-tags, 5566 .site-info, 5567 .wp-caption-text, 5568 .gallery-caption, 5569 .entry-caption, 5570 .widecolumn label, 5571 .widecolumn .mu_register label { 5572 font-size: 16px; 5573 font-size: 1.6rem; 5574 } 5575 5576 .pagination .nav-links { 5577 min-height: 3.3684em; 5578 } 5579 5580 .pagination .page-numbers { 5581 line-height: 3.3684em; 5582 padding: 0 0.8421em; 5583 } 5584 5585 .pagination .prev, 5586 .pagination .next { 5587 height: 64px; 5588 padding: 0; 5589 width: 64px; 5590 } 5591 5592 .pagination .prev:before, 5593 .pagination .next:before { 5594 height: 64px; 5595 line-height: 64px; 5596 width: 64px; 5597 } 5598 5599 .image-navigation .nav-previous a:before, 5600 .image-navigation .nav-next a:after, 5601 .comment-navigation .nav-previous a:before, 5602 .comment-navigation .nav-next a:after { 5603 font-size: 24px; 5604 top: -1px; 5605 } 5606 5607 blockquote.alignleft, 5608 .wp-caption.alignleft, 5609 img.alignleft { 5610 margin: 0.4211em 1.6842em 1.6842em 0; 5611 } 5612 5613 blockquote.alignright, 5614 .wp-caption.alignright, 5615 img.alignright { 5616 margin: 0.4211em 0 1.6842em 1.6842em; 5617 } 5618 5619 blockquote.aligncenter, 5620 .wp-caption.aligncenter, 5621 img.aligncenter { 5622 margin-top: 0.4211em; 5623 margin-bottom: 1.6842em; 5624 } 5625 5626 .wp-caption.alignleft, 5627 .wp-caption.alignright, 5628 .wp-caption.aligncenter { 5629 margin-bottom: 1.2632em; 5630 } 5631 5632 .site-title { 5633 font-size: 27px; 5634 font-size: 2.7rem; 5635 line-height: 1.1852; 5636 } 5637 5638 .wp-custom-logo .site-title { 5639 margin-top: 0.592592593em; 5640 } 5641 5642 .site-description { 5643 font-size: 16px; 5644 font-size: 1.6rem; 5645 } 5646 5647 .widget { 5648 font-size: 16px; 5649 font-size: 1.6rem; 5650 } 5651 5652 .widget blockquote { 5653 font-size: 16px; 5654 font-size: 1.6rem; 5655 padding-left: 1.25em; 5656 } 5657 5658 .widget blockquote cite, 5659 .widget blockquote small { 5660 font-size: 13px; 5661 font-size: 1.3rem; 5662 line-height: 1.8462; 5663 } 5664 5665 .widget button, 5666 .widget input, 5667 .widget select, 5668 .widget textarea { 5669 font-size: 16px; 5670 font-size: 1.6rem; 5671 } 5672 5673 .widget button, 5674 .widget input[type="button"], 5675 .widget input[type="reset"], 5676 .widget input[type="submit"] { 5677 font-size: 13px; 5678 font-size: 1.3rem; 5679 padding: 0.8462em 1.6923em; 5680 } 5681 5682 .widget input[type="text"], 5683 .widget input[type="email"], 5684 .widget input[type="url"], 5685 .widget input[type="password"], 5686 .widget input[type="search"], 5687 .widget textarea { 5688 padding: 0.5em; 5689 } 5690 5691 .widget .wp-caption-text, 5692 .widget .gallery-caption { 5693 font-size: 13px; 5694 font-size: 1.3rem; 5695 line-height: 1.5385; 5696 padding: 0.6154em 0; 5697 } 5698 5699 .widget_calendar td, 5700 .widget_calendar th, 5701 .widget_calendar .wp-calendar-nav span { 5702 line-height: 1.9375; 5703 } 5704 5705 .widget_calendar caption { 5706 margin: 0 0 1.5em; 5707 } 5708 5709 .widget_archive li, 5710 .widget_categories li, 5711 .widget_links li, 5712 .widget_meta li, 5713 .widget_nav_menu li, 5714 .widget_pages li, 5715 .widget_recent_comments li, 5716 .widget_recent_entries li { 5717 padding: 0.4688em 0; 5718 } 5719 5720 .widget_categories .children, 5721 .widget_nav_menu .sub-menu, 5722 .widget_pages .children { 5723 margin: 0.4688em 0 0 1em; 5724 padding-top: 0.4688em; 5725 } 5726 5727 .widget_rss .rss-date, 5728 .widget_rss cite { 5729 font-size: 13px; 5730 font-size: 1.3rem; 5731 line-height: 1.8462; 5732 } 5733 5734 .post-thumbnail { 5735 margin-bottom: 2.9474em; 5736 } 5737 5738 .entry-title, 5739 .widecolumn h2 { 5740 font-size: 39px; 5741 font-size: 3.9rem; 5742 line-height: 1.2308; 5743 margin-bottom: 1.2308em; 5744 } 5745 5746 .entry-content h1, 5747 .entry-summary h1, 5748 .page-content h1, 5749 .comment-content h1 { 5750 font-size: 39px; 5751 font-size: 3.9rem; 5752 line-height: 1.2308; 5753 margin-top: 1.641em; 5754 margin-bottom: 0.8205em; 5755 } 5756 5757 .entry-content h2, 5758 .entry-summary h2, 5759 .page-content h2, 5760 .comment-content h2 { 5761 font-size: 32px; 5762 font-size: 3.2rem; 5763 line-height: 1.25; 5764 margin-top: 2em; 5765 margin-bottom: 1em; 5766 } 5767 5768 .entry-content h3, 5769 .entry-summary h3, 5770 .page-content h3, 5771 .comment-content h3 { 5772 font-size: 27px; 5773 font-size: 2.7rem; 5774 line-height: 1.1852; 5775 margin-top: 2.3704em; 5776 margin-bottom: 1.1852em; 5777 } 5778 5779 .entry-content h4, 5780 .entry-summary h4, 5781 .page-content h4, 5782 .comment-content h4 { 5783 font-size: 22px; 5784 font-size: 2.2rem; 5785 line-height: 1.4545; 5786 margin-top: 2.9091em; 5787 margin-bottom: 1.4545em; 5788 } 5789 5790 .entry-content h5, 5791 .entry-summary h5, 5792 .page-content h5, 5793 .comment-content h5 { 5794 font-size: 20px; 5795 font-size: 2rem; 5796 line-height: 1.4; 5797 margin-top: 2.8em; 5798 margin-bottom: 1.4em; 5799 } 5800 5801 .entry-content h6, 5802 .entry-summary h6, 5803 .page-content h6, 5804 .comment-content h6 { 5805 font-size: 19px; 5806 font-size: 1.9rem; 5807 line-height: 1.2632; 5808 margin-top: 3.3684em; 5809 margin-bottom: 1.6842em; 5810 } 5811 5812 .entry-content .more-link:after, 5813 .entry-summary .more-link:after { 5814 top: 3px; 5815 } 5816 5817 .author-info .avatar { 5818 height: 56px; 5819 margin: 0 1.6842em 1.6842em 0; 5820 width: 56px; 5821 } 5822 5823 .author-link:after { 5824 font-size: 24px; 5825 top: 0; 5826 } 5827 5828 .posted-on:before, 5829 .byline:before, 5830 .cat-links:before, 5831 .tags-links:before, 5832 .comments-link:before, 5833 .entry-format:before, 5834 .edit-link:before, 5835 .full-size-link:before { 5836 top: 4px; 5837 } 5838 5839 .taxonomy-description { 5840 padding-top: 0.4211em; 5841 } 5842 5843 .page-title, 5844 .comments-title, 5845 .comment-reply-title, 5846 .post-navigation .post-title { 5847 font-size: 27px; 5848 font-size: 2.7rem; 5849 line-height: 1.1852; 5850 } 5851 5852 .page-links { 5853 margin-bottom: 1.4736em; 5854 } 5855 5856 .page-links a, 5857 .page-links > span { 5858 margin: 0 0.25em 0.25em 0; 5859 } 5860 5861 .entry-attachment { 5862 margin-bottom: 1.6842em; 5863 } 5864 5865 .format-aside .entry-title, 5866 .format-image .entry-title, 5867 .format-video .entry-title, 5868 .format-quote .entry-title, 5869 .format-gallery .entry-title, 5870 .format-status .entry-title, 5871 .format-link .entry-title, 5872 .format-audio .entry-title, 5873 .format-chat .entry-title { 5874 font-size: 22px; 5875 font-size: 2.2rem; 5876 line-height: 1.4545; 5877 margin-bottom: 1.4545em; 5878 } 5879 5880 .format-link .entry-title a:after { 5881 top: 3px; 5882 } 5883 5884 .comments-title { 5885 margin-bottom: 1.4545em; 5886 } 5887 5888 .comment-list article, 5889 .comment-list .pingback, 5890 .comment-list .trackback { 5891 padding: 1.6842em 0; 5892 } 5893 5894 .comment-list + .comment-respond, 5895 .comment-navigation + .comment-respond { 5896 padding-top: 1.6842em; 5897 } 5898 5899 .comment-list .children > li { 5900 padding-left: 1.4737em; 5901 } 5902 5903 .comment-author .avatar { 5904 height: 56px; 5905 margin-right: 1.6842em; 5906 top: 3px; 5907 width: 56px; 5908 } 5909 5910 .bypostauthor > article .fn:after { 5911 top: 8px; 5912 } 5913 5914 .comment-metadata .edit-link:before { 5915 top: 8px; 5916 } 5917 5918 .pingback .edit-link:before { 5919 top: 8px; 5920 } 5921 5922 .comment-content ul, 5923 .comment-content ol { 5924 margin-bottom: 1.6842em; 5925 } 5926 5927 .comment-list .reply a { 5928 padding: 0.4375em 0.875em; 5929 } 5930 5931 .comment-form, 5932 .no-comments { 5933 padding-top: 1.6842em; 5934 } 5935 5936 embed, 5937 iframe, 5938 object, 5939 video { 5940 margin-bottom: 1.6842em; 5941 } 5942 5943 .wp-audio-shortcode, 5944 .wp-video, 5945 .wp-playlist.wp-audio-playlist { 5946 font-size: 19px; 5947 font-size: 1.9rem; 5948 margin-bottom: 1.6842em; 5949 } 5950 5951 .wp-caption, 5952 .gallery { 5953 margin-bottom: 1.6842em; 5954 } 5955 5956 .widecolumn .mu_alert { 5957 margin-bottom: 1.6842em; 5958 } 5959 5960 .widecolumn p { 5961 margin: 1.6842em 0; 5962 } 5963 5964 .widecolumn p + h2 { 5965 margin-top: 1.641em; 5966 } 5967 5968 .widecolumn #key, 5969 .widecolumn .mu_register #blog_title, 5970 .widecolumn .mu_register #user_email, 5971 .widecolumn .mu_register #blogname, 5972 .widecolumn .mu_register #user_name { 5973 font-size: 19px; 5974 font-size: 1.9rem; 5975 } 5976 5977 .widecolumn .mu_register #blog_title, 5978 .widecolumn .mu_register #user_email, 5979 .widecolumn .mu_register #user_name { 5980 margin: 0 0 0.421em; 5981 } 5982 } 5983 5984 5985 /** 5986 * 16.7 Desktop X-Large 1403px 5987 */ 5988 5989 @media screen and (min-width: 87.6875em) { 5990 body:before { 5991 width: -webkit-calc(50% - 289px); 5992 width: calc(50% - 289px); 5993 } 5994 } 5995 5996 5997 /** 5998 * 17.0 Print 5999 */ 6000 6001 @media print { 6002 body { 6003 background: none !important; /* Brute force since user agents all print differently. */ 6004 font-size: 11.25pt; 6005 } 6006 6007 .secondary-toggle, 6008 .navigation, 6009 .page-links, 6010 .edit-link, 6011 #reply-title, 6012 .comment-form, 6013 .comment-edit-link, 6014 .comment-list .reply a, 6015 button, 6016 input, 6017 textarea, 6018 select, 6019 .widecolumn form, 6020 .widecolumn .mu_register form { 6021 display: none; 6022 } 6023 6024 .site-header, 6025 .site-footer, 6026 .hentry, 6027 .entry-footer, 6028 .page-header, 6029 .page-content, 6030 .comments-area, 6031 .widecolumn { 6032 background: none !important; /* Make sure color schemes don't affect to print */ 6033 } 6034 6035 body, 6036 blockquote, 6037 blockquote cite, 6038 blockquote small, 6039 label, 6040 a, 6041 .site-title a, 6042 .site-description, 6043 .post-title, 6044 .author-heading, 6045 .entry-footer, 6046 .entry-footer a, 6047 .taxonomy-description, 6048 .entry-caption, 6049 .comment-author, 6050 .comment-metadata, 6051 .comment-metadata a, 6052 .comment-notes, 6053 .comment-awaiting-moderation, 6054 .no-comments, 6055 .site-info, 6056 .site-info a, 6057 .wp-caption-text, 6058 .gallery-caption { 6059 color: #000 !important; /* Make sure color schemes don't affect to print */ 6060 } 6061 6062 pre, 6063 abbr[title], 6064 table, 6065 th, 6066 td, 6067 .site-header, 6068 .site-footer, 6069 .hentry + .hentry, 6070 .author-info, 6071 .page-header, 6072 .comments-area, 6073 .comment-list + .comment-respond, 6074 .comment-list article, 6075 .comment-list .pingback, 6076 .comment-list .trackback, 6077 .no-comments { 6078 border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */ 6079 } 6080 6081 .site { 6082 margin: 0 7.6923%; 6083 } 6084 6085 .sidebar { 6086 position: relative !important; /* Make sure sticky sidebar doesn't affect to print */ 6087 } 6088 6089 .site-branding { 6090 padding: 0; 6091 } 6092 6093 .site-header { 6094 padding: 7.6923% 0; 6095 } 6096 6097 .site-description { 6098 display: block; 6099 } 6100 6101 .hentry + .hentry { 6102 margin-top: 7.6923%; 6103 } 6104 6105 .hentry.has-post-thumbnail { 6106 padding-top: 7.6923%; 6107 } 6108 6109 .sticky-post { 6110 background: #000 !important; 6111 color: #fff !important; 6112 } 6113 6114 .entry-header, 6115 .entry-footer { 6116 padding: 0; 6117 } 6118 6119 .entry-content, 6120 .entry-summary { 6121 padding: 0 0 7.6923%; 6122 } 6123 6124 .post-thumbnail img { 6125 margin: 0; 6126 } 6127 6128 .author-info { 6129 margin: 0; 6130 } 6131 6132 .page-content { 6133 padding: 7.6923% 0 0; 6134 } 6135 6136 .page-header { 6137 padding: 3.84615% 0; 6138 } 6139 6140 .comments-area { 6141 border: 0; 6142 padding: 7.6923% 0 0; 6143 } 6144 6145 .site-footer { 6146 margin-top: 7.6923%; 6147 padding: 3.84615% 0; 6148 } 6149 6150 .widecolumn { 6151 margin: 7.6923% 0 0; 6152 padding: 0; 6153 } 6154 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Thu Nov 21 08:20:01 2024 | Cross-referenced by PHPXref |