wp-content/themes/twentyfifteen/style.css

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