wp-content/themes/twentythirteen/style.css

   1 /*
   2 Theme Name: Twenty Thirteen
   3 Theme URI: http://wordpress.org/themes/twentythirteen
   4 Author: the WordPress team
   5 Author URI: http://wordpress.org/
   6 Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
   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, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
  11 Text Domain: twentythirteen
  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 - Repeatable Patterns
  23  * 3.0 - Basic Structure
  24  * 4.0 - Header
  25  *   4.1 - Site Header
  26  *   4.2 - Navigation
  27  * 5.0 - Content
  28  *   5.1 - Entry Header
  29  *   5.2 - Entry Meta
  30  *   5.3 - Entry Content
  31  *   5.4 - Galleries
  32  *   5.5 - Post Formats
  33  *   5.6 - Attachments
  34  *   5.7 - Post/Paging Navigation
  35  *   5.8 - Author Bio
  36  *   5.9 - Archives
  37  *   5.10 - Search Results/No posts
  38  *   5.11 - 404
  39  *   5.12 - Comments
  40  *   5.13 - Multisite
  41  * 6.0 - Sidebar
  42  *   6.1 - Widgets
  43  * 7.0 - Footer
  44  * 8.0 - Media Queries
  45  * 9.0 - Print
  46  * ----------------------------------------------------------------------------
  47  */
  48
  49
  50 /**
  51  * 1.0 Reset
  52  *
  53  * Modified from Normalize.css to provide cross-browser consistency and a smart
  54  * default styling of HTML elements.
  55  *
  56  * @see http://git.io/normalize
  57  * ----------------------------------------------------------------------------
  58  */
  59
  60 * {
  61         -webkit-box-sizing: border-box;
  62         -moz-box-sizing:    border-box;
  63         box-sizing:         border-box;
  64 }
  65
  66 article,
  67 aside,
  68 details,
  69 figcaption,
  70 figure,
  71 footer,
  72 header,
  73 nav,
  74 section,
  75 summary {
  76         display: block;
  77 }
  78
  79 audio,
  80 canvas,
  81 video {
  82         display: inline-block;
  83 }
  84
  85 audio:not([controls]) {
  86         display: none;
  87         height: 0;
  88 }
  89
  90 [hidden] {
  91         display: none;
  92 }
  93
  94 html {
  95         font-size: 100%;
  96         overflow-y: scroll;
  97         -webkit-text-size-adjust: 100%;
  98         -ms-text-size-adjust: 100%;
  99 }
 100
 101 html,
 102 button,
 103 input,
 104 select,
 105 textarea {
 106         font-family: "Source Sans Pro", Helvetica, sans-serif;
 107 }
 108
 109 body {
 110         color: #141412;
 111         line-height: 1.5;
 112         margin: 0;
 113 }
 114
 115 a {
 116         color: #ca3c08;
 117         text-decoration: none;
 118 }
 119
 120 a:visited {
 121         color: #ac0404;
 122 }
 123
 124 a:focus {
 125         outline: thin dotted;
 126 }
 127
 128 a:active,
 129 a:hover {
 130         color: #ea9629;
 131         outline: 0;
 132 }
 133
 134 a:hover {
 135         text-decoration: underline;
 136 }
 137
 138 h1,
 139 h2,
 140 h3,
 141 h4,
 142 h5,
 143 h6 {
 144         clear: both;
 145         font-family: Bitter, Georgia, serif;
 146         line-height: 1.3;
 147 }
 148
 149 h1 {
 150         font-size: 48px;
 151         margin: 33px 0;
 152 }
 153
 154 h2 {
 155         font-size: 30px;
 156         margin: 25px 0;
 157 }
 158
 159 h3 {
 160         font-size: 22px;
 161         margin: 22px 0;
 162 }
 163
 164 h4 {
 165         font-size: 20px;
 166         margin: 25px 0;
 167 }
 168
 169 h5 {
 170         font-size: 18px;
 171         margin: 30px 0;
 172 }
 173
 174 h6 {
 175         font-size: 16px;
 176         margin: 36px 0;
 177 }
 178
 179 address {
 180         font-style: italic;
 181         margin: 0 0 24px;
 182 }
 183
 184 abbr[title] {
 185         border-bottom: 1px dotted;
 186 }
 187
 188 b,
 189 strong {
 190         font-weight: bold;
 191 }
 192
 193 dfn {
 194         font-style: italic;
 195 }
 196
 197 mark {
 198         background: #ff0;
 199         color: #000;
 200 }
 201
 202 p {
 203         margin: 0 0 24px;
 204 }
 205
 206 code,
 207 kbd,
 208 pre,
 209 samp {
 210         font-family: monospace, serif;
 211         font-size: 14px;
 212         -webkit-hyphens: none;
 213         -moz-hyphens:    none;
 214         -ms-hyphens:     none;
 215         hyphens:         none;
 216 }
 217
 218 pre {
 219         background: #f5f5f5;
 220         color: #666;
 221         font-family: monospace;
 222         font-size: 14px;
 223         margin: 20px 0;
 224         overflow: auto;
 225         padding: 20px;
 226         white-space: pre;
 227         white-space: pre-wrap;
 228         word-wrap: break-word;
 229 }
 230
 231 blockquote,
 232 q {
 233         -webkit-hyphens: none;
 234         -moz-hyphens:    none;
 235         -ms-hyphens:     none;
 236         hyphens:         none;
 237         quotes: none;
 238 }
 239
 240 blockquote:before,
 241 blockquote:after,
 242 q:before,
 243 q:after {
 244         content: "";
 245         content: none;
 246 }
 247
 248 blockquote {
 249         font-size: 18px;
 250         font-style: italic;
 251         font-weight: 300;
 252         margin: 24px 40px;
 253 }
 254
 255 blockquote blockquote {
 256         margin-right: 0;
 257 }
 258
 259 blockquote cite,
 260 blockquote small {
 261         font-size: 14px;
 262         font-weight: normal;
 263         text-transform: uppercase;
 264 }
 265
 266 blockquote em,
 267 blockquote i {
 268         font-style: normal;
 269         font-weight: 300;
 270 }
 271
 272 blockquote strong,
 273 blockquote b {
 274         font-weight: 400;
 275 }
 276
 277 small {
 278         font-size: smaller;
 279 }
 280
 281 sub,
 282 sup {
 283         font-size: 75%;
 284         line-height: 0;
 285         position: relative;
 286         vertical-align: baseline;
 287 }
 288
 289 sup {
 290         top: -0.5em;
 291 }
 292
 293 sub {
 294         bottom: -0.25em;
 295 }
 296
 297 dl {
 298         margin: 0 20px;
 299 }
 300
 301 dt {
 302         font-weight: bold;
 303 }
 304
 305 dd {
 306         margin: 0 0 20px;
 307 }
 308
 309 menu,
 310 ol,
 311 ul {
 312         margin: 16px 0;
 313         padding: 0 0 0 40px;
 314 }
 315
 316 ul {
 317         list-style-type: square;
 318 }
 319
 320 nav ul,
 321 nav ol {
 322         list-style: none;
 323         list-style-image: none;
 324 }
 325
 326 li > ul,
 327 li > ol {
 328         margin: 0;
 329 }
 330
 331 img {
 332         -ms-interpolation-mode: bicubic;
 333         border: 0;
 334         vertical-align: middle;
 335 }
 336
 337 svg:not(:root) {
 338         overflow: hidden;
 339 }
 340
 341 figure {
 342         margin: 0;
 343 }
 344
 345 form {
 346         margin: 0;
 347 }
 348
 349 fieldset {
 350         border: 1px solid #c0c0c0;
 351         margin: 0 2px;
 352         padding: 0.35em 0.625em 0.75em;
 353 }
 354
 355 legend {
 356         border: 0;
 357         padding: 0;
 358         white-space: normal;
 359 }
 360
 361 button,
 362 input,
 363 select,
 364 textarea {
 365         font-size: 100%;
 366         margin: 0;
 367         max-width: 100%;
 368         vertical-align: baseline;
 369 }
 370
 371 button,
 372 input {
 373         line-height: normal;
 374 }
 375
 376 button,
 377 html input[type="button"],
 378 input[type="reset"],
 379 input[type="submit"] {
 380         -webkit-appearance: button;
 381         cursor: pointer;
 382 }
 383
 384 button[disabled],
 385 input[disabled] {
 386         cursor: default;
 387 }
 388
 389 input[type="checkbox"],
 390 input[type="radio"] {
 391         padding: 0;
 392 }
 393
 394 input[type="search"] {
 395         -webkit-appearance: textfield;
 396         padding-right: 2px; /* Don't cut off the webkit search cancel button */
 397         width: 270px;
 398 }
 399
 400 input[type="search"]::-webkit-search-decoration {
 401         -webkit-appearance: none;
 402 }
 403
 404 button::-moz-focus-inner,
 405 input::-moz-focus-inner {
 406         border: 0;
 407         padding: 0;
 408 }
 409
 410 textarea {
 411         overflow: auto;
 412         vertical-align: top;
 413 }
 414
 415 table {
 416         border-bottom: 1px solid #ededed;
 417         border-collapse: collapse;
 418         border-spacing: 0;
 419         font-size: 14px;
 420         line-height: 2;
 421         margin: 0 0 20px;
 422         width: 100%;
 423 }
 424
 425 caption,
 426 th,
 427 td {
 428         font-weight: normal;
 429         text-align: left;
 430 }
 431
 432 caption {
 433         font-size: 16px;
 434         margin: 20px 0;
 435 }
 436
 437 th {
 438         font-weight: bold;
 439         text-transform: uppercase;
 440 }
 441
 442 td {
 443         border-top: 1px solid #ededed;
 444         padding: 6px 10px 6px 0;
 445 }
 446
 447 del {
 448         color: #333;
 449 }
 450
 451 ins {
 452         background: #fff9c0;
 453         text-decoration: none;
 454 }
 455
 456 hr {
 457         background: url(images/dotted-line.png) repeat center top;
 458         background-size: 4px 4px;
 459         border: 0;
 460         height: 1px;
 461         margin: 0 0 24px;
 462 }
 463
 464
 465 /**
 466  * 2.0 Repeatable Patterns
 467  * ----------------------------------------------------------------------------
 468  */
 469
 470 .genericon:before,
 471 .menu-toggle:after,
 472 .featured-post:before,
 473 .date a:before,
 474 .entry-meta .author a:before,
 475 .format-audio .entry-content:before,
 476 .comments-link a:before,
 477 .tags-links a:first-child:before,
 478 .categories-links a:first-child:before,
 479 .edit-link a:before,
 480 .attachment .entry-title:before,
 481 .attachment-meta:before,
 482 .attachment-meta a:before,
 483 .comment-awaiting-moderation:before,
 484 .comment-reply-link:before,
 485 .comment-reply-login:before,
 486 .comment-reply-title small a:before,
 487 .bypostauthor > .comment-body .fn:before,
 488 .error404 .page-title:before {
 489         -webkit-font-smoothing: antialiased;
 490         display: inline-block;
 491         font: normal 16px/1 Genericons;
 492         vertical-align: text-bottom;
 493 }
 494
 495 /* Clearing floats */
 496 .clear:after,
 497 .attachment .entry-header:after,
 498 .site-footer .widget-area:after,
 499 .entry-content:after,
 500 .page-content:after,
 501 .navigation:after,
 502 .nav-links:after,
 503 .gallery:after,
 504 .comment-form-author:after,
 505 .comment-form-email:after,
 506 .comment-form-url:after,
 507 .comment-body:after {
 508         clear: both;
 509 }
 510
 511 .clear:before,
 512 .clear:after,
 513 .attachment .entry-header:before,
 514 .attachment .entry-header:after,
 515 .site-footer .widget-area:before,
 516 .site-footer .widget-area:after,
 517 .entry-content:before,
 518 .entry-content:after,
 519 .page-content:before,
 520 .page-content:after,
 521 .navigation:before,
 522 .navigation:after,
 523 .nav-links:before,
 524 .nav-links:after,
 525 .gallery:before,
 526 .gallery:after,
 527 .comment-form-author:before,
 528 .comment-form-author:after,
 529 .comment-form-email:before,
 530 .comment-form-email:after,
 531 .comment-form-url:before,
 532 .comment-form-url:after,
 533 .comment-body:before,
 534 .comment-body:after {
 535         content: "";
 536         display: table;
 537 }
 538
 539 /* Assistive text */
 540 .screen-reader-text {
 541         clip: rect(1px, 1px, 1px, 1px);
 542         position: absolute !important;
 543 }
 544
 545 .screen-reader-text:focus {
 546         background-color: #f1f1f1;
 547         border-radius: 3px;
 548         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 549         clip: auto !important;
 550         color: #21759b;
 551         display: block;
 552         font-size: 14px;
 553         font-weight: bold;
 554         height: auto;
 555         line-height: normal;
 556         padding: 15px 23px 14px;
 557         position: absolute;
 558         left: 5px;
 559         top: 5px;
 560         text-decoration: none;
 561         width: auto;
 562         z-index: 100000; /* Above WP toolbar */
 563 }
 564
 565 /* Form fields, general styles first. */
 566 button,
 567 input,
 568 textarea {
 569         border: 2px solid #d4d0ba;
 570         font-family: inherit;
 571         padding: 5px;
 572 }
 573
 574 input,
 575 textarea {
 576         color: #141412;
 577 }
 578
 579 input:focus,
 580 textarea:focus {
 581         border: 2px solid #c3c0ab;
 582         outline: 0;
 583 }
 584
 585 /* Buttons */
 586 button,
 587 input[type="submit"],
 588 input[type="button"],
 589 input[type="reset"] {
 590         background: #e05d22; /* Old browsers */
 591         background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
 592         background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
 593         border: none;
 594         border-bottom: 3px solid #b93207;
 595         border-radius: 2px;
 596         color: #fff;
 597         display: inline-block;
 598         padding: 11px 24px 10px;
 599         text-decoration: none;
 600 }
 601
 602 button:hover,
 603 button:focus,
 604 input[type="submit"]:hover,
 605 input[type="button"]:hover,
 606 input[type="reset"]:hover,
 607 input[type="submit"]:focus,
 608 input[type="button"]:focus,
 609 input[type="reset"]:focus {
 610         background: #ed6a31; /* Old browsers */
 611         background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
 612         background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
 613         outline: none;
 614 }
 615
 616 button:active,
 617 input[type="submit"]:active,
 618 input[type="button"]:active,
 619 input[type="reset"]:active {
 620         background: #d94412; /* Old browsers */
 621         background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
 622         background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
 623         border: none;
 624         border-top: 3px solid #b93207;
 625         padding: 10px 24px 11px;
 626 }
 627
 628 .post-password-required input[type="submit"] {
 629         padding: 7px 24px 4px;
 630         vertical-align: bottom;
 631 }
 632
 633 .post-password-required input[type="submit"]:active {
 634         padding: 5px 24px 6px;
 635 }
 636
 637 /* Placeholder text color -- selectors need to be separate to work. */
 638 ::-webkit-input-placeholder {
 639         color: #7d7b6d;
 640 }
 641
 642 :-moz-placeholder {
 643         color: #7d7b6d;
 644 }
 645
 646 ::-moz-placeholder {
 647         color: #7d7b6d;
 648 }
 649
 650 :-ms-input-placeholder {
 651         color: #7d7b6d;
 652 }
 653
 654 /*
 655  * Responsive images
 656  *
 657  * Fluid images for posts, comments, and widgets
 658  */
 659 .entry-content img,
 660 .entry-summary img,
 661 .comment-content img,
 662 .widget img,
 663 .wp-caption {
 664         max-width: 100%;
 665 }
 666
 667 /* Make sure images with WordPress-added height and width attributes are scaled correctly. */
 668 .entry-content img,
 669 .entry-summary img,
 670 .comment-content img[height],
 671 img[class*="align"],
 672 img[class*="wp-image-"],
 673 img[class*="attachment-"] {
 674         height: auto;
 675 }
 676
 677 img.size-full,
 678 img.size-large,
 679 img.wp-post-image {
 680         height: auto;
 681         max-width: 100%;
 682 }
 683
 684 /* Make sure videos and embeds fit their containers. */
 685 embed,
 686 iframe,
 687 object,
 688 video {
 689         max-width: 100%;
 690 }
 691
 692 /* Override the Twitter embed fixed width. */
 693 .entry-content .twitter-tweet-rendered {
 694         max-width: 100% !important;
 695 }
 696
 697 /* Images */
 698 .alignleft {
 699         float: left;
 700 }
 701
 702 .alignright {
 703         float: right;
 704 }
 705
 706 .aligncenter {
 707         display: block;
 708         margin-left: auto;
 709         margin-right: auto;
 710 }
 711
 712 img.alignleft {
 713         margin: 5px 20px 5px 0;
 714 }
 715
 716 .wp-caption.alignleft {
 717         margin: 5px 10px 5px 0;
 718 }
 719
 720 img.alignright {
 721         margin: 5px 0 5px 20px;
 722 }
 723
 724 .wp-caption.alignright {
 725         margin: 5px 0 5px 10px;
 726 }
 727
 728 img.aligncenter {
 729         margin: 5px auto;
 730 }
 731
 732 img.alignnone {
 733         margin: 5px 0;
 734 }
 735
 736 .wp-caption .wp-caption-text,
 737 .entry-caption,
 738 .gallery-caption {
 739         color: #220e10;
 740         font-size: 18px;
 741         font-style: italic;
 742         font-weight: 300;
 743 }
 744
 745 img.wp-smiley,
 746 .rsswidget img {
 747         border: 0;
 748         border-radius: 0;
 749         box-shadow: none;
 750         margin-bottom: 0;
 751         margin-top: 0;
 752         padding: 0;
 753 }
 754
 755 .wp-caption.alignleft + ul,
 756 .wp-caption.alignleft + ol  {
 757         list-style-position: inside;
 758 }
 759
 760
 761 /**
 762  * 3.0 Basic Structure
 763  * ----------------------------------------------------------------------------
 764  */
 765
 766 .site {
 767         background-color: #fff;
 768         border-left: 1px solid #f2f2f2;
 769         border-right: 1px solid #f2f2f2;
 770         margin: 0 auto;
 771         max-width: 1600px;
 772         width: 100%;
 773 }
 774
 775 .site-main {
 776         position: relative;
 777 }
 778
 779 .site-main .sidebar-container {
 780         height: 0;
 781         position: absolute;
 782         top: 40px;
 783         width: 100%;
 784         z-index: 1;
 785 }
 786
 787 .site-main .sidebar-inner {
 788         margin: 0 auto;
 789         max-width: 1040px;
 790 }
 791
 792
 793 /**
 794  * 4.0 Header
 795  * ----------------------------------------------------------------------------
 796  */
 797
 798 /**
 799  * 4.1 Site Header
 800  * ----------------------------------------------------------------------------
 801  */
 802
 803 .site-header {
 804         position: relative;
 805 }
 806
 807 .site-header .home-link {
 808         color: #141412;
 809         display: block;
 810         margin: 0 auto;
 811         max-width: 1080px;
 812         min-height: 230px;
 813         padding: 0 20px;
 814         text-decoration: none;
 815         width: 100%;
 816 }
 817
 818 .site-header .site-title:hover {
 819         text-decoration: underline;
 820 }
 821
 822 .site-title {
 823         font-size: 60px;
 824         font-weight: bold;
 825         line-height: 1;
 826         margin: 0;
 827         padding: 58px 0 10px;
 828 }
 829
 830 .site-description {
 831         font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
 832         margin: 0;
 833 }
 834
 835
 836 /**
 837  * 4.2 Navigation
 838  * ----------------------------------------------------------------------------
 839  */
 840
 841 .main-navigation {
 842         clear: both;
 843         margin: 0 auto;
 844         max-width: 1080px;
 845         min-height: 45px;
 846         position: relative;
 847 }
 848
 849 ul.nav-menu,
 850 div.nav-menu > ul {
 851         margin: 0;
 852         padding: 0 40px 0 0;
 853 }
 854
 855 .nav-menu li {
 856         display: inline-block;
 857         position: relative;
 858 }
 859
 860 .nav-menu li a {
 861         color: #141412;
 862         display: block;
 863         font-size: 15px;
 864         line-height: 1;
 865         padding: 15px 20px;
 866         text-decoration: none;
 867 }
 868
 869 .nav-menu li:hover > a,
 870 .nav-menu li a:hover {
 871         background-color: #220e10;
 872         color: #fff;
 873 }
 874
 875 .nav-menu .sub-menu,
 876 .nav-menu .children {
 877         background-color: #220e10;
 878         border: 2px solid #f7f5e7;
 879         border-top: 0;
 880         display: none;
 881         padding: 0;
 882         position: absolute;
 883         left: -2px;
 884         z-index: 99999;
 885 }
 886
 887 .nav-menu .sub-menu ul,
 888 .nav-menu .children ul {
 889         border-left: 0;
 890         left: 100%;
 891         top: 0;
 892 }
 893
 894 ul.nav-menu ul a,
 895 .nav-menu ul ul a {
 896         color: #fff;
 897         margin: 0;
 898         width: 200px;
 899 }
 900
 901 ul.nav-menu ul a:hover,
 902 .nav-menu ul ul a:hover {
 903         background-color: #db572f;
 904 }
 905
 906 ul.nav-menu li:hover > ul,
 907 .nav-menu ul li:hover > ul {
 908         display: block;
 909 }
 910
 911 .nav-menu .current_page_item > a,
 912 .nav-menu .current_page_ancestor > a,
 913 .nav-menu .current-menu-item > a,
 914 .nav-menu .current-menu-ancestor > a {
 915         color: #bc360a;
 916         font-style: italic;
 917 }
 918
 919 .menu-toggle {
 920         display: none;
 921 }
 922
 923 /* Navbar */
 924 .navbar {
 925         background-color: #f7f5e7;
 926         margin: 0 auto;
 927         max-width: 1600px;
 928         width: 100%;
 929 }
 930
 931 .site-header .search-form {
 932         position: absolute;
 933         right: 20px;
 934         top: 1px;
 935 }
 936
 937 .site-header .search-field {
 938         background-color: transparent;
 939         background-image: url(images/search-icon.png);
 940         background-position: 5px center;
 941         background-repeat: no-repeat;
 942         background-size: 24px 24px;
 943         border: none;
 944         cursor: pointer;
 945         height: 37px;
 946         margin: 3px 0;
 947         padding: 0 0 0 34px;
 948         position: relative;
 949         -webkit-transition: width 400ms ease, background 400ms ease;
 950         transition:         width 400ms ease, background 400ms ease;
 951         width: 0;
 952 }
 953
 954 .site-header .search-field:focus {
 955         background-color: #fff;
 956         border: 2px solid #c3c0ab;
 957         cursor: text;
 958         outline: 0;
 959         width: 230px;
 960 }
 961
 962
 963 /**
 964  * 5.0 Content
 965  * ----------------------------------------------------------------------------
 966  */
 967
 968 .hentry {
 969         padding: 40px 0;
 970 }
 971
 972 .entry-header,
 973 .entry-content,
 974 .entry-summary,
 975 .entry-meta {
 976         margin: 0 auto;
 977         max-width: 604px;
 978         width: 100%;
 979 }
 980
 981 .sidebar .entry-header,
 982 .sidebar .entry-content,
 983 .sidebar .entry-summary,
 984 .sidebar .entry-meta {
 985         max-width: 1040px;
 986         padding: 0 376px 0 60px;
 987 }
 988
 989
 990 /**
 991  * 5.1 Entry Header
 992  * ----------------------------------------------------------------------------
 993  */
 994
 995 .sidebar .entry-header .entry-meta {
 996         padding: 0;
 997 }
 998
 999 .entry-thumbnail img {
1000         display: block;
1001         margin: 0 auto 10px;
1002 }
1003
1004 .entry-header {
1005         margin-bottom: 30px;
1006 }
1007
1008 .entry-title {
1009         font-weight: normal;
1010         margin: 0 0 5px;
1011 }
1012
1013 .entry-title a {
1014         color: #141412;
1015 }
1016
1017 .entry-title a:hover {
1018         color: #ea9629;
1019 }
1020
1021
1022 /**
1023  * 5.2 Entry Meta
1024  * ----------------------------------------------------------------------------
1025  */
1026
1027 .entry-meta {
1028         clear: both;
1029         font-size: 14px;
1030 }
1031
1032 .entry-meta a {
1033         color: #bc360a;
1034 }
1035
1036 .entry-meta a:hover {
1037         color: #bc360a;
1038 }
1039
1040 .entry-meta > span {
1041         margin-right: 20px;
1042 }
1043
1044 .entry-meta > span:last-child {
1045         margin-right: 0;
1046 }
1047
1048 .featured-post:before {
1049         content: "\f308";
1050         margin-right: 2px;
1051 }
1052
1053 .entry-meta .date a:before {
1054         content: "\f303";
1055 }
1056
1057 .comments-link a:before {
1058         content: "\f300";
1059         margin-right: 2px;
1060         position: relative;
1061         top: -1px;
1062 }
1063
1064 .entry-meta .author a:before {
1065         content: "\f304";
1066         position: relative;
1067         top: -1px;
1068 }
1069
1070 .categories-links a:first-child:before {
1071         content: "\f301";
1072 }
1073
1074 .tags-links a:first-child:before {
1075         content: "\f302";
1076         position: relative;
1077         top: -1px;
1078 }
1079
1080 .edit-link a:before {
1081         content: "\f411";
1082         position: relative;
1083         top: -1px;
1084 }
1085
1086 .single-author .entry-meta .author,
1087 .sticky.format-standard .entry-meta .date,
1088 .sticky.format-audio .entry-meta .date,
1089 .sticky.format-chat .entry-meta .date,
1090 .sticky.format-image .entry-meta .date,
1091 .sticky.format-gallery .entry-meta .date {
1092         display: none;
1093 }
1094
1095
1096 /**
1097  * 5.3 Entry Content
1098  * ----------------------------------------------------------------------------
1099  */
1100
1101 .entry-content {
1102         -webkit-hyphens: auto;
1103         -moz-hyphens:    auto;
1104         -ms-hyphens:     auto;
1105         hyphens:         auto;
1106         word-wrap: break-word;
1107 }
1108
1109 .entry-content a,
1110 .comment-content a {
1111         color: #bc360a;
1112 }
1113
1114 .entry-content a:hover,
1115 .comment-content a:hover {
1116         color: #ea9629;
1117 }
1118
1119 .entry-content blockquote {
1120         font-size: 24px;
1121 }
1122
1123 .entry-content blockquote cite,
1124 .entry-content blockquote small {
1125         font-size: 16px;
1126 }
1127
1128 .entry-content img.alignleft,
1129 .entry-content .wp-caption.alignleft {
1130         margin-left: -60px;
1131 }
1132
1133 .entry-content img.alignright,
1134 .entry-content .wp-caption.alignright {
1135         margin-right: -60px;
1136 }
1137
1138 footer.entry-meta {
1139         margin-top: 24px;
1140 }
1141
1142 .format-standard footer.entry-meta {
1143         margin-top: 0;
1144 }
1145
1146 /* Page links */
1147 .page-links {
1148         clear: both;
1149         font-size: 16px;
1150         font-style: italic;
1151         font-weight: normal;
1152         line-height: 2.2;
1153         margin: 20px 0;
1154         text-transform: uppercase;
1155 }
1156
1157 .page-links a,
1158 .page-links > span {
1159         background: #fff;
1160         border: 1px solid #fff;
1161         padding: 5px 10px;
1162         text-decoration: none;
1163 }
1164
1165 .format-status .entry-content .page-links a,
1166 .format-gallery .entry-content .page-links a,
1167 .format-chat .entry-content .page-links a,
1168 .format-quote .entry-content .page-links a,
1169 .page-links a {
1170         background: #e63f2a;
1171         border: 1px solid #e63f2a;
1172         color: #fff;
1173 }
1174
1175 .format-gallery .entry-content .page-links a:hover,
1176 .format-audio .entry-content .page-links a:hover,
1177 .format-status .entry-content .page-links a:hover,
1178 .format-video .entry-content .page-links a:hover,
1179 .format-chat .entry-content .page-links a:hover,
1180 .format-quote .entry-content .page-links a:hover,
1181 .page-links a:hover {
1182         background: #fff;
1183         color: #e63f2a;
1184 }
1185
1186 .format-status .entry-content .page-links > span,
1187 .format-quote .entry-content .page-links > span {
1188         background: none;
1189 }
1190
1191 .page-links .page-links-title {
1192         background: transparent;
1193         border: none;
1194         margin-right: 20px;
1195         padding: 0;
1196 }
1197
1198 /* Mediaelements */
1199 .hentry .mejs-mediaelement,
1200 .hentry .mejs-container .mejs-controls {
1201         background: #220e10;
1202 }
1203
1204 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
1205 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1206         background: #fff;
1207 }
1208
1209 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
1210         background: #ea9629;
1211 }
1212
1213 .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
1214 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
1215         background: #595959;
1216 }
1217
1218 .hentry .mejs-controls .mejs-time-rail span,
1219 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
1220 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1221         border-radius: 0;
1222 }
1223
1224
1225 /**
1226  * 5.4 Galleries
1227  * ----------------------------------------------------------------------------
1228  */
1229
1230 .gallery {
1231         margin-bottom: 20px;
1232         margin-left: -4px;
1233 }
1234
1235 .gallery-item {
1236         float: left;
1237         margin: 0 4px 4px 0;
1238         overflow: hidden;
1239         position: relative;
1240 }
1241
1242 .gallery-columns-1.gallery-size-medium,
1243 .gallery-columns-1.gallery-size-thumbnail,
1244 .gallery-columns-2.gallery-size-thumbnail,
1245 .gallery-columns-3.gallery-size-thumbnail {
1246         display: table;
1247         margin: 0 auto 20px;
1248 }
1249
1250 .gallery-columns-1 .gallery-item,
1251 .gallery-columns-2 .gallery-item,
1252 .gallery-columns-3 .gallery-item {
1253         text-align: center;
1254 }
1255
1256 .gallery-columns-4 .gallery-item {
1257         max-width: 23%;
1258         max-width: -webkit-calc(25% - 4px);
1259         max-width:         calc(25% - 4px);
1260 }
1261
1262 .gallery-columns-5 .gallery-item {
1263         max-width: 19%;
1264         max-width: -webkit-calc(20% - 4px);
1265         max-width:         calc(20% - 4px);
1266 }
1267
1268 .gallery-columns-6 .gallery-item {
1269         max-width: 15%;
1270         max-width: -webkit-calc(16.7% - 4px);
1271         max-width:         calc(16.7% - 4px);
1272 }
1273
1274 .gallery-columns-7 .gallery-item {
1275         max-width: 13%;
1276         max-width: -webkit-calc(14.28% - 4px);
1277         max-width:         calc(14.28% - 4px);
1278 }
1279
1280 .gallery-columns-8 .gallery-item {
1281         max-width: 11%;
1282         max-width: -webkit-calc(12.5% - 4px);
1283         max-width:         calc(12.5% - 4px);
1284 }
1285
1286 .gallery-columns-9 .gallery-item {
1287         max-width: 9%;
1288         max-width: -webkit-calc(11.1% - 4px);
1289         max-width:         calc(11.1% - 4px);
1290 }
1291
1292 .gallery-columns-1 .gallery-item:nth-of-type(1n),
1293 .gallery-columns-2 .gallery-item:nth-of-type(2n),
1294 .gallery-columns-3 .gallery-item:nth-of-type(3n),
1295 .gallery-columns-4 .gallery-item:nth-of-type(4n),
1296 .gallery-columns-5 .gallery-item:nth-of-type(5n),
1297 .gallery-columns-6 .gallery-item:nth-of-type(6n),
1298 .gallery-columns-7 .gallery-item:nth-of-type(7n),
1299 .gallery-columns-8 .gallery-item:nth-of-type(8n),
1300 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
1301         margin-right: 0;
1302 }
1303
1304 .gallery-caption {
1305         background-color: rgba(0, 0, 0, 0.7);
1306         box-sizing: border-box;
1307         color: #fff;
1308         font-size: 14px;
1309         line-height: 1.3;
1310         margin: 0;
1311         max-height: 50%;
1312         opacity: 0;
1313         padding: 2px 8px;
1314         position: absolute;
1315         bottom: 0;
1316         left: 0;
1317         text-align: left;
1318         -webkit-transition: opacity 400ms ease;
1319         transition:         opacity 400ms ease;
1320         width: 100%;
1321 }
1322
1323 .gallery-caption:before {
1324         box-shadow: 0 -10px 15px #000 inset;
1325         content: "";
1326         height: 100%;
1327         min-height: 49px;
1328         position: absolute;
1329         left: 0;
1330         top: 0;
1331         width: 100%;
1332 }
1333
1334 .gallery-item:hover .gallery-caption {
1335         opacity: 1;
1336 }
1337
1338 .gallery-columns-7 .gallery-caption,
1339 .gallery-columns-8 .gallery-caption,
1340 .gallery-columns-9 .gallery-caption {
1341         display: none;
1342 }
1343
1344
1345 /**
1346  * 5.5 Post Formats
1347  * ----------------------------------------------------------------------------
1348  */
1349
1350 /* Aside */
1351 .format-aside {
1352         background-color: #f7f5e7;
1353 }
1354
1355 .blog .format-aside:first-of-type,
1356 .single .format-aside:first-of-type,
1357 .format-aside + .format-aside,
1358 .format-aside + .format-link,
1359 .format-link + .format-aside {
1360         box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
1361 }
1362
1363 .format-aside .entry-meta {
1364         margin-top: 0;
1365 }
1366
1367 .format-aside blockquote {
1368         font-size: 100%;
1369         font-weight: normal;
1370 }
1371
1372 .format-aside cite {
1373         font-size: 100%;
1374         text-transform: none;
1375 }
1376
1377 .format-aside cite:before {
1378         content: "\2014";
1379         margin-right: 5px;
1380 }
1381
1382 /* Audio */
1383 .format-audio {
1384         background-color: #db572f;
1385 }
1386
1387 .format-audio .entry-title {
1388         font-size: 28px;
1389         font-weight: bold;
1390 }
1391
1392 .format-audio .entry-content:before {
1393         content: "\f109";
1394         float: left;
1395         font-size: 64px;
1396         position: relative;
1397         top: 4px;
1398 }
1399
1400 .format-audio .entry-content a,
1401 .format-audio .entry-meta a,
1402 .format-audio .entry-content a:hover,
1403 .format-audio .entry-meta a:hover {
1404         color: #fbfaf3;
1405 }
1406
1407 .format-audio .audio-content {
1408         background: url(images/dotted-line.png) repeat-y left top;
1409         background-size: 4px 4px;
1410         float: right;
1411         padding-left: 35px;
1412         width: 80%;
1413         width: -webkit-calc(100% - 85px);
1414         width:         calc(100% - 85px);
1415 }
1416
1417 .format-audio .wp-audio-shortcode {
1418         height: 30px !important; /* Override mediaelement.js style */
1419         margin: 20px 0;
1420         max-width: 400px !important; /* Override mediaelement.js style */
1421 }
1422
1423 .format-audio audio {
1424         max-width: 100% !important; /* Avoid player width overflow. */
1425 }
1426
1427 /* Chat */
1428 .format-chat {
1429         background-color: #eadaa6;
1430 }
1431
1432 .format-chat .entry-title {
1433         font-size: 28px;
1434         font-weight: bold;
1435 }
1436
1437 .format-chat .entry-meta a,
1438 .format-chat .entry-content a {
1439         color: #722d19;
1440 }
1441
1442 .format-chat .entry-meta .date a:before {
1443         content: "\f108";
1444         margin-right: 2px;
1445 }
1446
1447 .format-chat .entry-meta .author {
1448         display: none;
1449 }
1450
1451 .format-chat .chat {
1452         margin: 0;
1453 }
1454
1455 .format-chat .chat .chat-timestamp {
1456         color: #722d19;
1457         float: right;
1458         font-size: 12px;
1459         font-weight: normal;
1460         margin: 5px 10px 0;
1461 }
1462
1463 .format-chat .chat .fn {
1464         font-style: normal;
1465 }
1466
1467 /* Gallery */
1468 .format-gallery {
1469         background-color: #fbca3c;
1470 }
1471
1472 .format-gallery .entry-header {
1473         margin-bottom: 15px;
1474 }
1475
1476 .format-gallery .entry-title {
1477         font-size: 50px;
1478         font-weight: 400;
1479         margin: 0;
1480 }
1481
1482 .format-gallery .entry-meta a,
1483 .format-gallery .entry-content a {
1484         color: #722d19;
1485 }
1486
1487 /* Image */
1488 .format-image .entry-title {
1489         font-size: 28px;
1490         font-weight: bold;
1491 }
1492
1493 .format-image .categories-links,
1494 .format-image .tags-links {
1495         display: none;
1496 }
1497
1498 /* Link */
1499 .format-link {
1500         background-color: #f7f5e7;
1501 }
1502
1503 .blog .format-link:first-of-type,
1504 .single .format-link:first-of-type {
1505         box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
1506 }
1507
1508 .format-link .entry-header,
1509 .format-link .entry-content p:last-child {
1510         margin-bottom: 0;
1511 }
1512
1513 .format-link .entry-title {
1514         color: #ca3c08;
1515         display: inline;
1516         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
1517         margin-right: 20px;
1518 }
1519
1520 .format-link .entry-title a {
1521         color: #bc360a;
1522 }
1523
1524 .format-link div.entry-meta {
1525         display: inline;
1526 }
1527
1528 /* Quote */
1529 .format-quote {
1530         background-color: #210d10;
1531 }
1532
1533 .format-quote .entry-content,
1534 .format-quote .entry-meta {
1535         color: #f7f5e7;
1536 }
1537
1538 .format-quote .entry-content blockquote {
1539         font-size: 28px;
1540         margin: 0;
1541 }
1542
1543 .format-quote .entry-content a,
1544 .format-quote .entry-meta a,
1545 .format-quote .linked {
1546         color: #e63f2a;
1547 }
1548
1549 .format-quote .entry-content cite a {
1550         border-bottom: 1px dotted #fff;
1551         color: #fff;
1552 }
1553
1554 .format-quote .entry-content cite a:hover {
1555         text-decoration: none;
1556 }
1557
1558 .format-quote blockquote small,
1559 .format-quote blockquote cite {
1560         display: block;
1561         font-size: 16px;
1562 }
1563
1564 .format-quote blockquote {
1565         font-style: italic;
1566         font-weight: 300;
1567         padding-left: 75px;
1568         position: relative;
1569 }
1570
1571 .format-quote blockquote:before {
1572         content: '\201C';
1573         font-size: 140px;
1574         font-weight: 400;
1575         line-height: .8;
1576         padding-right: 25px;
1577         position: absolute;
1578         left: -15px;
1579         top: -3px;
1580 }
1581
1582 .format-quote .entry-meta .author {
1583         display: none;
1584 }
1585
1586 /* Status */
1587 .format-status {
1588         background-color: #722d19;
1589         padding: 0;
1590 }
1591
1592 .format-status .entry-content,
1593 .format-status .entry-meta {
1594         padding-left: 35px;
1595         position: relative;
1596 }
1597
1598 .format-status .entry-content a {
1599         color: #eadaa6;
1600 }
1601
1602 .format-status .entry-meta a {
1603         color: #f7f5e7;
1604 }
1605
1606 .sidebar .format-status .entry-content,
1607 .sidebar .format-status .entry-meta {
1608         padding-left: 95px;
1609 }
1610
1611 .format-status .entry-content:before,
1612 .format-status .entry-meta:before {
1613         background: url(images/dotted-line.png) repeat-y left bottom;
1614         background-size: 4px 4px;
1615         content: "";
1616         display: block;
1617         height: 100%;
1618         position: absolute;
1619         left: 10px;
1620         top: 0;
1621         width: 1px;
1622 }
1623
1624 .sidebar .format-status .entry-content:before,
1625 .sidebar .format-status .entry-meta:before {
1626         left: 70px;
1627 }
1628
1629 .format-status .categories-links,
1630 .format-status .tags-links {
1631         display: none;
1632 }
1633
1634 /* Ensures the dots in the dot background are in lockstep. */
1635 .format-status .entry-meta:before {
1636         background-position: left top;
1637 }
1638
1639 .format-status .entry-content {
1640         color: #f7f5e7;
1641         font-size: 24px;
1642         font-style: italic;
1643         font-weight: 300;
1644         padding-bottom: 30px;
1645         padding-top: 40px;
1646         position: relative;
1647 }
1648
1649 .format-status .entry-content p:first-child:before {
1650         background-color: rgba(0, 0, 0, 0.65);
1651         content: "";
1652         height: 3px;
1653         margin-top: 13px;
1654         position: absolute;
1655         left: 4px;
1656         width: 13px;
1657 }
1658
1659 .sidebar .format-status .entry-content > p:first-child:before {
1660         left: 64px;
1661 }
1662
1663 .format-status .entry-content p:last-child {
1664         margin-bottom: 0;
1665 }
1666
1667 .format-status .entry-meta {
1668         margin-top: 0;
1669         padding-bottom: 40px;
1670 }
1671
1672 .format-status .entry-meta .date a:before {
1673         content: "\f105";
1674 }
1675
1676 /* Video */
1677 .format-video {
1678         background-color: #db572f;
1679 }
1680
1681 .format-video .entry-content a,
1682 .format-video .entry-meta a,
1683 .format-video .entry-content a:hover,
1684 .format-video .entry-meta a:hover {
1685         color: #fbfaf3;
1686 }
1687
1688 .format-video .entry-title {
1689         font-size: 50px;
1690         font-weight: 400;
1691 }
1692
1693 .format-video .entry-meta {
1694         color: #220e10;
1695 }
1696
1697
1698 /**
1699  * 5.6 Attachments
1700  * ----------------------------------------------------------------------------
1701  */
1702
1703 .attachment .hentry {
1704         background-color: #e8e5ce;
1705         margin: 0;
1706         padding: 0;
1707 }
1708
1709 .attachment .entry-header {
1710         margin-bottom: 0;
1711         max-width: 1040px;
1712         padding: 30px 0;
1713 }
1714
1715 .attachment .entry-title {
1716         display: inline-block;
1717         float: left;
1718         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
1719         margin: 0;
1720 }
1721
1722 .attachment .entry-title:before {
1723         content: "\f416";
1724         font-size: 32px;
1725         margin-right: 10px;
1726 }
1727
1728 .attachment .entry-meta {
1729         clear: none;
1730         color: inherit;
1731         float: right;
1732         max-width: 604px;
1733         padding: 9px 0 0;
1734         text-align: right;
1735 }
1736
1737 .hentry.attachment:not(.image-attachment) .entry-meta {
1738         max-width: 104px;
1739 }
1740
1741 .attachment footer.entry-meta,
1742 .single-attachment .site-main .sidebar-container {
1743         display: none;
1744 }
1745
1746 .attachment-meta:before {
1747         content: "\f307";
1748 }
1749
1750 .full-size-link a:before {
1751         content: "\f402";
1752 }
1753
1754 .full-size-link:before {
1755         content: none;
1756 }
1757
1758 .attachment .entry-meta a,
1759 .attachment .entry-meta .edit-link:before,
1760 .attachment .full-size-link:before {
1761         color: #ca3c08;
1762 }
1763
1764 .attachment .entry-content {
1765         background-color: #fff;
1766         max-width: 100%;
1767         padding: 40px 0;
1768 }
1769
1770 .image-navigation {
1771         margin: 0 auto;
1772         max-width: 1040px;
1773         position: relative;
1774 }
1775
1776 .image-navigation a:hover {
1777         text-decoration: none;
1778 }
1779
1780 .image-navigation .nav-previous,
1781 .image-navigation .nav-next {
1782         position: absolute;
1783         top: 50px;
1784 }
1785
1786 .image-navigation .nav-previous {
1787         left: 0;
1788 }
1789
1790 .image-navigation .nav-next {
1791         right: 0;
1792 }
1793
1794 .image-navigation .meta-nav {
1795         font-size: 32px;
1796         font-weight: 300;
1797         vertical-align: -4px;
1798 }
1799
1800 .attachment .entry-attachment,
1801 .attachment p.attachment {
1802         margin: 0 auto;
1803         max-width: 724px;
1804         text-align: center;
1805 }
1806
1807 .attachment .entry-attachment .attachment {
1808         display: inline-block;
1809 }
1810
1811 .attachment .entry-caption {
1812         text-align: left;
1813 }
1814
1815 .attachment .entry-description {
1816         margin: 20px auto 0;
1817         max-width: 604px;
1818 }
1819
1820 .attachment .entry-caption p:last-child,
1821 .attachment .entry-description p:last-child {
1822         margin: 0;
1823 }
1824
1825
1826 /**
1827  * 5.7 Post/Paging Navigation
1828  * ----------------------------------------------------------------------------
1829  */
1830
1831 .navigation .nav-previous {
1832         float: left;
1833 }
1834
1835 .navigation .nav-next {
1836         float: right;
1837 }
1838
1839 .navigation a {
1840         color: #bc360a;
1841 }
1842
1843 .navigation a:hover {
1844         color: #ea9629;
1845         text-decoration: none;
1846 }
1847
1848 .paging-navigation {
1849         background-color: #e8e5ce;
1850         padding: 40px 0;
1851 }
1852
1853 .paging-navigation .nav-links {
1854         margin: 0 auto;
1855         max-width: 604px;
1856         width: 100%;
1857 }
1858
1859 .sidebar .paging-navigation .nav-links {
1860         max-width: 1040px;
1861         padding: 0 376px 0 60px;
1862 }
1863
1864 .paging-navigation .nav-next {
1865         padding: 13px 0;
1866 }
1867
1868 .paging-navigation a {
1869         font-size: 22px;
1870         font-style: italic;
1871         font-weight: 300;
1872 }
1873
1874 .paging-navigation .meta-nav {
1875         background-color: #e63f2a;
1876         border-radius: 50%;
1877         color: #fff;
1878         display: inline-block;
1879         font-size: 26px;
1880         padding: 3px 0 8px;
1881         text-align: center;
1882         width: 50px;
1883 }
1884
1885 .paging-navigation .nav-previous .meta-nav {
1886         margin-right: 10px;
1887         padding: 17px 0 23px;
1888         width: 80px;
1889 }
1890
1891 .paging-navigation .nav-next .meta-nav {
1892         margin-left: 10px;
1893 }
1894
1895 .paging-navigation a:hover .meta-nav {
1896         background-color: #ea9629;
1897         text-decoration: none;
1898 }
1899
1900 .post-navigation {
1901         background-color: #fff;
1902         color: #ca3c08;
1903         font-size: 20px;
1904         font-style: italic;
1905         font-weight: 300;
1906         padding: 20px 0;
1907 }
1908
1909 .post-navigation .nav-links {
1910         margin: 0 auto;
1911         max-width: 1040px;
1912 }
1913
1914 .sidebar .post-navigation .nav-links {
1915         padding: 0 376px 0 60px;
1916 }
1917
1918 .post-navigation a[rel="next"] {
1919         float: right;
1920         text-align: right;
1921 }
1922
1923
1924 /**
1925  * 5.8 Author Bio
1926  * ----------------------------------------------------------------------------
1927  */
1928
1929 .author-info {
1930         margin: 0 auto;
1931         max-width: 604px;
1932         padding: 30px 0 10px;
1933         text-align: left; /* gallery & video post formats */
1934         width: 100%;
1935 }
1936
1937 .author.sidebar .author-info {
1938         max-width: 1040px;
1939         padding: 30px 376px 10px 60px;
1940 }
1941
1942 .single .author-info {
1943         padding: 50px 0 0;
1944 }
1945
1946 .author-avatar .avatar {
1947         float: left;
1948         margin: 0 30px 30px 0;
1949 }
1950
1951 .single-format-status .author-description {
1952         color: #f7f5e7;
1953 }
1954
1955 .author-description .author-title {
1956         clear: none;
1957         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
1958         margin: 0 0 8px;
1959 }
1960
1961 .author-link {
1962         color: #ca3c08;
1963         margin-left: 2px;
1964 }
1965
1966 .author.archive .author-link {
1967         display: none;
1968 }
1969
1970
1971 /**
1972  * 5.9 Archives
1973  * ----------------------------------------------------------------------------
1974  */
1975
1976 .archive-header {
1977         background-color: #e8e5ce;
1978 }
1979
1980 .archive-title,
1981 .archive-meta {
1982         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
1983         margin: 0 auto;
1984         max-width: 1040px;
1985         padding: 30px 0;
1986         width: 100%;
1987 }
1988
1989 .archive-meta {
1990         font-size: 16px;
1991         font-style: normal;
1992         font-weight: normal;
1993         margin-top: -15px;
1994         padding: 0 0 11px;
1995 }
1996
1997 .sidebar .archive-meta {
1998         padding-right: 316px;
1999 }
2000
2001
2002 /**
2003  * 5.10 Search Results/No posts
2004  * ----------------------------------------------------------------------------
2005  */
2006
2007 .page-header {
2008         background-color: #e8e5ce;
2009 }
2010
2011 .page-title {
2012         font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
2013         margin: 0 auto;
2014         max-width: 1040px;
2015         padding: 30px 0;
2016         width: 100%;
2017 }
2018
2019 .page-content {
2020         margin: 0 auto;
2021         max-width: 604px;
2022         padding: 40px 0;
2023         width: 100%;
2024 }
2025
2026 .sidebar .page-content {
2027         margin: 0 auto;
2028         max-width: 1040px;
2029         padding: 40px 376px 40px 60px;
2030 }
2031
2032
2033 /**
2034  * 5.11 404
2035  * ----------------------------------------------------------------------------
2036  */
2037
2038 .error404 .page-header {
2039         background-color: #fff;
2040 }
2041
2042 .error404 .page-title {
2043         line-height: 0.6;
2044         margin: 0;
2045         padding: 300px;
2046         position: relative;
2047         text-align: center;
2048         width: auto;
2049 }
2050
2051 .error404 .page-title:before {
2052         color: #e8e5ce;
2053         content: "\f423";
2054         font-size: 964px;
2055         line-height: 0.6;
2056         overflow: hidden;
2057         position: absolute;
2058         left: 7px;
2059         top: 28px;
2060 }
2061
2062 .error404 .page-wrapper {
2063         background-color: #e8e5ce;
2064 }
2065
2066 .error404 .page-header,
2067 .error404 .page-content {
2068         margin: 0 auto;
2069         max-width: 1040px;
2070         padding-bottom: 40px;
2071         width: 100%;
2072 }
2073
2074
2075 /**
2076  * 5.12 Comments
2077  * ----------------------------------------------------------------------------
2078  */
2079
2080 .comments-title,
2081 .comment-list,
2082 .comment-reply-title,
2083 .must-log-in,
2084 .comment-respond .comment-form,
2085 .comment-respond iframe {
2086         display: block;
2087         margin-left: auto;
2088         margin-right: auto;
2089         max-width: 604px;
2090         width: 100%;
2091 }
2092
2093 .sidebar .comments-title,
2094 .sidebar .comment-list,
2095 .sidebar .must-log-in,
2096 .sidebar .comment-reply-title,
2097 .sidebar .comment-navigation,
2098 .sidebar .comment-respond .comment-form {
2099         max-width: 1040px;
2100         padding-left: 60px;
2101         padding-right: 376px;
2102 }
2103
2104 .comments-title {
2105         font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
2106 }
2107
2108 .comment-list,
2109 .comment-list .children {
2110         list-style-type: none;
2111         padding: 0;
2112 }
2113
2114 .comment-list .children {
2115         margin-left: 20px;
2116 }
2117
2118 .comment-list > li:after,
2119 .comment-list .children > li:before {
2120         background: url(images/dotted-line.png) repeat left top;
2121         background-size: 4px 4px;
2122         content: "";
2123         display: block;
2124         height: 1px;
2125         width: 100%;
2126 }
2127
2128 .comment-list > li:last-child:after {
2129         display: none;
2130 }
2131
2132 .comment-body {
2133         padding: 24px 0;
2134         position: relative;
2135 }
2136
2137 .comment-author {
2138         float: left;
2139         max-width: 74px;
2140 }
2141
2142 .comment-author .avatar {
2143         display: block;
2144         margin-bottom: 10px;
2145 }
2146
2147 .comment-author .fn {
2148         word-wrap: break-word;
2149 }
2150
2151 .comment-author .fn,
2152 .comment-author .url,
2153 .comment-reply-link,
2154 .comment-reply-login {
2155         color: #bc360a;
2156         font-size: 14px;
2157         font-style: normal;
2158         font-weight: normal;
2159 }
2160
2161 .says {
2162         display: none;
2163 }
2164
2165 .no-avatars .comment-author {
2166         margin: 0 0 5px;
2167         max-width: 100%;
2168         position: relative;
2169 }
2170
2171 .no-avatars .comment-metadata,
2172 .no-avatars .comment-content,
2173 .no-avatars .comment-list .reply {
2174         width: 100%;
2175 }
2176
2177 .bypostauthor > .comment-body .fn:before {
2178         content: "\f408";
2179         vertical-align: text-top;
2180 }
2181
2182 .comment-list .edit-link {
2183         margin-left: 20px;
2184 }
2185
2186 .comment-metadata,
2187 .comment-awaiting-moderation,
2188 .comment-content,
2189 .comment-list .reply {
2190         float: right;
2191         width: 79%;
2192         width: -webkit-calc(100% - 124px);
2193         width:         calc(100% - 124px);
2194 }
2195
2196 .comment-meta,
2197 .comment-meta a {
2198         color: #a2a2a2;
2199         font-size: 13px;
2200 }
2201
2202 .comment-meta a:hover {
2203         color: #ea9629;
2204 }
2205
2206 .comment-metadata {
2207         margin-bottom: 20px;
2208 }
2209
2210 .ping-meta {
2211         color: #a2a2a2;
2212         font-size: 13px;
2213         line-height: 2;
2214 }
2215
2216 .comment-awaiting-moderation {
2217         color: #a2a2a2;
2218 }
2219
2220 .comment-awaiting-moderation:before {
2221         content: "\f414";
2222         margin-right: 5px;
2223         position: relative;
2224         top: -2px;
2225 }
2226
2227 .comment-reply-link:before,
2228 .comment-reply-login:before {
2229         content: "\f412";
2230         margin-right: 3px;
2231 }
2232
2233 /* Comment form */
2234 .comment-respond {
2235         background-color: #f7f5e7;
2236         padding: 30px 0;
2237 }
2238
2239 .comment .comment-respond {
2240         margin-bottom: 20px;
2241         padding: 20px;
2242 }
2243
2244 .comment-reply-title {
2245         font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
2246 }
2247
2248 .comment-reply-title small a {
2249         color: #131310;
2250         display: inline-block;
2251         float: right;
2252         height: 16px;
2253         overflow: hidden;
2254         width: 16px;
2255 }
2256
2257 .comment-reply-title small a:hover {
2258         color: #ed331c;
2259         text-decoration: none;
2260 }
2261
2262 .comment-reply-title small a:before {
2263         content: "\f406";
2264         vertical-align: top;
2265 }
2266
2267 .sidebar .comment-list .comment-reply-title,
2268 .sidebar .comment-list .comment-respond .comment-form {
2269         padding: 0;
2270 }
2271
2272 .comment-form .comment-notes {
2273         margin-bottom: 15px;
2274 }
2275
2276 .comment-form .comment-form-author,
2277 .comment-form .comment-form-email,
2278 .comment-form .comment-form-url {
2279         margin-bottom: 8px;
2280 }
2281
2282 .comment-form [for="author"],
2283 .comment-form [for="email"],
2284 .comment-form [for="url"],
2285 .comment-form [for="comment"] {
2286         float: left;
2287         padding: 5px 0;
2288         width: 120px;
2289 }
2290
2291 .comment-form .required {
2292         color: #ed331c;
2293 }
2294
2295 .comment-form input[type="text"],
2296 .comment-form input[type="email"],
2297 .comment-form input[type="url"] {
2298         max-width: 270px;
2299         width: 60%;
2300 }
2301
2302 .comment-form textarea {
2303         width: 100%;
2304 }
2305
2306 .form-allowed-tags,
2307 .form-allowed-tags code {
2308         color: #686758;
2309         font-size: 12px;
2310 }
2311
2312 .form-allowed-tags code {
2313         font-size: 10px;
2314         margin-left: 3px;
2315 }
2316
2317 .comment-list .pingback,
2318 .comment-list .trackback {
2319         padding-top: 24px;
2320 }
2321
2322 .comment-navigation {
2323         font-size: 20px;
2324         font-style: italic;
2325         font-weight: 300;
2326         margin: 0 auto;
2327         max-width: 604px;
2328         padding: 20px 0 30px;
2329         width: 100%;
2330 }
2331
2332 .no-comments {
2333         background-color: #f7f5e7;
2334         font-size: 20px;
2335         font-style: italic;
2336         font-weight: 300;
2337         margin: 0;
2338         padding: 40px 0;
2339         text-align: center;
2340 }
2341
2342 .sidebar .no-comments {
2343         padding-left: 60px;
2344         padding-right: 376px;
2345 }
2346
2347
2348 /**
2349  * 5.13 Multisite
2350  * ----------------------------------------------------------------------------
2351  */
2352
2353 .site-main .mu_register {
2354         margin: 0 auto;
2355         max-width: 604px;
2356         width: 100%;
2357 }
2358
2359 .mu_alert {
2360         margin-top: 25px;
2361 }
2362
2363 .site-main .mu_register input[type="submit"],
2364 .site-main .mu_register #blog_title,
2365 .site-main .mu_register #user_email,
2366 .site-main .mu_register #blogname,
2367 .site-main .mu_register #user_name {
2368         font-size: inherit;
2369         width: 270px;
2370 }
2371
2372 .site-main .mu_register input[type="submit"] {
2373         width: auto;
2374 }
2375
2376
2377 /**
2378  * 6.0 Sidebar
2379  * ----------------------------------------------------------------------------
2380  */
2381
2382 .site-main .widget-area {
2383         float: right;
2384         width: 300px;
2385 }
2386
2387
2388 /**
2389  * 6.1 Widgets
2390  * ----------------------------------------------------------------------------
2391  */
2392
2393 .widget {
2394         background-color: rgba(247, 245, 231, 0.7);
2395         font-size: 14px;
2396         -webkit-hyphens: auto;
2397         -moz-hyphens:    auto;
2398         -ms-hyphens:     auto;
2399         hyphens:         auto;
2400         margin: 0 0 24px;
2401         padding: 20px;
2402         word-wrap: break-word;
2403 }
2404
2405 .widget .widget-title {
2406         font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
2407         margin: 0 0 10px;
2408 }
2409
2410 .widget ul,
2411 .widget ol {
2412         list-style-type: none;
2413         margin: 0;
2414         padding: 0;
2415 }
2416
2417 .widget li {
2418         padding: 5px 0;
2419 }
2420
2421 .widget .children li:last-child {
2422         padding-bottom: 0;
2423 }
2424
2425 .widget li > ul,
2426 .widget li > ol {
2427         margin-left: 20px;
2428 }
2429
2430 .widget a {
2431         color: #bc360a;
2432 }
2433
2434 .widget a:hover {
2435         color: #ea9629;
2436 }
2437
2438 /* Search widget */
2439 .search-form .search-submit {
2440         display: none;
2441 }
2442
2443 /* RSS Widget */
2444 .widget_rss .rss-date {
2445         display: block;
2446 }
2447
2448 .widget_rss .rss-date,
2449 .widget_rss li > cite {
2450         color: #a2a2a2;
2451 }
2452
2453 /* Calendar Widget */
2454 .widget_calendar table,
2455 .widget_calendar td {
2456         border: 0;
2457         border-collapse: separate;
2458         border-spacing: 1px;
2459 }
2460
2461 .widget_calendar caption {
2462         font-size: 14px;
2463         margin: 0;
2464 }
2465
2466 .widget_calendar th,
2467 .widget_calendar td {
2468         padding: 0;
2469         text-align: center;
2470 }
2471
2472 .widget_calendar a {
2473         display: block;
2474 }
2475
2476 .widget_calendar a:hover {
2477         background-color: rgba(0, 0, 0, 0.15);
2478 }
2479
2480 .widget_calendar tbody td {
2481         background-color: rgba(255, 255, 255, 0.5);
2482 }
2483
2484 .site-footer .widget_calendar tbody td {
2485         background-color: rgba(255, 255, 255, 0.05);
2486 }
2487
2488 .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
2489         background-color: transparent;
2490 }
2491
2492
2493 /**
2494  * 7.0 Footer
2495  * ----------------------------------------------------------------------------
2496  */
2497
2498 .site-footer {
2499         background-color: #e8e5ce;
2500         color: #686758;
2501         font-size: 14px;
2502         text-align: center;
2503 }
2504
2505 .site-footer .widget-area,
2506 .sidebar .site-footer {
2507         text-align: left;
2508 }
2509
2510 .site-footer a {
2511         color: #686758;
2512 }
2513
2514 .site-footer .sidebar-container {
2515         background-color: #220e10;
2516         padding: 20px 0;
2517 }
2518
2519 .site-footer .widget-area {
2520         margin: 0 auto;
2521         max-width: 1040px;
2522         width: 100%;
2523 }
2524
2525 .sidebar .site-footer .widget-area {
2526         max-width: 724px;
2527         position: relative;
2528         left: -158px;
2529 }
2530
2531 .site-footer .widget {
2532         background: transparent;
2533         color: #fff;
2534         float: left;
2535         margin-right: 20px;
2536         width: 245px;
2537 }
2538
2539 .sidebar .site-footer .widget {
2540         width: 228px;
2541 }
2542
2543 .sidebar .site-footer .widget:nth-of-type(4),
2544 .sidebar .site-footer .widget:nth-of-type(3) {
2545         margin-right: 0;
2546 }
2547
2548 .site-footer .widget a {
2549         color: #e6402a;
2550 }
2551
2552 .site-footer .widget-title,
2553 .site-footer .widget-title a,
2554 .site-footer .wp-caption-text {
2555         color: #fff;
2556 }
2557
2558 .site-info {
2559         margin: 0 auto;
2560         max-width: 1040px;
2561         padding: 30px 0;
2562         width: 100%;
2563 }
2564
2565 #wpstats {
2566         display: block;
2567         margin: -10px auto 0;
2568 }
2569
2570
2571 /**
2572  * 8.0 Media Queries
2573  * ----------------------------------------------------------------------------
2574  */
2575
2576 @media (max-width: 1599px) {
2577         .site {
2578                 border: 0;
2579         }
2580 }
2581
2582 @media (max-width: 1069px) {
2583         .sidebar img.alignleft,
2584         .sidebar .wp-caption.alignleft {
2585                 margin-left: 0;
2586         }
2587
2588         .sidebar img.alignright,
2589         .sidebar .wp-caption.alignright {
2590                 margin-right: 0;
2591         }
2592
2593         .error404 .page-header {
2594                 margin-left: auto;
2595                 max-width: 604px;
2596                 width: 100%;
2597         }
2598
2599         .archive-header,
2600         .search .page-header,
2601         .archive .page-header,
2602         .blog .page-header,
2603         .error404 .page-content,
2604         .search .page-content,
2605         .archive .page-content,
2606         .attachment .entry-header,
2607         .attachment .entry-content,
2608         .post-navigation .nav-links,
2609         .sidebar .site-info,
2610         .site-footer .widget-area {
2611                 padding-left: 20px;
2612                 padding-right: 20px;
2613         }
2614
2615         .error404 .page-title {
2616                 font-size: 24px;
2617                 padding: 180px;
2618         }
2619
2620         .error404 .page-title:before {
2621                 font-size: 554px;
2622         }
2623
2624         .attachment .image-navigation {
2625                 max-width: 724px;
2626         }
2627
2628         .image-navigation .nav-previous,
2629         .image-navigation .nav-next {
2630                 position: static;
2631         }
2632
2633         .site-main .widget-area {
2634                 margin-right: 60px;
2635         }
2636 }
2637
2638 @media (max-width: 999px) {
2639         .sidebar .entry-header,
2640         .sidebar .entry-content,
2641         .sidebar .entry-summary,
2642         .sidebar .entry-meta,
2643         .sidebar .comment-list,
2644         .sidebar .comment-reply-title,
2645         .sidebar .comment-navigation,
2646         .sidebar .comment-respond .comment-form,
2647         .sidebar .featured-gallery,
2648         .sidebar .post-navigation .nav-links,
2649         .author.sidebar .author-info {
2650                 max-width: 604px;
2651                 padding-left: 0;
2652                 padding-right: 0;
2653         }
2654
2655         .sidebar .site-info,
2656         .search.sidebar .page-content,
2657         .blog.sidebar .page-content,
2658         .attachment .entry-header,
2659         .sidebar .comments-title {
2660                 max-width: 604px;
2661         }
2662
2663         .sidebar .archive-meta,
2664         .attachment .entry-header,
2665         .search.sidebar .page-content,
2666         .blog.sidebar .page-content,
2667         .sidebar .site-info,
2668         .sidebar .comments-title,
2669         .sidebar .no-comments {
2670                 padding-left: 0;
2671                 padding-right: 0;
2672         }
2673
2674         .attachment .entry-meta {
2675                 float: left;
2676                 text-align: left;
2677                 width: 100%;
2678         }
2679
2680         .attachment .entry-content {
2681                 max-width: 100%;
2682                 padding: 40px 0;
2683         }
2684
2685         .format-status .entry-content {
2686                 padding-top: 40px;
2687         }
2688
2689         .format-status .entry-meta {
2690                 padding-bottom: 40px;
2691         }
2692
2693         .sidebar .format-status .entry-content,
2694         .sidebar .format-status .entry-meta {
2695                 padding-left: 35px;
2696         }
2697
2698         .sidebar .format-status .entry-content:before,
2699         .sidebar .format-status .entry-meta:before {
2700                 left: 10px;
2701         }
2702
2703         .sidebar .format-status .entry-content p:first-child:before {
2704                 left: 4px;
2705         }
2706
2707         .sidebar .paging-navigation .nav-links {
2708                 padding: 0 60px;
2709         }
2710
2711         .site-main .sidebar-container {
2712                 height: auto;
2713                 margin: 0 auto;
2714                 max-width: 604px;
2715                 position: relative;
2716                 top: 20px;
2717         }
2718
2719         .site-main .widget-area {
2720                 float: none;
2721                 margin: 0;
2722                 width: 100%;
2723         }
2724
2725         .sidebar .site-footer .widget-area {
2726                 max-width: 100%;
2727                 left: 0;
2728         }
2729 }
2730
2731 /* Collapse oversized image and pulled images after iPad breakpoint. */
2732 @media (max-width: 767px) {
2733         .entry-content img.alignleft,
2734         .entry-content .wp-caption.alignleft {
2735                 margin-left: 0;
2736         }
2737
2738         .entry-content img.alignright,
2739         .entry-content .wp-caption.alignright {
2740                 margin-right: 0;
2741         }
2742
2743         .attachment .image-navigation,
2744         .attachment .entry-attachment .attachment {
2745                 max-width: 604px;
2746                 padding: 0;
2747                 width: 100%;
2748         }
2749
2750         .gallery-caption {
2751                 display: none;
2752         }
2753 }
2754
2755 @media (max-width: 643px) {
2756         .site-title {
2757                 font-size: 30px;
2758         }
2759
2760         #content .entry-header,
2761         #content .entry-content,
2762         #content .entry-summary,
2763         #content footer.entry-meta,
2764         #content .featured-gallery,
2765         .search.sidebar .page-content,
2766         .blog.sidebar .page-content,
2767         .sidebar .post-navigation .nav-links,
2768         .paging-navigation .nav-links,
2769         #content .author-info,
2770         .comments-area .comments-title,
2771         .comments-area .comment-list,
2772         .comments-area .comment-navigation,
2773         .comment-respond,
2774         .sidebar .site-info,
2775         .sidebar .paging-navigation .nav-links {
2776                 padding-left: 20px;
2777                 padding-right: 20px;
2778         }
2779
2780         #content .format-status .entry-content,
2781         #content .format-status .entry-met {
2782                 padding-left: 35px;
2783         }
2784
2785         /* Small menu */
2786         .menu-toggle {
2787                 cursor: pointer;
2788                 display: inline-block;
2789                 font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
2790                 margin: 0;
2791                 padding: 12px 0 12px 20px;
2792         }
2793
2794         .menu-toggle:after {
2795                 content: "\f502";
2796                 font-size: 12px;
2797                 padding-left: 8px;
2798                 vertical-align: -4px;
2799         }
2800
2801         .toggled-on .menu-toggle:after {
2802                 content: "\f500";
2803                 vertical-align: 2px;
2804         }
2805
2806         .toggled-on .nav-menu,
2807         .toggled-on .nav-menu > ul {
2808                 display: block;
2809                 margin-left: 0;
2810                 padding: 0;
2811                 width: 100%;
2812         }
2813
2814         .toggled-on li,
2815         .toggled-on .children {
2816                 display: block;
2817         }
2818
2819         .toggled-on .nav-menu li > ul {
2820                 background-color: transparent;
2821                 display: block;
2822                 float: none;
2823                 margin-left: 20px;
2824                 position: relative;
2825                 left: auto;
2826                 top: auto;
2827         }
2828
2829         .toggled-on .nav-menu li > ul a {
2830                 color: #141412;
2831                 width: auto;
2832         }
2833
2834         .toggled-on .nav-menu li:hover > a,
2835         .toggled-on .nav-menu .children a {
2836                 background-color: transparent;
2837                 color: #141412;
2838         }
2839
2840         .toggled-on .nav-menu li a:hover,
2841         .toggled-on .nav-menu ul a:hover {
2842                 background-color: #db572f;
2843                 color: #fff;
2844         }
2845
2846         ul.nav-menu,
2847         div.nav-menu > ul {
2848                 display: none;
2849         }
2850
2851         #content .featured-gallery {
2852                 padding-left: 24px;
2853         }
2854
2855         .gallery-columns-1 .gallery-item {
2856                 margin-right: 0;
2857                 width: 100%;
2858         }
2859
2860         .entry-title,
2861         .format-chat .entry-title,
2862         .format-image .entry-title,
2863         .format-gallery .entry-title,
2864         .format-video .entry-title {
2865                 font-size: 22px;
2866                 font-weight: bold;
2867         }
2868
2869         .format-quote blockquote,
2870         .format-status .entry-content {
2871                 font-size: 18px;
2872         }
2873
2874         .format-quote blockquote small,
2875         .format-quote blockquote cite {
2876                 font-size: 13px;
2877         }
2878
2879         .error404 .page-title {
2880                 padding: 40px 0 0;
2881         }
2882
2883         .error404 .page-title:before {
2884                 content: normal;
2885         }
2886
2887         .comment-author {
2888                 margin-right: 30px;
2889         }
2890
2891         .comment-author .avatar {
2892                 height: auto;
2893                 max-width: 100%;
2894         }
2895
2896         .comment-metadata,
2897         .comment-content,
2898         .comment-list .reply {
2899                 width: 70%;
2900                 width: -webkit-calc(100% - 104px);
2901                 width:         calc(100% - 104px);
2902         }
2903
2904         .comment-form input[type="text"],
2905         .comment-form input[type="email"],
2906         .comment-form input[type="url"] {
2907                 width: -webkit-calc(100% - 120px);
2908                 width:         calc(100% - 120px);
2909         }
2910
2911         .comment-form textarea {
2912                 height: 80px; /* Smaller field for mobile. */
2913         }
2914
2915         /* Audio */
2916         .format-audio .entry-content:before {
2917                 display: none;
2918         }
2919
2920         .format-audio .audio-content {
2921                 background-image: none;
2922                 float: none;
2923                 padding-left: 0;
2924                 width: auto;
2925         }
2926 }
2927
2928 /* Mobile devices */
2929 @media (max-width: 359px) {
2930         .gallery {
2931                 margin-left: 0;
2932         }
2933
2934         .gallery .gallery-item,
2935         .gallery-columns-2.gallery-size-thumbnail .gallery-item {
2936                 max-width: none;
2937                 width: 49%;
2938                 width: -webkit-calc(50% - 4px);
2939                 width:         calc(50% - 4px);
2940         }
2941
2942         .gallery-columns-1.gallery-size-medium,
2943         .gallery-columns-1.gallery-size-thumbnail,
2944         .gallery-columns-2.gallery-size-thumbnail,
2945         .gallery-columns-3.gallery-size-thumbnail {
2946                 display: block;
2947         }
2948
2949         .gallery-columns-1 .gallery-item,
2950         .gallery-columns-1.gallery-size-medium .gallery-item,
2951         .gallery-columns-1.gallery-size-thumbnail .gallery-item {
2952                 text-align: center;
2953                 width: 98%;
2954                 width: -webkit-calc(100% - 4px);
2955                 width:         calc(100% - 4px);
2956         }
2957
2958         .gallery-columns-3 .gallery-item:nth-of-type(3n),
2959         .gallery-columns-5 .gallery-item:nth-of-type(5n),
2960         .gallery-columns-7 .gallery-item:nth-of-type(7n),
2961         .gallery-columns-9 .gallery-item:nth-of-type(9n) {
2962                 margin-right: 4px;
2963         }
2964
2965         .gallery br {
2966                 display: none;
2967         }
2968
2969         .gallery .gallery-item:nth-of-type(even) {
2970                 margin-right: 0;
2971         }
2972
2973         /* Comments */
2974         .comment-author {
2975                 margin: 0 0 5px;
2976                 max-width: 100%;
2977         }
2978
2979         .comment-author .avatar {
2980                 display: inline;
2981                 margin: 0 5px 0 0;
2982                 max-width: 20px;
2983         }
2984
2985         .comment-metadata,
2986         .comment-content,
2987         .comment-list .reply {
2988                 width: 100%;
2989         }
2990 }
2991
2992
2993 /**
2994  * 9.0 Print
2995  * ----------------------------------------------------------------------------
2996  */
2997
2998 /* Retina-specific styles. */
2999 @media print,
3000         (-o-min-device-pixel-ratio: 5/4),
3001         (-webkit-min-device-pixel-ratio: 1.25),
3002         (min-resolution: 120dpi) {
3003
3004         .site-header .search-field {
3005                 background-image: url(images/search-icon-2x.png);
3006         }
3007
3008         .format-audio .audio-content,
3009         .format-status .entry-content:before,
3010         .format-status .entry-meta:before,
3011         .comment-list > li:after,
3012         .comment-list .children > li:before {
3013                 background-image: url(images/dotted-line-2x.png);
3014         }
3015 }
3016
3017 @media print {
3018         body {
3019                 background: none !important;
3020                 color: #000;
3021                 font-size: 10pt;
3022         }
3023
3024         footer a[rel="bookmark"]:link:after,
3025         footer a[rel="bookmark"]:visited:after {
3026                 content: " [" attr(href) "] "; /* Show URLs */
3027         }
3028
3029         .site {
3030                 max-width: 98%;
3031         }
3032
3033         .site-header {
3034                 background-image: none !important;
3035         }
3036
3037         .site-header .home-link {
3038                 max-width: none;
3039                 min-height: 0;
3040         }
3041
3042         .site-title {
3043                 color: #000;
3044                 font-size: 21pt;
3045         }
3046
3047         .site-description {
3048                 font-size: 10pt;
3049         }
3050
3051         .author-avatar,
3052         .site-footer,
3053         .comment-respond,
3054         .comments-area .comment-edit-link,
3055         .comments-area .reply,
3056         .comments-link,
3057         .entry-meta .edit-link,
3058         .page-links,
3059         .site-content nav,
3060         .widget-area,
3061         .main-navigation,
3062         .navbar,
3063         .more-link {
3064                 display: none;
3065         }
3066
3067         .entry-header,
3068         .entry-content,
3069         .entry-summary,
3070         .entry-meta {
3071                 margin: 0;
3072                 width: 100%;
3073         }
3074
3075         .page-title,
3076         .entry-title {
3077                 font-size: 21pt;
3078         }
3079
3080         .entry-meta,
3081         .entry-meta a {
3082                 color: #444;
3083                 font-size: 10pt;
3084         }
3085
3086         .entry-content img.alignleft,
3087         .entry-content .wp-caption.alignleft {
3088                 margin-left: 0;
3089         }
3090
3091         .entry-content img.alignright,
3092         .entry-content .wp-caption.alignright {
3093                 margin-right: 0;
3094         }
3095
3096         .format-image .entry-content .size-full {
3097                 margin: 0;
3098         }
3099
3100         /* Remove colors from post formats */
3101         .hentry {
3102                 background-color: #fff;
3103         }
3104
3105         /* Comments */
3106         .comments-area > li.comment {
3107                 background: none;
3108                 position: relative;
3109                 width: auto;
3110         }
3111
3112         .comment-metadata {
3113                 float: none;
3114         }
3115
3116         .comment-author .fn,
3117         .comment-reply-link,
3118         .comment-reply-login {
3119                 color: #333;
3120         }
3121 }