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